The Post Grid - Version 5.0.0

Version Description

  • Added: 3 Gutenberg Blocks (Grid Layout, List Layout, and Grid Hover Layout) with 9 layouts for Post Grid
  • Fixed: Shortcode bug fixed
  • Fixed: Elementor control bug fix
  • Deprecated: The Post Grid Block (shortcode select) deprecated
Download this release

Release Info

Developer techlabpro1
Plugin Icon 128x128 The Post Grid
Version 5.0.0
Comparing to
See all releases

Code changes from version 4.2.3 to 5.0.0

Files changed (42) hide show
  1. README.txt +33 -30
  2. app/Controllers/Admin/NoticeController.php +55 -35
  3. app/Controllers/Admin/UpgradeController.php +5 -4
  4. app/Controllers/Api/ACFV1.php +50 -0
  5. app/Controllers/Api/FrontEndFilterV1.php +30 -0
  6. app/Controllers/Api/GetPostsV1.php +356 -0
  7. app/Controllers/Api/ImageSizeV1.php +25 -0
  8. app/Controllers/Api/RestApi.php +175 -0
  9. app/Controllers/Api/RttpgV1.php +330 -0
  10. app/Controllers/Blocks/BlockBase.php +265 -0
  11. app/Controllers/Blocks/BlockController/ContentTabController.php +338 -0
  12. app/Controllers/Blocks/BlockController/SettingsTabController.php +349 -0
  13. app/Controllers/Blocks/BlockController/StyleTabController.php +2480 -0
  14. app/Controllers/Blocks/GridHoverLayout.php +209 -0
  15. app/Controllers/Blocks/GridLayout.php +196 -0
  16. app/Controllers/Blocks/ListLayout.php +191 -0
  17. app/Controllers/BlocksController.php +437 -0
  18. app/Controllers/ElementorController.php +2 -2
  19. app/Controllers/GutenBergController.php +4 -1
  20. app/Controllers/Hooks/FilterHooks.php +18 -5
  21. app/Controllers/PageTemplateController.php +67 -0
  22. app/Controllers/ScriptController.php +4 -6
  23. app/Controllers/ShortcodeController.php +8 -3
  24. app/Helpers/Fns.php +226 -141
  25. app/Helpers/Options.php +28 -5
  26. app/RtTpg.php +34 -4
  27. app/Widgets/elementor/base.php +1 -1
  28. app/Widgets/elementor/rtTPGElementorHelper.php +208 -123
  29. app/Widgets/elementor/rtTPGElementorQuery.php +0 -223
  30. app/Widgets/elementor/widgets/grid-hover-layout-archive.php +2 -2
  31. app/Widgets/elementor/widgets/grid-hover-layout.php +3 -3
  32. app/Widgets/elementor/widgets/grid-layout-archive.php +2 -2
  33. app/Widgets/elementor/widgets/grid-layout.php +42 -38
  34. app/Widgets/elementor/widgets/list-layout-archive.php +2 -2
  35. app/Widgets/elementor/widgets/list-layout.php +3 -2
  36. app/Widgets/elementor/widgets/related-post.php +2 -2
  37. app/Widgets/elementor/widgets/slider-layout-archive.php +2 -2
  38. app/Widgets/elementor/widgets/slider-layout.php +7 -7
  39. assets/blocks/main.asset.php +1 -1
  40. assets/blocks/main.css +15 -1598
  41. assets/blocks/main.css.map +0 -1
  42. assets/blocks/main.js +0 -13166
README.txt CHANGED
@@ -1,19 +1,18 @@
1
- === The Post Grid – Shortcode, Elementor Addon for Post Grid ===
2
  Contributors: techlabpro1
3
  Donate link:
4
- Tags: post grid, content grid, post display, post slider, post grid elementor addon
5
- Requires at least: 4.5
6
- Tested up to: 6.0
7
- Stable tag: 4.2.3
8
  License: GPLv3
9
  License URI: http://www.gnu.org/licenses/gpl-3.0.html
10
 
11
- Post Grid Plugin allows you to create grid, list, filter and slider view. Post Grid Plugin is Easy to use as shortcode or Elementor Addon.
12
 
 
13
 
14
- 👉 [Plugin Demo](https://www.radiustheme.com/demo/plugins/the-post-grid/) | [Elementor Demo](https://www.radiustheme.com/demo/plugins/the-post-grid-elementor/) | [Documentation](https://www.radiustheme.com/docs/the-post-grid/) | [Get Pro](https://www.radiustheme.com/downloads/the-post-grid-pro-for-wordpress/) 👈
15
-
16
- == Post Grid – Shortcode and Elementor Addons for Post Grid ==
17
 
18
  [Post Grid](https://www.radiustheme.com/downloads/the-post-grid-pro-for-wordpress/) is the top popular plugin for creating the most elegant grids for any website with Shortcode or Post Grid Elementor Addons. It would be great for displaying blogs, menu items, and whatever else your website is meant to showcase. It is fully responsive and mobile friendly so that the grids you use it to create all look great on all devices.
19
 
@@ -33,25 +32,27 @@ Elementor Page Builder was the most popular page builder with over 7 million act
33
 
34
  [youtube https://www.youtube.com/watch?v=Px7c91A0W5Y]
35
 
 
 
 
 
 
 
36
  == 🏆 FEATURES ==
37
 
38
  - Fully responsive and mobile friendly.
39
- - 8 Different Layouts
40
  - Separate Elementor Addon
41
  - 3 Elementor Widgets
42
  - 9 Elementor Layouts
 
43
  - Generate Unlimited grid.
44
  - Excerpt limit in word or characters
45
  - User define excerpt ending(… )
46
  - Title and button color control
47
  - Image size & overlay control
48
- - Custom number of post per page.
49
- - Use posts or pages as the source
50
  - Display posts by any Taxonomy like category(s), tag(s), author(s), keyword(s)
51
  - Order by Id, Title, Created date, Modified date and Menu order.
52
  - Display image size (thumbnail, medium, large, full)
53
- - Isotope filter for any taxonomy ie. categories, tags…
54
- - Query Post with Relation.
55
  - Offset Field, to skip post from first.
56
  - Fields Selection.
57
  - Meta Icon Control.
@@ -188,19 +189,17 @@ You can manage the title color, font size, alignment and weight from the Title t
188
  - 12 New Layouts
189
  - 4 Elementor Widgets
190
  - 45 Elementor Layouts
 
 
191
  - Elementor Archive Builder for Post
192
- - Single Post layout Builder
193
  - Necessary widgets for archive page and single post builder
194
  - Advanced Custom Field support on single post
195
  - Post View Count
196
  - Even and Masonry Grid
197
- - WooCommerce supported
198
  - Custom Post Type Supported
199
  - Display posts by any Taxonomy like category(s), tag(s), author(s), keyword(s), Status and Date Range
200
  - Order by Id, Title, Created date, Modified date, Random, Comments Count and Menu order.
201
- - Isotope filter for any taxonomy ie. categories, tags…
202
- - Search field on Isotope.
203
- - Set Default Isotope Filter Button.
204
  - Disable Show All Button for Isotope Filter
205
  - Popup page Fields Selection.
206
  - Default image set option in Shortcode generator settings.
@@ -211,7 +210,6 @@ You can manage the title color, font size, alignment and weight from the Title t
211
  - Overlay color and opacity
212
  - AJAX Pagination (Number, Load more and Load on Scrolling))
213
  - Single popup and Popup with next preview.
214
- - Social Share on popup
215
  - Override default page template (Category, Tag, Search)
216
 
217
  === 🏆 Advanced Post Grid Plugin for Elementor Page Builder with Archive and Single Page Builder ===
@@ -349,13 +347,13 @@ With the Post Grid PRO, you get to use the Single Page Builder, which is based o
349
 
350
  == Screenshots ==
351
 
352
- 01. Layout 1
353
- 02. Layout 2 Single
354
- 03. Layout 2
355
- 04. Isotope Layout
356
- 05. Shortcode Post Source
357
- 06. Shortcode Layout Settings
358
- 07. Shortcode Field Selections
359
  08. Shortcode Style
360
  09. Elementor Widget list
361
  10. Elementor post grid widget
@@ -363,9 +361,15 @@ With the Post Grid PRO, you get to use the Single Page Builder, which is based o
363
 
364
  == Changelog ==
365
 
 
 
 
 
 
 
366
  = 4.2.3 =
367
- Remove: Remove Elementor deprecated widget
368
- Fixed: Calculate image srcset conflict
369
 
370
  = 4.2.2 =
371
  * Fixed: Post title hover color issue fix
@@ -419,7 +423,6 @@ Fixed: Calculate image srcset conflict
419
  * Fixed: Gutenberg block style fix
420
  * Improved: Merge and minify all css and improved assets loading
421
 
422
-
423
  = 4.0.5 =
424
  * Fixed: Shortcode Taxonomy filter bug fixed
425
 
1
+ === The Post Grid – Shortcode, Gutenberg Blocks & Elementor Addon for Post Grid ===
2
  Contributors: techlabpro1
3
  Donate link:
4
+ Tags: post grid, content grid, post block, post grid gutengerg block, post grid elementor addon
5
+ Requires at least: 5.0
6
+ Tested up to: 6.1
7
+ Stable tag: 5.0.0
8
  License: GPLv3
9
  License URI: http://www.gnu.org/licenses/gpl-3.0.html
10
 
11
+ Create post grid, post list, post filter and post slider. Post Grid Plugin is Easy to use as shortcode, Gutenberg Blocks or Elementor Addon.
12
 
13
+ 👉 [Plugin Demo](https://www.radiustheme.com/demo/plugins/the-post-grid/) | [Elementor Demo](https://www.radiustheme.com/demo/plugins/the-post-grid-elementor/) | [Gutenberg Demo](https://www.radiustheme.com/demo/plugins/the-post-grid-gutenberg/) | [Documentation](https://www.radiustheme.com/docs/the-post-grid/) | [Get Pro](https://www.radiustheme.com/downloads/the-post-grid-pro-for-wordpress/) 👈
14
 
15
+ == Post Grid Shortcode, Gutenberg Blocks and Elementor Addons for Post Grid ==
 
 
16
 
17
  [Post Grid](https://www.radiustheme.com/downloads/the-post-grid-pro-for-wordpress/) is the top popular plugin for creating the most elegant grids for any website with Shortcode or Post Grid Elementor Addons. It would be great for displaying blogs, menu items, and whatever else your website is meant to showcase. It is fully responsive and mobile friendly so that the grids you use it to create all look great on all devices.
18
 
32
 
33
  [youtube https://www.youtube.com/watch?v=Px7c91A0W5Y]
34
 
35
+ == 🏆 Gutenberg Post Grid Blocks ==
36
+ Gutenberg post grid blocks has multiple blocks like grid, list, grid hover, grid filer and slider blocks to display posts is different layouts. There are total 4 Gutenberg blocks inclide Grid Layout it has 9 additional layout variations, List Layout it is 7 layout variations, grid hover layout has 16 layout variations and slider layout has 13 layout variations. All grid, list and Grid hover layouts can turn into grid filder layouts.
37
+
38
+ [Gutenberg Demo](https://www.radiustheme.com/demo/plugins/the-post-grid-gutenberg/)
39
+
40
+
41
  == 🏆 FEATURES ==
42
 
43
  - Fully responsive and mobile friendly.
 
44
  - Separate Elementor Addon
45
  - 3 Elementor Widgets
46
  - 9 Elementor Layouts
47
+ - 4 Gutenberg Blocks
48
  - Generate Unlimited grid.
49
  - Excerpt limit in word or characters
50
  - User define excerpt ending(… )
51
  - Title and button color control
52
  - Image size & overlay control
 
 
53
  - Display posts by any Taxonomy like category(s), tag(s), author(s), keyword(s)
54
  - Order by Id, Title, Created date, Modified date and Menu order.
55
  - Display image size (thumbnail, medium, large, full)
 
 
56
  - Offset Field, to skip post from first.
57
  - Fields Selection.
58
  - Meta Icon Control.
189
  - 12 New Layouts
190
  - 4 Elementor Widgets
191
  - 45 Elementor Layouts
192
+ - 4 Gutenberg Blocks
193
+ - 45+ Gutenberg Blocks Layuot variation
194
  - Elementor Archive Builder for Post
195
+ - Elementor Single Post layout Builder
196
  - Necessary widgets for archive page and single post builder
197
  - Advanced Custom Field support on single post
198
  - Post View Count
199
  - Even and Masonry Grid
 
200
  - Custom Post Type Supported
201
  - Display posts by any Taxonomy like category(s), tag(s), author(s), keyword(s), Status and Date Range
202
  - Order by Id, Title, Created date, Modified date, Random, Comments Count and Menu order.
 
 
 
203
  - Disable Show All Button for Isotope Filter
204
  - Popup page Fields Selection.
205
  - Default image set option in Shortcode generator settings.
210
  - Overlay color and opacity
211
  - AJAX Pagination (Number, Load more and Load on Scrolling))
212
  - Single popup and Popup with next preview.
 
213
  - Override default page template (Category, Tag, Search)
214
 
215
  === 🏆 Advanced Post Grid Plugin for Elementor Page Builder with Archive and Single Page Builder ===
347
 
348
  == Screenshots ==
349
 
350
+ 01. Gutenberg Layout
351
+ 02. Gutenberg Controls
352
+ 03. Layout 1
353
+ 04. Layout 2 Single
354
+ 05. Isotope Layout
355
+ 06. Shortcode Post Source
356
+ 07. Shortcode Layout Settings
357
  08. Shortcode Style
358
  09. Elementor Widget list
359
  10. Elementor post grid widget
361
 
362
  == Changelog ==
363
 
364
+ = 5.0.0 =
365
+ * Added: 3 Gutenberg Blocks (Grid Layout, List Layout, and Grid Hover Layout) with 9 layouts for Post Grid
366
+ * Fixed: Shortcode bug fixed
367
+ * Fixed: Elementor control bug fix
368
+ * Deprecated: The Post Grid Block (shortcode select) deprecated
369
+
370
  = 4.2.3 =
371
+ * Remove: Remove Elementor deprecated widget
372
+ * Fixed: Calculate image srcset conflict
373
 
374
  = 4.2.2 =
375
  * Fixed: Post title hover color issue fix
423
  * Fixed: Gutenberg block style fix
424
  * Improved: Merge and minify all css and improved assets loading
425
 
 
426
  = 4.0.5 =
427
  * Fixed: Shortcode Taxonomy filter bug fixed
428
 
app/Controllers/Admin/NoticeController.php CHANGED
@@ -32,8 +32,19 @@ class NoticeController {
32
  }
33
 
34
  add_action( 'admin_init', [ __CLASS__, 'rttpg_notice' ] );
 
 
 
 
 
 
 
 
 
35
  }
36
 
 
 
37
  /**
38
  * Notice
39
  *
@@ -47,9 +58,12 @@ class NoticeController {
47
  $screen = get_current_screen();
48
 
49
  if ( isset( $settings['tpg_block_type'] ) ) {
50
- if ( in_array( $screen->id, [ 'edit-rttpg', 'rttpg' ], true ) && 'elementor' === $settings['tpg_block_type'] ) { ?>
51
- <div class="notice notice-for-warning">
52
- <p>
 
 
 
53
  <?php
54
  echo sprintf(
55
  '%1$s<a style="color: #fff;" href="%2$s">%3$s</a>',
@@ -58,15 +72,15 @@ class NoticeController {
58
  esc_html__( 'Settings => Common Settings => Resource Load Type', 'the-post-grid' )
59
  );
60
  ?>
61
- </p>
62
- </div>
63
  <?php
64
  }
65
 
66
  if ( 'edit-tpg_builder' === $screen->id && 'shortcode' === $settings['tpg_block_type'] ) {
67
  ?>
68
- <div class="notice notice-for-warning">
69
- <p>
70
  <?php
71
  echo sprintf(
72
  '%1$s<a style="color: #fff;" href="%2$s">%3$s</a>',
@@ -75,8 +89,8 @@ class NoticeController {
75
  esc_html__( 'Settings => Common Settings => Resource Load Type', 'the-post-grid' )
76
  );
77
  ?>
78
- </p>
79
- </div>
80
  <?php
81
  }
82
  }
@@ -116,15 +130,21 @@ class NoticeController {
116
  function () {
117
  $plugin_name = 'The Post Grid';
118
  $download_link = 'https://www.radiustheme.com/downloads/the-post-grid-pro-for-wordpress/'; ?>
119
- <div class="notice notice-info is-dismissible" data-rttpg-dismissable="rttpg_bf_2021" style="display:grid;grid-template-columns: 100px auto;padding-top: 25px; padding-bottom: 22px;">
120
- <img alt="<?php echo esc_attr( $plugin_name ); ?>" src="<?php echo esc_url( rtTPG()->get_assets_uri( 'images/icon-128x128.png' ) ); ?>" width="74px" height="74px" style="grid-row: 1 / 4; align-self: center;justify-self: center"/>
121
- <h3 style="margin:0;"><?php echo sprintf( '%s Black Friday Deal!!', esc_html( $plugin_name ) ); ?></h3>
122
- <p style="margin:0 0 2px;">Don't miss out on our biggest sale of the year! Get your <b><?php echo esc_html( $plugin_name ); ?> plan</b> with <b>UPTO 50% OFF</b>! Limited time offer expires on December 5.</p>
123
- <p style="margin:0;">
124
- <a class="button button-primary" href="<?php echo esc_url( $download_link ); ?>" target="_blank">Buy Now</a>
125
- <a class="button button-dismiss" href="#">Dismiss</a>
126
- </p>
127
- </div>
 
 
 
 
 
 
128
  <?php
129
  }
130
  );
@@ -133,23 +153,23 @@ class NoticeController {
133
  'admin_footer',
134
  function () {
135
  ?>
136
- <script type="text/javascript">
137
- ( function ( $ ) {
138
- $( function () {
139
- setTimeout( function () {
140
- $( 'div[data-rttpg-dismissable] .notice-dismiss, div[data-rttpg-dismissable] .button-dismiss' )
141
- .on( 'click', function ( e ) {
142
- e.preventDefault();
143
- $.post( ajaxurl, {
144
- 'action': 'rttpg_dismiss_admin_notice',
145
- 'nonce': <?php echo wp_json_encode( wp_create_nonce( 'rttpg-dismissible-notice' ) ); ?>
146
- } );
147
- $( e.target ).closest( '.is-dismissible' ).remove();
148
- } );
149
- }, 1000 );
150
- } );
151
- } )( jQuery );
152
- </script>
153
  <?php
154
  }
155
  );
32
  }
33
 
34
  add_action( 'admin_init', [ __CLASS__, 'rttpg_notice' ] );
35
+ add_filter( 'post_row_actions', [ $this, 'filter_post_row_actions' ], 11, 2 );
36
+ add_filter( 'page_row_actions', [ $this, 'filter_post_row_actions' ], 11, 2 );
37
+
38
+ }
39
+
40
+ public function filter_post_row_actions( $actions, $post ) {
41
+
42
+ // return $post->ID;
43
+ return $actions;
44
  }
45
 
46
+
47
+
48
  /**
49
  * Notice
50
  *
58
  $screen = get_current_screen();
59
 
60
  if ( isset( $settings['tpg_block_type'] ) ) {
61
+ if ( in_array( $screen->id, [
62
+ 'edit-rttpg',
63
+ 'rttpg'
64
+ ], true ) && 'elementor' === $settings['tpg_block_type'] ) { ?>
65
+ <div class="notice notice-for-warning">
66
+ <p>
67
  <?php
68
  echo sprintf(
69
  '%1$s<a style="color: #fff;" href="%2$s">%3$s</a>',
72
  esc_html__( 'Settings => Common Settings => Resource Load Type', 'the-post-grid' )
73
  );
74
  ?>
75
+ </p>
76
+ </div>
77
  <?php
78
  }
79
 
80
  if ( 'edit-tpg_builder' === $screen->id && 'shortcode' === $settings['tpg_block_type'] ) {
81
  ?>
82
+ <div class="notice notice-for-warning">
83
+ <p>
84
  <?php
85
  echo sprintf(
86
  '%1$s<a style="color: #fff;" href="%2$s">%3$s</a>',
89
  esc_html__( 'Settings => Common Settings => Resource Load Type', 'the-post-grid' )
90
  );
91
  ?>
92
+ </p>
93
+ </div>
94
  <?php
95
  }
96
  }
130
  function () {
131
  $plugin_name = 'The Post Grid';
132
  $download_link = 'https://www.radiustheme.com/downloads/the-post-grid-pro-for-wordpress/'; ?>
133
+ <div class="notice notice-info is-dismissible" data-rttpg-dismissable="rttpg_bf_2021"
134
+ style="display:grid;grid-template-columns: 100px auto;padding-top: 25px; padding-bottom: 22px;">
135
+ <img alt="<?php echo esc_attr( $plugin_name ); ?>"
136
+ src="<?php echo esc_url( rtTPG()->get_assets_uri( 'images/icon-128x128.png' ) ); ?>"
137
+ width="74px" height="74px" style="grid-row: 1 / 4; align-self: center;justify-self: center"/>
138
+ <h3 style="margin:0;"><?php echo sprintf( '%s Black Friday Deal!!', esc_html( $plugin_name ) ); ?></h3>
139
+ <p style="margin:0 0 2px;">Don't miss out on our biggest sale of the year! Get your
140
+ <b><?php echo esc_html( $plugin_name ); ?> plan</b> with <b>UPTO 50% OFF</b>! Limited time offer
141
+ expires on December 5.</p>
142
+ <p style="margin:0;">
143
+ <a class="button button-primary" href="<?php echo esc_url( $download_link ); ?>"
144
+ target="_blank">Buy Now</a>
145
+ <a class="button button-dismiss" href="#">Dismiss</a>
146
+ </p>
147
+ </div>
148
  <?php
149
  }
150
  );
153
  'admin_footer',
154
  function () {
155
  ?>
156
+ <script type="text/javascript">
157
+ (function ( $ ) {
158
+ $( function () {
159
+ setTimeout( function () {
160
+ $( 'div[data-rttpg-dismissable] .notice-dismiss, div[data-rttpg-dismissable] .button-dismiss' )
161
+ .on( 'click', function ( e ) {
162
+ e.preventDefault();
163
+ $.post( ajaxurl, {
164
+ 'action': 'rttpg_dismiss_admin_notice',
165
+ 'nonce': <?php echo wp_json_encode( wp_create_nonce( 'rttpg-dismissible-notice' ) ); ?>
166
+ } );
167
+ $( e.target ).closest( '.is-dismissible' ).remove();
168
+ } );
169
+ }, 1000 );
170
+ } );
171
+ })( jQuery );
172
+ </script>
173
  <?php
174
  }
175
  );
app/Controllers/Admin/UpgradeController.php CHANGED
@@ -27,7 +27,7 @@ class UpgradeController {
27
  * Class constructor
28
  */
29
  public function __construct() {
30
- self::$compare_version = '5.1.0';
31
 
32
  if ( ! self::check_plugin_version() ) {
33
  add_filter( 'plugin_row_meta', [ $this, 'show_update_notification' ], 10, 2 );
@@ -62,13 +62,14 @@ class UpgradeController {
62
  function () {
63
  $class = 'notice notice-error';
64
  $text = esc_html__( 'The Post Grid Pro', 'the-post-grid' );
65
- $link_pro = 'https://www.radiustheme.com/downloads/the-post-grid-pro-for-wordpress/';
66
 
67
  printf(
68
- '<div class="%1$s"><p><a target="_blank" href="%2$s"><strong>The Post Grid Pro</strong></a> is not working properly, You need to update <strong>%3$s</strong> version to 5.1.0 or more to get the pro features.</p></div>',
69
  esc_attr( $class ),
70
  esc_url( $link_pro ),
71
- esc_html( $text )
 
72
  );
73
  }
74
  );
27
  * Class constructor
28
  */
29
  public function __construct() {
30
+ self::$compare_version = '6.0.0';
31
 
32
  if ( ! self::check_plugin_version() ) {
33
  add_filter( 'plugin_row_meta', [ $this, 'show_update_notification' ], 10, 2 );
62
  function () {
63
  $class = 'notice notice-error';
64
  $text = esc_html__( 'The Post Grid Pro', 'the-post-grid' );
65
+ $link_pro = '//www.radiustheme.com/downloads/the-post-grid-pro-for-wordpress/';
66
 
67
  printf(
68
+ '<div class="%1$s"><p><a target="_blank" href="%2$s"><strong>The Post Grid Pro</strong></a> is not working properly, You need to update <strong>%3$s</strong> version to %4$s or more to get the pro features.</p></div>',
69
  esc_attr( $class ),
70
  esc_url( $link_pro ),
71
+ esc_html( $text ),
72
+ self::$compare_version,
73
  );
74
  }
75
  );
app/Controllers/Api/ACFV1.php ADDED
@@ -0,0 +1,50 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+
3
+ namespace RT\ThePostGrid\Controllers\Api;
4
+
5
+ use RT\ThePostGrid\Helpers\Fns;
6
+
7
+ class ACFV1 {
8
+ public function __construct() {
9
+ add_action( "rest_api_init", [ $this, 'register_acf_data_route' ] );
10
+ }
11
+
12
+ public function register_acf_data_route() {
13
+ register_rest_route( 'rttpg/v1', 'acf', [
14
+ 'methods' => 'GET',
15
+ 'callback' => [ $this, 'get_acf_data' ],
16
+ 'permission_callback' => function () {
17
+ return true;
18
+ }
19
+ ] );
20
+ }
21
+
22
+ public function get_acf_data() {
23
+ $post_types = Fns::get_post_types();
24
+
25
+ $acf_data = [];
26
+ foreach ( $post_types as $post_type => $post_type_title ) {
27
+ $get_acf_field = Fns::get_groups_by_post_type( $post_type );
28
+ $selected_acf_id = '';
29
+ if ( ! empty( $get_acf_field ) && is_array( $get_acf_field ) ) {
30
+ $selected_acf_id = array_key_first( $get_acf_field );
31
+ }
32
+
33
+ $options = Fns::get_groups_by_post_type( $post_type );
34
+ $options_field = [];
35
+ foreach ( $options as $value => $label ) {
36
+ $options_field[] = [ 'value' => $value, 'label' => $label ];
37
+ }
38
+ if ( ! empty( $options ) ) {
39
+ $acf_data[ $post_type . '_cf_group' ] = [
40
+ 'post_type' => $post_type,
41
+ 'options' => $options_field,
42
+ 'default' => $selected_acf_id,
43
+ ];
44
+ }
45
+ }
46
+
47
+ return rest_ensure_response( $acf_data );
48
+ }
49
+
50
+ }
app/Controllers/Api/FrontEndFilterV1.php ADDED
@@ -0,0 +1,30 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+
3
+ namespace RT\ThePostGrid\Controllers\Api;
4
+
5
+ use RT\ThePostGrid\Helpers\Fns;
6
+
7
+ class FrontEndFilterV1 {
8
+ public function __construct() {
9
+ add_action( "rest_api_init", [ $this, 'register_front_end_filter' ] );
10
+ }
11
+
12
+ public function register_front_end_filter() {
13
+ register_rest_route( 'rttpg/v1', 'filter', array(
14
+ 'methods' => 'POST',
15
+ 'callback' => [ $this, 'get_frontend_filter' ],
16
+ 'permission_callback' => function () {
17
+ return true;
18
+ }
19
+ ) );
20
+ }
21
+
22
+ public function get_frontend_filter( $data ) {
23
+ $data = Fns::get_frontend_filter_markup( $data, true );
24
+ $filter_html = [
25
+ 'markup' => $data
26
+ ];
27
+ return rest_ensure_response( $filter_html );
28
+ }
29
+
30
+ }
app/Controllers/Api/GetPostsV1.php ADDED
@@ -0,0 +1,356 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+
3
+ namespace RT\ThePostGrid\Controllers\Api;
4
+
5
+ use RT\ThePostGrid\Helpers\Fns;
6
+ use WP_Query;
7
+
8
+ class GetPostsV1
9
+ {
10
+ public function __construct()
11
+ {
12
+ add_action("rest_api_init", [$this, 'register_post_route']);
13
+ }
14
+
15
+ public function register_post_route()
16
+ {
17
+ register_rest_route('rttpg/v1', 'query', [
18
+ 'methods' => 'POST',
19
+ 'callback' => [$this, 'get_all_posts'],
20
+ 'permission_callback' => function () {
21
+ return true;
22
+ }
23
+ ]);
24
+ }
25
+
26
+
27
+ public function get_all_posts($data)
28
+ {
29
+
30
+ $prefix = isset($data["prefix"]) ? $data["prefix"] : 'grid';
31
+
32
+ $args = [
33
+ 'post_type' => $data["post_type"],
34
+ 'post_status' => 'publish',
35
+ ];
36
+
37
+ $excluded_ids = null;
38
+
39
+ if ($data['post_id']) {
40
+ $post_ids = explode(',', $data['post_id']);
41
+ $post_ids = array_map('trim', $post_ids);
42
+
43
+ $args['post__in'] = $post_ids;
44
+
45
+ if ($excluded_ids != null && is_array($excluded_ids)) {
46
+ $args['post__in'] = array_diff($post_ids, $excluded_ids);
47
+ }
48
+ }
49
+
50
+ if ($prefix !== 'slider' && 'show' === $data['show_pagination']) {
51
+ $_paged = is_front_page() ? "page" : "paged";
52
+ $args['paged'] = get_query_var($_paged) ? absint(get_query_var($_paged)) : absint($data['page']);
53
+ }
54
+
55
+ if (rtTPG()->hasPro() && 'yes' == $data['ignore_sticky_posts']) {
56
+ $args['ignore_sticky_posts'] = 1;
57
+ }
58
+
59
+ if ($orderby = $data['orderby']) {
60
+ if (!rtTPG()->hasPro() && 'rand' == $orderby) {
61
+ $orderby = 'date';
62
+ }
63
+ $args['orderby'] = $orderby;
64
+ }
65
+
66
+ if ($data['order']) {
67
+ $args['order'] = $data['order'];
68
+ }
69
+
70
+ if ($data['author']) {
71
+ $args['author__in'] = $data['author'];
72
+ }
73
+
74
+ if (rtTPG()->hasPro() && ($data['start_date'] || $data['end_date'])) {
75
+ $args['date_query'] = [
76
+ [
77
+ 'after' => trim($data['start_date']),
78
+ 'before' => trim($data['end_date']),
79
+ 'inclusive' => true,
80
+ ],
81
+ ];
82
+ }
83
+
84
+
85
+ //TODO: Taxonomy should implement after
86
+ $_taxonomies = get_object_taxonomies($data['post_type'], 'objects');
87
+ $_taxonomy_list = $data['taxonomy_lists'];
88
+ $filtered_taxonomy_lists = [];
89
+
90
+ foreach ($_taxonomies as $index => $object) {
91
+ if (in_array($object->name, Fns::get_excluded_taxonomy())) {
92
+ continue;
93
+ }
94
+
95
+ $filtered_taxonomy_lists[$object->name] = isset($_taxonomy_list[$object->name]) ? $_taxonomy_list[$object->name]['options'] : NULL;
96
+ $_term_list = isset($_taxonomy_list[$object->name]) ? wp_list_pluck($_taxonomy_list[$object->name]['options'], 'value') : NULL;
97
+ if (!empty($_term_list)) {
98
+ $args['tax_query'][] = [
99
+ 'taxonomy' => $object->name,
100
+ 'field' => 'term_id',
101
+ 'terms' => $_term_list,
102
+ ];
103
+ }
104
+ if (!empty($args['tax_query']) && $data['relation']) {
105
+ $args['tax_query']['relation'] = $data['relation'];
106
+ }
107
+ }
108
+
109
+ if ($data['post_keyword']) {
110
+ $args['s'] = $data['post_keyword'];
111
+ }
112
+
113
+ $excluded_ids = [];
114
+ $offset_posts = [];
115
+ if ($data['exclude'] || $data['offset']) {
116
+ if ($data['exclude']) {
117
+ $excluded_ids = explode(',', $data['exclude']);
118
+ $excluded_ids = array_map('trim', $excluded_ids);
119
+ }
120
+
121
+ if ($data['offset']) {
122
+ $_temp_args = $args;
123
+ unset($_temp_args['paged']);
124
+ $_temp_args['posts_per_page'] = $data['offset'];
125
+ $_temp_args['fields'] = 'ids';
126
+
127
+ $offset_posts = get_posts($_temp_args);
128
+ }
129
+
130
+ $excluded_post_ids = array_merge($offset_posts, $excluded_ids);
131
+ $args['post__not_in'] = array_unique($excluded_post_ids);
132
+ }
133
+
134
+ if ($prefix !== 'slider') {
135
+ if ($data['post_limit']) {
136
+ if ('show' !== $data['show_pagination']) {
137
+ $args['posts_per_page'] = $data['post_limit'];
138
+ } else {
139
+ $tempArgs = $args;
140
+ $tempArgs['posts_per_page'] = $data['post_limit'];
141
+ $tempArgs['paged'] = 1;
142
+ $tempArgs['fields'] = 'ids';
143
+ if (!empty($offset_posts)) {
144
+ $tempArgs['post__not_in'] = $offset_posts;
145
+ }
146
+ $tempQ = new WP_Query($tempArgs);
147
+ if (!empty($tempQ->posts)) {
148
+ $args['post__in'] = $tempQ->posts;
149
+ $args['posts_per_page'] = $data['post_limit'];
150
+ }
151
+ }
152
+ } else {
153
+ $_posts_per_page = 9;
154
+ if ('grid' === $prefix) {
155
+ if ($data['grid_layout'] == 'grid-layout5') {
156
+ $_posts_per_page = 5;
157
+ } elseif (in_array($data['grid_layout'], ['grid-layout6', 'grid-layout6-2'])) {
158
+ $_posts_per_page = 3;
159
+ } elseif (in_array($data['grid_layout'], ['grid-layout5', 'grid-layout5-2'])) {
160
+ $_posts_per_page = 5;
161
+ }
162
+ } elseif ('list' === $prefix) {
163
+ if (in_array($data['list_layout'], ['list-layout2', 'list-layout2-2'])) {
164
+ $_posts_per_page = 7;
165
+ } elseif (in_array($data['list_layout'], ['list-layout3', 'list-layout3-2'])) {
166
+ $_posts_per_page = 5;
167
+ }
168
+ } elseif ('grid_hover' === $prefix) {
169
+ if (in_array($data['grid_hover_layout'], ['grid_hover-layout4', 'grid_hover-layout4-2'])) {
170
+ $_posts_per_page = 7;
171
+ } elseif (in_array($data['grid_hover_layout'], [
172
+ 'grid_hover-layout5',
173
+ 'grid_hover-layout5-2'
174
+ ])) {
175
+ $_posts_per_page = 3;
176
+ } elseif (in_array($data['grid_hover_layout'],
177
+ [
178
+ 'grid_hover-layout6',
179
+ 'grid_hover-layout6-2',
180
+ 'grid_hover-layout9',
181
+ 'grid_hover-layout9-2',
182
+ 'grid_hover-layout10',
183
+ 'grid_hover-layout11'
184
+ ])
185
+ ) {
186
+ $_posts_per_page = 4;
187
+ } elseif (in_array($data['grid_hover_layout'], [
188
+ 'grid_hover-layout7',
189
+ 'grid_hover-layout7-2',
190
+ 'grid_hover-layout8'
191
+ ])) {
192
+ $_posts_per_page = 5;
193
+ } elseif (in_array($data['grid_hover_layout'], [
194
+ 'grid_hover-layout6',
195
+ 'grid_hover-layout6-2'
196
+ ])) {
197
+ $_posts_per_page = 4;
198
+ }
199
+ }
200
+
201
+ $args['posts_per_page'] = $_posts_per_page;
202
+ }
203
+
204
+ if (isset($data['display_per_page']) && 'show' === $data['show_pagination'] && $data['display_per_page'] > 0) {
205
+ $args['posts_per_page'] = $data['display_per_page'];
206
+ }
207
+ } else {
208
+ $slider_per_page = $data['post_limit'];
209
+ if ($data['slider_layout'] == 'slider-layout10') {
210
+ $slider_reminder = (intval($data['post_limit'], 10) % 5);
211
+ if ($slider_reminder) {
212
+ $slider_per_page = ($data['post_limit'] - $slider_reminder + 5);
213
+ }
214
+ }
215
+ $args['posts_per_page'] = $slider_per_page;
216
+ }
217
+
218
+ $_all_taxs = wp_list_pluck( $_taxonomies, 'label', 'name' );
219
+
220
+ $post_tax_list = array_filter($_all_taxs, function ($item){
221
+ return (! in_array($item, [
222
+ 'post_format',
223
+ 'elementor_library_type',
224
+ 'product_visibility',
225
+ 'product_shipping_class'
226
+ ], true));
227
+ },ARRAY_FILTER_USE_KEY);
228
+
229
+ //TODO: Make Query
230
+ $query = new WP_Query($args);
231
+
232
+ $post_layout = $data[$prefix . '_layout'];
233
+
234
+ $send_data = [
235
+ 'posts' => [],
236
+ 'total_post' => $query->found_posts,
237
+ 'query_args' => $args,
238
+ 'query_info' => [
239
+ 'prefix' => $prefix,
240
+ 'layout' => $post_layout,
241
+ 'taxonomy' => $post_tax_list
242
+ ]
243
+ ];
244
+
245
+ // $send_data['total_post'] = esc_html( $query->found_posts );
246
+ if ($query->have_posts()) {
247
+ $pCount = 1;
248
+ while ($query->have_posts()) {
249
+ $query->the_post();
250
+ $id = get_the_id();
251
+ $post_count = $query->post_count;
252
+ set_query_var('tpg_post_count', $pCount);
253
+ set_query_var('tpg_total_posts', $post_count);
254
+ global $post;
255
+
256
+ $cf_group = isset($data['acf_data_lists'][$data["post_type"] . '_cf_group']) ? $data['acf_data_lists'][$data["post_type"] . '_cf_group']['options'] : [];
257
+ $cf_group_collection = wp_list_pluck($cf_group, 'value');
258
+
259
+ $acfArgs = [
260
+ 'is_guten' => 'yes',
261
+ 'show_acf' => $data['show_acf'],
262
+ 'cf_hide_empty_value' => $data['cf_hide_empty_value'],
263
+ 'cf_show_only_value' => $data['cf_show_only_value'],
264
+ 'cf_hide_group_title' => $data['cf_hide_group_title'],
265
+ 'cf_group' => $cf_group_collection,
266
+ ];
267
+
268
+ $acf_data = Fns::tpg_get_acf_data_elementor($acfArgs, $id, false);
269
+
270
+
271
+ //First image from the post
272
+ preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', get_the_content(), $matches);
273
+ if (empty($first_img)) { //Defines a default image
274
+ $first_img = RT_THE_POST_GRID_PLUGIN_PATH . "/images/default.png";
275
+ } else {
276
+ $first_img = $matches [1] [0];
277
+ }
278
+
279
+
280
+ $category_terms_list = get_the_terms($id, $data['category_source'] ? $data['category_source'] : 'category');
281
+ $tags_terms_list = get_the_terms($id, $data['tag_source'] ? $data['tag_source'] : 'post_tag');
282
+
283
+ $category_terms = wp_list_pluck($category_terms_list, 'name');
284
+ $tags_terms = wp_list_pluck($tags_terms_list, 'name');
285
+ $img_url = esc_url_raw(get_the_post_thumbnail_url($id, $data['image_size']));
286
+ $img_offset_url = '';
287
+ if (isset($data['image_offset_size']) && $data['image_offset_size']) {
288
+ $img_offset_url = esc_url_raw(get_the_post_thumbnail_url($id, $data['image_offset_size']));
289
+ }
290
+
291
+ // error_log( print_r( $category_terms , true ) . "\n\n" , 3, __DIR__ . '/log.txt' );
292
+
293
+
294
+ if ('first_image' === $data['media_source']) {
295
+ $img_url = Fns::get_content_first_image($id, 'url');
296
+ }
297
+
298
+ if (isset($data['default_image']['id']) && !$img_url) {
299
+ $img_size_key = 'image_size';
300
+ $default_img_url = wp_get_attachment_image_src($data['default_image']['id'], $data[$img_size_key]);
301
+ $img_url = $default_img_url[0];
302
+ }
303
+
304
+ $excerpt_args = [
305
+ 'excerpt_type' => $data['excerpt_type'],
306
+ 'excerpt_limit' => $data['excerpt_limit'],
307
+ 'excerpt_more_text' => $data['excerpt_more_text'],
308
+ ];
309
+
310
+ $exerpt = Fns::get_the_excerpt($id, $excerpt_args);
311
+
312
+ $author_id = get_the_author_meta('ID');
313
+ $author_avatar_url = get_avatar_url($author_id);
314
+
315
+ $count_key = Fns::get_post_view_count_meta_key();
316
+ $get_view_count = get_post_meta($id, $count_key, true);
317
+
318
+ $send_data['posts'][] = [
319
+ "author_name" => esc_html(get_the_author_meta('display_name', $author_id)),
320
+ "avatar_url" => esc_url($author_avatar_url),
321
+ "comment_count" => esc_html(get_comments_number($id)),
322
+ "content" => get_the_content(),
323
+ "category" => !empty($category_terms) ? $category_terms : [],
324
+ "tags" => !empty($tags_terms) ? $tags_terms : '',
325
+ "excerpt" => $exerpt,
326
+ "id" => $id,
327
+ "image_url" => $img_url,
328
+ "thumb_url" => get_the_post_thumbnail_url($id, 'thumbnail'),
329
+ "offset_image_url" => $img_offset_url,
330
+ "post_date" => esc_html(get_the_date()),
331
+ "post_link" => get_the_permalink(),
332
+ "post_type" => $data["post_type"],
333
+ "prefix" => $prefix,
334
+ "post_count" => esc_html($get_view_count),
335
+ "title" => wp_kses($post->post_title, Fns::allowedHtml()),
336
+ 'taxonomy_lists' => $filtered_taxonomy_lists,
337
+ "post_class" => join(' ', get_post_class(null, $id)),
338
+ "layout_style" => $data['layout_style'],
339
+ "hover_animation" => $data['hover_animation'],
340
+ 'acf_data' => $acf_data,
341
+ 'tpg_post_count' => $pCount,
342
+ 'tpg_total_posts' => $post_count
343
+ ];
344
+
345
+ $pCount++;
346
+ }
347
+ } else {
348
+ $send_data['message'] = $data['no_posts_found_text'] ? $data['no_posts_found_text'] : __("No posts found", "the-post-grid");
349
+ $send_data['args'] = $args;
350
+ }
351
+
352
+ wp_reset_postdata();
353
+
354
+ return rest_ensure_response($send_data);
355
+ }
356
+ }
app/Controllers/Api/ImageSizeV1.php ADDED
@@ -0,0 +1,25 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+
3
+ namespace RT\ThePostGrid\Controllers\Api;
4
+
5
+ use RT\ThePostGrid\Helpers\Fns;
6
+
7
+ class ImageSizeV1{
8
+ public function __construct(){
9
+ add_action("rest_api_init", [$this, 'register_image_size_route']);
10
+ }
11
+
12
+ public function register_image_size_route(){
13
+ register_rest_route( 'rttpg/v1', 'image-size',array(
14
+ 'methods' => 'GET',
15
+ 'callback' => [$this, 'get_image_sizes'],
16
+ 'permission_callback' => function() { return true; }
17
+ ));
18
+ }
19
+
20
+ public function get_image_sizes(){
21
+ $data = Fns::get_all_image_sizes_guten();
22
+ return rest_ensure_response($data);
23
+ }
24
+
25
+ }
app/Controllers/Api/RestApi.php ADDED
@@ -0,0 +1,175 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+
3
+ namespace RT\ThePostGrid\Controllers\Api;
4
+
5
+ use RT\ThePostGrid\Helpers\Fns;
6
+
7
+ class RestApi {
8
+ /**
9
+ * Register rest route
10
+ */
11
+ public function __construct() {
12
+ add_action( 'rest_api_init', [ $this, 'init_rest_routes' ], 99 );
13
+ new ImageSizeV1();
14
+ new GetPostsV1();
15
+ new ACFV1();
16
+ new FrontEndFilterV1();
17
+ }
18
+
19
+ /**
20
+ * Init rest route
21
+ *
22
+ * @return void
23
+ */
24
+ public function init_rest_routes() {
25
+ $auth = new RttpgV1();
26
+ $auth->register_routes();
27
+ $this->rttpg_register_rest_fields();
28
+ }
29
+
30
+ function rttpg_register_rest_fields() {
31
+ $post_type = Fns::get_post_types();
32
+
33
+ // var_dump($post_type);
34
+ // die();
35
+
36
+ foreach ( $post_type as $key => $value ) {
37
+
38
+ // Featured image.
39
+ register_rest_field(
40
+ $key,
41
+ 'rttpg_featured_image_url',
42
+ [
43
+ 'get_callback' => [ $this, 'rttpg_get_featured_image_url' ],
44
+ 'update_callback' => null,
45
+ 'schema' => [
46
+ 'description' => __( 'Different sized featured images' ),
47
+ 'type' => 'array',
48
+ ],
49
+ ]
50
+ );
51
+
52
+ // Author info.
53
+ register_rest_field(
54
+ $key,
55
+ 'rttpg_author',
56
+ [
57
+ 'get_callback' => [ $this, 'rttpg_get_author_info' ],
58
+ 'update_callback' => null,
59
+ 'schema' => null,
60
+ ]
61
+ );
62
+
63
+ // Add comment info.
64
+ register_rest_field(
65
+ $key,
66
+ 'rttpg_comment',
67
+ [
68
+ 'get_callback' => [ $this, 'rttpg_get_comment_info' ],
69
+ 'update_callback' => null,
70
+ 'schema' => null,
71
+ ]
72
+ );
73
+
74
+ // Category links.
75
+ register_rest_field(
76
+ $key,
77
+ 'rttpg_category',
78
+ [
79
+ 'get_callback' => [ $this, 'rttpg_get_category_list' ],
80
+ 'update_callback' => null,
81
+ 'schema' => [
82
+ 'description' => __( 'Category list links' ),
83
+ 'type' => 'string',
84
+ ],
85
+ ]
86
+ );
87
+
88
+ // Excerpt.
89
+ register_rest_field(
90
+ $key,
91
+ 'rttpg_excerpt',
92
+ [
93
+ 'get_callback' => [ $this, 'rttpg_get_excerpt' ],
94
+ 'update_callback' => null,
95
+ 'schema' => null,
96
+ ]
97
+ );
98
+ }
99
+ }
100
+
101
+
102
+ // Author.
103
+ function rttpg_get_author_info( $object ) {
104
+ $author = ( isset( $object['author'] ) ) ? $object['author'] : '';
105
+
106
+ $author_data['display_name'] = get_the_author_meta( 'display_name', $author );
107
+ $author_data['author_link'] = get_author_posts_url( $author );
108
+
109
+ return $author_data;
110
+ }
111
+
112
+ // Comment.
113
+ function rttpg_get_comment_info( $object ) {
114
+ $comments_count = wp_count_comments( $object['id'] );
115
+
116
+ return $comments_count->total_comments;
117
+ }
118
+
119
+ // Category list.
120
+
121
+ function rttpg_get_category_list( $object ) {
122
+ $taxonomies = get_post_taxonomies( $object['id'] );
123
+ if ( 'post' === get_post_type() ) {
124
+ return get_the_category_list( esc_html__( ' ' ), '', $object['id'] );
125
+ } else {
126
+ if ( ! empty( $taxonomies ) ) {
127
+ return get_the_term_list( $object['id'], $taxonomies[0], ' ' );
128
+ }
129
+ }
130
+ }
131
+
132
+
133
+ // Feature image.
134
+ function rttpg_get_featured_image_url( $object ) {
135
+
136
+ $featured_images = [];
137
+ if ( ! isset( $object['featured_media'] ) ) {
138
+ return $featured_images;
139
+ }
140
+
141
+ $image = wp_get_attachment_image_src( $object['featured_media'], 'full', false );
142
+ if ( is_array( $image ) ) {
143
+ $featured_images['full'] = $image;
144
+ $featured_images['landscape'] = wp_get_attachment_image_src( $object['featured_media'], 'rttpg_landscape', false );
145
+ $featured_images['portraits'] = wp_get_attachment_image_src( $object['featured_media'], 'rttpg_portrait', false );
146
+ $featured_images['thumbnail'] = wp_get_attachment_image_src( $object['featured_media'], 'rttpg_thumbnail', false );
147
+
148
+ $image_sizes = Fns::get_image_sizes();
149
+ // var_dump($image_sizes);
150
+ // die();
151
+ foreach ( $image_sizes as $key => $value ) {
152
+ $size = $key;
153
+ $featured_images[ $size ] = wp_get_attachment_image_src(
154
+ $object['featured_media'],
155
+ $size,
156
+ false
157
+ );
158
+ }
159
+
160
+ return $featured_images;
161
+ }
162
+
163
+ }
164
+
165
+ // Excerpt.
166
+ function rttpg_get_excerpt( $object ) {
167
+ $excerpt = wp_trim_words( get_the_excerpt( $object['id'] ) );
168
+ if ( ! $excerpt ) {
169
+ $excerpt = null;
170
+ }
171
+
172
+ return $excerpt;
173
+ }
174
+
175
+ }
app/Controllers/Api/RttpgV1.php ADDED
@@ -0,0 +1,330 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+
3
+ namespace RT\ThePostGrid\Controllers\Api;
4
+
5
+ use Exception;
6
+ use RT\ThePostGrid\Helpers\Fns;
7
+ use WP_REST_Request;
8
+ use WP_REST_Server;
9
+
10
+ class RttpgV1 {
11
+
12
+ public function register_routes() {
13
+ // For css file save
14
+ register_rest_route(
15
+ 'rttpg/v1',
16
+ '/block-save-css/',
17
+ [
18
+ [
19
+ 'methods' => 'POST',
20
+ 'callback' => [ $this, 'save_block_css' ],
21
+ 'permission_callback' => function () {
22
+ return current_user_can( 'edit_posts' );
23
+ },
24
+ 'args' => [],
25
+ ],
26
+ ]
27
+ );
28
+ // Get the Content by ID
29
+ register_rest_route(
30
+ 'rttpg/v1',
31
+ '/get-post-content/',
32
+ [
33
+ [
34
+ 'methods' => WP_REST_Server::CREATABLE,
35
+ 'callback' => [ $this, 'get_post_content' ],
36
+ 'permission_callback' => function () {
37
+ return current_user_can( 'edit_posts' );
38
+ },
39
+ 'args' => [],
40
+ ],
41
+ ]
42
+ );
43
+ // Append Block CSS
44
+ register_rest_route(
45
+ 'rttpg/v1',
46
+ '/block-append-css/',
47
+ [
48
+ [
49
+ 'methods' => 'POST',
50
+ 'callback' => [ $this, 'append_block_css_callback' ],
51
+ 'permission_callback' => function () {
52
+ return current_user_can( 'edit_posts' );
53
+ },
54
+ 'args' => [],
55
+ ],
56
+ ]
57
+ );
58
+
59
+ register_rest_route(
60
+ 'rttpg/v1',
61
+ '/block-append-reusable-css/',
62
+ [
63
+ [
64
+ 'methods' => 'POST',
65
+ 'callback' => [ $this, 'append_reusable_css_callback' ],
66
+ 'permission_callback' => function () {
67
+ return current_user_can( 'edit_posts' );
68
+ },
69
+ 'args' => [],
70
+ ],
71
+ ]
72
+ );
73
+ }
74
+
75
+
76
+ /**
77
+ * Get post content
78
+ *
79
+ * @param WP_REST_Request $request Wp $request variable
80
+ *
81
+ * @return array|void
82
+ */
83
+ public function get_post_content( WP_REST_Request $request ) {
84
+ $params = $request->get_params();
85
+ try {
86
+ if ( isset( $params['postId'] ) ) {
87
+ return [
88
+ 'success' => true,
89
+ 'data' => ! empty( $params['postId'] ) ? get_post( $params['postId'] )->post_content : '',
90
+ 'message' => 'Get Data Success!!',
91
+ ];
92
+ }
93
+ } catch ( Exception $e ) {
94
+ return [
95
+ 'success' => false,
96
+ 'message' => $e->getMessage(),
97
+ ];
98
+ }
99
+ }
100
+
101
+ /**
102
+ * Save block css for each post in a css file and enqueue the file to the post page
103
+ *
104
+ * @param WP_REST_Request $request
105
+ *
106
+ * @return array
107
+ */
108
+ public function save_block_css( WP_REST_Request $request ) {
109
+ try {
110
+ global $wp_filesystem;
111
+ if ( ! $wp_filesystem ) {
112
+ require_once ABSPATH . 'wp-admin/includes/file.php';
113
+ }
114
+
115
+ $params = $request->get_params();
116
+ $post_id = (int) sanitize_text_field( $params['post_id'] );
117
+ $is_previewing = $params['isPreviewing'];
118
+
119
+ if ( $params['is_remain'] ) {
120
+ $block_css = $params['block_css'];
121
+ $filename = "rttpg-block-{$post_id}.css";
122
+
123
+ $upload_dir = wp_upload_dir();
124
+ $dir = trailingslashit( $upload_dir['basedir'] ) . 'rttpg/';
125
+
126
+ // Add Import in first
127
+ $import_first = $this->set_import_url_to_top_css( $block_css );
128
+
129
+ if ( true === $is_previewing ) {
130
+ $filename = 'rttpg-block-preview.css';
131
+ } else {
132
+ update_post_meta( $post_id, '_rttpg_block_css', $import_first );
133
+ }
134
+
135
+ WP_Filesystem( false, $upload_dir['basedir'], true );
136
+
137
+ if ( ! $wp_filesystem->is_dir( $dir ) ) {
138
+ $wp_filesystem->mkdir( $dir );
139
+ }
140
+ // If fail to save css in directory, then it will show a message to user
141
+ if ( ! $wp_filesystem->put_contents( $dir . $filename, $import_first ) ) {
142
+ throw new Exception( __( 'CSS can not be saved due to permission!!!', 'the-post-grid' ) );
143
+ }
144
+ } else {
145
+ if ( false === $is_previewing ) {
146
+ delete_post_meta( $post_id, '_rttpg_block_css' );
147
+ $this->delete_post_resource( $post_id );
148
+ }
149
+ }
150
+
151
+ $success_message = __( 'The Post Grid preview css file has been updated.', 'the-post-grid' );
152
+ // set block meta
153
+ if ( false === $is_previewing ) {
154
+ // ignore: phpcs
155
+ update_post_meta( $post_id, '__rttpg_available_blocks', serialize( $params['available_blocks'] ) );
156
+ $success_message = __( 'The Post Grid block css file has been updated.', 'the-post-grid' );
157
+ }
158
+
159
+ return [
160
+ 'success' => true,
161
+ 'message' => $success_message,
162
+ 'data' => $params,
163
+ ];
164
+ } catch ( Exception $e ) {
165
+ return [
166
+ 'success' => false,
167
+ 'message' => $e->getMessage(),
168
+ ];
169
+ }
170
+ }
171
+
172
+ /**
173
+ * @param string $get_css
174
+ *
175
+ * @return mixed|string
176
+ */
177
+ public function set_import_url_to_top_css( $get_css = '' ) {
178
+ $css_url = "@import url('https://fonts.googleapis.com/css?family=";
179
+ $google_font_exists = substr_count( $get_css, $css_url );
180
+
181
+ if ( $google_font_exists ) {
182
+ $pattern = sprintf(
183
+ '/%s(.+?)%s/ims',
184
+ preg_quote( $css_url, '/' ),
185
+ preg_quote( "');", '/' )
186
+ );
187
+
188
+ if ( preg_match_all( $pattern, $get_css, $matches ) ) {
189
+ $fonts = $matches[0];
190
+ $get_css = str_replace( $fonts, '', $get_css );
191
+ if ( preg_match_all( '/font-weight[ ]?:[ ]?[\d]{3}[ ]?;/', $get_css, $matche_weight ) ) { // short out font weight
192
+ $weight = array_map(
193
+ function ( $val ) {
194
+ $process = trim( str_replace( [ 'font-weight', ':', ';' ], '', $val ) );
195
+ if ( is_numeric( $process ) ) {
196
+ return $process;
197
+ }
198
+ },
199
+ $matche_weight[0]
200
+ );
201
+ foreach ( $fonts as $key => $val ) {
202
+ $fonts[ $key ] = str_replace( "');", '', $val ) . ':' . implode( ',', $weight ) . "');";
203
+ }
204
+ }
205
+
206
+ // Multiple same fonts to single font
207
+ $fonts = array_unique( $fonts );
208
+ $get_css = implode( '', $fonts ) . $get_css;
209
+ }
210
+ }
211
+
212
+ return $get_css;
213
+ }
214
+
215
+
216
+ /**
217
+ * Delete post related data
218
+ *
219
+ * @delete post css file
220
+ */
221
+ private function delete_post_resource( $post_id = '' ) {
222
+ $post_id = $post_id ? $post_id : $this->is_single();
223
+ if ( $post_id ) {
224
+ $upload_dir = wp_upload_dir()['basedir'] . '/rttpg/';
225
+ $css_path = $upload_dir . 'rttpg-block-' . $post_id . '.css';
226
+ if ( file_exists( $css_path ) ) {
227
+ unlink( $css_path );
228
+ }
229
+ }
230
+ }
231
+
232
+ /**
233
+ * Determine if current single page is WP Page Builder Page
234
+ *
235
+ * @return bool|false|int
236
+ */
237
+ private function is_single() {
238
+ $post_id = get_the_ID();
239
+
240
+ if ( ! $post_id ) {
241
+ return false;
242
+ }
243
+
244
+ return $post_id;
245
+ }
246
+
247
+ /**
248
+ * @param WP_REST_Request $request
249
+ *
250
+ * @return void
251
+ */
252
+ public function append_block_css_callback( WP_REST_Request $request ) {
253
+ try {
254
+ global $wp_filesystem;
255
+ if ( ! $wp_filesystem ) {
256
+ require_once ABSPATH . 'wp-admin/includes/file.php';
257
+ }
258
+ $params = $request->get_params();
259
+ $css = $params['css'];
260
+ $post_id = (int) sanitize_text_field( $params['post_id'] );
261
+ if ( $post_id ) {
262
+ $filename = "block-css-{$post_id}.css";
263
+ $upload_dir = wp_upload_dir();
264
+ $dir = trailingslashit( $upload_dir['basedir'] ) . 'rttpg/';
265
+ if ( file_exists( $dir . $filename ) ) {
266
+ $file = fopen( $dir . $filename, 'a' );
267
+ fwrite( $file, $css );
268
+ fclose( $file );
269
+ }
270
+ $get_data = get_post_meta( $post_id, '_rttpg_block_css', true );
271
+ update_post_meta( $post_id, '_rttpg_block_css', $get_data . $css );
272
+
273
+ wp_send_json_success(
274
+ [
275
+ 'success' => true,
276
+ 'message' => 'Update done' . $get_data,
277
+ ]
278
+ );
279
+ }
280
+ } catch ( Exception $e ) {
281
+ wp_send_json_error(
282
+ [
283
+ 'success' => false,
284
+ 'message' => $e->getMessage(),
285
+ ]
286
+ );
287
+ }
288
+ }
289
+
290
+
291
+ /**
292
+ * @param WP_REST_Request $request
293
+ *
294
+ * @return void
295
+ */
296
+ public function append_reusable_css_callback( $request ) {
297
+ try {
298
+ global $wp_filesystem;
299
+ if ( ! $wp_filesystem ) {
300
+ require_once ABSPATH . 'wp-admin/includes/file.php';
301
+ }
302
+ $params = $request->get_params();
303
+ $css = $params['css'];
304
+
305
+ $filename = 'blocks-preview.css';
306
+ $upload_dir = wp_upload_dir();
307
+ $dir = trailingslashit( $upload_dir['basedir'] ) . 'rttpg/';
308
+ if ( file_exists( $dir . $filename ) ) {
309
+ $file = fopen( $dir . $filename, 'a' );
310
+ fwrite( $file, $css );
311
+ fclose( $file );
312
+ }
313
+ wp_send_json_success(
314
+ [
315
+ 'success' => true,
316
+ 'message' => 'appended reusable css in preview file',
317
+ ]
318
+ );
319
+
320
+ } catch ( Exception $e ) {
321
+ wp_send_json_error(
322
+ [
323
+ 'success' => false,
324
+ 'message' => $e->getMessage(),
325
+ ]
326
+ );
327
+ }
328
+ }
329
+
330
+ }
app/Controllers/Blocks/BlockBase.php ADDED
@@ -0,0 +1,265 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+
3
+ namespace RT\ThePostGrid\Controllers\Blocks;
4
+
5
+ use RT\ThePostGrid\Helpers\Fns;
6
+
7
+ abstract class BlockBase {
8
+
9
+ abstract public function get_attributes();
10
+
11
+ abstract public function render_block( $data );
12
+
13
+ /**
14
+ * Script controller
15
+ *
16
+ * @param $data
17
+ *
18
+ * @return void
19
+ */
20
+
21
+ public function get_script_depends( $data ) {
22
+
23
+ $settings = get_option( rtTPG()->options['settings'] );
24
+ $prefix = $data['prefix'];
25
+
26
+ if ( rtTPG()->hasPro() && ( $data['is_thumb_lightbox'] === 'show' || 'popup' == $data['post_link_type'] || 'multi_popup' == $data['post_link_type'] || $data[ $prefix . '_layout' ] == 'grid-layout7' || $data[ $prefix . '_layout' ] == 'slider-layout4' ) ) {
27
+ wp_enqueue_style( 'rt-magnific-popup' );
28
+ wp_enqueue_script( 'rt-magnific-popup' );
29
+ }
30
+
31
+ if ( rtTPG()->hasPro() && ( 'popup' == $data['post_link_type'] || 'multi_popup' == $data['post_link_type'] ) ) {
32
+ wp_enqueue_script( 'rt-scrollbar' );
33
+ add_action( 'wp_footer', [ Fns::class, 'get_modal_markup' ] );
34
+ }
35
+
36
+ if ( rtTPG()->hasPro() && 'button' == $data['filter_type'] && 'carousel' == $data['filter_btn_style'] ) {
37
+ wp_enqueue_script( 'swiper' );
38
+ }
39
+
40
+ if ( isset( $data['grid_layout_style'] ) && 'masonry' === $data['grid_layout_style'] ) {
41
+ wp_enqueue_script( 'rt-isotope-js' );
42
+ }
43
+
44
+ if ( 'show' == $data['show_pagination'] && 'pagination_ajax' == $data['pagination_type'] ) {
45
+ wp_enqueue_script( 'rt-pagination' );
46
+ }
47
+
48
+ if ( isset( $settings['tpg_load_script'] ) ) {
49
+ wp_enqueue_style( 'rt-fontawsome' );
50
+ wp_enqueue_style( 'rt-tpg-block' );
51
+ if ( $data['prefix'] === 'slider' ) {
52
+ wp_enqueue_style( 'swiper' );
53
+ }
54
+ }
55
+
56
+ wp_enqueue_script( 'imagesloaded' );
57
+ if ( $data['prefix'] === 'slider' ) {
58
+ wp_enqueue_script( 'swiper' );
59
+ }
60
+ wp_enqueue_script( 'rt-tpg' );
61
+ wp_enqueue_script( 'rttpg-block-pro' );
62
+ }
63
+
64
+ /**
65
+ * Post Query for gutenberg
66
+ *
67
+ * @param $data
68
+ * @param $prefix
69
+ *
70
+ * @return array
71
+ */
72
+ public function post_query_guten( $data, $prefix = '' ) {
73
+ $post_type = isset( $data['post_type'] ) ? $data['post_type'] : 'post';
74
+ $args = [
75
+ 'post_type' => [ $post_type ],
76
+ 'post_status' => isset( $data['post_status'] ) ? $data['post_status'] : 'publish',
77
+ ];
78
+
79
+ if ( $data['post_id'] ) {
80
+ $post_ids = explode( ',', $data['post_id'] );
81
+ $post_ids = array_map( 'trim', $post_ids );
82
+ $args['post__in'] = $post_ids;
83
+ }
84
+
85
+ if ( $prefix !== 'slider' && 'show' === $data['show_pagination'] ) {
86
+ $_paged = is_front_page() ? "page" : "paged";
87
+ $args['paged'] = get_query_var( $_paged ) ? absint( get_query_var( $_paged ) ) : 1;
88
+ }
89
+
90
+ if ( rtTPG()->hasPro() && 'yes' == $data['ignore_sticky_posts'] ) {
91
+ $args['ignore_sticky_posts'] = 1;
92
+ }
93
+
94
+ if ( $orderby = $data['orderby'] ) {
95
+ if ( ! rtTPG()->hasPro() && 'rand' == $orderby ) {
96
+ $orderby = 'date';
97
+ }
98
+ $args['orderby'] = $orderby;
99
+ }
100
+
101
+ if ( $data['order'] ) {
102
+ $args['order'] = $data['order'];
103
+ }
104
+
105
+ if ( $data['author'] ) {
106
+ $args['author__in'] = $data['author'];
107
+ }
108
+
109
+ if ( rtTPG()->hasPro() && ( $data['start_date'] || $data['end_date'] ) ) {
110
+ $args['date_query'] = [
111
+ [
112
+ 'after' => trim( $data['start_date'] ),
113
+ 'before' => trim( $data['end_date'] ),
114
+ 'inclusive' => true,
115
+ ],
116
+ ];
117
+ }
118
+
119
+ $_taxonomies = get_object_taxonomies( $data['post_type'], 'objects' );
120
+ $_taxonomy_list = $data['taxonomy_lists'];
121
+ $filtered_taxonomy_lists = [];
122
+
123
+ //error_log( print_r( $_taxonomy_list , true ) . "\n\n" , 3, __DIR__ . '/log.txt' );
124
+
125
+ if ( isset( $_taxonomy_list ) && ! empty( $_taxonomy_list ) ) {
126
+ foreach ( $_taxonomies as $index => $object ) {
127
+ if ( in_array( $object->name, Fns::get_excluded_taxonomy() ) ) {
128
+ continue;
129
+ }
130
+
131
+ if ( ! isset( $_taxonomy_list[ $object->name ]['options'] ) ) {
132
+ continue;
133
+ }
134
+
135
+ $_term_list = wp_list_pluck( $_taxonomy_list[ $object->name ]['options'], 'value' );
136
+ if ( ! empty( $_term_list ) ) {
137
+ $args['tax_query'][] = [
138
+ 'taxonomy' => $object->name,
139
+ 'field' => 'term_id',
140
+ 'terms' => $_term_list,
141
+ ];
142
+ }
143
+
144
+ }
145
+ }
146
+
147
+ if ( ! empty( $args['tax_query'] ) && $data['relation'] ) {
148
+ $args['tax_query']['relation'] = $data['relation'];
149
+ }
150
+
151
+ if ( $data['post_keyword'] ) {
152
+ $args['s'] = $data['post_keyword'];
153
+ }
154
+
155
+ $offset_posts = $excluded_ids = [];
156
+ if ( $data['exclude'] || $data['offset'] ) {
157
+ if ( $data['exclude'] ) {
158
+ $excluded_ids = explode( ',', $data['exclude'] );
159
+ $excluded_ids = array_map( 'trim', $excluded_ids );
160
+ }
161
+
162
+ if ( $data['offset'] ) {
163
+ $_temp_args = $args;
164
+ unset( $_temp_args['paged'] );
165
+ $_temp_args['posts_per_page'] = $data['offset'];
166
+ $_temp_args['fields'] = 'ids';
167
+
168
+ $offset_posts = get_posts( $_temp_args );
169
+ }
170
+
171
+ $excluded_post_ids = array_merge( $offset_posts, $excluded_ids );
172
+ $args['post__not_in'] = array_unique( $excluded_post_ids );
173
+ }
174
+
175
+ if ( $prefix !== 'slider' ) {
176
+ if ( $data['post_limit'] ) {
177
+ if ( 'show' !== $data['show_pagination'] ) {
178
+ $args['posts_per_page'] = $data['post_limit'];
179
+ } else {
180
+ $tempArgs = $args;
181
+ $tempArgs['posts_per_page'] = $data['post_limit'];
182
+ $tempArgs['paged'] = 1;
183
+ $tempArgs['fields'] = 'ids';
184
+ if ( ! empty( $offset_posts ) ) {
185
+ $tempArgs['post__not_in'] = $offset_posts;
186
+ }
187
+ $tempQ = new \WP_Query( $tempArgs );
188
+ if ( ! empty( $tempQ->posts ) ) {
189
+ $args['post__in'] = $tempQ->posts;
190
+ $args['posts_per_page'] = $data['post_limit'];
191
+ }
192
+ }
193
+ } else {
194
+ $_posts_per_page = 9;
195
+ if ( 'grid' === $prefix ) {
196
+ if ( $data['grid_layout'] == 'grid-layout5' ) {
197
+ $_posts_per_page = 5;
198
+ } elseif ( in_array( $data['grid_layout'], [ 'grid-layout6', 'grid-layout6-2' ] ) ) {
199
+ $_posts_per_page = 3;
200
+ } elseif ( in_array( $data['grid_layout'], [ 'grid-layout5', 'grid-layout5-2' ] ) ) {
201
+ $_posts_per_page = 5;
202
+ }
203
+ } elseif ( 'list' === $prefix ) {
204
+ if ( in_array( $data['list_layout'], [ 'list-layout2', 'list-layout2-2' ] ) ) {
205
+ $_posts_per_page = 7;
206
+ } elseif ( in_array( $data['list_layout'], [ 'list-layout3', 'list-layout3-2' ] ) ) {
207
+ $_posts_per_page = 5;
208
+ }
209
+ } elseif ( 'grid_hover' === $prefix ) {
210
+ if ( in_array( $data['grid_hover_layout'], [ 'grid_hover-layout4', 'grid_hover-layout4-2' ] ) ) {
211
+ $_posts_per_page = 7;
212
+ } elseif ( in_array( $data['grid_hover_layout'], [
213
+ 'grid_hover-layout5',
214
+ 'grid_hover-layout5-2'
215
+ ] ) ) {
216
+ $_posts_per_page = 3;
217
+ } elseif ( in_array( $data['grid_hover_layout'],
218
+ [
219
+ 'grid_hover-layout6',
220
+ 'grid_hover-layout6-2',
221
+ 'grid_hover-layout9',
222
+ 'grid_hover-layout9-2',
223
+ 'grid_hover-layout10',
224
+ 'grid_hover-layout11'
225
+ ] )
226
+ ) {
227
+ $_posts_per_page = 4;
228
+ } elseif ( in_array( $data['grid_hover_layout'], [
229
+ 'grid_hover-layout7',
230
+ 'grid_hover-layout7-2',
231
+ 'grid_hover-layout8'
232
+ ] ) ) {
233
+ $_posts_per_page = 5;
234
+ } elseif ( in_array( $data['grid_hover_layout'],
235
+ [
236
+ 'grid_hover-layout6',
237
+ 'grid_hover-layout6-2'
238
+ ] )
239
+ ) {
240
+ $_posts_per_page = 4;
241
+ }
242
+ }
243
+
244
+ $args['posts_per_page'] = $_posts_per_page;
245
+ }
246
+
247
+ if ( 'show' === $data['show_pagination'] && $data['display_per_page'] ) {
248
+ $args['posts_per_page'] = $data['display_per_page'];
249
+ }
250
+ } else {
251
+ $slider_per_page = $data['post_limit'];
252
+ if ( $data['slider_layout'] == 'slider-layout10' ) {
253
+ $slider_reminder = ( intval( $data['post_limit'], 10 ) % 5 );
254
+ if ( $slider_reminder ) {
255
+ $slider_per_page = ( $data['post_limit'] - $slider_reminder + 5 );
256
+ }
257
+ }
258
+ $args['posts_per_page'] = $slider_per_page;
259
+ }
260
+
261
+
262
+ return $args;
263
+ }
264
+
265
+ }
app/Controllers/Blocks/BlockController/ContentTabController.php ADDED
@@ -0,0 +1,338 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+
3
+ namespace RT\ThePostGrid\Controllers\Blocks\BlockController;
4
+
5
+ use RT\ThePostGrid\Helpers\Fns;
6
+
7
+ class ContentTabController {
8
+ /**
9
+ * @param $attribute_args
10
+ *
11
+ * @return mixed|void
12
+ */
13
+ public static function get_controller( $attribute_args, $prefix = '' ) {
14
+ $prefix = $attribute_args['prefix'];
15
+ $default_layout = $attribute_args['default_layout'];
16
+
17
+ $content_attribute = [
18
+ 'uniqueId' => [
19
+ 'type' => 'string',
20
+ 'default' => '',
21
+ ],
22
+
23
+ 'preview' => [
24
+ 'type' => 'boolean',
25
+ 'default' => false,
26
+ ],
27
+
28
+ 'prefix' => [
29
+ 'type' => 'string',
30
+ 'default' => $prefix,
31
+ ],
32
+
33
+ //Layouts
34
+
35
+ 'query_change' => [
36
+ 'type' => 'boolean',
37
+ 'default' => false,
38
+ ],
39
+
40
+ $prefix . '_layout' => [
41
+ 'type' => 'string',
42
+ 'default' => $default_layout,
43
+ ],
44
+
45
+ 'middle_border' => [
46
+ 'type' => 'string',
47
+ 'default' => 'no',
48
+ ],
49
+
50
+ 'grid_column' => [
51
+ 'type' => 'object',
52
+ "default" => (object) [
53
+ 'lg' => '',
54
+ 'md' => '',
55
+ 'sm' => '',
56
+ ],
57
+ ],
58
+
59
+ 'grid_layout_style' => [
60
+ 'type' => 'string',
61
+ 'default' => 'tpg-even',
62
+ ],
63
+
64
+ 'list_layout_alignment' => [
65
+ 'type' => 'string',
66
+ 'default' => '',
67
+ 'style' => [
68
+ (object) [
69
+ 'selector' => '{{RTTPG}} .tpg-el-main-wrapper .list-behaviour .rt-holder .rt-el-content-wrapper {align-items: {{list_layout_alignment}}; }'
70
+ ]
71
+ ]
72
+ ],
73
+
74
+ 'main_wrapper_hover_tab' => [
75
+ 'type' => 'string',
76
+ 'default' => 'normal',
77
+ ],
78
+
79
+ 'grid_offset_col_width' => [
80
+ 'type' => 'string',
81
+ 'default' => '',
82
+ ],
83
+
84
+ 'full_wrapper_align' => [
85
+ 'type' => 'object',
86
+ 'default' => [],
87
+ 'style' => [
88
+ (object) [
89
+ 'selector' => '{{RTTPG}} .tpg-post-holder div {text-align: {{full_wrapper_align}}; }'
90
+ ]
91
+ ]
92
+ ],
93
+
94
+ //Query Build
95
+
96
+ 'post_type' => [
97
+ 'type' => 'string',
98
+ 'default' => 'post',
99
+ ],
100
+
101
+ 'post_id' => [
102
+ 'type' => 'string',
103
+ 'default' => '',
104
+ ],
105
+
106
+ 'exclude' => [
107
+ 'type' => 'string',
108
+ 'default' => '',
109
+ ],
110
+
111
+ 'post_limit' => [
112
+ 'type' => 'string',
113
+ 'default' => '',
114
+ ],
115
+
116
+ 'offset' => [
117
+ 'type' => 'string',
118
+ 'default' => '',
119
+ ],
120
+
121
+ //Todo: Query Advance Filter give below
122
+
123
+ 'taxonomy_lists' => [
124
+ 'type' => 'object',
125
+ 'default' => [],
126
+ ],
127
+
128
+ 'author' => [
129
+ 'type' => 'string',
130
+ 'default' => '',
131
+ ],
132
+
133
+ 'post_keyword' => [
134
+ 'type' => 'string',
135
+ 'default' => '',
136
+ ],
137
+
138
+ 'relation' => [
139
+ 'type' => 'string',
140
+ 'default' => 'OR',
141
+ ],
142
+
143
+ 'start_date' => [
144
+ 'type' => 'string',
145
+ 'default' => '',
146
+ ],
147
+ 'end_date' => [
148
+ 'type' => 'string',
149
+ 'default' => '',
150
+ ],
151
+
152
+ 'orderby' => [
153
+ 'type' => 'string',
154
+ 'default' => 'date',
155
+ ],
156
+
157
+ 'order' => [
158
+ 'type' => 'string',
159
+ 'default' => 'desc',
160
+ ],
161
+
162
+ 'ignore_sticky_posts' => [
163
+ 'type' => 'string',
164
+ 'default' => '',
165
+ ],
166
+
167
+ 'no_posts_found_text' => [
168
+ 'type' => 'string',
169
+ 'default' => 'No posts found.',
170
+ ],
171
+
172
+
173
+ //Front-end Filter Settings
174
+
175
+ 'show_taxonomy_filter' => [
176
+ 'type' => 'string',
177
+ 'default' => '',
178
+ ],
179
+
180
+ 'show_author_filter' => [
181
+ 'type' => 'string',
182
+ 'default' => '',
183
+ ],
184
+
185
+ 'show_order_by' => [
186
+ 'type' => 'string',
187
+ 'default' => '',
188
+ ],
189
+
190
+ 'show_sort_order' => [
191
+ 'type' => 'string',
192
+ 'default' => '',
193
+ ],
194
+
195
+ 'show_search' => [
196
+ 'type' => 'string',
197
+ 'default' => '',
198
+ ],
199
+
200
+ 'filter_type' => [
201
+ 'type' => 'string',
202
+ 'default' => 'dropdown',
203
+ ],
204
+
205
+ 'filter_taxonomy' => [
206
+ 'type' => 'string',
207
+ 'default' => 'category',
208
+ ],
209
+
210
+ 'filter_btn_style' => [
211
+ 'type' => 'string',
212
+ 'default' => 'default',
213
+ ],
214
+
215
+ 'filter_btn_item_per_page' => [
216
+ 'type' => 'string',
217
+ 'default' => 'auto',
218
+ ],
219
+
220
+ //TODO: All Frontend filter are given below:
221
+
222
+ 'filter_post_count' => [
223
+ 'type' => 'string',
224
+ 'default' => 'no',
225
+ ],
226
+
227
+ 'tgp_filter_taxonomy_hierarchical' => [
228
+ 'type' => 'string',
229
+ 'default' => 'yes',
230
+ ],
231
+
232
+ 'tpg_hide_all_button' => [
233
+ 'type' => 'string',
234
+ 'default' => 'yes',
235
+ ],
236
+
237
+ 'tax_filter_all_text' => [
238
+ 'type' => 'string',
239
+ 'default' => '',
240
+ ],
241
+
242
+ 'author_filter_all_text' => [
243
+ 'type' => 'string',
244
+ 'default' => '',
245
+ ],
246
+
247
+ //Pagination
248
+
249
+ 'show_pagination' => [
250
+ 'type' => 'string',
251
+ 'default' => '',
252
+ ],
253
+
254
+ 'page' => [
255
+ 'type' => 'number',
256
+ 'default' => 1,
257
+ ],
258
+
259
+ 'display_per_page' => [
260
+ 'type' => 'string',
261
+ 'default' => '6',
262
+ ],
263
+
264
+ 'pagination_type' => [
265
+ 'type' => 'string',
266
+ 'default' => 'pagination',
267
+ ],
268
+
269
+ 'ajax_pagination_type' => [
270
+ 'type' => 'string',
271
+ 'default' => '',
272
+ ],
273
+
274
+ 'load_more_button_text' => [
275
+ 'type' => 'string',
276
+ 'default' => 'Load More',
277
+ ],
278
+
279
+ //Links
280
+
281
+ 'post_link_type' => [
282
+ 'type' => 'string',
283
+ 'default' => 'default',
284
+ ],
285
+
286
+ 'link_target' => [
287
+ 'type' => 'string',
288
+ 'default' => '_self',
289
+ ],
290
+
291
+ 'is_thumb_linked' => [
292
+ 'type' => 'string',
293
+ 'default' => 'yes',
294
+ ],
295
+ ];
296
+
297
+ $post_types = Fns::get_post_types();
298
+
299
+ //Field Selections
300
+
301
+ $cf = Fns::is_acf();
302
+ if ( $cf && rtTPG()->hasPro() ) {
303
+ $content_attribute['show_acf'] = [
304
+ 'type' => 'string',
305
+ 'default' => '',
306
+ ];
307
+
308
+ foreach ( $post_types as $post_type => $post_type_title ) {
309
+ $get_acf_field = Fns::get_groups_by_post_type( $post_type );
310
+ $selected_acf_id = '';
311
+ if ( ! empty( $get_acf_field ) && is_array( $get_acf_field ) ) {
312
+ $selected_acf_id = array_key_first( $get_acf_field );
313
+ }
314
+
315
+ $content_attribute[ $post_type . '_cf_group' ] = [
316
+ 'type' => 'string',
317
+ 'default' => '',
318
+ ];
319
+ }
320
+
321
+ $content_attribute['cf_hide_empty_value'] = [
322
+ 'type' => 'string',
323
+ 'default' => 'yes',
324
+ ];
325
+ $content_attribute['cf_hide_group_title'] = [
326
+ 'type' => 'string',
327
+ 'default' => 'yes',
328
+ ];
329
+ $content_attribute['cf_show_only_value'] = [
330
+ 'type' => 'string',
331
+ 'default' => 'yes',
332
+ ];
333
+
334
+ }
335
+
336
+ return apply_filters( 'rttpg_guten_content_attribute', $content_attribute );
337
+ }
338
+ }
app/Controllers/Blocks/BlockController/SettingsTabController.php ADDED
@@ -0,0 +1,349 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+
3
+ namespace RT\ThePostGrid\Controllers\Blocks\BlockController;
4
+
5
+ use RT\ThePostGrid\Helpers\Fns;
6
+
7
+ class SettingsTabController {
8
+
9
+ /**
10
+ * @return mixed|void
11
+ */
12
+ public static function get_controller( $prefix = '' ) {
13
+
14
+ $settings_attribute = [
15
+ 'show_section_title' => [
16
+ 'type' => 'string',
17
+ 'default' => 'show',
18
+ ],
19
+
20
+ 'show_title' => [
21
+ 'type' => 'string',
22
+ 'default' => 'show',
23
+ ],
24
+
25
+ 'show_thumb' => [
26
+ 'type' => 'string',
27
+ 'default' => 'show',
28
+ ],
29
+
30
+ 'show_excerpt' => [
31
+ 'type' => 'string',
32
+ 'default' => 'show',
33
+ ],
34
+
35
+ 'show_meta' => [
36
+ 'type' => 'string',
37
+ 'default' => 'show',
38
+ ],
39
+
40
+ 'show_date' => [
41
+ 'type' => 'string',
42
+ 'default' => 'show',
43
+ ],
44
+
45
+ 'show_category' => [
46
+ 'type' => 'string',
47
+ 'default' => 'show',
48
+ ],
49
+
50
+ 'show_author' => [
51
+ 'type' => 'string',
52
+ 'default' => 'show',
53
+ ],
54
+
55
+ 'show_tags' => [
56
+ 'type' => 'string',
57
+ 'default' => '',
58
+ ],
59
+
60
+ 'show_comment_count' => [
61
+ 'type' => 'string',
62
+ 'default' => '',
63
+ ],
64
+
65
+ 'show_post_count' => [
66
+ 'type' => 'string',
67
+ 'default' => '',
68
+ ],
69
+
70
+ 'show_read_more' => [
71
+ 'type' => 'string',
72
+ 'default' => 'show',
73
+ ],
74
+
75
+ 'show_social_share' => [
76
+ 'type' => 'string',
77
+ 'default' => '',
78
+ ],
79
+
80
+ 'show_woocommerce_rating' => [
81
+ 'type' => 'string',
82
+ 'default' => '',
83
+ ],
84
+
85
+ // Section Title Settings
86
+
87
+ 'section_title_style' => [
88
+ 'type' => 'string',
89
+ 'default' => 'style1',
90
+ ],
91
+
92
+ 'section_title_source' => [
93
+ 'type' => 'string',
94
+ 'default' => 'custom_title',
95
+ ],
96
+
97
+ 'section_title_text' => [
98
+ 'type' => 'string',
99
+ 'default' => 'Section Title',
100
+ ],
101
+
102
+ 'title_prefix' => [
103
+ 'type' => 'string',
104
+ 'default' => '',
105
+ ],
106
+
107
+ 'title_suffix' => [
108
+ 'type' => 'string',
109
+ 'default' => '',
110
+ ],
111
+
112
+ 'section_title_tag' => [
113
+ 'type' => 'string',
114
+ 'default' => 'h2',
115
+ ],
116
+
117
+ // Title Settings
118
+
119
+ 'title_tag' => [
120
+ 'type' => 'string',
121
+ 'default' => 'h3',
122
+ ],
123
+
124
+ 'title_visibility_style' => [
125
+ 'type' => 'string',
126
+ 'default' => 'default',
127
+ ],
128
+
129
+ 'title_limit' => [
130
+ 'type' => 'string',
131
+ 'default' => '',
132
+ ],
133
+
134
+ 'title_limit_type' => [
135
+ 'type' => 'string',
136
+ 'default' => 'word',
137
+ ],
138
+
139
+ 'title_position' => [
140
+ 'type' => 'string',
141
+ 'default' => 'default',
142
+ ],
143
+
144
+ 'title_position_hidden' => [
145
+ 'type' => 'string',
146
+ 'default' => 'default',
147
+ ],
148
+
149
+ 'title_hover_underline' => [
150
+ 'type' => 'string',
151
+ 'default' => 'default',
152
+ ],
153
+
154
+ // Thumbnail Settings
155
+
156
+ 'media_source' => [
157
+ 'type' => 'string',
158
+ 'default' => 'feature_image',
159
+ ],
160
+
161
+ 'image_size' => [
162
+ 'type' => 'string',
163
+ 'default' => 'medium_large',
164
+ ],
165
+
166
+ 'image_offset_size' => [
167
+ 'type' => 'string',
168
+ 'default' => 'medium_large',
169
+ ],
170
+
171
+ 'img_crop_style' => [
172
+ 'type' => 'string',
173
+ 'default' => 'hard',
174
+ ],
175
+
176
+ 'image_offset' => [
177
+ 'type' => 'string',
178
+ 'default' => 'medium_large',
179
+ ],
180
+ 'list_image_side_width' => [
181
+ 'type' => 'object',
182
+ "default" => (object) [
183
+ 'lg' => '',
184
+ 'md' => '',
185
+ 'sm' => '',
186
+ ],
187
+ 'style' => [
188
+ (object) [
189
+ 'selector' => '{{RTTPG}} .rt-tpg-container .list-layout-wrapper [class*="rt-col"]:not(.offset-left) .rt-holder .tpg-el-image-wrap {flex: 0 0 {{list_image_side_width}};max-width:{{list_image_side_width}}; }'
190
+ ]
191
+ ]
192
+ ],
193
+
194
+ 'image_height' => [
195
+ 'type' => 'object',
196
+ "default" => (object) [
197
+ 'lg' => '',
198
+ 'md' => '',
199
+ 'sm' => '',
200
+ ],
201
+ 'style' => [
202
+ (object) [
203
+ 'selector' => '{{RTTPG}} .tpg-el-main-wrapper .rt-content-loader > :not(.offset-right) .tpg-el-image-wrap,
204
+ {{RTTPG}} .tpg-el-main-wrapper .rt-content-loader > :not(.offset-right) .tpg-el-image-wrap img,
205
+ {{RTTPG}} .tpg-el-main-wrapper.slider-layout11-main .rt-grid-hover-item .rt-holder .rt-el-content-wrapper,
206
+ {{RTTPG}} .tpg-el-main-wrapper.slider-layout12-main .rt-grid-hover-item .rt-holder .rt-el-content-wrapper
207
+ {height: {{image_height}}; }'
208
+ ]
209
+ ]
210
+ ],
211
+
212
+ 'offset_image_height' => [
213
+ 'type' => 'object',
214
+ "default" => (object) [
215
+ 'lg' => '',
216
+ 'md' => '',
217
+ 'sm' => '',
218
+ ],
219
+ 'style' => [
220
+ (object) [
221
+ 'selector' => '{{RTTPG}} .tpg-el-main-wrapper .rt-content-loader .offset-right .tpg-el-image-wrap,
222
+ {{RTTPG}} .tpg-el-main-wrapper .rt-content-loader .offset-right .tpg-el-image-wrap img {height: {{offset_image_height}}; }'
223
+ ]
224
+ ]
225
+ ],
226
+
227
+ 'c_image_width' => [
228
+ 'type' => 'string',
229
+ 'default' => '',
230
+ ],
231
+
232
+ 'c_image_height' => [
233
+ 'type' => 'string',
234
+ 'default' => '',
235
+ ],
236
+
237
+ 'hover_animation' => [
238
+ 'type' => 'string',
239
+ 'default' => 'default',
240
+ ],
241
+
242
+ 'is_thumb_lightbox' => [
243
+ 'type' => 'string',
244
+ 'default' => 'default',
245
+ ],
246
+
247
+ 'is_default_img' => [
248
+ 'type' => 'string',
249
+ 'default' => '',
250
+ ],
251
+
252
+ 'default_image' => [
253
+ 'type' => 'object',
254
+ 'default' => [],
255
+ ],
256
+
257
+ // Post Excerpt Settings
258
+
259
+ 'excerpt_type' => [
260
+ 'type' => 'string',
261
+ 'default' => 'character',
262
+ ],
263
+
264
+ 'excerpt_limit' => [
265
+ 'type' => 'string',
266
+ 'default' => '100',
267
+ ],
268
+
269
+ 'excerpt_more_text' => [
270
+ 'type' => 'string',
271
+ 'default' => '...',
272
+ ],
273
+
274
+ // Post Meta Settings
275
+
276
+ 'meta_position' => [
277
+ 'type' => 'string',
278
+ 'default' => 'default',
279
+ ],
280
+
281
+ 'show_meta_icon' => [
282
+ 'type' => 'string',
283
+ 'default' => 'yes',
284
+ ],
285
+
286
+ 'meta_separator' => [
287
+ 'type' => 'string',
288
+ 'default' => 'default',
289
+ ],
290
+
291
+ 'meta_ordering' => [
292
+ 'type' => 'array',
293
+ 'default' => [],
294
+ ],
295
+
296
+ // user meta
297
+ 'author_prefix' => [
298
+ 'type' => 'string',
299
+ 'default' => '',
300
+ ],
301
+ 'author_icon_visibility' => [
302
+ 'type' => 'string',
303
+ 'default' => 'default',
304
+ ],
305
+ 'show_author_image' => [
306
+ 'type' => 'string',
307
+ 'default' => 'image',
308
+ ],
309
+
310
+
311
+ //ACF Settings given below
312
+
313
+ 'acf_data_lists' => [
314
+ 'type' => 'object',
315
+ 'default' => [],
316
+ ],
317
+
318
+ // Read More Settings
319
+
320
+
321
+ 'readmore_btn_style' => [
322
+ 'type' => 'string',
323
+ 'default' => 'default-style',
324
+ ],
325
+
326
+ 'read_more_label' => [
327
+ 'type' => 'string',
328
+ 'default' => 'Read More',
329
+ ],
330
+
331
+ 'show_btn_icon' => [
332
+ 'type' => 'string',
333
+ 'default' => '',
334
+ ],
335
+
336
+ 'readmore_style_tabs' => [
337
+ 'type' => 'string',
338
+ 'default' => 'normal',
339
+ ],
340
+
341
+ 'readmore_btn_icon' => [
342
+ 'type' => 'string',
343
+ 'default' => 'fas fa-angle-right',
344
+ ],
345
+ ];
346
+
347
+ return apply_filters( 'rttpg_guten_settings_attribute', $settings_attribute );
348
+ }
349
+ }
app/Controllers/Blocks/BlockController/StyleTabController.php ADDED
@@ -0,0 +1,2480 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+
3
+ namespace RT\ThePostGrid\Controllers\Blocks\BlockController;
4
+
5
+ class StyleTabController {
6
+ /**
7
+ * @return mixed|void
8
+ */
9
+ public static function get_controller( $prefix = '' ) {
10
+ $style_attribute = [
11
+ //Section Title Style
12
+ 'section_title_alignment' => [
13
+ 'type' => 'string',
14
+ 'default' => '',
15
+ ],
16
+
17
+ "section_title_margin" => [
18
+ "type" => "object",
19
+ "default" => [
20
+ 'lg' => [
21
+ "isLinked" => false,
22
+ "unit" => "px",
23
+ "value" => ''
24
+ ]
25
+ ],
26
+ 'style' => [
27
+ (object) [
28
+ 'selector' => '{{RTTPG}} .tpg-widget-heading-wrapper{{section_title_margin}}'
29
+ ]
30
+ ]
31
+ ],
32
+
33
+ // "section_title_padding" => [
34
+ // "type" => "object",
35
+ // "default" => [
36
+ // 'lg' => [
37
+ // "isLinked" => false,
38
+ // "unit" => "px",
39
+ // "value" => ''
40
+ // ]
41
+ // ],
42
+ // 'style' => [
43
+ // (object) [
44
+ // 'selector' => '{{RTTPG}} .tpg-widget-heading-wrapper{{section_title_margin}}'
45
+ // ]
46
+ // ]
47
+ // ],
48
+
49
+ 'section_title_typography' => [
50
+ 'type' => 'object',
51
+ 'default' => (object) [
52
+ 'openTypography' => 1,
53
+ 'size' => (object) [ 'lg' => '', 'unit' => 'px' ],
54
+ 'spacing' => (object) [ 'lg' => '', 'unit' => 'px' ],
55
+ 'height' => (object) [ 'lg' => '', 'unit' => 'px' ],
56
+ 'transform' => '',
57
+ 'weight' => ''
58
+ ],
59
+ 'style' => [
60
+ (object) [ 'selector' => '{{RTTPG}} .tpg-widget-heading-wrapper .tpg-widget-heading' ]
61
+ ],
62
+ ],
63
+
64
+ 'section_title_color' => [
65
+ 'type' => 'string',
66
+ 'default' => '',
67
+ 'style' => [
68
+ (object) [
69
+ 'selector' => '{{RTTPG}} .tpg-widget-heading-wrapper .tpg-widget-heading {color: {{section_title_color}}; }'
70
+ ]
71
+ ]
72
+ ],
73
+
74
+ 'section_title_bg_color' => [
75
+ 'type' => 'string',
76
+ 'default' => '',
77
+ 'style' => [
78
+ (object) [
79
+ 'selector' => '{{RTTPG}} .tpg-widget-heading-wrapper.heading-style2 .tpg-widget-heading, {{RTTPG}} .tpg-widget-heading-wrapper.heading-style3 .tpg-widget-heading {background-color: {{section_title_bg_color}}; }
80
+ {{RTTPG}} .tpg-widget-heading-wrapper.heading-style2 .tpg-widget-heading::after, {{RTTPG}} .tpg-widget-heading-wrapper.heading-style2 .tpg-widget-heading::before {border-color: {{section_title_bg_color}} transparent; }'
81
+ ]
82
+ ]
83
+ ],
84
+
85
+ 'section_title_dot_color' => [
86
+ 'type' => 'string',
87
+ 'default' => '',
88
+ 'style' => [
89
+ (object) [
90
+ 'selector' => '{{RTTPG}} .tpg-widget-heading-wrapper.heading-style1 .tpg-widget-heading::before {background-color: {{section_title_dot_color}}; }'
91
+ ]
92
+ ]
93
+ ],
94
+
95
+ 'section_title_line_color' => [
96
+ 'type' => 'string',
97
+ 'default' => '',
98
+ 'style' => [
99
+ (object) [
100
+ 'selector' => '
101
+ {{RTTPG}} .tpg-widget-heading-wrapper.heading-style1 .tpg-widget-heading-line {border-color: {{section_title_line_color}}; }
102
+ {{RTTPG}}.section-title-style-style2 .tpg-header-wrapper.carousel .rt-filter-item-wrap.swiper-wrapper .swiper-slide::before, {{RTTPG}}.section-title-style-style3 .tpg-header-wrapper.carousel .rt-filter-item-wrap.swiper-wrapper .swiper-slide::before {border-bottom-color: {{section_title_line_color}}; }
103
+ {{RTTPG}}.section-title-style-style2 .tpg-header-wrapper:not(.carousel) .tpg-widget-heading-wrapper,{{RTTPG}}.section-title-style-style3 .tpg-header-wrapper:not(.carousel) .tpg-widget-heading-wrapper,{{RTTPG}}.section-title-style-style2 .tpg-header-wrapper.carousel, {{RTTPG}}.section-title-style-style3 .tpg-header-wrapper.carousel {border-bottom-color: {{section_title_line_color}}; }
104
+ {{RTTPG}}.section-title-style-style2 .tpg-header-wrapper.carousel .rt-filter-item-wrap.swiper-wrapper .swiper-slide.selected, {{RTTPG}}.section-title-style-style3 .tpg-header-wrapper.carousel .rt-filter-item-wrap.swiper-wrapper .swiper-slide.selected {color: {{section_title_line_color}}; }
105
+ {{RTTPG}}.section-title-style-style2 .tpg-header-wrapper.carousel .rt-filter-item-wrap.swiper-wrapper .swiper-slide:hover, {{RTTPG}}.section-title-style-style2 .tpg-header-wrapper.carousel .rt-filter-item-wrap.swiper-wrapper .swiper-slide:hover {color: {{section_title_line_color}}; }
106
+ '
107
+ ]
108
+ ]
109
+ ],
110
+
111
+ 'prefix_text_color' => [
112
+ 'type' => 'string',
113
+ 'default' => '',
114
+ 'style' => [
115
+ (object) [
116
+ 'selector' => '{{RTTPG}} .selector {color: {{prefix_text_color}}; }'
117
+ ]
118
+ ]
119
+ ],
120
+
121
+ 'suffix_text_color' => [
122
+ 'type' => 'string',
123
+ 'default' => '',
124
+ 'style' => [
125
+ (object) [
126
+ 'selector' => '{{RTTPG}} .selector {color: {{suffix_text_color}}; }'
127
+ ]
128
+ ]
129
+ ],
130
+
131
+ 'cat_tag_description_heading' => [
132
+ 'type' => 'string',
133
+ 'default' => '',
134
+ ],
135
+
136
+ 'taxonomy_des_typography' => [
137
+ 'type' => 'object',
138
+ 'default' => (object) [
139
+ 'openTypography' => 1,
140
+ 'size' => (object) [ 'lg' => '', 'unit' => 'px' ],
141
+ 'spacing' => (object) [ 'lg' => '', 'unit' => 'px' ],
142
+ 'height' => (object) [ 'lg' => '', 'unit' => 'px' ],
143
+ 'transform' => '',
144
+ 'weight' => ''
145
+ ],
146
+ 'style' => [
147
+ (object) [ 'selector' => '{{RTTPG}} .tpg-widget-heading-wrapper .tpg-widget-heading' ]
148
+ ],
149
+ ],
150
+
151
+ 'taxonomy_des_alignment' => [
152
+ 'type' => 'object',
153
+ 'default' => [],
154
+ 'style' => [
155
+ (object) [
156
+ 'selector' => '{{RTTPG}} .selector {text-align: {{taxonomy_des_alignment}}; }'
157
+ ]
158
+ ]
159
+ ],
160
+
161
+ 'taxonomy_des_color' => [
162
+ 'type' => 'string',
163
+ 'default' => '',
164
+ 'style' => [
165
+ (object) [
166
+ 'selector' => '{{RTTPG}} .selector {color: {{taxonomy_des_color}}; }'
167
+ ]
168
+ ]
169
+ ],
170
+
171
+ "taxonomy_des_dimension" => [
172
+ "type" => "object",
173
+ "default" => [
174
+ 'lg' => [
175
+ "isLinked" => true,
176
+ "unit" => "px",
177
+ "value" => ''
178
+ ]
179
+ ],
180
+ 'style' => [
181
+ (object) [
182
+ 'selector' => '{{RTTPG}} .selector{{taxonomy_des_dimension}}'
183
+ ]
184
+ ]
185
+ ],
186
+
187
+ // Title Style
188
+
189
+ "title_spacing" => [
190
+ "type" => "object",
191
+ "default" => [
192
+ 'lg' => [
193
+ "isLinked" => false,
194
+ "unit" => "px",
195
+ "value" => ''
196
+ ]
197
+ ],
198
+ 'style' => [
199
+ (object) [
200
+ 'selector' => '{{RTTPG}} .rt-tpg-container .rt-holder .entry-title-wrapper{{title_spacing}}'
201
+ ]
202
+ ]
203
+ ],
204
+
205
+ "title_padding" => [
206
+ "type" => "object",
207
+ "default" => [
208
+ 'lg' => [
209
+ "isLinked" => true,
210
+ "unit" => "px",
211
+ "value" => ''
212
+ ]
213
+ ],
214
+ 'style' => [
215
+ (object) [
216
+ 'selector' => '{{RTTPG}} .rt-tpg-container .rt-holder .entry-title-wrapper .entry-title{{title_padding}}'
217
+ ]
218
+ ]
219
+ ],
220
+
221
+ 'title_typography' => [
222
+ 'type' => 'object',
223
+ 'default' => (object) [
224
+ 'openTypography' => 1,
225
+ 'size' => (object) [ 'lg' => '', 'unit' => 'px' ],
226
+ 'spacing' => (object) [ 'lg' => '', 'unit' => 'px' ],
227
+ 'height' => (object) [ 'lg' => '', 'unit' => 'px' ],
228
+ 'transform' => '',
229
+ 'weight' => ''
230
+ ],
231
+ 'style' => [
232
+ (object) [ 'selector' => '{{RTTPG}} .tpg-el-main-wrapper .entry-title-wrapper .entry-title' ]
233
+ ],
234
+ ],
235
+
236
+ 'title_offset_typography' => [
237
+ 'type' => 'object',
238
+ 'default' => (object) [
239
+ 'openTypography' => 1,
240
+ 'size' => (object) [ 'lg' => '', 'unit' => 'px' ],
241
+ 'spacing' => (object) [ 'lg' => '', 'unit' => 'px' ],
242
+ 'height' => (object) [ 'lg' => '', 'unit' => 'px' ],
243
+ 'transform' => '',
244
+ 'weight' => ''
245
+ ],
246
+ 'style' => [
247
+ (object) [ 'selector' => '{{RTTPG}} .tpg-el-main-wrapper .offset-left .entry-title-wrapper .entry-title' ]
248
+ ],
249
+ ],
250
+
251
+ 'title_border_visibility' => [
252
+ 'type' => 'string',
253
+ 'default' => 'default',
254
+ ],
255
+
256
+ 'title_box_hover_tab' => [
257
+ 'type' => 'string',
258
+ 'default' => 'normal',
259
+ ],
260
+
261
+ 'title_alignment' => [
262
+ 'type' => 'string',
263
+ 'default' => '',
264
+ 'style' => [
265
+ (object) [
266
+ 'selector' => '{{RTTPG}} .tpg-el-main-wrapper .entry-title {text-align: {{title_alignment}}; }'
267
+ ]
268
+ ]
269
+ ],
270
+
271
+ 'title_color' => [
272
+ 'type' => 'string',
273
+ 'default' => '',
274
+ 'style' => [
275
+ (object) [
276
+ 'selector' => '{{RTTPG}} .tpg-el-main-wrapper .entry-title {color: {{title_color}}; }'
277
+ ]
278
+ ]
279
+ ],
280
+
281
+ 'title_bg_color' => [
282
+ 'type' => 'string',
283
+ 'default' => '',
284
+ 'style' => [
285
+ (object) [
286
+ 'selector' => '{{RTTPG}} .tpg-el-main-wrapper .entry-title {background-color: {{title_bg_color}}; }'
287
+ ]
288
+ ]
289
+ ],
290
+
291
+ 'title_border_color' => [
292
+ 'type' => 'string',
293
+ 'default' => '',
294
+ 'style' => [
295
+ (object) [
296
+ 'selector' => '{{RTTPG}} .rt-tpg-container .rt-holder .entry-title-wrapper .entry-title::before {background-color: {{title_border_color}}; }'
297
+ ]
298
+ ]
299
+ ],
300
+
301
+ 'title_hover_border_color' => [
302
+ 'type' => 'string',
303
+ 'default' => '',
304
+ 'style' => [
305
+ (object) [
306
+ 'selector' => '{{RTTPG}} .entry-title {--tpg-primary-color: {{title_hover_border_color}}; }'
307
+ ]
308
+ ]
309
+ ],
310
+
311
+ 'title_hover_color' => [
312
+ 'type' => 'string',
313
+ 'default' => '',
314
+ 'style' => [
315
+ (object) [
316
+ 'selector' => '{{RTTPG}} .tpg-el-main-wrapper .tpg-post-holder .entry-title:hover, {{RTTPG}} .tpg-el-main-wrapper .tpg-post-holder .entry-title a:hover {color: {{title_hover_color}} !important; }'
317
+ ]
318
+ ]
319
+ ],
320
+
321
+ 'title_bg_color_hover' => [
322
+ 'type' => 'string',
323
+ 'default' => '',
324
+ 'style' => [
325
+ (object) [
326
+ 'selector' => '{{RTTPG}} .tpg-el-main-wrapper .entry-title:hover {background-color: {{title_bg_color_hover}} !important; }'
327
+ ]
328
+ ]
329
+ ],
330
+
331
+ 'title_color_box_hover' => [
332
+ 'type' => 'string',
333
+ 'default' => '',
334
+ 'style' => [
335
+ (object) [
336
+ 'selector' => '{{RTTPG}} .tpg-el-main-wrapper .tpg-post-holder:hover .entry-title, {{RTTPG}} .tpg-el-main-wrapper .tpg-post-holder:hover .entry-title a {color: {{title_color_box_hover}}; }'
337
+ ]
338
+ ]
339
+ ],
340
+
341
+ 'title_bg_color_box_hover' => [
342
+ 'type' => 'string',
343
+ 'default' => '',
344
+ 'style' => [
345
+ (object) [
346
+ 'selector' => '{{RTTPG}} .tpg-el-main-wrapper .tpg-post-holder:hover .entry-title {background-color: {{title_bg_color_box_hover}}; }'
347
+ ]
348
+ ]
349
+ ],
350
+
351
+ 'title_border_color_hover' => [
352
+ 'type' => 'string',
353
+ 'default' => '',
354
+ 'style' => [
355
+ (object) [
356
+ 'selector' => '{{RTTPG}} .rt-tpg-container .rt-holder:hover .entry-title-wrapper .entry-title::before {background-color: {{title_border_color_hover}}; }'
357
+ ]
358
+ ]
359
+ ],
360
+
361
+ //Thumbnail Style
362
+
363
+ "img_border_radius" => [
364
+ "type" => "object",
365
+ "default" => [
366
+ 'lg' => [
367
+ "isLinked" => true,
368
+ "unit" => "px",
369
+ "value" => ''
370
+ ]
371
+ ],
372
+ 'style' => [
373
+ (object) [
374
+ 'selector' => '{{RTTPG}} .tpg-el-main-wrapper .tpg-el-image-wrap,
375
+ {{RTTPG}} .tpg-el-main-wrapper .tpg-el-image-wrap img,
376
+ {{RTTPG}} .tpg-el-main-wrapper .rt-grid-hover-item .rt-holder .rt-el-content-wrapper,
377
+ {{RTTPG}} .rt-grid-hover-item .grid-hover-content{{img_border_radius}}'
378
+ ]
379
+ ]
380
+ ],
381
+
382
+ 'image_width' => [
383
+ 'type' => 'string',
384
+ 'default' => '',
385
+ 'style' => [
386
+ (object) [
387
+ 'selector' => '{{RTTPG}} .tpg-el-main-wrapper .tpg-el-image-wrap img {width:{{image_width}}}'
388
+ ]
389
+ ]
390
+ ],
391
+
392
+ "thumbnail_spacing" => [
393
+ "type" => "object",
394
+ "default" => [
395
+ 'lg' => [
396
+ "isLinked" => false,
397
+ "unit" => "px",
398
+ "value" => ''
399
+ ]
400
+ ],
401
+ 'style' => [
402
+ (object) [
403
+ 'selector' => '{{RTTPG}} .tpg-el-main-wrapper .tpg-el-image-wrap{{thumbnail_spacing}}'
404
+ ]
405
+ ]
406
+ ],
407
+
408
+ 'grid_hover_style_tabs' => [
409
+ 'type' => 'string',
410
+ 'default' => 'normal',
411
+ ],
412
+
413
+ "grid_hover_overlay_color" => [
414
+ "type" => "object",
415
+ "default" => (object) [
416
+ 'openBGColor' => 0,
417
+ 'type' => 'classic',
418
+ 'classic' => (object) [
419
+ 'color' => '',
420
+ 'img' => (object) [ 'imgURL' => '', 'imgID' => '' ],
421
+ 'imgProperty' => (object) [
422
+ 'imgPosition' => (object) [ 'lg' => '' ],
423
+ 'imgAttachment' => (object) [ 'lg' => '' ],
424
+ 'imgRepeat' => (object) [ 'lg' => '' ],
425
+ 'imgSize' => (object) [ 'lg' => '' ],
426
+ ]
427
+ ],
428
+ 'gradient' => ''
429
+ ],
430
+ 'style' => [
431
+ (object) [
432
+ 'selector' => '{{RTTPG}} .rt-tpg-container .rt-grid-hover-item .rt-holder .grid-hover-content:before, {{RTTPG}} .tpg-el-main-wrapper .tpg-el-image-wrap .overlay'
433
+ ]
434
+ ]
435
+ ],
436
+
437
+ 'thumb_lightbox_bg' => [
438
+ 'type' => 'string',
439
+ 'default' => '',
440
+ 'style' => [
441
+ (object) [
442
+ 'selector' => '{{RTTPG}} .rt-tpg-container .rt-holder .rt-img-holder .tpg-zoom .fa {background-color: {{thumb_lightbox_bg}}; }'
443
+ ]
444
+ ]
445
+ ],
446
+ 'thumb_lightbox_color' => [
447
+ 'type' => 'string',
448
+ 'default' => '',
449
+ 'style' => [
450
+ (object) [
451
+ 'selector' => '{{RTTPG}} .rt-tpg-container .rt-holder .rt-img-holder .tpg-zoom .fa {color: {{thumb_lightbox_color}}; }'
452
+ ]
453
+ ]
454
+ ],
455
+
456
+ "grid_hover_overlay_color_hover" => [
457
+ "type" => "object",
458
+ "default" => (object) [
459
+ 'openBGColor' => 0,
460
+ 'type' => 'classic',
461
+ 'classic' => (object) [
462
+ 'color' => '',
463
+ 'img' => (object) [ 'imgURL' => '', 'imgID' => '' ],
464
+ 'imgProperty' => (object) [
465
+ 'imgPosition' => (object) [ 'lg' => '' ],
466
+ 'imgAttachment' => (object) [ 'lg' => '' ],
467
+ 'imgRepeat' => (object) [ 'lg' => '' ],
468
+ 'imgSize' => (object) [ 'lg' => '' ],
469
+ ]
470
+ ],
471
+ 'gradient' => ''
472
+ ],
473
+ 'style' => [
474
+ (object) [
475
+ 'selector' => '{{RTTPG}} .rt-tpg-container .rt-grid-hover-item .rt-holder .grid-hover-content:after, {{RTTPG}} .tpg-el-main-wrapper .rt-holder:hover .tpg-el-image-wrap .overlay'
476
+ ]
477
+ ]
478
+ ],
479
+
480
+ 'thumb_lightbox_bg_hover' => [
481
+ 'type' => 'string',
482
+ 'default' => '',
483
+ 'style' => [
484
+ (object) [
485
+ 'selector' => '{{RTTPG}} .rt-tpg-container .rt-holder .rt-img-holder .tpg-zoom .fa {background-color: {{thumb_lightbox_bg_hover}}; }'
486
+ ]
487
+ ]
488
+ ],
489
+ 'thumb_lightbox_color_hover' => [
490
+ 'type' => 'string',
491
+ 'default' => '',
492
+ 'style' => [
493
+ (object) [
494
+ 'selector' => '{{RTTPG}} .rt-tpg-container .rt-holder .rt-img-holder .tpg-zoom .fa {color: {{thumb_lightbox_color_hover}}; }'
495
+ ]
496
+ ]
497
+ ],
498
+ 'grid_hover_overlay_type' => [
499
+ 'type' => 'string',
500
+ 'default' => 'always',
501
+ ],
502
+ 'grid_hover_overlay_height' => [
503
+ 'type' => 'string',
504
+ 'default' => 'default',
505
+ ],
506
+ 'on_hover_overlay' => [
507
+ 'type' => 'string',
508
+ 'default' => 'default',
509
+ ],
510
+
511
+ // Content Style
512
+
513
+ 'excerpt_style_tabs' => [
514
+ 'type' => 'string',
515
+ 'default' => 'normal',
516
+ ],
517
+
518
+ 'content_typography' => [
519
+ 'type' => 'object',
520
+ 'default' => (object) [
521
+ 'openTypography' => 1,
522
+ 'size' => (object) [ 'lg' => '', 'unit' => 'px' ],
523
+ 'spacing' => (object) [ 'lg' => '', 'unit' => 'px' ],
524
+ 'height' => (object) [ 'lg' => '', 'unit' => 'px' ],
525
+ 'transform' => '',
526
+ 'weight' => ''
527
+ ],
528
+ 'style' => [
529
+ (object) [ 'selector' => '{{RTTPG}} .tpg-el-main-wrapper .tpg-el-excerpt .tpg-excerpt-inner' ]
530
+ ],
531
+ ],
532
+
533
+ "excerpt_spacing" => [
534
+ "type" => "object",
535
+ "default" => [
536
+ 'lg' => [
537
+ "isLinked" => false,
538
+ "unit" => "px",
539
+ "value" => ''
540
+ ]
541
+ ],
542
+ 'style' => [
543
+ (object) [
544
+ 'selector' => '{{RTTPG}} .tpg-el-main-wrapper .tpg-el-excerpt{{excerpt_spacing}}'
545
+ ]
546
+ ]
547
+ ],
548
+
549
+ 'content_alignment' => [
550
+ 'type' => 'object',
551
+ 'default' => [],
552
+ 'style' => [
553
+ (object) [
554
+ 'selector' => '{{RTTPG}} .tpg-el-main-wrapper .tpg-el-excerpt .tpg-excerpt-inner, {{RTTPG}} .tpg-el-main-wrapper .tpg-el-excerpt .tpg-excerpt-inner * {text-align: {{content_alignment}}; }'
555
+ ]
556
+ ]
557
+ ],
558
+
559
+ 'excerpt_color' => [
560
+ 'type' => 'string',
561
+ 'default' => '',
562
+ 'style' => [
563
+ (object) [
564
+ 'selector' => '{{RTTPG}} .tpg-el-main-wrapper .tpg-el-excerpt .tpg-excerpt-inner {color: {{excerpt_color}}; }'
565
+ ]
566
+ ]
567
+ ],
568
+
569
+ 'excerpt_border' => [
570
+ 'type' => 'string',
571
+ 'default' => '',
572
+ 'style' => [
573
+ (object) [
574
+ 'selector' => '{{RTTPG}}.meta_position_default .tpg-el-main-wrapper .grid-layout3 .rt-holder .rt-el-post-meta::before {background: {{excerpt_border}}; }'
575
+ ]
576
+ ]
577
+ ],
578
+
579
+ 'excerpt_hover_color' => [
580
+ 'type' => 'string',
581
+ 'default' => '',
582
+ 'style' => [
583
+ (object) [
584
+ 'selector' => '{{RTTPG}} .tpg-el-main-wrapper .tpg-post-holder:hover .tpg-el-excerpt .tpg-excerpt-inner {color: {{excerpt_hover_color}}; }'
585
+ ]
586
+ ]
587
+ ],
588
+
589
+ 'excerpt_border_hover' => [
590
+ 'type' => 'string',
591
+ 'default' => '',
592
+ 'style' => [
593
+ (object) [
594
+ 'selector' => '{{RTTPG}}.meta_position_default .tpg-el-main-wrapper .grid-layout3 .rt-holder:hover .rt-el-post-meta::before {color: {{excerpt_border_hover}}; }'
595
+ ]
596
+ ]
597
+ ],
598
+
599
+
600
+ // Meta Info Style
601
+
602
+ 'post_meta_typography' => [
603
+ 'type' => 'object',
604
+ 'default' => (object) [
605
+ 'openTypography' => 1,
606
+ 'size' => (object) [ 'lg' => '', 'unit' => 'px' ],
607
+ 'spacing' => (object) [ 'lg' => '', 'unit' => 'px' ],
608
+ 'height' => (object) [ 'lg' => '', 'unit' => 'px' ],
609
+ 'transform' => '',
610
+ 'weight' => ''
611
+ ],
612
+ 'style' => [
613
+ (object) [ 'selector' => '{{RTTPG}} .rt-tpg-container .tpg-post-holder .rt-el-post-meta, {{RTTPG}} .tpg-post-holder .tpg-separate-category .categories-links a' ]
614
+ ],
615
+ ],
616
+
617
+ 'postmeta_alignment' => [
618
+ 'type' => 'object',
619
+ 'default' => [],
620
+ 'style' => [
621
+ (object) [
622
+ 'selector' => '{{RTTPG}} .rt-tpg-container .rt-el-post-meta {text-align: {{postmeta_alignment}}; }'
623
+ ]
624
+ ]
625
+ ],
626
+
627
+ "meta_spacing" => [
628
+ "type" => "object",
629
+ "default" => [
630
+ 'lg' => [
631
+ "isLinked" => false,
632
+ "unit" => "px",
633
+ "value" => ''
634
+ ]
635
+ ],
636
+ 'style' => [
637
+ (object) [
638
+ 'selector' => '{{RTTPG}} .tpg-el-main-wrapper .rt-holder .rt-el-post-meta{{meta_spacing}}'
639
+ ]
640
+ ]
641
+ ],
642
+ 'separator_cat_heading' => [
643
+ 'type' => 'string',
644
+ 'default' => '',
645
+ ],
646
+
647
+ 'separator_cat_typography' => [
648
+ 'type' => 'object',
649
+ 'default' => (object) [
650
+ 'openTypography' => 1,
651
+ 'size' => (object) [ 'lg' => '', 'unit' => 'px' ],
652
+ 'spacing' => (object) [ 'lg' => '', 'unit' => 'px' ],
653
+ 'height' => (object) [ 'lg' => '', 'unit' => 'px' ],
654
+ 'transform' => '',
655
+ 'weight' => ''
656
+ ],
657
+ 'style' => [
658
+ (object) [ 'selector' => '{{RTTPG}} .rt-tpg-container .tpg-post-holder .tpg-separate-category .categories-links' ]
659
+ ],
660
+ ],
661
+
662
+ 'category_margin_bottom' => [
663
+ 'type' => 'number',
664
+ // 'default' => 0.5,
665
+ 'style' => [
666
+ (object) [
667
+ 'selector' => '{{RTTPG}} .tpg-el-main-wrapper .tpg-separate-category.above_title { margin-bottom: {{category_margin_bottom}}px !important;}'
668
+ ],
669
+ ]
670
+ ],
671
+
672
+ "category_radius" => [
673
+ "type" => "object",
674
+ "default" => [
675
+ 'lg' => [
676
+ "isLinked" => true,
677
+ "unit" => "px",
678
+ "value" => ''
679
+ ]
680
+ ],
681
+ 'style' => [
682
+ (object) [
683
+ 'selector' => '
684
+ {{RTTPG}} .tpg-el-main-wrapper .post-meta-tags .categories-links a{{category_radius}}
685
+ {{RTTPG}} .tpg-el-main-wrapper .tpg-separate-category:not(.style3) .categories-links a{{category_radius}}
686
+ '
687
+ ]
688
+ ]
689
+ ],
690
+
691
+ "meta_info_style_tabs" => [
692
+ 'type' => 'string',
693
+ 'default' => 'normal'
694
+ ],
695
+
696
+ 'meta_info_color' => [
697
+ 'type' => 'string',
698
+ 'default' => '',
699
+ 'style' => [
700
+ (object) [
701
+ 'selector' => '{{RTTPG}} .tpg-el-main-wrapper .post-meta-tags span {color: {{meta_info_color}}; }'
702
+ ]
703
+ ]
704
+ ],
705
+
706
+ 'meta_link_color' => [
707
+ 'type' => 'string',
708
+ 'default' => '',
709
+ 'style' => [
710
+ (object) [
711
+ 'selector' => '{{RTTPG}} .tpg-el-main-wrapper .post-meta-tags a {color: {{meta_link_color}}; }'
712
+ ]
713
+ ]
714
+ ],
715
+
716
+ 'meta_separator_color' => [
717
+ 'type' => 'string',
718
+ 'default' => '',
719
+ 'style' => [
720
+ (object) [
721
+ 'selector' => '{{RTTPG}} .tpg-el-main-wrapper .post-meta-tags .separator {color: {{meta_separator_color}}; }'
722
+ ]
723
+ ]
724
+ ],
725
+
726
+ 'meta_icon_color' => [
727
+ 'type' => 'string',
728
+ 'default' => '',
729
+ 'style' => [
730
+ (object) [
731
+ 'selector' => '{{RTTPG}} .tpg-el-main-wrapper .post-meta-tags i {color: {{meta_icon_color}}; }'
732
+ ]
733
+ ]
734
+ ],
735
+ 'category_position' => [
736
+ 'type' => 'string',
737
+ 'default' => 'default',
738
+ ],
739
+
740
+ 'category_source' => [
741
+ 'type' => 'string',
742
+ 'default' => 'category',
743
+ ],
744
+
745
+ 'tag_source' => [
746
+ 'type' => 'string',
747
+ 'default' => 'post_tag',
748
+ ],
749
+
750
+ 'category_style' => [
751
+ 'type' => 'string',
752
+ 'default' => 'style1',
753
+ ],
754
+
755
+ 'show_cat_icon' => [
756
+ 'type' => 'string',
757
+ 'default' => '',
758
+ ],
759
+
760
+ 'separate_category_color' => [
761
+ 'type' => 'string',
762
+ 'default' => '',
763
+ 'style' => [
764
+ (object) [
765
+ 'selector' => '
766
+ {{RTTPG}} .tpg-el-main-wrapper .tpg-separate-category.style1 .categories-links a {color: {{separate_category_color}}; }
767
+ {{RTTPG}} .tpg-el-main-wrapper .tpg-separate-category .categories-links a {color: {{separate_category_color}}; }
768
+ {{RTTPG}} .tpg-el-main-wrapper .post-meta-tags .categories-links a {color: {{separate_category_color}}; }
769
+ '
770
+ ]
771
+ ]
772
+ ],
773
+
774
+ 'separate_category_bg' => [
775
+ 'type' => 'string',
776
+ 'default' => '',
777
+ 'style' => [
778
+ (object) [
779
+ 'selector' => '{{RTTPG}} .tpg-el-main-wrapper .tpg-separate-category.style1 .categories-links a {background-color: {{separate_category_bg}}; }
780
+ {{RTTPG}} .tpg-el-main-wrapper .tpg-separate-category.style1 .categories-links a::after {border-top-color: {{separate_category_bg}}; }
781
+ {{RTTPG}} .tpg-el-main-wrapper .tpg-separate-category:not(.style1) .categories-links a {background-color: {{separate_category_bg}}; }
782
+ {{RTTPG}} .tpg-el-main-wrapper .tpg-separate-category:not(.style1) .categories-links a:after {border-top-color: {{separate_category_bg}}; }
783
+ {{RTTPG}} .tpg-el-main-wrapper .post-meta-tags .categories-links a {background-color: {{separate_category_bg}}; }'
784
+ ]
785
+ ]
786
+ ],
787
+
788
+ 'separate_category_icon_color' => [
789
+ 'type' => 'string',
790
+ 'default' => '',
791
+ 'style' => [
792
+ (object) [
793
+ 'selector' => '{{RTTPG}} .tpg-el-main-wrapper .tpg-separate-category .categories-links i {color: {{separate_category_icon_color}}; }
794
+ {{RTTPG}} .tpg-el-main-wrapper .post-meta-tags .categories-links i {color: {{separate_category_icon_color}}; }'
795
+ ]
796
+ ]
797
+ ],
798
+
799
+ 'meta_link_colo_hover' => [
800
+ 'type' => 'string',
801
+ 'default' => '',
802
+ 'style' => [
803
+ (object) [
804
+ 'selector' => '{{RTTPG}} .tpg-el-main-wrapper .tpg-post-holder .post-meta-tags a:hover {color: {{meta_link_colo_hover}}; }'
805
+ ]
806
+ ]
807
+ ],
808
+
809
+ 'separate_category_color_hover' => [
810
+ 'type' => 'string',
811
+ 'default' => '',
812
+ 'style' => [
813
+ (object) [
814
+ 'selector' => '{{RTTPG}} .tpg-el-main-wrapper .tpg-separate-category .categories-links a:hover {color: {{separate_category_color_hover}} !important; }
815
+ {{RTTPG}} .tpg-el-main-wrapper .post-meta-tags .categories-links a:hover {color: {{separate_category_color_hover}} !important; }'
816
+ ]
817
+ ]
818
+ ],
819
+
820
+ 'separate_category_bg_hover' => [
821
+ 'type' => 'string',
822
+ 'default' => '',
823
+ 'style' => [
824
+ (object) [
825
+ 'selector' => '{{RTTPG}} .tpg-el-main-wrapper .tpg-separate-category.style1 .categories-links a:hover {background-color: {{separate_category_bg_hover}} !important; }
826
+ {{RTTPG}} .tpg-el-main-wrapper .tpg-separate-category .categories-links:not(.style1) a:hover {background-color: {{separate_category_bg_hover}} !important; }
827
+ {{RTTPG}} .tpg-el-main-wrapper .tpg-separate-category .categories-links a:hover::after {border-top-color: {{separate_category_bg_hover}} !important; }
828
+ {{RTTPG}} .tpg-el-main-wrapper .post-meta-tags .categories-links a:hover {background-color: {{separate_category_bg_hover}} !important; }
829
+ '
830
+ ]
831
+ ]
832
+ ],
833
+
834
+ 'meta_link_colo_box_hover' => [
835
+ 'type' => 'string',
836
+ 'default' => '',
837
+ 'style' => [
838
+ (object) [
839
+ 'selector' => '{{RTTPG}} .tpg-el-main-wrapper .tpg-post-holder:hover .post-meta-tags * {color: {{meta_link_colo_box_hover}}; }'
840
+ ]
841
+ ]
842
+ ],
843
+
844
+ 'separate_category_color_box_hover' => [
845
+ 'type' => 'string',
846
+ 'default' => '',
847
+ 'style' => [
848
+ (object) [
849
+ 'selector' => '{{RTTPG}} .tpg-el-main-wrapper .tpg-post-holder:hover .tpg-separate-category .categories-links a,
850
+ {{RTTPG}} .tpg-el-main-wrapper .tpg-post-holder:hover .post-meta-tags .categories-links a {color: {{separate_category_color_box_hover}}; }'
851
+ ]
852
+ ]
853
+ ],
854
+
855
+ 'separate_category_bg_box_hover' => [
856
+ 'type' => 'string',
857
+ 'default' => '',
858
+ 'style' => [
859
+ (object) [
860
+ 'selector' => '{{RTTPG}} .tpg-el-main-wrapper .tpg-post-holder:hover .tpg-separate-category.style1 .categories-links a {background-color: {{separate_category_bg_box_hover}}; }
861
+ {{RTTPG}} .tpg-el-main-wrapper .tpg-post-holder:hover .tpg-separate-category .categories-links a::after {border-top-color: {{separate_category_bg_box_hover}}; }
862
+ {{RTTPG}} .tpg-el-main-wrapper .tpg-post-holder:hover .tpg-separate-category:not(.style1) .categories-links a,
863
+ {{RTTPG}} .tpg-el-main-wrapper .tpg-post-holder:hover .post-meta-tags .categories-links a {background-color: {{separate_category_bg_box_hover}}; }'
864
+ ]
865
+ ]
866
+ ],
867
+
868
+ 'separate_category_icon_color_box_hover' => [
869
+ 'type' => 'string',
870
+ 'default' => '',
871
+ 'style' => [
872
+ (object) [
873
+ 'selector' => '{{RTTPG}} .tpg-el-main-wrapper .tpg-post-holder:hover .tpg-separate-category .categories-links i,
874
+ {{RTTPG}} .tpg-el-main-wrapper .tpg-post-holder:hover .post-meta-tags .categories-links i {color: {{separate_category_icon_color_box_hover}}; }'
875
+ ]
876
+ ]
877
+ ],
878
+
879
+ //Social Icon Style
880
+
881
+ "social_icon_margin" => [
882
+ "type" => "object",
883
+ "default" => [
884
+ 'lg' => [
885
+ "isLinked" => true,
886
+ "unit" => "px",
887
+ "value" => ''
888
+ ]
889
+ ],
890
+ 'style' => [
891
+ (object) [
892
+ 'selector' => '{{RTTPG}} .rt-tpg-social-share a{{social_icon_margin}}'
893
+ ]
894
+ ]
895
+ ],
896
+
897
+ "social_wrapper_margin" => [
898
+ "type" => "object",
899
+ "default" => [
900
+ 'lg' => [
901
+ "isLinked" => false,
902
+ "unit" => "px",
903
+ "value" => ''
904
+ ]
905
+ ],
906
+ 'style' => [
907
+ (object) [
908
+ 'selector' => '{{RTTPG}} .rt-tpg-social-share{{social_wrapper_margin}}'
909
+ ]
910
+ ]
911
+ ],
912
+
913
+ "social_icon_radius" => [
914
+ "type" => "object",
915
+ "default" => [
916
+ 'lg' => [
917
+ "isLinked" => true,
918
+ "unit" => "px",
919
+ "value" => ''
920
+ ]
921
+ ],
922
+ 'style' => [
923
+ (object) [
924
+ 'selector' => '{{RTTPG}} .rt-tpg-social-share i{{social_icon_radius}}'
925
+ ]
926
+ ]
927
+ ],
928
+ 'social_icon_width' => [
929
+ 'type' => 'string',
930
+ 'default' => '',
931
+ 'style' => [
932
+ (object) [
933
+ 'selector' => '{{RTTPG}} .rt-tpg-social-share a i{width:{{social_icon_width}}px;text-align:center;}'
934
+ ]
935
+ ]
936
+ ],
937
+ 'social_icon_height' => [
938
+ 'type' => 'string',
939
+ 'default' => '',
940
+ 'style' => [
941
+ (object) [
942
+ 'selector' => '{{RTTPG}} .rt-tpg-social-share a i{height:{{social_icon_height}}px; line-height: {{social_icon_height}}px}'
943
+ ]
944
+ ]
945
+ ],
946
+
947
+ 'icon_font_size' => [
948
+ 'type' => 'object',
949
+ "default" => (object) [
950
+ 'lg' => '',
951
+ 'md' => '',
952
+ 'sm' => '',
953
+ ],
954
+ 'style' => [
955
+ (object) [
956
+ 'selector' => '{{RTTPG}} .rt-tpg-social-share a i{font-size:{{icon_font_size}}}'
957
+ ]
958
+ ]
959
+ ],
960
+
961
+ 'social_share_style_tabs' => [
962
+ 'type' => 'string',
963
+ 'default' => 'normal',
964
+ ],
965
+ 'social_icon_color' => [
966
+ 'type' => 'string',
967
+ 'default' => '',
968
+ 'style' => [
969
+ (object) [
970
+ 'selector' => '{{RTTPG}} .rt-tpg-social-share a i {color: {{social_icon_color}}; }'
971
+ ]
972
+ ]
973
+ ],
974
+
975
+ 'social_icon_bg_color' => [
976
+ 'type' => 'string',
977
+ 'default' => '',
978
+ 'style' => [
979
+ (object) [
980
+ 'selector' => '{{RTTPG}} .rt-tpg-social-share a i {background-color: {{social_icon_bg_color}}; }'
981
+ ]
982
+ ]
983
+ ],
984
+
985
+ 'social_icon_border' => [
986
+ 'type' => 'object',
987
+ 'default' => (object) [
988
+ 'openTpgBorder' => 1,
989
+ 'color' => '',
990
+ 'style' => '',
991
+ 'width' => '',
992
+ ],
993
+ 'style' => [
994
+ (object) [
995
+ 'selector' => '{{RTTPG}} .rt-tpg-social-share a i'
996
+ ]
997
+ ]
998
+ ],
999
+
1000
+ 'social_icon_color_hover' => [
1001
+ 'type' => 'string',
1002
+ 'default' => '',
1003
+ 'style' => [
1004
+ (object) [
1005
+ 'selector' => '{{RTTPG}} .rt-tpg-social-share a:hover i {color: {{social_icon_color_hover}} !important; }'
1006
+ ]
1007
+ ]
1008
+ ],
1009
+
1010
+ 'social_icon_bg_color_hover' => [
1011
+ 'type' => 'string',
1012
+ 'default' => '',
1013
+ 'style' => [
1014
+ (object) [
1015
+ 'selector' => '{{RTTPG}} .rt-tpg-social-share a:hover i {background-color: {{social_icon_bg_color_hover}} !important; }'
1016
+ ]
1017
+ ]
1018
+ ],
1019
+
1020
+ 'social_icon_color_box_hover' => [
1021
+ 'type' => 'string',
1022
+ 'default' => '',
1023
+ 'style' => [
1024
+ (object) [
1025
+ 'selector' => '{{RTTPG}} .tpg-el-main-wrapper .rt-holder:hover .rt-tpg-social-share a i {color: {{social_icon_color_box_hover}}; }'
1026
+ ]
1027
+ ]
1028
+ ],
1029
+
1030
+ 'social_icon_bg_color_box_hover' => [
1031
+ 'type' => 'string',
1032
+ 'default' => '',
1033
+ 'style' => [
1034
+ (object) [
1035
+ 'selector' => '{{RTTPG}} .tpg-el-main-wrapper .rt-holder:hover .rt-tpg-social-share a i {background-color: {{social_icon_bg_color_box_hover}}; }'
1036
+ ]
1037
+ ]
1038
+ ],
1039
+
1040
+ 'social_icon_border_hover' => [
1041
+ 'type' => 'object',
1042
+ 'default' => (object) [
1043
+ 'openTpgBorder' => 1,
1044
+ 'color' => '',
1045
+ 'style' => '',
1046
+ 'width' => '',
1047
+ ],
1048
+ 'style' => [
1049
+ (object) [
1050
+ 'selector' => '{{RTTPG}} .rt-tpg-social-share a:hover i'
1051
+ ]
1052
+ ]
1053
+ ],
1054
+
1055
+ //ACF Style
1056
+
1057
+ 'acf_group_title_typography' => [
1058
+ 'type' => 'object',
1059
+ 'default' => (object) [
1060
+ 'openTypography' => 1,
1061
+ 'size' => (object) [ 'lg' => '', 'unit' => 'px' ],
1062
+ 'spacing' => (object) [ 'lg' => '', 'unit' => 'px' ],
1063
+ 'height' => (object) [ 'lg' => '', 'unit' => 'px' ],
1064
+ 'transform' => '',
1065
+ 'weight' => ''
1066
+ ],
1067
+ 'style' => [
1068
+ (object) [ 'selector' => '{{RTTPG}} .rt-tpg-container .tpg-cf-group-title' ]
1069
+ ],
1070
+ ],
1071
+
1072
+ 'acf_typography' => [
1073
+ 'type' => 'object',
1074
+ 'default' => (object) [
1075
+ 'openTypography' => 1,
1076
+ 'size' => (object) [ 'lg' => '', 'unit' => 'px' ],
1077
+ 'spacing' => (object) [ 'lg' => '', 'unit' => 'px' ],
1078
+ 'height' => (object) [ 'lg' => '', 'unit' => 'px' ],
1079
+ 'transform' => '',
1080
+ 'weight' => ''
1081
+ ],
1082
+ 'style' => [
1083
+ (object) [ 'selector' => '{{RTTPG}} .rt-tpg-container .tpg-cf-fields' ]
1084
+ ],
1085
+ ],
1086
+
1087
+ 'acf_label_style' => [
1088
+ 'type' => 'string',
1089
+ 'default' => 'inline',
1090
+ ],
1091
+
1092
+ 'acf_label_width' => [
1093
+ 'type' => 'object',
1094
+ "default" => (object) [
1095
+ 'lg' => '',
1096
+ 'md' => '',
1097
+ 'sm' => '',
1098
+ ],
1099
+ 'style' => [
1100
+ (object) [
1101
+ 'selector' => '{{RTTPG}} .tgp-cf-field-label {min-width:{{acf_label_width}}}'
1102
+ ]
1103
+ ]
1104
+ ],
1105
+ 'acf_alignment' => [
1106
+ 'type' => 'string',
1107
+ 'default' => '',
1108
+ 'style' => [
1109
+ (object) [
1110
+ 'selector' => '{{RTTPG}} .selector {text-align: {{acf_alignment}}; }'
1111
+ ]
1112
+ ]
1113
+ ],
1114
+ 'acf_style_tabs' => [
1115
+ 'type' => 'string',
1116
+ 'default' => 'normal',
1117
+ ],
1118
+
1119
+ 'acf_group_title_color' => [
1120
+ 'type' => 'string',
1121
+ 'default' => '',
1122
+ 'style' => [
1123
+ (object) [
1124
+ 'selector' => '{{RTTPG}} .acf-custom-field-wrap .tpg-cf-group-title {color: {{acf_group_title_color}}; }'
1125
+ ]
1126
+ ]
1127
+ ],
1128
+
1129
+ 'acf_label_color' => [
1130
+ 'type' => 'string',
1131
+ 'default' => '',
1132
+ 'style' => [
1133
+ (object) [
1134
+ 'selector' => '{{RTTPG}} .acf-custom-field-wrap .tgp-cf-field-label {color: {{acf_label_color}}; }'
1135
+ ]
1136
+ ]
1137
+ ],
1138
+
1139
+ 'acf_value_color' => [
1140
+ 'type' => 'string',
1141
+ 'default' => '',
1142
+ 'style' => [
1143
+ (object) [
1144
+ 'selector' => '{{RTTPG}} .acf-custom-field-wrap .tgp-cf-field-value {color: {{acf_value_color}}; }'
1145
+ ]
1146
+ ]
1147
+ ],
1148
+
1149
+ 'acf_group_title_color_hover' => [
1150
+ 'type' => 'string',
1151
+ 'default' => '',
1152
+ 'style' => [
1153
+ (object) [
1154
+ 'selector' => '{{RTTPG}} .rt-tpg-container .rt-holder:hover .tpg-cf-group-title {color: {{acf_group_title_color_hover}}; }'
1155
+ ]
1156
+ ]
1157
+ ],
1158
+
1159
+ 'acf_label_color_hover' => [
1160
+ 'type' => 'string',
1161
+ 'default' => '',
1162
+ 'style' => [
1163
+ (object) [
1164
+ 'selector' => '{{RTTPG}} .rt-tpg-container .rt-holder:hover .tgp-cf-field-label {color: {{acf_label_color_hover}}; }'
1165
+ ]
1166
+ ]
1167
+ ],
1168
+
1169
+ 'acf_value_color_hover' => [
1170
+ 'type' => 'string',
1171
+ 'default' => '',
1172
+ 'style' => [
1173
+ (object) [
1174
+ 'selector' => '{{RTTPG}} .rt-tpg-container .rt-holder:hover .tgp-cf-field-value {color: {{acf_value_color_hover}}; }'
1175
+ ]
1176
+ ]
1177
+ ],
1178
+
1179
+ //Read More Style
1180
+
1181
+ 'readmore_typography' => [
1182
+ 'type' => 'object',
1183
+ 'default' => (object) [
1184
+ 'openTypography' => 1,
1185
+ 'size' => (object) [ 'lg' => '', 'unit' => 'px' ],
1186
+ 'spacing' => (object) [ 'lg' => '', 'unit' => 'px' ],
1187
+ 'height' => (object) [ 'lg' => '', 'unit' => 'px' ],
1188
+ 'transform' => '',
1189
+ 'weight' => ''
1190
+ ],
1191
+ 'style' => [
1192
+ (object) [ 'selector' => '{{RTTPG}} .rt-tpg-container .tpg-post-holder .rt-detail .read-more a' ]
1193
+ ],
1194
+ ],
1195
+
1196
+ "readmore_spacing" => [
1197
+ "type" => "object",
1198
+ "default" => [
1199
+ 'lg' => [
1200
+ "isLinked" => false,
1201
+ "unit" => "px",
1202
+ "value" => ''
1203
+ ]
1204
+ ],
1205
+ 'style' => [
1206
+ (object) [
1207
+ 'selector' => '{{RTTPG}} .rt-tpg-container .tpg-post-holder .rt-detail .read-more{{readmore_spacing}}'
1208
+ ]
1209
+ ]
1210
+ ],
1211
+
1212
+ "readmore_padding" => [
1213
+ "type" => "object",
1214
+ "default" => [
1215
+ 'lg' => [
1216
+ "isLinked" => true,
1217
+ "unit" => "px",
1218
+ "value" => ''
1219
+ ]
1220
+ ],
1221
+ 'style' => [
1222
+ (object) [
1223
+ 'selector' => '{{RTTPG}} .rt-tpg-container .tpg-post-holder .rt-detail .read-more a{{readmore_padding}}'
1224
+ ]
1225
+ ]
1226
+ ],
1227
+
1228
+ 'readmore_btn_alignment' => [
1229
+ 'type' => 'object',
1230
+ 'default' => [],
1231
+ 'style' => [
1232
+ (object) [
1233
+ 'selector' => '{{RTTPG}} .rt-tpg-container .tpg-post-holder .rt-detail .read-more {text-align: {{readmore_btn_alignment}}; }'
1234
+ ]
1235
+ ]
1236
+ ],
1237
+ 'readmore_icon_position' => [
1238
+ 'type' => 'string',
1239
+ 'default' => 'right',
1240
+ ],
1241
+
1242
+ 'readmore_icon_size' => [
1243
+ 'type' => 'object',
1244
+ "default" => (object) [
1245
+ 'lg' => '',
1246
+ 'md' => '',
1247
+ 'sm' => '',
1248
+ ],
1249
+ 'style' => [
1250
+ (object) [
1251
+ 'selector' => '{{RTTPG}} .rt-tpg-container .tpg-post-holder .rt-detail .read-more a i {font-size: {{readmore_icon_size}}; }'
1252
+ ]
1253
+ ]
1254
+ ],
1255
+ 'readmore_icon_y_position' => [
1256
+ 'type' => 'object',
1257
+ "default" => (object) [
1258
+ 'lg' => '',
1259
+ 'md' => '',
1260
+ 'sm' => '',
1261
+ ],
1262
+ 'style' => [
1263
+ (object) [
1264
+ 'selector' => '{{RTTPG}} .rt-tpg-container .tpg-post-holder .rt-detail .read-more a i {transform: translateY({{readmore_icon_y_position}}); }'
1265
+ ]
1266
+ ]
1267
+ ],
1268
+
1269
+ 'readmore_text_color' => [
1270
+ 'type' => 'string',
1271
+ 'default' => '',
1272
+ 'style' => [
1273
+ (object) [
1274
+ 'selector' => '{{RTTPG}} .rt-tpg-container .tpg-post-holder .rt-detail .read-more a {color: {{readmore_text_color}}; }'
1275
+ ]
1276
+ ]
1277
+ ],
1278
+
1279
+ 'readmore_icon_color' => [
1280
+ 'type' => 'string',
1281
+ 'default' => '',
1282
+ 'style' => [
1283
+ (object) [
1284
+ 'selector' => '{{RTTPG}} .rt-tpg-container .tpg-post-holder .rt-detail .read-more a i {color: {{readmore_icon_color}}; }'
1285
+ ]
1286
+ ]
1287
+ ],
1288
+
1289
+ 'readmore_bg' => [
1290
+ 'type' => 'string',
1291
+ 'default' => '',
1292
+ 'style' => [
1293
+ (object) [
1294
+ 'selector' => '{{RTTPG}} .rt-tpg-container .tpg-post-holder .rt-detail .read-more a {background-color: {{readmore_bg}}; }'
1295
+ ]
1296
+ ]
1297
+ ],
1298
+
1299
+ "readmore_icon_margin" => [
1300
+ "type" => "object",
1301
+ "default" => [
1302
+ 'lg' => [
1303
+ "isLinked" => true,
1304
+ "unit" => "px",
1305
+ "value" => ''
1306
+ ]
1307
+ ],
1308
+ 'style' => [
1309
+ (object) [
1310
+ 'selector' => '{{RTTPG}} .rt-tpg-container .tpg-post-holder .rt-detail .read-more a i{{readmore_icon_margin}}'
1311
+ ]
1312
+ ]
1313
+ ],
1314
+
1315
+ "border_radius" => [
1316
+ "type" => "object",
1317
+ "default" => [
1318
+ 'lg' => [
1319
+ "isLinked" => true,
1320
+ "unit" => "px",
1321
+ "value" => ''
1322
+ ]
1323
+ ],
1324
+ 'style' => [
1325
+ (object) [
1326
+ 'selector' => '{{RTTPG}} .rt-tpg-container .tpg-post-holder .rt-detail .read-more a{{border_radius}}'
1327
+ ]
1328
+ ]
1329
+ ],
1330
+ 'readmore_border' => [
1331
+ 'type' => 'object',
1332
+ 'default' => (object) [
1333
+ 'openTpgBorder' => 1,
1334
+ 'color' => '',
1335
+ 'style' => '',
1336
+ 'width' => '',
1337
+ ],
1338
+ 'style' => [
1339
+ (object) [
1340
+ 'selector' => '{{RTTPG}} .rt-tpg-container .tpg-post-holder .rt-detail .read-more a'
1341
+ ]
1342
+ ]
1343
+ ],
1344
+ 'readmore_text_color_hover' => [
1345
+ 'type' => 'string',
1346
+ 'default' => '',
1347
+ 'style' => [
1348
+ (object) [
1349
+ 'selector' => 'body {{RTTPG}} .rt-tpg-container .tpg-post-holder .rt-detail .read-more a:hover {color: {{readmore_text_color_hover}}; }'
1350
+ ]
1351
+ ]
1352
+ ],
1353
+
1354
+ 'readmore_icon_color_hover' => [
1355
+ 'type' => 'string',
1356
+ 'default' => '',
1357
+ 'style' => [
1358
+ (object) [
1359
+ 'selector' => 'body {{RTTPG}} .rt-tpg-container .tpg-post-holder .rt-detail .read-more a:hover i {color: {{readmore_icon_color_hover}}; }'
1360
+ ]
1361
+ ]
1362
+ ],
1363
+
1364
+ 'readmore_bg_hover' => [
1365
+ 'type' => 'string',
1366
+ 'default' => '',
1367
+ 'style' => [
1368
+ (object) [
1369
+ 'selector' => 'body {{RTTPG}} .rt-tpg-container .tpg-post-holder .rt-detail .read-more a:hover {background-color: {{readmore_bg_hover}}; }'
1370
+ ]
1371
+ ]
1372
+ ],
1373
+
1374
+ "readmore_icon_margin_hover" => [
1375
+ "type" => "object",
1376
+ "default" => [
1377
+ 'lg' => [
1378
+ "isLinked" => false,
1379
+ "unit" => "px",
1380
+ "value" => ''
1381
+ ]
1382
+ ],
1383
+ 'style' => [
1384
+ (object) [
1385
+ 'selector' => 'body {{RTTPG}} .rt-tpg-container .tpg-post-holder .rt-detail .read-more a:hover i{{readmore_icon_margin_hover}}'
1386
+ ]
1387
+ ]
1388
+ ],
1389
+
1390
+ "border_radius_hover" => [
1391
+ "type" => "object",
1392
+ "default" => [
1393
+ 'lg' => [
1394
+ "isLinked" => true,
1395
+ "unit" => "px",
1396
+ "value" => ''
1397
+ ]
1398
+ ],
1399
+ 'style' => [
1400
+ (object) [
1401
+ 'selector' => 'body {{RTTPG}} .rt-tpg-container .tpg-post-holder .rt-detail .read-more a:hover{{border_radius_hover}}'
1402
+ ]
1403
+ ]
1404
+ ],
1405
+
1406
+ 'readmore_border_hover' => [
1407
+ 'type' => 'object',
1408
+ 'default' => (object) [
1409
+ 'openTpgBorder' => 1,
1410
+ 'color' => '',
1411
+ 'style' => '',
1412
+ 'width' => '',
1413
+ 'important' => 1,
1414
+ ],
1415
+ 'style' => [
1416
+ (object) [
1417
+ 'selector' => 'body {{RTTPG}} .rt-tpg-container .tpg-post-holder .rt-detail .read-more a:hover'
1418
+ ]
1419
+ ]
1420
+ ],
1421
+
1422
+ 'readmore_text_color_box_hover' => [
1423
+ 'type' => 'string',
1424
+ 'default' => '',
1425
+ 'style' => [
1426
+ (object) [
1427
+ 'selector' => '{{RTTPG}} .rt-tpg-container .tpg-post-holder:hover .rt-detail .read-more a {color: {{readmore_text_color_box_hover}}; }'
1428
+ ]
1429
+ ]
1430
+ ],
1431
+
1432
+ 'readmore_icon_color_box_hover' => [
1433
+ 'type' => 'string',
1434
+ 'default' => '',
1435
+ 'style' => [
1436
+ (object) [
1437
+ 'selector' => '{{RTTPG}} .rt-tpg-container .tpg-post-holder:hover .rt-detail .read-more a i {color: {{readmore_icon_color_box_hover}}; }'
1438
+ ]
1439
+ ]
1440
+ ],
1441
+
1442
+ 'readmore_bg_box_hover' => [
1443
+ 'type' => 'string',
1444
+ 'default' => '',
1445
+ 'style' => [
1446
+ (object) [
1447
+ 'selector' => '{{RTTPG}} .rt-tpg-container .tpg-post-holder:hover .rt-detail .read-more a {background-color: {{readmore_bg_box_hover}}; }'
1448
+ ]
1449
+ ]
1450
+ ],
1451
+
1452
+ 'readmore_border_box_hover' => [
1453
+ 'type' => 'object',
1454
+ 'default' => (object) [
1455
+ 'openTpgBorder' => 1,
1456
+ 'color' => '',
1457
+ 'style' => '',
1458
+ 'width' => '',
1459
+ ],
1460
+ 'style' => [
1461
+ (object) [
1462
+ 'selector' => '{{RTTPG}} .rt-tpg-container .tpg-post-holder:hover .rt-detail .read-more a'
1463
+ ]
1464
+ ]
1465
+ ],
1466
+
1467
+ //Link Style
1468
+
1469
+ 'popup_head_bg' => [
1470
+ 'type' => 'string',
1471
+ 'default' => '',
1472
+ 'style' => [
1473
+ (object) [
1474
+ 'selector' => '{{RTTPG}} .selector {color: {{popup_head_bg}}; }'
1475
+ ]
1476
+ ]
1477
+ ],
1478
+
1479
+ 'popup_head_txt_color' => [
1480
+ 'type' => 'string',
1481
+ 'default' => '',
1482
+ 'style' => [
1483
+ (object) [
1484
+ 'selector' => '{{RTTPG}} .selector {color: {{popup_head_txt_color}}; }'
1485
+ ]
1486
+ ]
1487
+ ],
1488
+
1489
+ 'popup_title_color' => [
1490
+ 'type' => 'string',
1491
+ 'default' => '',
1492
+ 'style' => [
1493
+ (object) [
1494
+ 'selector' => '{{RTTPG}} .selector {color: {{popup_title_color}}; }'
1495
+ ]
1496
+ ]
1497
+ ],
1498
+
1499
+ 'popup_meta_color' => [
1500
+ 'type' => 'string',
1501
+ 'default' => '',
1502
+ 'style' => [
1503
+ (object) [
1504
+ 'selector' => '{{RTTPG}} .selector {color: {{popup_meta_color}}; }'
1505
+ ]
1506
+ ]
1507
+ ],
1508
+
1509
+ 'popup_content_color' => [
1510
+ 'type' => 'string',
1511
+ 'default' => '',
1512
+ 'style' => [
1513
+ (object) [
1514
+ 'selector' => '{{RTTPG}} .selector {color: {{popup_content_color}}; }'
1515
+ ]
1516
+ ]
1517
+ ],
1518
+
1519
+ 'popup_bg' => [
1520
+ 'type' => 'string',
1521
+ 'default' => '',
1522
+ 'style' => [
1523
+ (object) [
1524
+ 'selector' => '{{RTTPG}} .selector {color: {{popup_bg}}; }'
1525
+ ]
1526
+ ]
1527
+ ],
1528
+
1529
+ //Pagination - Load more Style
1530
+
1531
+ 'pagination_style_tabs' => [
1532
+ 'type' => 'string',
1533
+ 'default' => 'normal',
1534
+ ],
1535
+
1536
+ 'pagination_typography' => [
1537
+ 'type' => 'object',
1538
+ 'default' => (object) [
1539
+ 'openTypography' => 1,
1540
+ 'size' => (object) [ 'lg' => '', 'unit' => 'px' ],
1541
+ 'spacing' => (object) [ 'lg' => '', 'unit' => 'px' ],
1542
+ 'height' => (object) [ 'lg' => '', 'unit' => 'px' ],
1543
+ 'transform' => '',
1544
+ 'weight' => ''
1545
+ ],
1546
+ 'style' => [
1547
+ (object) [
1548
+ 'selector' => '{{RTTPG}} .rt-pagination .pagination-list > li > a, {{RTTPG}} .rt-pagination .pagination-list > li > span, {{RTTPG}} .rt-tpg-container .rt-pagination-wrap .rt-loadmore-btn'
1549
+ ]
1550
+ ],
1551
+ ],
1552
+
1553
+ 'pagination_text_align' => [
1554
+ 'type' => 'object',
1555
+ 'default' => [],
1556
+ 'style' => [
1557
+ (object) [
1558
+ 'selector' => '{{RTTPG}} .rt-pagination-wrap {justify-content: {{pagination_text_align}}; }'
1559
+ ]
1560
+ ]
1561
+ ],
1562
+
1563
+ "pagination_spacing" => [
1564
+ "type" => "object",
1565
+ "default" => [
1566
+ 'lg' => [
1567
+ "isLinked" => false,
1568
+ "unit" => "px",
1569
+ "value" => ''
1570
+ ]
1571
+ ],
1572
+ 'style' => [
1573
+ (object) [
1574
+ 'selector' => '{{RTTPG}} .rt-pagination-wrap{{pagination_spacing}}'
1575
+ ]
1576
+ ]
1577
+ ],
1578
+
1579
+ "pagination_padding" => [
1580
+ "type" => "object",
1581
+ "default" => [
1582
+ 'lg' => [
1583
+ "isLinked" => true,
1584
+ "unit" => "px",
1585
+ "value" => ''
1586
+ ]
1587
+ ],
1588
+ 'style' => [
1589
+ (object) [
1590
+ 'selector' => '{{RTTPG}} .rt-pagination .pagination-list > li > a, {{RTTPG}} .rt-pagination .pagination-list > li > span{{pagination_padding}}'
1591
+ ]
1592
+ ]
1593
+ ],
1594
+
1595
+ "pagination_border_radius" => [
1596
+ "type" => "object",
1597
+ "default" => [
1598
+ 'lg' => [
1599
+ "isLinked" => true,
1600
+ "unit" => "px",
1601
+ "value" => ''
1602
+ ]
1603
+ ],
1604
+ 'style' => [
1605
+ (object) [
1606
+ 'selector' => '{{RTTPG}} .rt-tpg-container .rt-pagination-wrap .rt-loadmore-btn,
1607
+ {{RTTPG}} .rt-pagination .pagination-list > li > a, {{RTTPG}} .rt-pagination .pagination-list > li > span{{pagination_border_radius}}'
1608
+ ]
1609
+ ]
1610
+ ],
1611
+
1612
+ 'pagination_color' => [
1613
+ 'type' => 'string',
1614
+ 'default' => '',
1615
+ 'style' => [
1616
+ (object) [
1617
+ 'selector' => '{{RTTPG}} .rt-pagination .pagination-list > li:not(:hover) > a,
1618
+ {{RTTPG}} .rt-pagination .pagination-list > li:not(:hover) > span,
1619
+ {{RTTPG}} .rt-tpg-container .rt-pagination-wrap .rt-page-numbers .paginationjs .paginationjs-pages ul li:not(:hover) > a,
1620
+ {{RTTPG}} .rt-tpg-container .rt-pagination-wrap .rt-page-numbers .paginationjs .paginationjs-pages ul li:not(:hover),
1621
+ {{RTTPG}} .rt-tpg-container .rt-pagination-wrap .rt-loadmore-btn {color: {{pagination_color}}; }'
1622
+ ]
1623
+ ]
1624
+ ],
1625
+
1626
+ 'pagination_bg' => [
1627
+ 'type' => 'string',
1628
+ 'default' => '',
1629
+ 'style' => [
1630
+ (object) [
1631
+ 'selector' => '{{RTTPG}} .rt-pagination .pagination-list > li > a:not(:hover),
1632
+ {{RTTPG}} .rt-pagination .pagination-list > li:not(:hover) > span,
1633
+ {{RTTPG}} .rt-tpg-container .rt-pagination-wrap .rt-page-numbers .paginationjs .paginationjs-pages ul li:not(:hover) > a,
1634
+ {{RTTPG}} .rt-tpg-container .rt-pagination-wrap .rt-loadmore-btn {background-color:{{pagination_bg}}; }'
1635
+ ]
1636
+ ]
1637
+ ],
1638
+
1639
+ 'pagination_border_color' => [
1640
+ 'type' => 'string',
1641
+ 'default' => '',
1642
+ 'style' => [
1643
+ (object) [
1644
+ 'selector' => '{{RTTPG}} .rt-pagination .pagination-list > li > a:not(:hover),
1645
+ {{RTTPG}} .rt-pagination .pagination-list > li:not(:hover) > span,
1646
+ {{RTTPG}} .rt-tpg-container .rt-pagination-wrap .rt-page-numbers .paginationjs .paginationjs-pages ul li:not(:hover) > a,
1647
+ {{RTTPG}} .rt-tpg-container .rt-pagination-wrap .rt-loadmore-btn {border-color: {{pagination_border_color}}; }'
1648
+ ]
1649
+ ]
1650
+ ],
1651
+
1652
+ 'pagination_color_hover' => [
1653
+ 'type' => 'string',
1654
+ 'default' => '',
1655
+ 'style' => [
1656
+ (object) [
1657
+ 'selector' => '{{RTTPG}} .rt-pagination .pagination-list > li:hover > a,
1658
+ {{RTTPG}} .rt-pagination .pagination-list > li:hover > span,
1659
+ {{RTTPG}} .rt-tpg-container .rt-pagination-wrap .rt-page-numbers .paginationjs .paginationjs-pages ul li:hover > a,
1660
+ {{RTTPG}} .rt-tpg-container .rt-pagination-wrap .rt-loadmore-btn:hover {color: {{pagination_color_hover}}; }'
1661
+ ]
1662
+ ]
1663
+ ],
1664
+
1665
+
1666
+ 'pagination_bg_hover' => [
1667
+ 'type' => 'string',
1668
+ 'default' => '',
1669
+ 'style' => [
1670
+ (object) [
1671
+ 'selector' => '{{RTTPG}} .rt-pagination .pagination-list > li:hover > a,
1672
+ {{RTTPG}} .rt-pagination .pagination-list > li:hover > span,
1673
+ {{RTTPG}} .rt-tpg-container .rt-pagination-wrap .rt-page-numbers .paginationjs .paginationjs-pages ul li:hover > a,
1674
+ {{RTTPG}} .rt-tpg-container .rt-pagination-wrap .rt-loadmore-btn:hover {background-color: {{pagination_bg_hover}}; }'
1675
+ ]
1676
+ ]
1677
+ ],
1678
+
1679
+ 'pagination_border_color_hover' => [
1680
+ 'type' => 'string',
1681
+ 'default' => '',
1682
+ 'style' => [
1683
+ (object) [
1684
+ 'selector' => '{{RTTPG}} .rt-pagination .pagination-list > li:hover > a,
1685
+ {{RTTPG}} .rt-pagination .pagination-list > li:hover > span,
1686
+ {{RTTPG}} .rt-tpg-container .rt-pagination-wrap .rt-page-numbers .paginationjs .paginationjs-pages ul li:hover > a,
1687
+ {{RTTPG}} .rt-tpg-container .rt-pagination-wrap .rt-loadmore-btn:hover {border-color: {{pagination_border_color_hover}}; }'
1688
+ ]
1689
+ ]
1690
+ ],
1691
+
1692
+ 'pagination_color_active' => [
1693
+ 'type' => 'string',
1694
+ 'default' => '',
1695
+ 'style' => [
1696
+ (object) [
1697
+ 'selector' => '{{RTTPG}} .rt-pagination .pagination-list > .active > a,
1698
+ {{RTTPG}} .rt-pagination .pagination-list > .active > span,
1699
+ {{RTTPG}} .rt-pagination .pagination-list > .active > a:hover,
1700
+ {{RTTPG}} .rt-pagination .pagination-list > .active > span:hover,
1701
+ {{RTTPG}} .rt-pagination .pagination-list > .active > a:focus,
1702
+ {{RTTPG}} .rt-pagination .pagination-list > .active > span:focus,
1703
+ {{RTTPG}} .rt-tpg-container .rt-pagination-wrap .rt-page-numbers .paginationjs .paginationjs-pages ul li.active > a {color: {{pagination_color_active}} !important; }'
1704
+ ]
1705
+ ]
1706
+ ],
1707
+
1708
+
1709
+ 'pagination_bg_active' => [
1710
+ 'type' => 'string',
1711
+ 'default' => '',
1712
+ 'style' => [
1713
+ (object) [
1714
+ 'selector' => '{{RTTPG}} .rt-pagination .pagination-list > .active > a,
1715
+ {{RTTPG}} .rt-pagination .pagination-list > .active > span,
1716
+ {{RTTPG}} .rt-pagination .pagination-list > .active > a:hover,
1717
+ {{RTTPG}} .rt-pagination .pagination-list > .active > span:hover,
1718
+ {{RTTPG}} .rt-pagination .pagination-list > .active > a:focus,
1719
+ {{RTTPG}} .rt-pagination .pagination-list > .active > span:focus,
1720
+ {{RTTPG}} .rt-tpg-container .rt-pagination-wrap .rt-page-numbers .paginationjs .paginationjs-pages ul li.active > a {background-color: {{pagination_bg_active}} !important; }'
1721
+ ]
1722
+ ]
1723
+ ],
1724
+
1725
+ 'pagination_border_color_active' => [
1726
+ 'type' => 'string',
1727
+ 'default' => '',
1728
+ 'style' => [
1729
+ (object) [
1730
+ 'selector' => '{{RTTPG}} .rt-pagination .pagination-list > .active > a,
1731
+ {{RTTPG}} .rt-pagination .pagination-list > .active > span,
1732
+ {{RTTPG}} .rt-pagination .pagination-list > .active > a:hover,
1733
+ {{RTTPG}} .rt-pagination .pagination-list > .active > span:hover,
1734
+ {{RTTPG}} .rt-pagination .pagination-list > .active > a:focus,
1735
+ {{RTTPG}} .rt-pagination .pagination-list > .active > span:focus,
1736
+ {{RTTPG}} .rt-tpg-container .rt-pagination-wrap .rt-page-numbers .paginationjs .paginationjs-pages ul li.active > a {border-color: {{pagination_border_color_active}} !important; }'
1737
+ ]
1738
+ ]
1739
+ ],
1740
+
1741
+ //Front-end Filter Style
1742
+
1743
+ 'front_filter_typography' => [
1744
+ 'type' => 'object',
1745
+ 'default' => (object) [
1746
+ 'openTypography' => 1,
1747
+ 'size' => (object) [ 'lg' => '', 'unit' => 'px' ],
1748
+ 'spacing' => (object) [ 'lg' => '', 'unit' => 'px' ],
1749
+ 'height' => (object) [ 'lg' => '', 'unit' => 'px' ],
1750
+ 'transform' => '',
1751
+ 'weight' => ''
1752
+ ],
1753
+ 'style' => [
1754
+ (object) [ 'selector' => '{{RTTPG}} .rt-layout-filter-container .rt-filter-wrap .rt-filter-item-wrap, {{RTTPG}} .tpg-header-wrapper.carousel .rt-filter-item-wrap.swiper-wrapper .swiper-slide' ]
1755
+ ],
1756
+ ],
1757
+
1758
+ 'filter_text_alignment' => [
1759
+ 'type' => 'string',
1760
+ 'default' => '',
1761
+ 'style' => [
1762
+ (object) [
1763
+ 'selector' => '{{RTTPG}} .tpg-el-main-wrapper .rt-layout-filter-container .rt-filter-wrap {justify-content: {{filter_text_alignment}}; text-align: {{filter_text_alignment}}; }'
1764
+ ]
1765
+ ]
1766
+ ],
1767
+ 'filter_v_alignment' => [
1768
+ 'type' => 'string',
1769
+ 'default' => '',
1770
+ ],
1771
+ 'filter_button_width' => [
1772
+ 'type' => 'object',
1773
+ "default" => (object) [
1774
+ 'lg' => '',
1775
+ 'md' => '',
1776
+ 'sm' => '',
1777
+ ],
1778
+ 'style' => [
1779
+ (object) [
1780
+ 'selector' => '{{RTTPG}} .tpg-header-wrapper.carousel .rt-layout-filter-container {flex: 0 0 {{filter_button_width}}; max-width: {{filter_button_width}};}'
1781
+ ]
1782
+ ]
1783
+ ],
1784
+ 'border_style' => [
1785
+ 'type' => 'string',
1786
+ 'default' => '',
1787
+ ],
1788
+ 'filter_next_prev_btn' => [
1789
+ 'type' => 'string',
1790
+ 'default' => 'visible',
1791
+ ],
1792
+ 'filter_h_alignment' => [
1793
+ 'type' => 'string',
1794
+ 'default' => '',
1795
+ ],
1796
+
1797
+
1798
+ "filter_btn_radius" => [
1799
+ "type" => "object",
1800
+ "default" => [
1801
+ 'lg' => [
1802
+ "isLinked" => true,
1803
+ "unit" => "px",
1804
+ "value" => ''
1805
+ ]
1806
+ ],
1807
+ 'style' => [
1808
+ (object) [
1809
+ 'selector' => '{{RTTPG}} .rt-filter-item-wrap.rt-filter-button-wrap span.rt-filter-button-item,
1810
+ {{RTTPG}} .rt-layout-filter-container .rt-filter-wrap .rt-filter-item-wrap,
1811
+ {{RTTPG}} .rt-filter-item-wrap.rt-search-filter-wrap input.rt-search-input{{filter_btn_radius}}'
1812
+ ]
1813
+ ]
1814
+ ],
1815
+
1816
+ 'frontend_filter_style_tabs' => [
1817
+ 'type' => 'string',
1818
+ 'default' => 'normal',
1819
+ ],
1820
+ 'filter_color' => [
1821
+ 'type' => 'string',
1822
+ 'default' => '',
1823
+ 'style' => [
1824
+ (object) [
1825
+ 'selector' => '{{RTTPG}} .rt-filter-item-wrap.rt-filter-button-wrap span.rt-filter-button-item,
1826
+ {{RTTPG}} .rt-filter-item-wrap.rt-filter-button-wrap span.rt-filter-button-item,
1827
+ {{RTTPG}} .rt-layout-filter-container .rt-filter-wrap .rt-filter-item-wrap.rt-sort-order-action,
1828
+ {{RTTPG}} .rt-layout-filter-container .rt-filter-wrap .rt-filter-item-wrap.rt-filter-dropdown-wrap,
1829
+ {{RTTPG}} .rt-filter-item-wrap.rt-search-filter-wrap input.rt-search-input {color: {{filter_color}}; }
1830
+ {{RTTPG}} .rt-filter-item-wrap.rt-sort-order-action .rt-sort-order-action-arrow > span:before,
1831
+ {{RTTPG}} .rt-filter-item-wrap.rt-sort-order-action .rt-sort-order-action-arrow > span:after {background-color: {{filter_color}}; }'
1832
+ ]
1833
+ ]
1834
+ ],
1835
+
1836
+ 'filter_bg_color' => [
1837
+ 'type' => 'string',
1838
+ 'default' => '',
1839
+ 'style' => [
1840
+ (object) [
1841
+ 'selector' => '{{RTTPG}} .rt-filter-item-wrap.rt-filter-button-wrap span.rt-filter-button-item,
1842
+ {{RTTPG}} .rt-layout-filter-container .rt-filter-wrap .rt-filter-item-wrap.rt-filter-dropdown-wrap,
1843
+ {{RTTPG}} .rt-layout-filter-container .rt-filter-wrap .rt-filter-item-wrap.rt-sort-order-action
1844
+ {background-color: {{filter_bg_color}}; }'
1845
+ ]
1846
+ ]
1847
+ ],
1848
+
1849
+ 'filter_border_color' => [
1850
+ 'type' => 'string',
1851
+ 'default' => '',
1852
+ 'style' => [
1853
+ (object) [
1854
+ 'selector' => '{{RTTPG}} .rt-filter-item-wrap.rt-filter-button-wrap span.rt-filter-button-item,
1855
+ {{RTTPG}} .rt-layout-filter-container .rt-filter-wrap .rt-filter-item-wrap.rt-filter-dropdown-wrap,
1856
+ {{RTTPG}} .rt-layout-filter-container .rt-filter-wrap .rt-filter-item-wrap.rt-sort-order-action,
1857
+ {{RTTPG}} .rt-filter-item-wrap.rt-search-filter-wrap input.rt-search-input,
1858
+ {{RTTPG}}.filter-button-border-enable .tpg-header-wrapper.carousel .rt-layout-filter-container
1859
+ {border-color: {{filter_border_color}}; }'
1860
+ ]
1861
+ ]
1862
+ ],
1863
+
1864
+ 'filter_search_bg' => [
1865
+ 'type' => 'string',
1866
+ 'default' => '',
1867
+ 'style' => [
1868
+ (object) [
1869
+ 'selector' => '{{RTTPG}} .rt-filter-item-wrap.rt-search-filter-wrap input.rt-search-input {background-color: {{filter_search_bg}}; }'
1870
+ ]
1871
+ ]
1872
+ ],
1873
+
1874
+
1875
+ 'sub_menu_bg_color' => [
1876
+ 'type' => 'string',
1877
+ 'default' => '',
1878
+ 'style' => [
1879
+ (object) [
1880
+ 'selector' => '{{RTTPG}} .rt-layout-filter-container .rt-filter-wrap .rt-filter-item-wrap.rt-filter-dropdown-wrap .rt-filter-dropdown {background-color: {{sub_menu_bg_color}}; }'
1881
+ ]
1882
+ ]
1883
+ ],
1884
+
1885
+ 'sub_menu_color' => [
1886
+ 'type' => 'string',
1887
+ 'default' => '',
1888
+ 'style' => [
1889
+ (object) [
1890
+ 'selector' => '{{RTTPG}} .rt-layout-filter-container .rt-filter-wrap .rt-filter-item-wrap.rt-filter-dropdown-wrap .rt-filter-dropdown .rt-filter-dropdown-item {color: {{sub_menu_color}}; }'
1891
+ ]
1892
+ ]
1893
+ ],
1894
+
1895
+ 'sub_menu_border_bottom' => [
1896
+ 'type' => 'string',
1897
+ 'default' => '',
1898
+ 'style' => [
1899
+ (object) [
1900
+ 'selector' => '{{RTTPG}} .rt-layout-filter-container .rt-filter-wrap .rt-filter-item-wrap.rt-filter-dropdown-wrap .rt-filter-dropdown .rt-filter-dropdown-item {border-bottom-color: {{sub_menu_border_bottom}}; }'
1901
+ ]
1902
+ ]
1903
+ ],
1904
+
1905
+ 'filter_nav_color' => [
1906
+ 'type' => 'string',
1907
+ 'default' => '',
1908
+ 'style' => [
1909
+ (object) [
1910
+ 'selector' => '{{RTTPG}} .rt-tpg-container .swiper-navigation .slider-btn {color: {{filter_nav_color}}; }'
1911
+ ]
1912
+ ]
1913
+ ],
1914
+
1915
+ 'filter_nav_bg' => [
1916
+ 'type' => 'string',
1917
+ 'default' => '',
1918
+ 'style' => [
1919
+ (object) [
1920
+ 'selector' => '{{RTTPG}} .rt-tpg-container .swiper-navigation .slider-btn {background-color: {{filter_nav_bg}}; }'
1921
+ ]
1922
+ ]
1923
+ ],
1924
+
1925
+ 'filter_nav_border' => [
1926
+ 'type' => 'string',
1927
+ 'default' => '',
1928
+ 'style' => [
1929
+ (object) [
1930
+ 'selector' => '{{RTTPG}} .rt-tpg-container .swiper-navigation .slider-btn {border-color: {{filter_nav_border}}; }'
1931
+ ]
1932
+ ]
1933
+ ],
1934
+
1935
+ 'filter_color_hover' => [
1936
+ 'type' => 'string',
1937
+ 'default' => '',
1938
+ 'style' => [
1939
+ (object) [
1940
+ 'selector' => '{{RTTPG}} .rt-filter-item-wrap.rt-filter-button-wrap span.rt-filter-button-item.selected,
1941
+ {{RTTPG}} .rt-filter-item-wrap.rt-filter-button-wrap span.rt-filter-button-item:hover,
1942
+ {{RTTPG}} .rt-layout-filter-container .rt-filter-wrap .rt-filter-item-wrap.rt-filter-dropdown-wrap:hover {color: {{filter_color_hover}}; }
1943
+ {{RTTPG}} .rt-filter-item-wrap.rt-sort-order-action:hover .rt-sort-order-action-arrow > span:before,
1944
+ {{RTTPG}} .rt-filter-item-wrap.rt-sort-order-action:hover .rt-sort-order-action-arrow > span:after{background-color: {{filter_color_hover}}; }'
1945
+ ]
1946
+ ]
1947
+ ],
1948
+
1949
+
1950
+ 'filter_bg_color_hover' => [
1951
+ 'type' => 'string',
1952
+ 'default' => '',
1953
+ 'style' => [
1954
+ (object) [
1955
+ 'selector' => '
1956
+ {{RTTPG}} .rt-filter-item-wrap.rt-filter-button-wrap span.rt-filter-button-item.selected,
1957
+ {{RTTPG}} .rt-filter-item-wrap.rt-filter-button-wrap span.rt-filter-button-item:hover,
1958
+ {{RTTPG}} .rt-layout-filter-container .rt-filter-wrap .rt-filter-item-wrap.rt-filter-dropdown-wrap:hover,
1959
+ {{RTTPG}} .rt-layout-filter-container .rt-filter-wrap .rt-filter-item-wrap.rt-sort-order-action:hover {background-color: {{filter_bg_color_hover}}; }'
1960
+ ]
1961
+ ]
1962
+ ],
1963
+
1964
+ 'filter_border_color_hover' => [
1965
+ 'type' => 'string',
1966
+ 'default' => '',
1967
+ 'style' => [
1968
+ (object) [
1969
+ 'selector' => '
1970
+ {{RTTPG}} .rt-filter-item-wrap.rt-filter-button-wrap span.rt-filter-button-item.selected,
1971
+ {{RTTPG}} .rt-filter-item-wrap.rt-filter-button-wrap span.rt-filter-button-item:hover,
1972
+ {{RTTPG}} .rt-layout-filter-container .rt-filter-wrap .rt-filter-item-wrap.rt-filter-dropdown-wrap:hover,
1973
+ {{RTTPG}} .rt-layout-filter-container .rt-filter-wrap .rt-filter-item-wrap.rt-sort-order-action:hover,
1974
+ {{RTTPG}} .rt-filter-item-wrap.rt-search-filter-wrap input.rt-search-input:hover,
1975
+ {{RTTPG}}.filter-button-border-enable .tpg-header-wrapper.carousel .rt-layout-filter-container:hover
1976
+ {border-color: {{filter_border_color_hover}}; }'
1977
+ ]
1978
+ ]
1979
+ ],
1980
+
1981
+ 'filter_search_bg_hover' => [
1982
+ 'type' => 'string',
1983
+ 'default' => '',
1984
+ 'style' => [
1985
+ (object) [
1986
+ 'selector' => '{{RTTPG}} .rt-filter-item-wrap.rt-search-filter-wrap input.rt-search-input:hover {background-color: {{filter_search_bg_hover}}; }'
1987
+ ]
1988
+ ]
1989
+ ],
1990
+
1991
+ 'sub_menu_bg_color_hover' => [
1992
+ 'type' => 'string',
1993
+ 'default' => '',
1994
+ 'style' => [
1995
+ (object) [
1996
+ 'selector' => '{{RTTPG}} .rt-layout-filter-container .rt-filter-wrap .rt-filter-item-wrap.rt-filter-dropdown-wrap .rt-filter-dropdown .rt-filter-dropdown-item:hover {background-color: {{sub_menu_bg_color_hover}}; }'
1997
+ ]
1998
+ ]
1999
+ ],
2000
+
2001
+ 'sub_menu_color_hover' => [
2002
+ 'type' => 'string',
2003
+ 'default' => '',
2004
+ 'style' => [
2005
+ (object) [
2006
+ 'selector' => '{{RTTPG}} .rt-layout-filter-container .rt-filter-wrap .rt-filter-item-wrap.rt-filter-dropdown-wrap .rt-filter-dropdown .rt-filter-dropdown-item:hover {color: {{sub_menu_bg_color_hover}}; }'
2007
+ ]
2008
+ ]
2009
+ ],
2010
+
2011
+ 'sub_menu_border_bottom_hover' => [
2012
+ 'type' => 'string',
2013
+ 'default' => '',
2014
+ 'style' => [
2015
+ (object) [
2016
+ 'selector' => '{{RTTPG}} .rt-layout-filter-container .rt-filter-wrap .rt-filter-item-wrap.rt-filter-dropdown-wrap .rt-filter-dropdown .rt-filter-dropdown-item:hover {border-bottom-color: {{sub_menu_border_bottom_hover}}; }'
2017
+ ]
2018
+ ]
2019
+ ],
2020
+
2021
+ 'filter_nav_color_hover' => [
2022
+ 'type' => 'string',
2023
+ 'default' => '',
2024
+ 'style' => [
2025
+ (object) [
2026
+ 'selector' => '{{RTTPG}} .rt-tpg-container .swiper-navigation .slider-btn:hover {color: {{filter_nav_color_hover}}; }'
2027
+ ]
2028
+ ]
2029
+ ],
2030
+
2031
+ 'filter_nav_bg_hover' => [
2032
+ 'type' => 'string',
2033
+ 'default' => '',
2034
+ 'style' => [
2035
+ (object) [
2036
+ 'selector' => '{{RTTPG}} .rt-tpg-container .swiper-navigation .slider-btn:hover {background-color: {{filter_nav_bg_hover}}; }'
2037
+ ]
2038
+ ]
2039
+ ],
2040
+
2041
+ 'filter_nav_border_hover' => [
2042
+ 'type' => 'string',
2043
+ 'default' => '',
2044
+ 'style' => [
2045
+ (object) [
2046
+ 'selector' => '{{RTTPG}} .rt-tpg-container .swiper-navigation .slider-btn:hover {border-color: {{filter_nav_border_hover}}; }'
2047
+ ]
2048
+ ]
2049
+ ],
2050
+
2051
+ //Box Settings
2052
+
2053
+ "box_margin" => [
2054
+ "type" => "object",
2055
+ "default" => [
2056
+ 'lg' => [
2057
+ "isLinked" => true,
2058
+ "unit" => "px",
2059
+ "value" => ''
2060
+ ]
2061
+ ],
2062
+ 'style' => [
2063
+ (object) [
2064
+ 'selector' => '{{RTTPG}} .rt-tpg-container .grid_hover-layout8 .display-grid-wrapper,
2065
+ {{RTTPG}} .tpg-el-main-wrapper .rt-row [class*="rt-col"]
2066
+ {{box_margin}}'
2067
+ ]
2068
+ ]
2069
+ ],
2070
+ //TODO: should apply condition
2071
+
2072
+ "content_box_padding" => [
2073
+ "type" => "object",
2074
+ "default" => [
2075
+ 'lg' => [
2076
+ "isLinked" => true,
2077
+ "unit" => "px",
2078
+ "value" => ''
2079
+ ]
2080
+ ],
2081
+ 'style' => [
2082
+ (object) [
2083
+ 'selector' => 'body {{RTTPG}} .rt-tpg-container .rt-el-content-wrapper,
2084
+ body {{RTTPG}} .rt-tpg-container .rt-el-content-wrapper-flex .post-right-content{{content_box_padding}}'
2085
+ ]
2086
+ ]
2087
+ ],
2088
+
2089
+ "content_box_padding_offset" => [
2090
+ "type" => "object",
2091
+ "default" => [
2092
+ 'lg' => [
2093
+ "isLinked" => true,
2094
+ "unit" => "px",
2095
+ "value" => ''
2096
+ ]
2097
+ ],
2098
+ 'style' => [
2099
+ (object) [
2100
+ 'selector' => 'body {{RTTPG}} .tpg-el-main-wrapper .offset-left .tpg-post-holder .offset-content, {{RTTPG}} .rt-tpg-container .list-layout4 .post-right-content{{content_box_padding_offset}}'
2101
+ ]
2102
+ ]
2103
+ ],
2104
+
2105
+ "content_box_padding_2" => [
2106
+ "type" => "object",
2107
+ "default" => [
2108
+ 'lg' => [
2109
+ "isLinked" => true,
2110
+ "unit" => "px",
2111
+ "value" => ''
2112
+ ]
2113
+ ],
2114
+ 'style' => [
2115
+ (object) [
2116
+ 'selector' => 'body {{RTTPG}} .rt-tpg-container .slider-layout13 .rt-holder .post-content{{content_box_padding_2}}'
2117
+ ]
2118
+ ]
2119
+ ],
2120
+
2121
+ "box_radius" => [
2122
+ "type" => "object",
2123
+ "default" => [
2124
+ 'lg' => [
2125
+ "isLinked" => true,
2126
+ "unit" => "px",
2127
+ "value" => ''
2128
+ ]
2129
+ ],
2130
+ 'style' => [
2131
+ (object) [
2132
+ 'selector' => 'body {{RTTPG}} .tpg-el-main-wrapper .tpg-post-holder, body {{RTTPG}} .rt-tpg-container .slider-layout13 .rt-holder .post-content{{box_radius}}'
2133
+ ]
2134
+ ]
2135
+ ],
2136
+
2137
+ 'is_box_border' => [
2138
+ 'type' => 'string',
2139
+ 'default' => '',
2140
+ ],
2141
+
2142
+ 'box_style_tabs' => [
2143
+ 'type' => 'string',
2144
+ 'default' => 'normal',
2145
+ ],
2146
+
2147
+ "box_background" => [
2148
+ "type" => "object",
2149
+ "default" => (object) [
2150
+ 'openBGColor' => 0,
2151
+ 'type' => 'classic',
2152
+ 'classic' => (object) [
2153
+ 'color' => '',
2154
+ 'img' => (object) [ 'imgURL' => '', 'imgID' => '' ],
2155
+ 'imgProperty' => (object) [
2156
+ 'imgPosition' => (object) [ 'lg' => '' ],
2157
+ 'imgAttachment' => (object) [ 'lg' => '' ],
2158
+ 'imgRepeat' => (object) [ 'lg' => '' ],
2159
+ 'imgSize' => (object) [ 'lg' => '' ],
2160
+ ]
2161
+ ],
2162
+ 'gradient' => ''
2163
+ ],
2164
+ 'style' => [
2165
+ (object) [
2166
+ 'selector' => 'body {{RTTPG}} .tpg-el-main-wrapper .tpg-post-holder'
2167
+ ]
2168
+ ]
2169
+ ],
2170
+
2171
+ "box_background2" => [
2172
+ "type" => "object",
2173
+ "default" => (object) [
2174
+ 'openBGColor' => 0,
2175
+ 'type' => 'classic',
2176
+ 'classic' => (object) [
2177
+ 'color' => '',
2178
+ 'img' => (object) [ 'imgURL' => '', 'imgID' => '' ],
2179
+ 'imgProperty' => (object) [
2180
+ 'imgPosition' => (object) [ 'lg' => '' ],
2181
+ 'imgAttachment' => (object) [ 'lg' => '' ],
2182
+ 'imgRepeat' => (object) [ 'lg' => '' ],
2183
+ 'imgSize' => (object) [ 'lg' => '' ],
2184
+ ]
2185
+ ],
2186
+ 'gradient' => ''
2187
+ ],
2188
+ 'style' => [
2189
+ (object) [
2190
+ 'selector' => 'body {{RTTPG}} .rt-tpg-container .slider-layout13 .rt-holder .post-content'
2191
+ ]
2192
+ ]
2193
+ ],
2194
+
2195
+ 'box_border' => [
2196
+ 'type' => 'string',
2197
+ 'default' => '',
2198
+ 'style' => [
2199
+ (object) [
2200
+ 'selector' => '{{RTTPG}} .tpg-el-main-wrapper .tpg-post-holder {border: 1px solid {{box_border}}; }'
2201
+ ]
2202
+ ]
2203
+ ],
2204
+
2205
+ 'box_box_shadow_normal' => [
2206
+ 'type' => 'object',
2207
+ 'default' => (object) [
2208
+ 'openShadow' => 1,
2209
+ 'width' => (object) [
2210
+ 'top' => 0,
2211
+ 'right' => 0,
2212
+ 'bottom' => 0,
2213
+ 'left' => 0
2214
+ ],
2215
+ 'color' => '',
2216
+ 'inset' => false,
2217
+ 'transition' => 0.5
2218
+ ],
2219
+ 'style' => [
2220
+ (object) [ 'selector' => 'body {{RTTPG}} .tpg-el-main-wrapper .tpg-post-holder' ]
2221
+ ],
2222
+ ],
2223
+
2224
+ 'box_box_shadow_hover' => [
2225
+ 'type' => 'object',
2226
+ 'default' => (object) [
2227
+ 'openShadow' => 1,
2228
+ 'width' => (object) [
2229
+ 'top' => 0,
2230
+ 'right' => 0,
2231
+ 'bottom' => 0,
2232
+ 'left' => 0
2233
+ ],
2234
+ 'color' => '',
2235
+ 'inset' => false,
2236
+ 'transition' => 0.5
2237
+ ],
2238
+ 'style' => [
2239
+ (object) [ 'selector' => 'body {{RTTPG}} .tpg-el-main-wrapper .tpg-post-holder:hover' ]
2240
+ ],
2241
+ ],
2242
+
2243
+ 'box_box_shadow2' => [
2244
+ 'type' => 'object',
2245
+ 'default' => (object) [
2246
+ 'openShadow' => 1,
2247
+ 'width' => (object) [
2248
+ 'top' => 0,
2249
+ 'right' => 0,
2250
+ 'bottom' => 0,
2251
+ 'left' => 0
2252
+ ],
2253
+ 'color' => '',
2254
+ 'inset' => false,
2255
+ 'transition' => 0.5
2256
+ ],
2257
+ 'style' => [
2258
+ (object) [ 'selector' => 'body {{RTTPG}} .rt-tpg-container .slider-layout13 .rt-holder .post-content' ]
2259
+ ],
2260
+ ],
2261
+
2262
+ 'box_box_shadow_hover2' => [
2263
+ 'type' => 'object',
2264
+ 'default' => (object) [
2265
+ 'openShadow' => 1,
2266
+ 'width' => (object) [
2267
+ 'top' => 0,
2268
+ 'right' => 0,
2269
+ 'bottom' => 0,
2270
+ 'left' => 0
2271
+ ],
2272
+ 'color' => '',
2273
+ 'inset' => false,
2274
+ 'transition' => 0.5
2275
+ ],
2276
+ 'style' => [
2277
+ (object) [ 'selector' => 'body {{RTTPG}} .rt-tpg-container .slider-layout13 .rt-holder .post-content' ]
2278
+ ],
2279
+ ],
2280
+
2281
+
2282
+ "box_background_hover" => [
2283
+ "type" => "object",
2284
+ "default" => (object) [
2285
+ 'openBGColor' => 0,
2286
+ 'type' => 'classic',
2287
+ 'classic' => (object) [
2288
+ 'color' => '',
2289
+ 'img' => (object) [ 'imgURL' => '', 'imgID' => '' ],
2290
+ 'imgProperty' => (object) [
2291
+ 'imgPosition' => (object) [ 'lg' => '' ],
2292
+ 'imgAttachment' => (object) [ 'lg' => '' ],
2293
+ 'imgRepeat' => (object) [ 'lg' => '' ],
2294
+ 'imgSize' => (object) [ 'lg' => '' ],
2295
+ ]
2296
+ ],
2297
+ 'gradient' => ''
2298
+ ],
2299
+ 'style' => [
2300
+ (object) [
2301
+ 'selector' => 'body {{RTTPG}} .tpg-el-main-wrapper .tpg-post-holder:hover'
2302
+ ]
2303
+ ]
2304
+ ],
2305
+
2306
+ "box_background_hover2" => [
2307
+ "type" => "object",
2308
+ "default" => (object) [
2309
+ 'openBGColor' => 0,
2310
+ 'type' => 'classic',
2311
+ 'classic' => (object) [
2312
+ 'color' => '',
2313
+ 'img' => (object) [ 'imgURL' => '', 'imgID' => '' ],
2314
+ 'imgProperty' => (object) [
2315
+ 'imgPosition' => (object) [ 'lg' => '' ],
2316
+ 'imgAttachment' => (object) [ 'lg' => '' ],
2317
+ 'imgRepeat' => (object) [ 'lg' => '' ],
2318
+ 'imgSize' => (object) [ 'lg' => '' ],
2319
+ ]
2320
+ ],
2321
+ 'gradient' => ''
2322
+ ],
2323
+ 'style' => [
2324
+ (object) [
2325
+ 'selector' => 'body {{RTTPG}} .rt-tpg-container .slider-layout13 .rt-holder .post-content'
2326
+ ]
2327
+ ]
2328
+ ],
2329
+ 'box_border_hover' => [
2330
+ 'type' => 'string',
2331
+ 'default' => '',
2332
+ ],
2333
+
2334
+ "tpg_wrapper_padding" => [
2335
+ "type" => "object",
2336
+ "default" => [
2337
+ 'lg' => [
2338
+ "isLinked" => false,
2339
+ "unit" => "px",
2340
+ "value" => ''
2341
+ ]
2342
+ ],
2343
+ 'style' => [
2344
+ (object) [
2345
+ 'selector' => 'body {{RTTPG}} .rt-tpg-container {{tpg_wrapper_padding}}'
2346
+ ]
2347
+ ]
2348
+ ],
2349
+
2350
+ "tpg_wrapper_margin" => [
2351
+ "type" => "object",
2352
+ "default" => [
2353
+ 'lg' => [
2354
+ "isLinked" => false,
2355
+ "unit" => "px",
2356
+ "value" => '',
2357
+ ]
2358
+ ],
2359
+ 'style' => [
2360
+ (object) [
2361
+ 'selector' => 'body {{RTTPG}} .rt-tpg-container {{tpg_wrapper_margin}}'
2362
+ ]
2363
+ ]
2364
+ ],
2365
+
2366
+ 'tpg_wrapper_width' => [
2367
+ 'type' => 'object',
2368
+ "default" => (object) [
2369
+ 'lg' => '',
2370
+ 'md' => '',
2371
+ 'sm' => '',
2372
+ ],
2373
+ 'style' => [
2374
+ (object) [
2375
+ 'selector' => 'body {{RTTPG}} .rt-tpg-container{max-width:{{tpg_wrapper_width}}; width:100%;}'
2376
+ ]
2377
+ ]
2378
+ ],
2379
+
2380
+ "tpg_wrapper_background" => [
2381
+ "type" => "object",
2382
+ "default" => (object) [
2383
+ 'openBGColor' => 0,
2384
+ 'type' => 'classic',
2385
+ 'classic' => (object) [
2386
+ 'color' => '',
2387
+ 'img' => (object) [ 'imgURL' => '', 'imgID' => '' ],
2388
+ 'imgProperty' => (object) [
2389
+ 'imgPosition' => (object) [ 'lg' => '' ],
2390
+ 'imgAttachment' => (object) [ 'lg' => '' ],
2391
+ 'imgRepeat' => (object) [ 'lg' => '' ],
2392
+ 'imgSize' => (object) [ 'lg' => '' ],
2393
+ ]
2394
+ ],
2395
+ 'gradient' => ''
2396
+ ],
2397
+ 'style' => [
2398
+ (object) [
2399
+ 'selector' => 'body {{RTTPG}}'
2400
+ ]
2401
+ ]
2402
+ ],
2403
+
2404
+ 'scroll_bar_color' => [
2405
+ 'type' => 'string',
2406
+ 'default' => '',
2407
+ 'style' => [
2408
+ (object) [
2409
+ 'selector' => '
2410
+ {{RTTPG}} .tpg-el-main-wrapper .swiper-thumb-pagination .swiper-pagination-progressbar-fill {background-color: {{scroll_bar_color}}; }
2411
+ {{RTTPG}} .tpg-el-main-wrapper .slider-layout12 .slider-thumb-main-wrapper .swiper-thumb-wrapper .post-thumbnail-wrap .p-thumbnail::before {background-color: {{scroll_bar_color}}; }
2412
+ '
2413
+ ]
2414
+ ]
2415
+ ],
2416
+
2417
+ 'scroll_bar_bg_color' => [
2418
+ 'type' => 'string',
2419
+ 'default' => '',
2420
+ 'style' => [
2421
+ (object) [
2422
+ 'selector' => '
2423
+ {{RTTPG}} .tpg-el-main-wrapper .slider-thumb-main-wrapper .swiper-pagination-progressbar {background-color: {{scroll_bar_bg_color}}; }
2424
+ {{RTTPG}} .tpg-el-main-wrapper .slider-layout12 .slider-thumb-main-wrapper .swiper-thumb-wrapper::before {background-color: {{scroll_bar_bg_color}};opacity:1; }
2425
+ '
2426
+ ]
2427
+ ]
2428
+ ],
2429
+
2430
+ 'thumb_font_color' => [
2431
+ 'type' => 'string',
2432
+ 'default' => '',
2433
+ 'style' => [
2434
+ (object) [
2435
+ 'selector' => '{{RTTPG}} .tpg-el-main-wrapper .slider-layout11 .swiper-thumb-wrapper .swiper-wrapper .p-content *,
2436
+ {{RTTPG}} .tpg-el-main-wrapper .slider-layout12 .swiper-thumb-wrapper .swiper-wrapper .p-content * {color: {{thumb_font_color}}; }'
2437
+ ]
2438
+ ]
2439
+ ],
2440
+
2441
+ 'slider_thumb_bg' => [
2442
+ 'type' => 'string',
2443
+ 'default' => '',
2444
+ 'style' => [
2445
+ (object) [
2446
+ 'selector' => '{{RTTPG}} .tpg-el-main-wrapper .slider-layout11 .swiper-thumb-wrapper .swiper-wrapper .p-thumbnail img {background-color: {{slider_thumb_bg}}; }'
2447
+ ]
2448
+ ]
2449
+ ],
2450
+
2451
+ 'slider_thumb_bg_active' => [
2452
+ 'type' => 'string',
2453
+ 'default' => '',
2454
+ 'style' => [
2455
+ (object) [
2456
+ 'selector' => '{{RTTPG}} .tpg-el-main-wrapper .slider-layout11 .swiper-thumb-wrapper .swiper-wrapper .swiper-slide:hover .p-thumbnail img,
2457
+ {{RTTPG}} .tpg-el-main-wrapper .slider-layout11 .swiper-thumb-wrapper .swiper-wrapper .swiper-slide-thumb-active .p-thumbnail img,
2458
+ {{RTTPG}} .tpg-el-main-wrapper .slider-layout11 .swiper-thumb-wrapper .swiper-wrapper .post-thumbnail-wrap::before,
2459
+ {{RTTPG}} .tpg-el-main-wrapper .slider-layout12 .slider-thumb-main-wrapper .swiper-thumb-wrapper .post-thumbnail-wrap .p-thumbnail {background-color: {{slider_thumb_bg_active}}; }'
2460
+ ]
2461
+ ]
2462
+ ],
2463
+
2464
+ 'thumb_wrapper_bg' => [
2465
+ 'type' => 'string',
2466
+ 'default' => '',
2467
+ 'style' => [
2468
+ (object) [
2469
+ 'selector' => '{{RTTPG}} .tpg-el-main-wrapper .slider-thumb-main-wrapper,
2470
+ {{RTTPG}} .tpg-el-main-wrapper .slider-layout12 .slider-thumb-main-wrapper {background-color: {{thumb_wrapper_bg}}; }'
2471
+ ]
2472
+ ]
2473
+ ],
2474
+
2475
+
2476
+ ];
2477
+
2478
+ return apply_filters( 'rttpg_guten_style_attribute', $style_attribute );
2479
+ }
2480
+ }
app/Controllers/Blocks/GridHoverLayout.php ADDED
@@ -0,0 +1,209 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+
3
+ namespace RT\ThePostGrid\Controllers\Blocks;
4
+
5
+ use RT\ThePostGrid\Controllers\Blocks\BlockController\SettingsTabController;
6
+ use RT\ThePostGrid\Controllers\Blocks\BlockController\StyleTabController;
7
+ use RT\ThePostGrid\Controllers\Blocks\BlockController\ContentTabController;
8
+ use RT\ThePostGrid\Helpers\Fns;
9
+
10
+ class GridHoverLayout extends BlockBase {
11
+
12
+ private $prefix;
13
+ private $attribute_args;
14
+ private $block_type;
15
+
16
+ public function __construct() {
17
+ add_action( 'init', [ $this, 'register_blocks' ] );
18
+ $this->prefix = 'grid_hover';
19
+ $this->block_type = 'rttpg/tpg-grid-hover-layout';
20
+ $this->attribute_args = [
21
+ 'prefix' => $this->prefix,
22
+ 'default_layout' => 'grid_hover-layout1'
23
+ ];
24
+ }
25
+
26
+ /**
27
+ * Register Block
28
+ * @return void
29
+ */
30
+ public function register_blocks() {
31
+ register_block_type(
32
+ $this->block_type,
33
+ [
34
+ 'attributes' => $this->get_attributes(),
35
+ 'render_callback' => [ $this, 'render_block' ],
36
+ ]
37
+ );
38
+ }
39
+
40
+ /**
41
+ * Get attributes
42
+ *
43
+ * @param bool $default
44
+ *
45
+ * @return array
46
+ */
47
+ public function get_attributes() {
48
+
49
+ /**
50
+ * All Attribute
51
+ * Content Tab | Settings Tab | Style Tab
52
+ */
53
+ $content_attribute = ContentTabController::get_controller( $this->attribute_args );
54
+ $settings_attribute = SettingsTabController::get_controller();
55
+ $style_attribute = StyleTabController::get_controller();
56
+
57
+ return array_merge( $content_attribute, $settings_attribute, $style_attribute );
58
+ }
59
+
60
+ /**
61
+ * @param array $data
62
+ *
63
+ * @return false|string
64
+ */
65
+ public function render_block( $data ) {
66
+
67
+ $this->get_script_depends( $data );
68
+
69
+ $_prefix = $data['prefix'];
70
+
71
+ if ( ! rtTPG()->hasPro() && ! in_array(
72
+ $data[ $_prefix . '_layout' ],
73
+ [
74
+ 'grid_hover-layout1',
75
+ 'grid_hover-layout2',
76
+ 'grid_hover-layout3',
77
+ ]
78
+ ) ) {
79
+ $data[ $_prefix . '_layout' ] = 'grid_hover-layout1';
80
+ }
81
+
82
+ //Query
83
+ $query_args = $this->post_query_guten( $data, $_prefix );
84
+ $query = new \WP_Query( $query_args );
85
+ $rand = mt_rand();
86
+ $layoutID = "rt-tpg-container-" . $rand;
87
+ $posts_per_page = $data['display_per_page'] ? $data['display_per_page'] : $data['post_limit'];
88
+
89
+ /**
90
+ * TODO: Get Post Data for render post
91
+ */
92
+
93
+ $post_data = Fns::get_render_data_set( $data, $query->max_num_pages, $posts_per_page, $_prefix, 'yes' );
94
+
95
+ /**
96
+ * Post type render
97
+ */
98
+
99
+ //TODO: Taxonomy filter ================================================
100
+ /*
101
+ $post_types = Fns::get_post_types();
102
+ foreach ( $post_types as $post_type => $label ) {
103
+ $_taxonomies = get_object_taxonomies( $post_type, 'object' );
104
+ if ( empty( $_taxonomies ) ) {
105
+ continue;
106
+ }
107
+ $post_data[ $data['post_type'] . '_taxonomy' ] = $data[ $data['post_type'] . '_taxonomy' ];
108
+ $post_data[ $data['post_type'] . '_tags' ] = $data[ $data['post_type'] . '_tags' ];
109
+ }
110
+ */
111
+
112
+
113
+ $template_path = Fns::tpg_template_path( $post_data, 'gutenberg' );
114
+ $_layout = $data[ $_prefix . '_layout' ];
115
+ $dynamicClass = Fns::get_dynamic_class_gutenberg( $data );
116
+
117
+
118
+ ob_start();
119
+ ?>
120
+ <div class="<?php echo esc_attr( $dynamicClass ) ?>">
121
+ <div class="rt-container-fluid rt-tpg-container tpg-el-main-wrapper clearfix <?php echo esc_attr( $_layout . '-main' ); ?>"
122
+ id="<?php echo esc_attr( $layoutID ); ?>"
123
+ data-layout="<?php echo esc_attr( $data[ $_prefix . '_layout' ] ); ?>"
124
+ data-grid-style="<?php echo esc_attr( $data['grid_layout_style'] ); ?>" data-sc-id="elementor"
125
+ data-el-settings='<?php echo Fns::is_filter_enable( $data ) ? htmlspecialchars( wp_json_encode( $post_data ) ) : ''; ?>'
126
+ data-el-query='<?php echo Fns::is_filter_enable( $data ) ? htmlspecialchars( wp_json_encode( $query_args ) ) : ''; ?>'
127
+ data-el-path='<?php echo Fns::is_filter_enable( $data ) ? esc_attr( $template_path ) : ''; ?>'>
128
+ <?php
129
+
130
+ $settings = get_option( rtTPG()->options['settings'] );
131
+ if ( isset( $settings['tpg_load_script'] ) && isset( $settings['tpg_enable_preloader'] ) ) {
132
+ ?>
133
+ <div id="bottom-script-loader" class="bottom-script-loader">
134
+ <div class="rt-ball-clip-rotate">
135
+ <div></div>
136
+ </div>
137
+ </div>
138
+ <?php
139
+ }
140
+
141
+ $wrapper_class = [];
142
+ if ( in_array(
143
+ $_layout,
144
+ [
145
+ 'grid_hover-layout6',
146
+ 'grid_hover-layout7',
147
+ 'grid_hover-layout8',
148
+ 'grid_hover-layout9',
149
+ 'grid_hover-layout10',
150
+ 'grid_hover-layout11',
151
+ 'grid_hover-layout5-2',
152
+ 'grid_hover-layout6-2',
153
+ 'grid_hover-layout7-2',
154
+ 'grid_hover-layout9-2',
155
+ ]
156
+ ) ) {
157
+ $wrapper_class[] = 'grid_hover-layout5';
158
+ }
159
+ $wrapper_class[] = str_replace( '-2', null, $_layout );
160
+ $wrapper_class[] = 'tpg-even grid-behaviour';
161
+ $wrapper_class[] = $_prefix . '_layout_wrapper';
162
+
163
+ //section title settings
164
+ $is_carousel = '';
165
+ if ( rtTPG()->hasPro() && 'carousel' == $data['filter_btn_style'] && 'button' == $data['filter_type'] ) {
166
+ $is_carousel = 'carousel';
167
+ }
168
+
169
+ echo "<div class='tpg-header-wrapper {$is_carousel}'>";
170
+ Fns::get_section_title( $data );
171
+ Fns::print_html( Fns::get_frontend_filter_markup( $data, true ) );
172
+ echo "</div>";
173
+ ?>
174
+
175
+ <div class="rt-row rt-content-loader gutenberg-inner <?php echo esc_attr( implode( ' ', $wrapper_class ) ) ?>">
176
+ <?php
177
+ if ( $query->have_posts() ) {
178
+ $pCount = 1;
179
+ while ( $query->have_posts() ) {
180
+ $query->the_post();
181
+ set_query_var( 'tpg_post_count', $pCount );
182
+ set_query_var( 'tpg_total_posts', $query->post_count );
183
+ Fns::tpg_template( $post_data, 'gutenberg' );
184
+ $pCount ++;
185
+ }
186
+ } else {
187
+ if ( $data['no_posts_found_text'] ) {
188
+ printf( "<div class='no_posts_found_text'>%s</div>", esc_html( $data['no_posts_found_text'] ) );
189
+ } else {
190
+ printf( "<div class='no_posts_found_text'>%s</div>", esc_html__( 'No post found', 'the-post-grid' ) );
191
+ }
192
+ }
193
+ wp_reset_postdata();
194
+ ?>
195
+ </div>
196
+
197
+ <?php echo Fns::get_pagination_markup( $query, $data ); ?>
198
+
199
+ </div>
200
+ </div>
201
+ <?php
202
+
203
+ do_action( 'tpg_elementor_script' );
204
+
205
+ return ob_get_clean();
206
+ }
207
+
208
+
209
+ }
app/Controllers/Blocks/GridLayout.php ADDED
@@ -0,0 +1,196 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+
3
+ namespace RT\ThePostGrid\Controllers\Blocks;
4
+
5
+ use RT\ThePostGrid\Controllers\Blocks\BlockController\SettingsTabController;
6
+ use RT\ThePostGrid\Controllers\Blocks\BlockController\StyleTabController;
7
+ use RT\ThePostGrid\Controllers\Blocks\BlockController\ContentTabController;
8
+ use RT\ThePostGrid\Helpers\Fns;
9
+
10
+ class GridLayout extends BlockBase {
11
+
12
+ private $prefix;
13
+ private $attribute_args;
14
+ private $block_type;
15
+
16
+ public function __construct() {
17
+ add_action( 'init', [ $this, 'register_blocks' ] );
18
+ $this->prefix = 'grid';
19
+ $this->block_type = 'rttpg/tpg-' . $this->prefix . '-layout';
20
+ $this->attribute_args = [
21
+ 'prefix' => $this->prefix,
22
+ 'default_layout' => 'grid-layout1'
23
+ ];
24
+ }
25
+
26
+ /**
27
+ * Register Block
28
+ * @return void
29
+ */
30
+ public function register_blocks() {
31
+ register_block_type(
32
+ $this->block_type,
33
+ [
34
+ 'attributes' => $this->get_attributes(),
35
+ 'render_callback' => [ $this, 'render_block' ],
36
+ ]
37
+ );
38
+ }
39
+
40
+ /**
41
+ * Get attributes
42
+ *
43
+ * @param bool $default
44
+ *
45
+ * @return array
46
+ */
47
+ public function get_attributes() {
48
+
49
+ /**
50
+ * All Attribute
51
+ * Content Tab | Settings Tab | Style Tab
52
+ */
53
+ $content_attribute = ContentTabController::get_controller( $this->attribute_args );
54
+ $settings_attribute = SettingsTabController::get_controller();
55
+ $style_attribute = StyleTabController::get_controller();
56
+
57
+ return array_merge( $content_attribute, $settings_attribute, $style_attribute );
58
+ }
59
+
60
+ /**
61
+ * @param array $data
62
+ *
63
+ * @return false|string
64
+ */
65
+ public function render_block( $data ) {
66
+
67
+ $this->get_script_depends( $data );
68
+
69
+ $_prefix = $data['prefix'];
70
+
71
+ if ( ! rtTPG()->hasPro() && ! in_array( $data[ $_prefix . '_layout' ], [ 'grid-layout1', 'grid-layout4', 'grid-layout3' ] ) ) {
72
+ $data[ $_prefix . '_layout' ] = 'grid-layout1';
73
+ }
74
+
75
+ //Query
76
+ $query_args = $this->post_query_guten( $data, $_prefix );
77
+ $query = new \WP_Query( $query_args );
78
+ $rand = mt_rand();
79
+ $layoutID = "rt-tpg-container-" . $rand;
80
+ $posts_per_page = $data['display_per_page'] ? $data['display_per_page'] : $data['post_limit'];
81
+
82
+ /**
83
+ * TODO: Get Post Data for render post
84
+ */
85
+
86
+ $post_data = Fns::get_render_data_set( $data, $query->max_num_pages, $posts_per_page, $_prefix, 'yes' );
87
+
88
+ /**
89
+ * Post type render
90
+ */
91
+
92
+ //TODO: Taxonomy filter ================================================
93
+ /*
94
+ $post_types = Fns::get_post_types();
95
+ foreach ( $post_types as $post_type => $label ) {
96
+ $_taxonomies = get_object_taxonomies( $post_type, 'object' );
97
+ if ( empty( $_taxonomies ) ) {
98
+ continue;
99
+ }
100
+ $post_data[ $data['post_type'] . '_taxonomy' ] = $data[ $data['post_type'] . '_taxonomy' ];
101
+ $post_data[ $data['post_type'] . '_tags' ] = $data[ $data['post_type'] . '_tags' ];
102
+ }
103
+ */
104
+
105
+
106
+ $template_path = Fns::tpg_template_path( $post_data, 'gutenberg' );
107
+ $_layout = $data[ $_prefix . '_layout' ];
108
+ $_layout_style = $data['grid_layout_style'];
109
+ $dynamicClass = Fns::get_dynamic_class_gutenberg( $data );
110
+
111
+
112
+ ob_start();
113
+ ?>
114
+ <div class="<?php echo esc_attr( $dynamicClass ) ?>">
115
+ <div class="rt-container-fluid rt-tpg-container tpg-el-main-wrapper clearfix <?php echo esc_attr( $_layout . '-main' ); ?>"
116
+ id="<?php echo esc_attr( $layoutID ); ?>"
117
+ data-layout="<?php echo esc_attr( $data[ $_prefix . '_layout' ] ); ?>"
118
+ data-grid-style="<?php echo esc_attr( $data['grid_layout_style'] ); ?>" data-sc-id="elementor"
119
+ data-el-settings='<?php echo Fns::is_filter_enable( $data ) ? htmlspecialchars( wp_json_encode( $post_data ) ) : ''; ?>'
120
+ data-el-query='<?php echo Fns::is_filter_enable( $data ) ? htmlspecialchars( wp_json_encode( $query_args ) ) : ''; ?>'
121
+ data-el-path='<?php echo Fns::is_filter_enable( $data ) ? esc_attr( $template_path ) : ''; ?>'>
122
+ <?php
123
+
124
+ $settings = get_option( rtTPG()->options['settings'] );
125
+ if ( isset( $settings['tpg_load_script'] ) && isset( $settings['tpg_enable_preloader'] ) ) {
126
+ ?>
127
+ <div id="bottom-script-loader" class="bottom-script-loader">
128
+ <div class="rt-ball-clip-rotate">
129
+ <div></div>
130
+ </div>
131
+ </div>
132
+ <?php
133
+ }
134
+
135
+ $wrapper_class = [];
136
+ $wrapper_class[] = str_replace( '-2', '', $_layout );
137
+ $wrapper_class[] = 'grid-behaviour';
138
+ $wrapper_class[] = ( in_array( $_layout, [ 'grid-layout2' ] ) ) ? "tpg-even" : $_layout_style;
139
+ $wrapper_class[] = $_prefix . '_layout_wrapper';
140
+ if ( 'masonry' === $_layout_style && in_array( $_layout, [
141
+ 'grid-layout1',
142
+ 'grid-layout3',
143
+ 'grid-layout4'
144
+ ] ) ) {
145
+ $wrapper_class[] = 'tpg-masonry';
146
+ }
147
+
148
+ if ( in_array( $_layout, [ 'grid-layout6', 'grid-layout6-2' ] ) && $data['middle_border'] === 'no' ) {
149
+ $wrapper_class[] = 'disable-middle-border';
150
+ }
151
+
152
+ //section title settings
153
+ $is_carousel = '';
154
+ if ( rtTPG()->hasPro() && 'carousel' == $data['filter_btn_style'] && 'button' == $data['filter_type'] ) {
155
+ $is_carousel = 'carousel';
156
+ }
157
+
158
+ echo "<div class='tpg-header-wrapper {$is_carousel}'>";
159
+ Fns::get_section_title( $data );
160
+ Fns::print_html( Fns::get_frontend_filter_markup( $data, true ) );
161
+ echo "</div>";
162
+ ?>
163
+
164
+ <div class="rt-row rt-content-loader gutenberg-inner <?php echo esc_attr( implode( ' ', $wrapper_class ) ) ?>">
165
+ <?php
166
+ if ( $query->have_posts() ) {
167
+ $pCount = 1;
168
+ while ( $query->have_posts() ) {
169
+ $query->the_post();
170
+ set_query_var( 'tpg_post_count', $pCount );
171
+ set_query_var( 'tpg_total_posts', $query->post_count );
172
+ Fns::tpg_template( $post_data, 'gutenberg' );
173
+ $pCount ++;
174
+ }
175
+ } else {
176
+ if ( $data['no_posts_found_text'] ) {
177
+ printf( "<div class='no_posts_found_text'>%s</div>", esc_html( $data['no_posts_found_text'] ) );
178
+ } else {
179
+ printf( "<div class='no_posts_found_text'>%s</div>", esc_html__( 'No post found', 'the-post-grid' ) );
180
+ }
181
+ }
182
+ wp_reset_postdata();
183
+ ?>
184
+ </div>
185
+
186
+ <?php echo Fns::get_pagination_markup( $query, $data ); ?>
187
+
188
+ </div>
189
+ </div>
190
+ <?php
191
+
192
+ do_action( 'tpg_elementor_script' );
193
+
194
+ return ob_get_clean();
195
+ }
196
+ }
app/Controllers/Blocks/ListLayout.php ADDED
@@ -0,0 +1,191 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+
3
+ namespace RT\ThePostGrid\Controllers\Blocks;
4
+
5
+ use RT\ThePostGrid\Controllers\Blocks\BlockController\SettingsTabController;
6
+ use RT\ThePostGrid\Controllers\Blocks\BlockController\StyleTabController;
7
+ use RT\ThePostGrid\Controllers\Blocks\BlockController\ContentTabController;
8
+ use RT\ThePostGrid\Helpers\Fns;
9
+
10
+ require_once( RT_THE_POST_GRID_PLUGIN_PATH . '/app/Widgets/elementor/rtTPGElementorQuery.php' );
11
+
12
+ class ListLayout extends BlockBase {
13
+
14
+ private $prefix;
15
+ private $attribute_args;
16
+ private $block_type;
17
+
18
+ public function __construct() {
19
+ add_action( 'init', [ $this, 'register_blocks' ] );
20
+ $this->prefix = 'list';
21
+ $this->block_type = 'rttpg/tpg-' . $this->prefix . '-layout';
22
+ $this->attribute_args = [
23
+ 'prefix' => $this->prefix,
24
+ 'default_layout' => 'list-layout1'
25
+ ];
26
+ }
27
+
28
+
29
+ /**
30
+ * Register Block
31
+ * @return void
32
+ */
33
+ public function register_blocks() {
34
+ register_block_type(
35
+ $this->block_type,
36
+ [
37
+ 'attributes' => $this->get_attributes(),
38
+ 'render_callback' => [ $this, 'render_block' ],
39
+ ]
40
+ );
41
+ }
42
+
43
+ /**
44
+ * Get attributes
45
+ *
46
+ * @param bool $default
47
+ *
48
+ * @return array
49
+ */
50
+ public function get_attributes() {
51
+
52
+ // Get - Content Tab | Settings Tab | Style Tab (Attributes)
53
+ $content_attribute = ContentTabController::get_controller( $this->attribute_args );
54
+ $settings_attribute = SettingsTabController::get_controller();
55
+ $style_attribute = StyleTabController::get_controller();
56
+
57
+ return array_merge( $content_attribute, $settings_attribute, $style_attribute );
58
+ }
59
+
60
+ /**
61
+ * Render callback function
62
+ *
63
+ * @param array $att Block attributes
64
+ *
65
+ * @return string
66
+ */
67
+ public function render_block( $data ) {
68
+
69
+ $this->get_script_depends( $data );
70
+
71
+ $_prefix = $data['prefix'];
72
+
73
+ if ( ! rtTPG()->hasPro() && ! in_array( $data[ $_prefix . '_layout' ], [ 'list-layout1', 'list-layout2', 'list-layout2-2' ] ) ) {
74
+ $data[ $_prefix . '_layout' ] = 'list-layout1';
75
+ }
76
+
77
+ //Query
78
+ $query_args = $this->post_query_guten( $data, $_prefix );
79
+ $query = new \WP_Query( $query_args );
80
+ $rand = mt_rand();
81
+ $layoutID = "rt-tpg-container-" . $rand;
82
+ $posts_per_page = $data['display_per_page'] ? $data['display_per_page'] : $data['post_limit'];
83
+
84
+ /**
85
+ * TODO: Get Post Data for render post
86
+ */
87
+
88
+ $post_data = Fns::get_render_data_set( $data, $query->max_num_pages, $posts_per_page, $_prefix, 'yes' );
89
+
90
+ /**
91
+ * Post type render
92
+ */
93
+
94
+ //TODO: Taxonomy filter ================================================
95
+ /*
96
+ $post_types = Fns::get_post_types();
97
+ foreach ( $post_types as $post_type => $label ) {
98
+ $_taxonomies = get_object_taxonomies( $post_type, 'object' );
99
+ if ( empty( $_taxonomies ) ) {
100
+ continue;
101
+ }
102
+ $post_data[ $data['post_type'] . '_taxonomy' ] = $data[ $data['post_type'] . '_taxonomy' ];
103
+ $post_data[ $data['post_type'] . '_tags' ] = $data[ $data['post_type'] . '_tags' ];
104
+ }
105
+ */
106
+
107
+
108
+ $template_path = Fns::tpg_template_path( $post_data, 'gutenberg' );
109
+ $_layout = $data[ $_prefix . '_layout' ];
110
+ $_layout_style = $data['grid_layout_style'];
111
+ $dynamicClass = Fns::get_dynamic_class_gutenberg( $data );
112
+
113
+
114
+ ob_start();
115
+ ?>
116
+ <div class="<?php echo esc_attr( $dynamicClass ) ?>">
117
+ <div class="rt-container-fluid rt-tpg-container tpg-el-main-wrapper clearfix <?php echo esc_attr( $_layout . '-main' ); ?>"
118
+ id="<?php echo esc_attr( $layoutID ); ?>"
119
+ data-layout="<?php echo esc_attr( $data[ $_prefix . '_layout' ] ); ?>"
120
+ data-grid-style="<?php echo esc_attr( $data['grid_layout_style'] ); ?>" data-sc-id="elementor"
121
+ data-el-settings='<?php echo Fns::is_filter_enable( $data ) ? htmlspecialchars( wp_json_encode( $post_data ) ) : ''; ?>'
122
+ data-el-query='<?php echo Fns::is_filter_enable( $data ) ? htmlspecialchars( wp_json_encode( $query_args ) ) : ''; ?>'
123
+ data-el-path='<?php echo Fns::is_filter_enable( $data ) ? esc_attr( $template_path ) : ''; ?>'>
124
+ <?php
125
+
126
+ $settings = get_option( rtTPG()->options['settings'] );
127
+ if ( isset( $settings['tpg_load_script'] ) && isset( $settings['tpg_enable_preloader'] ) ) {
128
+ ?>
129
+ <div id="bottom-script-loader" class="bottom-script-loader">
130
+ <div class="rt-ball-clip-rotate">
131
+ <div></div>
132
+ </div>
133
+ </div>
134
+ <?php
135
+ }
136
+
137
+ $wrapper_class = [];
138
+ $wrapper_class[] = str_replace( '-2', '', $_layout );
139
+ $wrapper_class[] = 'tpg-even list-behaviour';
140
+ $wrapper_class[] = $_prefix . '-layout-wrapper';
141
+
142
+ if ( 'masonry' === $_layout_style && ! in_array( $_layout, [ 'list-layout2', 'list-layout3' ] ) ) {
143
+ $wrapper_class[] = 'tpg-masonry';
144
+ }
145
+
146
+ //section title settings
147
+ $is_carousel = '';
148
+ if ( rtTPG()->hasPro() && 'carousel' == $data['filter_btn_style'] && 'button' == $data['filter_type'] ) {
149
+ $is_carousel = 'carousel';
150
+ }
151
+ echo "<div class='tpg-header-wrapper {$is_carousel}'>";
152
+ Fns::get_section_title( $data );
153
+ Fns::print_html( Fns::get_frontend_filter_markup( $data, true ) );
154
+ echo "</div>";
155
+ ?>
156
+
157
+ <div class="rt-row rt-content-loader gutenberg-inner <?php echo esc_attr( implode( ' ', $wrapper_class ) ) ?>">
158
+ <?php
159
+ if ( $query->have_posts() ) {
160
+ $pCount = 1;
161
+ while ( $query->have_posts() ) {
162
+ $query->the_post();
163
+ set_query_var( 'tpg_post_count', $pCount );
164
+ set_query_var( 'tpg_total_posts', $query->post_count );
165
+ Fns::tpg_template( $post_data, 'gutenberg' );
166
+ $pCount ++;
167
+ }
168
+ } else {
169
+ if ( $data['no_posts_found_text'] ) {
170
+ printf( "<div class='no_posts_found_text'>%s</div>", esc_html( $data['no_posts_found_text'] ) );
171
+ } else {
172
+ printf( "<div class='no_posts_found_text'>%s</div>", esc_html__( 'No post found', 'the-post-grid' ) );
173
+ }
174
+ }
175
+ wp_reset_postdata();
176
+ ?>
177
+ </div>
178
+
179
+ <?php echo Fns::get_pagination_markup( $query, $data ); ?>
180
+
181
+ </div>
182
+ </div>
183
+ <?php
184
+
185
+
186
+ do_action( 'tpg_elementor_script' );
187
+
188
+ return ob_get_clean();
189
+ }
190
+
191
+ }
app/Controllers/BlocksController.php ADDED
@@ -0,0 +1,437 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+
3
+ namespace RT\ThePostGrid\Controllers;
4
+
5
+ use RT\ThePostGrid\Controllers\Blocks\GridLayout;
6
+ use RT\ThePostGrid\Controllers\Blocks\ListLayout;
7
+ use RT\ThePostGrid\Controllers\Blocks\GridHoverLayout;
8
+
9
+ // use RT\ThePostGrid\Controllers\Blocks\SliderLayout;
10
+ use RT\ThePostGrid\Helpers\Fns;
11
+
12
+ class BlocksController {
13
+
14
+ /**
15
+ * Css Handler to generate dynamic ss for guten blocks
16
+ */
17
+ private $version;
18
+
19
+ public function __construct() {
20
+
21
+ //Layout initialize
22
+ new GridLayout();
23
+ new ListLayout();
24
+ new GridHoverLayout();
25
+ // new SliderLayout();
26
+
27
+ $this->version = defined( 'WP_DEBUG' ) && WP_DEBUG ? time() : RT_THE_POST_GRID_VERSION;
28
+ add_action( 'enqueue_block_editor_assets', [ $this, 'editor_assets' ] );
29
+
30
+ //All css/js file load in back-end and front-end
31
+ add_action( 'wp_enqueue_scripts', [ $this, 'tpg_block_enqueue' ] );
32
+ add_action( 'enqueue_block_editor_assets', [ $this, 'tpg_block_enqueue' ] );
33
+
34
+ if ( version_compare( get_bloginfo( 'version' ), '5.8', '>=' ) ) {
35
+ add_filter( 'block_categories_all', array( $this, 'rttpg_block_categories' ), 1, 2 );
36
+ } else {
37
+ add_filter( 'block_categories', array( $this, 'rttpg_block_categories' ), 1, 2 );
38
+ }
39
+
40
+ add_action( 'wp_ajax_rttpg_block_css_save', [ $this, 'save_block_css' ] );
41
+ add_action( 'wp_ajax_rttpg_block_css_get_posts', [ $this, 'get_posts_call' ] );
42
+ add_action( 'wp_ajax_rttpg_block_css_appended', [ $this, 'appended' ] );
43
+
44
+ // Decide how css file will be loaded. default filesystem eg: filesystem or at header
45
+ $option_data = get_option( 'rttpg_options' );
46
+ if ( isset( $option_data['css_save_as'] ) && 'filesystem' === $option_data['css_save_as'] ) {
47
+ add_action( 'wp_enqueue_scripts', [ $this, 'add_block_css_file' ] );
48
+ } else {
49
+ add_action( 'wp_head', [ $this, 'add_block_inline_css' ], 100 );
50
+ }
51
+ }
52
+
53
+ /**
54
+ * Block Category Add
55
+ *
56
+ * @param $categories
57
+ * @param $post
58
+ *
59
+ * @return array|\string[][]|\void[][]
60
+ */
61
+ public function rttpg_block_categories( $categories, $post ) {
62
+ return array_merge(
63
+ array(
64
+ array(
65
+ 'slug' => 'rttpg',
66
+ 'title' => __( 'The Post Grid', 'the-post-grid' ),
67
+ ),
68
+ ),
69
+ $categories
70
+ );
71
+ }
72
+
73
+
74
+ /**
75
+ * Add Block files foe css
76
+ *
77
+ * @return void
78
+ */
79
+ public function add_block_css_file() {
80
+ $post_id = get_the_ID();
81
+ $rttpg_upload_dir = wp_upload_dir()['basedir'] . '/rttpg/';
82
+ $rttpg_upload_url = wp_upload_dir()['baseurl'] . '/rttpg/';
83
+ // phpcs:ignore
84
+ if ( isset( $_GET['preview'] ) && ! empty( $_GET['preview'] ) ) {
85
+ $css_path = $rttpg_upload_dir . 'rttpg-block-preview.css';
86
+
87
+ if ( file_exists( $css_path ) ) {
88
+ if ( ! $this->is_editor_screen() ) {
89
+ wp_enqueue_style( 'rttpg-block-post-preview', $rttpg_upload_url . 'rttpg-block-preview.css', false, $this->version );
90
+ }
91
+ }
92
+ } elseif ( $post_id ) {
93
+ $css_dir_path = $rttpg_upload_dir . "rttpg-block-$post_id.css";
94
+ $css_dir_url = $rttpg_upload_dir . "rttpg-block-$post_id.css";
95
+
96
+ if ( file_exists( $css_dir_path ) ) {
97
+ if ( ! $this->is_editor_screen() ) {
98
+ wp_enqueue_style( "rttpg-block-post-{$post_id}", $css_dir_url, false, $this->version );
99
+ }
100
+ $this->add_reusable_css();
101
+ } else {
102
+ // phpcs: ignore
103
+ wp_register_style( 'rttpg-post-data', false );
104
+ wp_enqueue_style( 'rttpg-post-data' );
105
+ wp_add_inline_style( 'rttpg-post-data', get_post_meta( get_the_ID(), '_rttpg_block_css', true ) );
106
+ }
107
+ }
108
+ }
109
+
110
+ /**
111
+ * Common css load
112
+ * @return void
113
+ */
114
+ public function tpg_block_enqueue() {
115
+
116
+ if ( ! is_admin() ) {
117
+ return;
118
+ }
119
+ wp_enqueue_style( 'rt-fontawsome' );
120
+ wp_enqueue_style( 'rt-tpg-block' );
121
+
122
+ //Custom CSS From Settings
123
+ $css = isset( $settings['custom_css'] ) ? stripslashes( $settings['custom_css'] ) : null;
124
+ if ( $css ) {
125
+ wp_add_inline_style( 'rt-tpg-block', $css );
126
+ }
127
+ }
128
+
129
+
130
+ /**
131
+ * Determine if wppb editor is open
132
+ *
133
+ * @return bool
134
+ *
135
+ * @since V.1.0.0
136
+ * @since v.1.0.0
137
+ */
138
+ private function is_editor_screen() {
139
+ if ( ! empty( $_GET['action'] ) && 'wppb_editor' === $_GET['action'] ) {
140
+ return true;
141
+ }
142
+
143
+ return false;
144
+ }
145
+
146
+
147
+ /**
148
+ * Load Editor Assets
149
+ * @return void
150
+ */
151
+ public function editor_assets() {
152
+
153
+ //Block editor css
154
+ wp_enqueue_style( 'rttpg-block-admin-css', rtTPG()->get_assets_uri( 'css/admin/block-admin.css' ), '', $this->version );
155
+
156
+ //Main compile css and js file
157
+ wp_enqueue_style( 'rttpg-blocks-css', rtTPG()->get_assets_uri( 'blocks/main.css' ), '', $this->version );
158
+ wp_enqueue_script( 'rttpg-blocks-js', rtTPG()->get_assets_uri( 'blocks/main.js' ), [
159
+ 'wp-block-editor',
160
+ 'wp-blocks',
161
+ 'wp-components',
162
+ 'wp-element',
163
+ 'wp-i18n',
164
+ ], time(), true );
165
+ $all_dependencies = [
166
+ 'lodash',
167
+ 'wp-i18n',
168
+ 'wp-element',
169
+ 'wp-hooks',
170
+ 'wp-util',
171
+ 'wp-components',
172
+ 'wp-blocks',
173
+ 'wp-data',
174
+ 'wp-editor',
175
+ 'wp-block-editor',
176
+ ];
177
+ global $pagenow;
178
+ $editor_type = 'edit-post';
179
+
180
+ if ( 'post-new.php' === $pagenow || 'post.php' === $pagenow ) {
181
+ $all_dependencies[] = 'wp-edit-post';
182
+ }
183
+
184
+ if ( 'site-editor.php' === $pagenow ) {
185
+ $all_dependencies[] = 'wp-edit-site';
186
+ $editor_type = 'edit-site';
187
+ }
188
+
189
+ $get_tax_object = get_taxonomies( [], 'objects' );
190
+ $exclude_tax = Fns::get_excluded_taxonomy();
191
+ foreach ( $exclude_tax as $_tax ) {
192
+ unset( $get_tax_object[ $_tax ] );
193
+ }
194
+
195
+ $settings = get_option( rtTPG()->options['settings'] );
196
+ $ssList = ! empty( $settings['social_share_items'] ) ? $settings['social_share_items'] : [];
197
+
198
+ wp_localize_script( 'rttpg-blocks-js', 'rttpgParams', [
199
+ 'editor_type' => $editor_type,
200
+ 'nonce' => wp_create_nonce( 'rttpg_nonce' ),
201
+ 'ajaxurl' => admin_url( 'admin-ajax.php' ),
202
+ 'site_url' => site_url(),
203
+ 'admin_url' => admin_url(),
204
+ 'plugin_url' => RT_THE_POST_GRID_PLUGIN_URL,
205
+ 'plugin_pro_url' => rtTPG()->getProPath(),
206
+ 'post_type' => Fns::get_post_types(),
207
+ 'all_term_list' => Fns::get_all_taxonomy_guten(),
208
+ 'get_taxonomies' => $get_tax_object,
209
+ 'get_users' => Fns::rt_get_users(),
210
+ 'hasPro' => rtTPG()->hasPro(),
211
+ 'pageTitle' => get_the_title(),
212
+ 'hasWoo' => Fns::is_woocommerce(),
213
+ 'hasAcf' => Fns::is_acf(),
214
+ 'ssList' => $ssList
215
+ ]
216
+ );
217
+
218
+ }
219
+
220
+
221
+ /**
222
+ * Add inLine css for page or post
223
+ *
224
+ * @return void
225
+ */
226
+ public function add_block_inline_css() {
227
+
228
+ $post_id = get_the_ID();
229
+ if ( $post_id ) {
230
+ $rttpg_upload_dir = wp_upload_dir()['basedir'] . '/rttpg/';
231
+ $css_dir_path = $rttpg_upload_dir . "rttpg-block-$post_id.css";
232
+ if ( file_exists( $css_dir_path ) ) {
233
+ $blockCss = file_get_contents( $css_dir_path );
234
+ echo '<style>' . sanitize_textarea_field( $blockCss ) . '</style>';
235
+ } else if ( $metaCss = get_post_meta( $post_id, '_rttpg_block_css', true ) ) {
236
+ echo '<style>' . sanitize_textarea_field( $metaCss ) . '</style>';
237
+ }
238
+ }
239
+ $this->add_reusable_css();
240
+
241
+ }
242
+
243
+
244
+ /**
245
+ * Add reusable css
246
+ */
247
+ public function add_reusable_css() {
248
+ $post_id = get_the_ID();
249
+ $rttpg_upload_dir = wp_upload_dir()['basedir'] . '/rttpg/';
250
+ $rttpg_upload_url = wp_upload_dir()['baseurl'] . '/rttpg/';
251
+ if ( $post_id ) {
252
+ $content_post = get_post( $post_id );
253
+ if ( isset( $content_post->post_content ) ) {
254
+ $content = $content_post->post_content;
255
+ $parse_blocks = parse_blocks( $content );
256
+ $css_id = $this->reference_id( $parse_blocks );
257
+ if ( is_array( $css_id ) ) {
258
+ if ( ! empty( $css_id ) ) {
259
+ $css_id = array_unique( $css_id );
260
+ foreach ( $css_id as $value ) {
261
+ $css_dir_path = $rttpg_upload_dir . "rttpg-block-$value.css";
262
+ if ( file_exists( $css_dir_path ) ) {
263
+ wp_enqueue_style( "rttpg-block-{$value}", $rttpg_upload_url . "rttpg-block-{$value}.css", false, RTTPG_VERSION );
264
+ }
265
+ }
266
+ }
267
+ }
268
+ }
269
+ }
270
+ }
271
+
272
+ /**
273
+ * Save Import CSS in the top of the File
274
+ *
275
+ * @return void Array of the Custom Message
276
+ */
277
+ public function save_block_css() {
278
+
279
+ try {
280
+ if ( ! current_user_can( 'edit_posts' ) ) {
281
+ throw new Exception( __( 'User permission error', 'the-post-grid' ) );
282
+ }
283
+ global $wp_filesystem;
284
+ if ( ! $wp_filesystem ) {
285
+ require_once( ABSPATH . 'wp-admin/includes/file.php' );
286
+ }
287
+
288
+ $post_id = ! empty( $_POST['post_id'] ) ? sanitize_text_field( $_POST['post_id'] ) : '';
289
+ $blockCss = ! empty( $_POST['block_css'] ) ? sanitize_text_field( $_POST['block_css'] ) : '';
290
+
291
+ if ( $post_id == 'rttpg-widget' && isset( $_POST['has_block'] ) ) {
292
+ update_option( $post_id, $blockCss );
293
+ wp_send_json_success( [ 'message' => __( 'Widget CSS Saved', 'the-post-grid' ) ] );
294
+ }
295
+
296
+ $post_id = absint( $post_id );
297
+ $filename = "rttpg-block-css-{$post_id}.css";
298
+ $upload_dir_url = wp_upload_dir();
299
+ $dir = trailingslashit( $upload_dir_url['basedir'] ) . 'rttpg/';
300
+
301
+ if ( ! empty( $_POST['has_block'] ) ) {
302
+
303
+ update_post_meta( $post_id, '_rttpg_block_active', 1 );
304
+ $block_css = $this->set_top_css( $blockCss );
305
+
306
+ WP_Filesystem( false, $upload_dir_url['basedir'], true );
307
+ if ( ! $wp_filesystem->is_dir( $dir ) ) {
308
+ $wp_filesystem->mkdir( $dir );
309
+
310
+ }
311
+ if ( ! $wp_filesystem->put_contents( $dir . $filename, $block_css ) ) {
312
+ wp_send_json_error( [ 'message' => __( 'CSS can not be saved due to permission!!!', 'the-post-grid' ) ] );
313
+ }
314
+ update_post_meta( $post_id, '_rttpg_block_css', $block_css );
315
+ wp_send_json_success( [ 'message' => __( 'Css file has been updated', 'the-post-grid' ) ] );
316
+ } else {
317
+ delete_post_meta( $post_id, '_rttpg_block_active' );
318
+ if ( file_exists( $dir . $filename ) ) {
319
+ unlink( $dir . $filename );
320
+ }
321
+ delete_post_meta( $post_id, '_rttpg_block_css' );
322
+ wp_send_json_success( [ 'message' => __( 'Data Delete Done', 'the-post-grid' ) ] );
323
+ }
324
+ } catch ( Exception $e ) {
325
+ wp_send_json_error( [ 'message' => $e->getMessage() ] );
326
+ }
327
+ }
328
+
329
+ /**
330
+ * Save Import CSS in the top of the File
331
+ *
332
+ * @param STRING
333
+ *
334
+ * @return STRING
335
+ * @since v.1.0.0
336
+ */
337
+ public function set_top_css( $get_css = '' ) {
338
+ $css_url = "@import url('https://fonts.googleapis.com/css?family=";
339
+ $font_exists = substr_count( $get_css, $css_url );
340
+ if ( $font_exists ) {
341
+ $pattern = sprintf( '/%s(.+?)%s/ims', preg_quote( $css_url, '/' ), preg_quote( "');", '/' ) );
342
+ if ( preg_match_all( $pattern, $get_css, $matches ) ) {
343
+ $fonts = $matches[0];
344
+ $get_css = str_replace( $fonts, '', $get_css );
345
+ if ( preg_match_all( '/font-weight[ ]?:[ ]?[\d]{3}[ ]?;/', $get_css, $matche_weight ) ) {
346
+ $weight = array_map( function ( $val ) {
347
+ $process = trim( str_replace( [ 'font-weight', ':', ';' ], '', $val ) );
348
+ if ( is_numeric( $process ) ) {
349
+ return $process;
350
+ }
351
+ }, $matche_weight[0] );
352
+ foreach ( $fonts as $key => $val ) {
353
+ $fonts[ $key ] = str_replace( "');", '', $val ) . ':' . implode( ',', $weight ) . "');";
354
+ }
355
+ }
356
+ $fonts = array_unique( $fonts );
357
+ $get_css = implode( '', $fonts ) . $get_css;
358
+ }
359
+ }
360
+
361
+ return $get_css;
362
+ }
363
+
364
+ /**
365
+ * Save Import CSS in the top of the File
366
+ *
367
+ * @return void
368
+ */
369
+ public function get_posts_call() {
370
+ $post_id = absint( $_POST['postId'] );
371
+ if ( $post_id ) {
372
+ wp_send_json_success( get_post( $post_id )->post_content );
373
+ } else {
374
+ wp_send_json_error( new WP_Error( 'rttpg_block_data_not_found', __( 'Data not found!!', 'the-post-grid' ) ) );
375
+ }
376
+ }
377
+
378
+ /**
379
+ * Save Import CSS in the top of the File
380
+ *
381
+ *
382
+ * @return void
383
+ * @throws Exception
384
+ * @since v.1.0.0
385
+ */
386
+ public function appended( $server ) {
387
+ if ( ! current_user_can( 'edit_posts' ) ) {
388
+ wp_send_json_success( new WP_Error( 'rttpg_block_user_permission', __( 'User permission error', 'the-post-grid' ) ) );
389
+ }
390
+ global $wp_filesystem;
391
+ if ( ! $wp_filesystem ) {
392
+ require_once( ABSPATH . 'wp-admin/includes/file.php' );
393
+ }
394
+ $post = $server->get_params();
395
+ $css = $post['inner_css'];
396
+ $post_id = (int) sanitize_text_field( $post['post_id'] );
397
+
398
+ if ( $post_id ) {
399
+ $upload_dir_url = wp_upload_dir();
400
+ $filename = "rttpg-block-css-$post_id.css";
401
+ $dir = trailingslashit( $upload_dir_url['basedir'] ) . 'rttpg/';
402
+ WP_Filesystem( false, $upload_dir_url['basedir'], true );
403
+ if ( ! $wp_filesystem->is_dir( $dir ) ) {
404
+ $wp_filesystem->mkdir( $dir );
405
+ }
406
+ if ( ! $wp_filesystem->put_contents( $dir . $filename, $css ) ) {
407
+ wp_send_json_error( [ 'message' => __( 'CSS can not be saved due to permission!!!', 'the-post-grid' ) ] );
408
+ }
409
+ wp_send_json_success( [ 'message' => __( 'Data retrieve done', 'the-post-grid' ) ] );
410
+ } else {
411
+ wp_send_json_error( [ 'message' => __( 'Data not found!!', 'the-post-grid' ) ] );
412
+ }
413
+ }
414
+
415
+ /**
416
+ * Return reference id
417
+ *
418
+ * @param array $parse_blocks
419
+ *
420
+ * @return bool
421
+ */
422
+ public function reference_id( $parse_blocks ) {
423
+ $extra_id = [];
424
+ if ( ! empty( $parse_blocks ) ) {
425
+ foreach ( $parse_blocks as $key => $block ) {
426
+ if ( $block['blockName'] == 'core/block' ) {
427
+ $extra_id[] = $block['attrs']['ref'];
428
+ }
429
+ if ( count( $block['innerBlocks'] ) > 0 ) {
430
+ $extra_id = array_merge( $this->reference_id( $block['innerBlocks'] ), $extra_id );
431
+ }
432
+ }
433
+ }
434
+
435
+ return $extra_id;
436
+ }
437
+ }
app/Controllers/ElementorController.php CHANGED
@@ -57,7 +57,7 @@ if ( ! class_exists( 'ElementorController' ) ) :
57
  // Custom CSS From Settings.
58
  $css = isset( $settings['custom_css'] ) ? stripslashes( $settings['custom_css'] ) : null;
59
  if ( $css ) {
60
- wp_add_inline_style( 'rt-tpg-elementor', $css );
61
  }
62
  }
63
 
@@ -142,7 +142,7 @@ if ( ! class_exists( 'ElementorController' ) ) :
142
  * @return void
143
  */
144
  public function widget_category( $elements_manager ) {
145
- $categories['tpg-elementor-builder-widgets'] = [
146
  'title' => esc_html__( 'TPG Template Builder Element', 'the-post-grid' ),
147
  'icon' => 'fa fa-plug',
148
  ];
57
  // Custom CSS From Settings.
58
  $css = isset( $settings['custom_css'] ) ? stripslashes( $settings['custom_css'] ) : null;
59
  if ( $css ) {
60
+ wp_add_inline_style( 'rt-tpg-block', $css );
61
  }
62
  }
63
 
142
  * @return void
143
  */
144
  public function widget_category( $elements_manager ) {
145
+ $categories['tpg-block-builder-widgets'] = [
146
  'title' => esc_html__( 'TPG Template Builder Element', 'the-post-grid' ),
147
  'icon' => 'fa fa-plug',
148
  ];
app/Controllers/GutenBergController.php CHANGED
@@ -27,7 +27,10 @@ class GutenBergController {
27
 
28
  static function render_shortcode( $atts ){
29
  if(!empty($atts['gridId']) && $id = absint($atts['gridId'])){
30
- return do_shortcode( '[the-post-grid id="' . $id . '"]' );
 
 
 
31
  }
32
  }
33
 
27
 
28
  static function render_shortcode( $atts ){
29
  if(!empty($atts['gridId']) && $id = absint($atts['gridId'])){
30
+ //return do_shortcode( '[the-post-grid id="' . $id . '"]' );
31
+ ob_start();
32
+ echo do_shortcode( '[the-post-grid id="' . $id . '"]' );
33
+ return ob_get_clean();
34
  }
35
  }
36
 
app/Controllers/Hooks/FilterHooks.php CHANGED
@@ -67,20 +67,33 @@ class FilterHooks {
67
  /**
68
  * Admin body class
69
  *
70
- * @param string $clsses Classes.
71
  *
72
  * @return string
73
  */
74
 
75
- public static function admin_body_class( $clsses ) {
76
  $settings = get_option( 'rt_the_post_grid_settings' );
 
77
 
78
- if ( isset( $settings['tpg_block_type'] ) && in_array( $settings['tpg_block_type'], [ 'elementor', 'shortcode' ] ) ) {
 
 
 
 
 
 
 
 
79
 
80
- $clsses .= ' tpg-block-type-elementor-or-shortcode';
 
 
 
 
81
  }
82
 
83
- return $clsses;
84
  }
85
 
86
  /**
67
  /**
68
  * Admin body class
69
  *
70
+ * @param string $classes Classes.
71
  *
72
  * @return string
73
  */
74
 
75
+ public static function admin_body_class( $classes ) {
76
  $settings = get_option( 'rt_the_post_grid_settings' );
77
+ global $pagenow;
78
 
79
+ if ( isset( $settings['tpg_block_type'] ) && in_array( $settings['tpg_block_type'], [
80
+ 'elementor',
81
+ 'shortcode'
82
+ ] ) ) {
83
+ $classes .= ' tpg-block-type-elementor-or-shortcode';
84
+ }
85
+
86
+ //check if the current page is post.php and if the post parameteris set
87
+ if ( $pagenow === 'post.php' && isset( $_GET['post'] ) ) {
88
 
89
+ if ( rtTPG()->hasPro() ) {
90
+ $classes .= ' the-post-grid the-post-grid-pro';
91
+ } else {
92
+ $classes .= ' the-post-grid';
93
+ }
94
  }
95
 
96
+ return $classes;
97
  }
98
 
99
  /**
app/Controllers/PageTemplateController.php ADDED
@@ -0,0 +1,67 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+ /**
3
+ * Page Template Controller class.
4
+ *
5
+ * @package RT_TPG
6
+ */
7
+
8
+ namespace RT\ThePostGrid\Controllers;
9
+
10
+ // Do not allow directly accessing this file.
11
+ if ( ! defined( 'ABSPATH' ) ) {
12
+ exit( 'This script cannot be accessed directly.' );
13
+ }
14
+
15
+ class PageTemplateController {
16
+
17
+ /**
18
+ * PageTemplateController constructor
19
+ */
20
+ public function __construct() {
21
+ add_filter( 'template_include', array( $this, 'template_load' ) );
22
+
23
+ $post_types = get_post_types();
24
+ if ( ! empty( $post_types ) ) {
25
+ foreach ( $post_types as $post_type ) {
26
+ add_filter( "theme_{$post_type}_templates", array( $this, 'add_template' ) );
27
+ }
28
+ }
29
+ }
30
+
31
+
32
+ /**
33
+ * Load Template from plugin
34
+ *
35
+ * @param $template
36
+ *
37
+ * @return mixed|string
38
+ */
39
+ public function template_load( $template ) {
40
+ if ( is_singular() ) {
41
+ $page_template = get_post_meta( get_the_ID(), '_wp_page_template', true );
42
+ if ( $page_template === 'rttpg_full_width' ) {
43
+ $template = RT_THE_POST_GRID_PLUGIN_PATH . '/templates/page-template/template-full-width.php';
44
+ }
45
+ if ( $page_template === 'rttpg_canvas' ) {
46
+ $template = RT_THE_POST_GRID_PLUGIN_PATH . '/templates/page-template/template-canvas.php';
47
+ }
48
+ }
49
+
50
+ return $template;
51
+ }
52
+
53
+
54
+ /**
55
+ * Add template in dropdown of the editor
56
+ *
57
+ * @param $post_templates
58
+ *
59
+ * @return mixed
60
+ */
61
+ public function add_template( $post_templates ) {
62
+ $post_templates['rttpg_full_width'] = __( 'The Post Grid Full Width', 'the-post-grid' );
63
+ $post_templates['rttpg_canvas'] = __( 'The Post Grid Canvas', 'the-post-grid' );
64
+
65
+ return $post_templates;
66
+ }
67
+ }
app/Controllers/ScriptController.php CHANGED
@@ -35,9 +35,8 @@ class ScriptController {
35
  */
36
  public function __construct() {
37
  $this->version = defined( 'WP_DEBUG' ) && WP_DEBUG ? time() : RT_THE_POST_GRID_VERSION;
38
-
39
- add_action( 'wp_head', [ &$this, 'header_scripts' ] );
40
- add_action( 'wp_enqueue_scripts', [ &$this, 'enqueue' ] );
41
  add_action( 'init', [ $this, 'init' ] );
42
  }
43
 
@@ -78,7 +77,7 @@ class ScriptController {
78
 
79
  // Plugin specific css.
80
  $styles['rt-tpg'] = rtTPG()->tpg_can_be_rtl( 'css/thepostgrid' );
81
- $styles['rt-tpg-elementor'] = rtTPG()->tpg_can_be_rtl( 'css/tpg-elementor' );
82
  $styles['rt-tpg-shortcode'] = rtTPG()->tpg_can_be_rtl( 'css/tpg-shortcode' );
83
 
84
  if ( is_admin() ) {
@@ -122,7 +121,6 @@ class ScriptController {
122
  */
123
  public function enqueue() {
124
  $block_type = isset( $this->settings['tpg_block_type'] ) ? $this->settings['tpg_block_type'] : 'default';
125
-
126
  wp_enqueue_script( 'jquery' );
127
 
128
  if ( ! isset( $this->settings['tpg_load_script'] ) ) {
@@ -133,7 +131,7 @@ class ScriptController {
133
  }
134
 
135
  if ( 'elementor' === $block_type ) {
136
- wp_enqueue_style( 'rt-tpg-elementor' );
137
  }
138
 
139
  if ( 'shortcode' === $block_type ) {
35
  */
36
  public function __construct() {
37
  $this->version = defined( 'WP_DEBUG' ) && WP_DEBUG ? time() : RT_THE_POST_GRID_VERSION;
38
+ add_action( 'wp_head', [ $this, 'header_scripts' ] );
39
+ add_action( 'wp_enqueue_scripts', [ $this, 'enqueue' ] );
 
40
  add_action( 'init', [ $this, 'init' ] );
41
  }
42
 
77
 
78
  // Plugin specific css.
79
  $styles['rt-tpg'] = rtTPG()->tpg_can_be_rtl( 'css/thepostgrid' );
80
+ $styles['rt-tpg-block'] = rtTPG()->tpg_can_be_rtl( 'css/tpg-block' );
81
  $styles['rt-tpg-shortcode'] = rtTPG()->tpg_can_be_rtl( 'css/tpg-shortcode' );
82
 
83
  if ( is_admin() ) {
121
  */
122
  public function enqueue() {
123
  $block_type = isset( $this->settings['tpg_block_type'] ) ? $this->settings['tpg_block_type'] : 'default';
 
124
  wp_enqueue_script( 'jquery' );
125
 
126
  if ( ! isset( $this->settings['tpg_load_script'] ) ) {
131
  }
132
 
133
  if ( 'elementor' === $block_type ) {
134
+ wp_enqueue_style( 'rt-tpg-block' );
135
  }
136
 
137
  if ( 'shortcode' === $block_type ) {
app/Controllers/ShortcodeController.php CHANGED
@@ -101,6 +101,7 @@ class ShortcodeController {
101
  $scID = $atts['id'];
102
 
103
  if ( $scID && ! is_null( get_post( $scID ) ) ) {
 
104
  $scMeta = get_post_meta( $scID );
105
  $layout = ( isset( $scMeta['layout'][0] ) ? $scMeta['layout'][0] : 'layout1' );
106
  $gridStyle = ( isset( $scMeta['grid_style'][0] ) ? $scMeta['grid_style'][0] : 'even' );
@@ -545,6 +546,7 @@ class ShortcodeController {
545
 
546
  // Start layout.
547
  $html .= Fns::layoutStyle( $layoutID, $scMeta, $layout, $scID );
 
548
  $containerDataAttr .= " data-sc-id='{$scID}'";
549
 
550
  if ( isset( $settings['tpg_load_script'] ) ) {
@@ -875,7 +877,7 @@ class ShortcodeController {
875
  } elseif ( in_array( $action_orderby, array_keys( Options::rtMetaKeyType() ) ) ) {
876
  $action_orderby_label = esc_html__( 'Meta value', 'the-post-grid' );
877
  } else {
878
- $action_orderby_label = $orders[ $action_orderby ];
879
  }
880
 
881
  if ( $action_orderby !== 'none' ) {
@@ -905,8 +907,11 @@ class ShortcodeController {
905
 
906
  $html .= "</div>$selectedSubTermsForButton</div>";
907
  }
908
-
909
- $html .= "<div data-title='" . esc_html__( 'Loading ...', 'the-post-grid' ) . "' class='rt-row rt-content-loader {$layout}{$masonryG} {$preLoader}'>";
 
 
 
910
 
911
  $not_found_text = isset( $scMeta['tgp_not_found_text'][0] ) && ! empty( $scMeta['tgp_not_found_text'][0] ) ? esc_html( $scMeta['tgp_not_found_text'][0] ) : esc_html__( 'No post found', 'the-post-grid' );
912
 
101
  $scID = $atts['id'];
102
 
103
  if ( $scID && ! is_null( get_post( $scID ) ) ) {
104
+
105
  $scMeta = get_post_meta( $scID );
106
  $layout = ( isset( $scMeta['layout'][0] ) ? $scMeta['layout'][0] : 'layout1' );
107
  $gridStyle = ( isset( $scMeta['grid_style'][0] ) ? $scMeta['grid_style'][0] : 'even' );
546
 
547
  // Start layout.
548
  $html .= Fns::layoutStyle( $layoutID, $scMeta, $layout, $scID );
549
+
550
  $containerDataAttr .= " data-sc-id='{$scID}'";
551
 
552
  if ( isset( $settings['tpg_load_script'] ) ) {
877
  } elseif ( in_array( $action_orderby, array_keys( Options::rtMetaKeyType() ) ) ) {
878
  $action_orderby_label = esc_html__( 'Meta value', 'the-post-grid' );
879
  } else {
880
+ $action_orderby_label = isset($orders[ $action_orderby ]) ? $orders[ $action_orderby ] : '';
881
  }
882
 
883
  if ( $action_orderby !== 'none' ) {
907
 
908
  $html .= "</div>$selectedSubTermsForButton</div>";
909
  }
910
+ $is_gallery_layout = ' ';
911
+ if($layout === 'layout17') {
912
+ $is_gallery_layout = 'grid-layout7';
913
+ }
914
+ $html .= "<div data-title='" . esc_html__( 'Loading ...', 'the-post-grid' ) . "' class='rt-row rt-content-loader {$is_gallery_layout} {$layout}{$masonryG} {$preLoader}'>";
915
 
916
  $not_found_text = isset( $scMeta['tgp_not_found_text'][0] ) && ! empty( $scMeta['tgp_not_found_text'][0] ) ? esc_html( $scMeta['tgp_not_found_text'][0] ) : esc_html__( 'No post found', 'the-post-grid' );
917
 
app/Helpers/Fns.php CHANGED
@@ -9,7 +9,6 @@ namespace RT\ThePostGrid\Helpers;
9
 
10
  use RT\ThePostGrid\Models\Field;
11
  use RT\ThePostGrid\Models\ReSizer;
12
- use RT\ThePostGridPro\Helpers\Functions;
13
 
14
  // Do not allow directly accessing this file.
15
  if ( ! defined( 'ABSPATH' ) ) {
@@ -302,8 +301,9 @@ class Fns {
302
  } elseif ( rtTPG()->hasPro() && $posts_loading_type == "pagination_ajax" ) { //&& ! $isIsotope
303
  $htmlUtility .= "<div class='rt-page-numbers'></div>";
304
  } elseif ( rtTPG()->hasPro() && $posts_loading_type == "load_more" ) {
305
- $htmlUtility .= "<div class='rt-loadmore-btn rt-loadmore-action rt-loadmore-style{$hide}'>
306
- <span class='rt-loadmore-text'>" . __( 'Load More', 'the-post-grid' ) . "</span>
 
307
  <div class='rt-loadmore-loading rt-ball-scale-multiple rt-2x'><div></div><div></div><div></div></div>
308
  </div>";
309
  } elseif ( rtTPG()->hasPro() && $posts_loading_type == "load_on_scroll" ) {
@@ -314,7 +314,6 @@ class Fns {
314
  </div>";
315
  }
316
 
317
-
318
  if ( $htmlUtility ) {
319
  $html = "<div class='rt-pagination-wrap' data-total-pages='{$query->max_num_pages}' data-posts-per-page='{$posts_per_page}' data-type='{$posts_loading_type}' >"
320
  . $htmlUtility . "</div>";
@@ -325,12 +324,12 @@ class Fns {
325
  return false;
326
  }
327
 
328
-
329
  /**
330
  * @param $data
331
  * @param $total_pages
332
  * @param $posts_per_page
333
  * @param $_prefix
 
334
  *
335
  * @return array
336
  */
@@ -340,7 +339,7 @@ class Fns {
340
  'block_type' => 'elementor',
341
  'is_gutenberg' => $is_gutenberg,
342
  'prefix' => $_prefix,
343
- 'grid_column' => $data[ $_prefix . '_column' ],
344
  'grid_column_tablet' => isset( $data[ $_prefix . '_column_tablet' ] ) ? $data[ $_prefix . '_column_tablet' ] : '0',
345
  'grid_column_mobile' => isset( $data[ $_prefix . '_column_mobile' ] ) ? $data[ $_prefix . '_column_mobile' ] : '0',
346
  'layout' => $data[ $_prefix . '_layout' ],
@@ -362,6 +361,7 @@ class Fns {
362
  'show_meta' => $data['show_meta'],
363
  'show_author' => $data['show_author'],
364
  'show_author_image' => $data['show_author_image'],
 
365
  'show_meta_icon' => $data['show_meta_icon'],
366
  'show_category' => $data['show_category'],
367
  'show_date' => $data['show_date'],
@@ -382,31 +382,30 @@ class Fns {
382
  'no_posts_found_text' => isset( $data['no_posts_found_text'] ) ? $data['no_posts_found_text'] : '',
383
  'image_size' => $data['image_size'],
384
  'image_offset' => $data['image_offset_size'],
385
-
386
- 'is_default_img' => $data['is_default_img'],
387
- 'default_image' => $data['default_image'],
388
- 'thumb_overlay_visibility' => isset( $data['thumb_overlay_visibility'] ) ? $data['thumb_overlay_visibility'] : '',
389
- 'overlay_type' => isset( $data['overlay_type'] ) ? $data['overlay_type'] : '',
390
- 'title_tag' => $data['title_tag'],
391
- 'post_type' => $data['post_type'],
392
- 'meta_separator' => $data['meta_separator'],
393
- 'readmore_icon_position' => $data['readmore_icon_position'],
394
- 'read_more_label' => $data['read_more_label'],
395
- 'readmore_btn_icon' => $data['readmore_btn_icon'],
396
- 'category_position' => $data['category_position'],
397
- 'title_position' => $data['title_position'],
398
- 'category_style' => $data['category_style'],
399
- 'is_thumb_lightbox' => $data['is_thumb_lightbox'],
400
- 'author_prefix' => $data['author_prefix'],
401
- 'cat_icon' => isset( $data['cat_icon'] ) ? $data['cat_icon'] : '',
402
- 'tag_icon' => isset( $data['tag_icon'] ) ? $data['tag_icon'] : '',
403
- 'date_icon' => isset( $data['date_icon'] ) ? $data['date_icon'] : '',
404
- 'user_icon' => isset( $data['user_icon'] ) ? $data['user_icon'] : '',
405
- 'meta_ordering' => $data['meta_ordering'],
406
- 'comment_icon' => isset( $data['comment_icon'] ) ? $data['comment_icon'] : '',
407
- 'image_custom_dimension' => ( $data['image_size'] == 'custom' && isset( $data['image_custom_dimension'] ) ) ? $data['image_custom_dimension'] : [],
408
- 'img_crop_style' => ( $data['image_size'] == 'custom' && isset( $data['img_crop_style'] ) ) ? $data['img_crop_style'] : '',
409
- 'show_acf' => isset( $data['show_acf'] ) ? $data['show_acf'] : '',
410
  ];
411
 
412
  $cf = Fns::is_acf();
@@ -426,9 +425,11 @@ class Fns {
426
  unset( $data_set['grid_column'] );
427
  unset( $data_set['grid_column_mobile'] );
428
  unset( $data_set['grid_column_mobile'] );
 
429
  $data_set['c_image_width'] = isset( $data['c_image_width'] ) ? $data['c_image_width'] : '';
430
  $data_set['c_image_height'] = isset( $data['c_image_height'] ) ? $data['c_image_height'] : '';
431
- $data_set['grid_column'] = (array) $data[ $_prefix . '_column' ];
 
432
  }
433
 
434
  return $data_set;
@@ -442,7 +443,7 @@ class Fns {
442
  *
443
  * @return string
444
  */
445
- public static function get_frontend_filter_markup( $data ) {
446
  if ( ! rtTPG()->hasPro()
447
  || ! ( $data['show_taxonomy_filter'] == 'show' || $data['show_author_filter'] == 'show' || $data['show_order_by'] == 'show'
448
  || $data['show_sort_order'] == 'show'
@@ -485,45 +486,55 @@ class Fns {
485
 
486
  $taxFilterOperator = $data['relation'];
487
 
488
- $section_term_key = $data['post_type'] . '_filter_taxonomy';
489
- $taxFilter = $data[ $section_term_key ];
490
-
491
  $taxonomy_label = $default_term = '';
 
 
 
 
 
 
492
 
493
  if ( $taxFilter ) {
494
  $taxonomy_details = get_taxonomy( $taxFilter );
495
  $taxonomy_label = $taxonomy_details->label;
496
  $default_term_key = $taxFilter . '_default_terms';
497
- $default_term = $data[ $default_term_key ];
498
  }
499
 
500
-
501
  $allText = $data['tax_filter_all_text'] ? $data['tax_filter_all_text'] : __( "All ", "the-post-grid" ) . $taxonomy_label;
502
 
503
 
504
  $_taxonomies = get_object_taxonomies( $data['post_type'], 'objects' );
505
  $terms = [];
 
506
  foreach ( $_taxonomies as $index => $object ) {
507
  if ( $object->name != $taxFilter ) {
508
  continue;
509
  }
510
  $setting_key = $object->name . '_ids';
511
- if ( ! empty( $data[ $setting_key ] ) ) {
 
 
 
 
 
512
  $terms = $data[ $setting_key ];
513
  } else {
 
514
  $terms = get_terms( [
515
  'taxonomy' => $taxFilter,
516
  'fields' => 'ids',
517
  ] );
518
  }
519
  }
520
- $taxFilterTerms = $terms;
521
 
 
522
 
523
  if ( $default_term && $taxFilter ) {
524
  $isTermSelected = true;
525
  $allSelect = null;
526
  }
 
527
  if ( $filterType == 'dropdown' ) {
528
  $html .= "<div class='rt-filter-item-wrap rt-tax-filter rt-filter-dropdown-wrap parent-dropdown-wrap{$postCountClass}' data-taxonomy='{$taxFilter}' data-filter='taxonomy'>";
529
  $termDefaultText = $allText;
@@ -609,10 +620,13 @@ class Fns {
609
 
610
  $bCount = 0;
611
  $bItems = null;
 
612
  if ( ! empty( $terms ) ) {
613
  foreach ( $terms as $term_id ) {
614
  $term = get_term( $term_id, $taxFilter, ARRAY_A );
615
-
 
 
616
  $id = $term['term_id'];
617
  $bCount = $bCount + absint( $term['count'] );
618
  $sT = null;
@@ -896,45 +910,47 @@ class Fns {
896
  $uniqueId = isset( $data['uniqueId'] ) ? $data['uniqueId'] : null;
897
  $uniqueClass = 'rttpg-block-postgrid rttpg-block-' . $uniqueId;
898
  $dynamicClass = $uniqueClass;
899
- $dynamicClass .= isset( $data['full_wrapper_align'] ) ? " tpg-wrapper-align-{$data['full_wrapper_align']}" : null;
900
- $dynamicClass .= isset( $data['filter_type'] ) ? " tpg-filter-type-{$data['filter_type']}" : null;
901
- $dynamicClass .= isset( $data['show_pagination'] ) ? " pagination-visibility-{$data['show_pagination']}" : null;
902
- $dynamicClass .= isset( $data['ajax_pagination_type'] ) ? " ajax-pagination-type-next-prev-{$data['ajax_pagination_type']}" : null;
903
- $dynamicClass .= isset( $data['show_meta'] ) ? " meta-visibility-{$data['show_meta']}" : null;
904
- $dynamicClass .= isset( $data['section_title_style'] ) ? " section-title-style-{$data['section_title_style']}" : null;
905
- $dynamicClass .= isset( $data['section_title_alignment'] ) && ! is_array( $data['section_title_alignment'] ) ? " section-title-align-{$data['section_title_alignment']}" : null;
906
- $dynamicClass .= isset( $data['hover_animation'] ) ? " img_hover_animation_{$data['hover_animation']}" : null;
907
- $dynamicClass .= isset( $data['title_visibility_style'] ) ? " title-{$data['title_visibility_style']}" : null;
908
- $dynamicClass .= isset( $data['title_position'] ) ? " title_position_{$data['title_position']}" : null;
909
- $dynamicClass .= isset( $data['title_hover_underline'] ) ? " title_hover_border_{$data['title_hover_underline']}" : null;
910
- $dynamicClass .= isset( $data['meta_position'] ) ? " meta_position_{$data['meta_position']}" : null;
911
- $dynamicClass .= isset( $data['author_icon_visibility'] ) ? " tpg-is-author-icon-{$data['author_icon_visibility']}" : null;
912
- $dynamicClass .= isset( $data['show_author_image'] ) ? " author-image-visibility-{$data['show_author_image']}" : null;
913
- $dynamicClass .= isset( $data['category_position'] ) ? " tpg-category-position-{$data['category_position']}" : null;
914
- $dynamicClass .= isset( $data['readmore_btn_style'] ) ? " readmore-btn-{$data['readmore_btn_style']}" : null;
915
- $dynamicClass .= isset( $data['grid_hover_overlay_type'] ) ? " grid-hover-overlay-type-{$data['grid_hover_overlay_type']}" : null;
916
- $dynamicClass .= isset( $data['grid_hover_overlay_height'] ) ? " grid-hover-overlay-height-{$data['grid_hover_overlay_height']}" : null;
917
- $dynamicClass .= isset( $data['on_hover_overlay'] ) ? " hover-overlay-height-{$data['on_hover_overlay']}" : null;
918
- $dynamicClass .= isset( $data['title_border_visibility'] ) ? " tpg-title-border-{$data['title_border_visibility']}" : null;
919
- $dynamicClass .= isset( $data['title_alignment'] ) && ! is_array( $data['title_alignment'] ) ? " title-alignment-{$data['title_alignment']}" : null;
920
- $dynamicClass .= isset( $data['filter_v_alignment'] ) && ! is_array( $data['filter_v_alignment'] ) ? " tpg-filter-alignment-{$data['filter_v_alignment']}" : null;
921
- $dynamicClass .= isset( $data['border_style'] ) ? " filter-button-border-{$data['border_style']}" : null;
922
- $dynamicClass .= isset( $data['filter_next_prev_btn'] ) ? " filter-nex-prev-btn-{$data['filter_next_prev_btn']}" : null;
923
- $dynamicClass .= isset( $data['filter_h_alignment'] ) && ! is_array( $data['filter_h_alignment'] ) ? " tpg-filter-h-alignment-{$data['filter_h_alignment']}" : null;
924
- $dynamicClass .= isset( $data['is_box_border'] ) ? " tpg-el-box-border-{$data['is_box_border']}" : null;
 
 
925
 
926
  //Slider layout
927
- $dynamicClass .= isset( $data['arrow_position'] ) ? " slider-arrow-position-{$data['arrow_position']}" : null;
928
- $dynamicClass .= isset( $data['dots'] ) ? " slider-dot-enable-{$data['dots']}" : null;
929
- $dynamicClass .= isset( $data['dots_style'] ) ? " slider-dots-style-{$data['dots_style']}" : null;
930
- $dynamicClass .= isset( $data['lazyLoad'] ) ? " is-lazy-load-{$data['lazyLoad']}" : null;
931
- $dynamicClass .= isset( $data['carousel_overflow'] ) ? " is-carousel-overflow-{$data['carousel_overflow']}" : null;
932
- $dynamicClass .= isset( $data['slider_direction'] ) ? " slider-direction-{$data['slider_direction']}" : null;
933
- $dynamicClass .= isset( $data['dots_text_align'] ) ? " slider-dots-align-{$data['dots_text_align']}" : null;
934
 
935
  //ACF
936
- $dynamicClass .= isset( $data['acf_label_style'] ) ? " act-label-style-{$data['acf_label_style']}" : null;
937
- $dynamicClass .= isset( $data['acf_alignment'] ) && ! is_array( $data['acf_alignment'] ) ? " tpg-acf-align-{$data['acf_alignment']}" : null;
938
 
939
  return $dynamicClass;
940
  }
@@ -1607,7 +1623,7 @@ class Fns {
1607
  $size = isset( $info[3] ) ? $info[3] : '';
1608
  }
1609
 
1610
- $image = '<img class="' . esc_attr( $img_class ) . '" src="' . esc_url( $imgSrc ) . '" ' . $size . ' alt="' . esc_attr( $alt ) . '">';
1611
 
1612
  if ( $img_Class == 'swiper-lazy' ) {
1613
  $image = '<img class="' . esc_attr( $img_class ) . ' img-responsive" data-src="' . esc_url( $imgSrc ) . '" src="#none" ' . $size . ' alt="' . esc_attr( $alt ) . '"/><div class="lazy-overlay-wrap"><div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div></div>';
@@ -2811,41 +2827,40 @@ class Fns {
2811
  * @return bool
2812
  */
2813
  public static function el_ignore_layout( $data ) {
 
2814
  if ( isset( $data['category'] ) && 'category' == $data['category'] ) {
2815
  return true;
2816
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2817
 
2818
- if ( 'default' == $data['category_position']
2819
- && in_array(
2820
- $data['layout'],
2821
- [
2822
- 'grid-layout4',
2823
- 'grid-layout5',
2824
- 'grid-layout5-2',
2825
- 'grid-layout6',
2826
- 'grid-layout6-2',
2827
- 'list-layout4',
2828
- 'list-layout5',
2829
- 'grid_hover-layout5',
2830
- 'grid_hover-layout6',
2831
- 'grid_hover-layout7',
2832
- 'grid_hover-layout8',
2833
- 'grid_hover-layout9',
2834
- 'grid_hover-layout10',
2835
- 'grid_hover-layout5-2',
2836
- 'grid_hover-layout6-2',
2837
- 'grid_hover-layout7-2',
2838
- 'grid_hover-layout9-2',
2839
- 'slider-layout5',
2840
- 'slider-layout6',
2841
- 'slider-layout7',
2842
- 'slider-layout8',
2843
- 'slider-layout9',
2844
- 'slider-layout11',
2845
- 'slider-layout12',
2846
- ]
2847
- )
2848
- ) {
2849
  return false;
2850
  }
2851
 
@@ -2876,7 +2891,7 @@ class Fns {
2876
  } elseif ( 'popup' == $data['post_link_type'] ) {
2877
  $link_class = 'tpg-single-popup tpg-post-link';
2878
 
2879
- if ( \Elementor\Plugin::$instance->editor->is_edit_mode() ) {
2880
  $link_class = 'tpg-post-link';
2881
  }
2882
 
@@ -2996,26 +3011,27 @@ class Fns {
2996
  // Author Meta.
2997
 
2998
  $post_meta_html = [];
2999
-
3000
  ob_start();
3001
  if ( 'show' === $data['show_author'] ) {
3002
  $is_author_avatar = null;
3003
 
3004
- if ( '' !== $data['show_author_image'] ) {
3005
  $is_author_avatar = 'has-author-avatar';
3006
  }
3007
  ?>
3008
  <span class='author <?php echo esc_attr( $is_author_avatar ); ?>'>
3009
 
3010
  <?php
3011
- if ( '' !== $data['show_author_image'] ) {
3012
- echo get_avatar( $author_id, 80 );
3013
- } else {
3014
- if ( $data['show_meta_icon'] === 'yes' ) {
3015
- if ( isset( $data['user_icon']['value'] ) && $data['user_icon']['value'] ) {
3016
- \Elementor\Icons_Manager::render_icon( $data['user_icon'], [ 'aria-hidden' => 'true' ] );
3017
- } else {
3018
- echo "<i class='fa fa-user'></i>";
 
 
3019
  }
3020
  }
3021
  }
@@ -3046,7 +3062,7 @@ class Fns {
3046
  <span class='categories-links'>
3047
  <?php
3048
  if ( $data['show_meta_icon'] === 'yes' ) {
3049
- if ( isset( $data['cat_icon']['value'] ) && $data['cat_icon']['value'] ) {
3050
  \Elementor\Icons_Manager::render_icon( $data['cat_icon'], [ 'aria-hidden' => 'true' ] );
3051
  } else {
3052
  echo "<i class='fas fa-folder-open'></i>";
@@ -3069,11 +3085,11 @@ class Fns {
3069
  $archive_day = get_the_date( 'j' );
3070
 
3071
  ?>
3072
-
3073
  <span class='date'>
 
3074
  <?php
3075
  if ( $data['show_meta_icon'] === 'yes' ) {
3076
- if ( isset( $data['date_icon']['value'] ) && $data['date_icon']['value'] ) {
3077
  \Elementor\Icons_Manager::render_icon( $data['date_icon'], [ 'aria-hidden' => 'true' ] );
3078
  } else {
3079
  echo "<i class='far fa-calendar-alt'></i>";
@@ -3094,11 +3110,10 @@ class Fns {
3094
  // Tags Meta.
3095
  if ( $tags && 'show' == $data['show_tags'] ) {
3096
  ?>
3097
-
3098
  <span class='post-tags-links'>
3099
  <?php
3100
  if ( $data['show_meta_icon'] === 'yes' ) {
3101
- if ( isset( $data['tag_icon']['value'] ) && $data['tag_icon']['value'] ) {
3102
  \Elementor\Icons_Manager::render_icon( $data['tag_icon'], [ 'aria-hidden' => 'true' ] );
3103
  } else {
3104
  echo "<i class='fa fa-tags'></i>";
@@ -3119,7 +3134,7 @@ class Fns {
3119
  <span class="comment-count">
3120
  <?php
3121
  if ( $data['show_meta_icon'] === 'yes' ) {
3122
- if ( isset( $data['comment_icon']['value'] ) && $data['comment_icon']['value'] ) {
3123
  \Elementor\Icons_Manager::render_icon( $data['comment_icon'], [ 'aria-hidden' => 'true' ] );
3124
  } else {
3125
  echo "<i class='fas fa-comments'></i>";
@@ -3141,7 +3156,7 @@ class Fns {
3141
  <span class="post-count">
3142
  <?php
3143
  if ( $data['show_meta_icon'] === 'yes' ) {
3144
- if ( isset( $data['post_count_icon']['value'] ) && $data['post_count_icon']['value'] ) {
3145
  \Elementor\Icons_Manager::render_icon( $data['post_count_icon'], [ 'aria-hidden' => 'true' ] );
3146
  } else {
3147
  echo "<i class='fa fa-eye'></i>";
@@ -3156,20 +3171,24 @@ class Fns {
3156
 
3157
  $post_meta_html['post_count'] = ob_get_clean();
3158
 
3159
-
3160
  if ( $data['is_gutenberg'] ) {
3161
- $meta_ordering = $post_meta_html;
 
3162
  if ( isset( $data['meta_ordering'] ) && is_array( $data['meta_ordering'] ) ) {
3163
  $meta_ordering = wp_list_pluck( $data['meta_ordering'], 'value' );
3164
  $extra_meta = [];
3165
  $post_meta_html_key = array_keys( $post_meta_html );
3166
- if ( count( $meta_ordering ) != count( $post_meta_html_key ) ) {
 
 
 
3167
  foreach ( $post_meta_html_key as $key ) {
3168
  if ( ! in_array( $key, $meta_ordering ) ) {
3169
  $extra_meta[] = $key;
3170
  }
3171
  }
3172
  }
 
3173
  if ( ! empty( $extra_meta ) ) {
3174
  $meta_ordering = array_merge( $meta_ordering, $extra_meta );
3175
  }
@@ -3177,6 +3196,7 @@ class Fns {
3177
  foreach ( $meta_ordering as $val ) {
3178
  echo $post_meta_html[ $val ];
3179
  }
 
3180
  } else {
3181
  $meta_ordering = isset( $data['meta_ordering'] ) && is_array( $data['meta_ordering'] ) ? $data['meta_ordering'] : [];
3182
  foreach ( $meta_ordering as $val ) {
@@ -3249,7 +3269,7 @@ class Fns {
3249
  $categories = get_the_term_list( $pID, $_post_taxonomy, null, '<span class="rt-separator">,</span>' );
3250
  $category_position = $data['category_position'];
3251
 
3252
- if ( in_array( $data['layout'], [ 'grid-layout4' ] ) && 'default' === $data['category_position'] ) {
3253
  $category_position = 'top_left';
3254
  }
3255
  ?>
@@ -3323,7 +3343,7 @@ class Fns {
3323
 
3324
  if ( 'grid-layout4' === $data['layout'] && 'default' === $data['category_position'] ) {
3325
  $thumb_cat_condition = true;
3326
- } elseif ( in_array( $data['layout'], [ 'grid-layout4', 'grid_hover-layout11' ] ) && 'default' === $data['category_position'] ) {
3327
  $thumb_cat_condition = true;
3328
  }
3329
 
@@ -3346,7 +3366,7 @@ class Fns {
3346
  $lazy_class = 'swiper-lazy';
3347
  }
3348
 
3349
- echo 'yes' === $data['is_thumb_linked'] ? self::print_html( $link_start) : null;
3350
 
3351
  if ( has_post_thumbnail() && 'feature_image' === $data['media_source'] ) {
3352
  $fImgSize = $data['image_size'];
@@ -3432,14 +3452,14 @@ class Fns {
3432
  if ( 'show' === $data['is_thumb_lightbox'] || ( in_array( $data['layout'], [ 'grid-layout7', 'slider-layout4' ] ) && in_array( $data['is_thumb_lightbox'], [ 'default', 'show' ] ) ) ) :
3433
  ?>
3434
 
3435
- <a class="tpg-zoom"
3436
  data-elementor-open-lightbox="yes"
3437
  data-elementor-lightbox-slideshow="<?php echo esc_attr( $data['layout'] ); ?>"
3438
  title="<?php echo esc_attr( get_the_title() ); ?>"
3439
  href="<?php echo esc_url( $img_link ) ?>">
3440
 
3441
  <?php
3442
- if ( isset( $data['light_box_icon']['value'] ) && $data['light_box_icon']['value'] ) {
3443
  \Elementor\Icons_Manager::render_icon( $data['light_box_icon'], [ 'aria-hidden' => 'true' ] );
3444
  } else {
3445
  echo "<i class='fa fa-plus'></i>";
@@ -3479,13 +3499,8 @@ class Fns {
3479
  if ( ! empty( $cf_group ) ) {
3480
 
3481
  $acf_html = "<div class='acf-custom-field-wrap'>";
3482
- // if ( isset( $data['is_guten'] ) && $data['is_guten'] === 'yes' ) {
3483
- // $acf_html .= Functions::get_cf_formatted_fields_guten( $cf_group, $format, $pID );
3484
- // } else {
3485
- // $acf_html .= Functions::get_cf_formatted_fields( $cf_group, $format, $pID );
3486
- // }
3487
 
3488
- $acf_html .= Functions::get_cf_formatted_fields( $cf_group, $format, $pID );
3489
  $acf_html .= '</div>';
3490
 
3491
  if ( $return_type ) {
@@ -3497,6 +3512,52 @@ class Fns {
3497
  }
3498
  }
3499
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
3500
 
3501
  /**
3502
  * Check is filter enable or not
@@ -3619,7 +3680,7 @@ class Fns {
3619
 
3620
  $image_sizes[] = [
3621
  'value' => 'full',
3622
- 'label' => esc_html__( 'Full', 'qubely' ),
3623
  ];
3624
 
3625
  foreach ( $sizes as $size ) {
@@ -3641,6 +3702,13 @@ class Fns {
3641
  }
3642
  }
3643
 
 
 
 
 
 
 
 
3644
  return apply_filters( 'tpg_image_size_guten', $image_sizes );
3645
  }
3646
 
@@ -3827,5 +3895,22 @@ class Fns {
3827
 
3828
  return wp_kses( $string, self::allowedHtml( $level ) );
3829
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
3830
  }
3831
 
9
 
10
  use RT\ThePostGrid\Models\Field;
11
  use RT\ThePostGrid\Models\ReSizer;
 
12
 
13
  // Do not allow directly accessing this file.
14
  if ( ! defined( 'ABSPATH' ) ) {
301
  } elseif ( rtTPG()->hasPro() && $posts_loading_type == "pagination_ajax" ) { //&& ! $isIsotope
302
  $htmlUtility .= "<div class='rt-page-numbers'></div>";
303
  } elseif ( rtTPG()->hasPro() && $posts_loading_type == "load_more" ) {
304
+ $load_more_button_text = $data['load_more_button_text'] ? $data['load_more_button_text'] : __( "Load More", 'the-post-grid' );
305
+ $htmlUtility .= "<div class='rt-loadmore-btn rt-loadmore-action rt-loadmore-style{$hide}'>
306
+ <span class='rt-loadmore-text'>" . $load_more_button_text . "</span>
307
  <div class='rt-loadmore-loading rt-ball-scale-multiple rt-2x'><div></div><div></div><div></div></div>
308
  </div>";
309
  } elseif ( rtTPG()->hasPro() && $posts_loading_type == "load_on_scroll" ) {
314
  </div>";
315
  }
316
 
 
317
  if ( $htmlUtility ) {
318
  $html = "<div class='rt-pagination-wrap' data-total-pages='{$query->max_num_pages}' data-posts-per-page='{$posts_per_page}' data-type='{$posts_loading_type}' >"
319
  . $htmlUtility . "</div>";
324
  return false;
325
  }
326
 
 
327
  /**
328
  * @param $data
329
  * @param $total_pages
330
  * @param $posts_per_page
331
  * @param $_prefix
332
+ * @param $is_gutenberg
333
  *
334
  * @return array
335
  */
339
  'block_type' => 'elementor',
340
  'is_gutenberg' => $is_gutenberg,
341
  'prefix' => $_prefix,
342
+ 'grid_column' => isset( $data[ $_prefix . '_column' ] ) ? $data[ $_prefix . '_column' ] : '0',
343
  'grid_column_tablet' => isset( $data[ $_prefix . '_column_tablet' ] ) ? $data[ $_prefix . '_column_tablet' ] : '0',
344
  'grid_column_mobile' => isset( $data[ $_prefix . '_column_mobile' ] ) ? $data[ $_prefix . '_column_mobile' ] : '0',
345
  'layout' => $data[ $_prefix . '_layout' ],
361
  'show_meta' => $data['show_meta'],
362
  'show_author' => $data['show_author'],
363
  'show_author_image' => $data['show_author_image'],
364
+ 'author_icon_visibility' => $data['author_icon_visibility'],
365
  'show_meta_icon' => $data['show_meta_icon'],
366
  'show_category' => $data['show_category'],
367
  'show_date' => $data['show_date'],
382
  'no_posts_found_text' => isset( $data['no_posts_found_text'] ) ? $data['no_posts_found_text'] : '',
383
  'image_size' => $data['image_size'],
384
  'image_offset' => $data['image_offset_size'],
385
+ 'is_default_img' => $data['is_default_img'],
386
+ 'default_image' => $data['default_image'],
387
+ 'thumb_overlay_visibility' => isset( $data['thumb_overlay_visibility'] ) ? $data['thumb_overlay_visibility'] : '',
388
+ 'overlay_type' => isset( $data['overlay_type'] ) ? $data['overlay_type'] : '',
389
+ 'title_tag' => $data['title_tag'],
390
+ 'post_type' => $data['post_type'],
391
+ 'meta_separator' => $data['meta_separator'],
392
+ 'readmore_icon_position' => $data['readmore_icon_position'],
393
+ 'read_more_label' => $data['read_more_label'],
394
+ 'readmore_btn_icon' => $data['readmore_btn_icon'],
395
+ 'category_position' => $data['category_position'],
396
+ 'title_position' => isset( $data['title_position'] ) ? $data['title_position'] : 'default',
397
+ 'category_style' => $data['category_style'],
398
+ 'is_thumb_lightbox' => $data['is_thumb_lightbox'],
399
+ 'author_prefix' => $data['author_prefix'],
400
+ 'cat_icon' => isset( $data['cat_icon'] ) ? $data['cat_icon'] : '',
401
+ 'tag_icon' => isset( $data['tag_icon'] ) ? $data['tag_icon'] : '',
402
+ 'date_icon' => isset( $data['date_icon'] ) ? $data['date_icon'] : '',
403
+ 'user_icon' => isset( $data['user_icon'] ) ? $data['user_icon'] : '',
404
+ 'meta_ordering' => $data['meta_ordering'],
405
+ 'comment_icon' => isset( $data['comment_icon'] ) ? $data['comment_icon'] : '',
406
+ 'image_custom_dimension' => ( $data['image_size'] == 'custom' && isset( $data['image_custom_dimension'] ) ) ? $data['image_custom_dimension'] : [],
407
+ 'img_crop_style' => ( $data['image_size'] == 'custom' && isset( $data['img_crop_style'] ) ) ? $data['img_crop_style'] : '',
408
+ 'show_acf' => isset( $data['show_acf'] ) ? $data['show_acf'] : '',
 
409
  ];
410
 
411
  $cf = Fns::is_acf();
425
  unset( $data_set['grid_column'] );
426
  unset( $data_set['grid_column_mobile'] );
427
  unset( $data_set['grid_column_mobile'] );
428
+ unset( $data_set['layout_style'] );
429
  $data_set['c_image_width'] = isset( $data['c_image_width'] ) ? $data['c_image_width'] : '';
430
  $data_set['c_image_height'] = isset( $data['c_image_height'] ) ? $data['c_image_height'] : '';
431
+ $data_set['grid_column'] = (array) $data['grid_column'];
432
+ $data_set['layout_style'] = $data['grid_layout_style'];
433
  }
434
 
435
  return $data_set;
443
  *
444
  * @return string
445
  */
446
+ public static function get_frontend_filter_markup( $data, $is_guten = false ) {
447
  if ( ! rtTPG()->hasPro()
448
  || ! ( $data['show_taxonomy_filter'] == 'show' || $data['show_author_filter'] == 'show' || $data['show_order_by'] == 'show'
449
  || $data['show_sort_order'] == 'show'
486
 
487
  $taxFilterOperator = $data['relation'];
488
 
 
 
 
489
  $taxonomy_label = $default_term = '';
490
+ if ( $is_guten ) {
491
+ $taxFilter = $data['filter_taxonomy'];
492
+ } else {
493
+ $section_term_key = $data['post_type'] . '_filter_taxonomy';
494
+ $taxFilter = $data[ $section_term_key ];
495
+ }
496
 
497
  if ( $taxFilter ) {
498
  $taxonomy_details = get_taxonomy( $taxFilter );
499
  $taxonomy_label = $taxonomy_details->label;
500
  $default_term_key = $taxFilter . '_default_terms';
501
+ $default_term = isset( $data[ $default_term_key ] ) ? $data[ $default_term_key ] : '';
502
  }
503
 
 
504
  $allText = $data['tax_filter_all_text'] ? $data['tax_filter_all_text'] : __( "All ", "the-post-grid" ) . $taxonomy_label;
505
 
506
 
507
  $_taxonomies = get_object_taxonomies( $data['post_type'], 'objects' );
508
  $terms = [];
509
+
510
  foreach ( $_taxonomies as $index => $object ) {
511
  if ( $object->name != $taxFilter ) {
512
  continue;
513
  }
514
  $setting_key = $object->name . '_ids';
515
+
516
+ if ( $is_guten && ! empty( $data['taxonomy_lists'][ $object->name ]['options'] ) ) {
517
+ //This block execute if gutenberg editor has taxonomy query
518
+ $terms = wp_list_pluck( $data['taxonomy_lists'][ $object->name ]['options'], 'value' );
519
+ } elseif ( ! empty( $data[ $setting_key ] ) ) {
520
+ //This block execute for Elementor editor has taxonomy query
521
  $terms = $data[ $setting_key ];
522
  } else {
523
+ //Execute if there is no taxonomy query
524
  $terms = get_terms( [
525
  'taxonomy' => $taxFilter,
526
  'fields' => 'ids',
527
  ] );
528
  }
529
  }
 
530
 
531
+ $taxFilterTerms = $terms;
532
 
533
  if ( $default_term && $taxFilter ) {
534
  $isTermSelected = true;
535
  $allSelect = null;
536
  }
537
+
538
  if ( $filterType == 'dropdown' ) {
539
  $html .= "<div class='rt-filter-item-wrap rt-tax-filter rt-filter-dropdown-wrap parent-dropdown-wrap{$postCountClass}' data-taxonomy='{$taxFilter}' data-filter='taxonomy'>";
540
  $termDefaultText = $allText;
620
 
621
  $bCount = 0;
622
  $bItems = null;
623
+
624
  if ( ! empty( $terms ) ) {
625
  foreach ( $terms as $term_id ) {
626
  $term = get_term( $term_id, $taxFilter, ARRAY_A );
627
+ if ( ! isset( $term['term_id'] ) ) {
628
+ continue;
629
+ }
630
  $id = $term['term_id'];
631
  $bCount = $bCount + absint( $term['count'] );
632
  $sT = null;
910
  $uniqueId = isset( $data['uniqueId'] ) ? $data['uniqueId'] : null;
911
  $uniqueClass = 'rttpg-block-postgrid rttpg-block-' . $uniqueId;
912
  $dynamicClass = $uniqueClass;
913
+ $dynamicClass .= ! empty( $data['align'] ) ? ' align' . $data['align'] : null;
914
+ $dynamicClass .= ! empty( $data['className'] ) ? ' ' . $data['className'] : null;
915
+ $dynamicClass .= ! empty( $data['full_wrapper_align']['lg'] ) ? " tpg-wrapper-align-{$data['full_wrapper_align']['lg']}" : null;
916
+ $dynamicClass .= ! empty( $data['filter_type'] ) ? " tpg-filter-type-{$data['filter_type']}" : null;
917
+ $dynamicClass .= ! empty( $data['show_pagination'] ) ? " pagination-visibility-{$data['show_pagination']}" : null;
918
+ $dynamicClass .= ! empty( $data['ajax_pagination_type'] ) ? " ajax-pagination-type-next-prev-{$data['ajax_pagination_type']}" : null;
919
+ $dynamicClass .= ! empty( $data['show_meta'] ) ? " meta-visibility-{$data['show_meta']}" : null;
920
+ $dynamicClass .= ! empty( $data['section_title_style'] ) ? " section-title-style-{$data['section_title_style']}" : null;
921
+ $dynamicClass .= ! empty( $data['section_title_alignment'] ) ? " section-title-align-{$data['section_title_alignment']}" : null;
922
+ $dynamicClass .= ! empty( $data['hover_animation'] ) ? " img_hover_animation_{$data['hover_animation']}" : null;
923
+ $dynamicClass .= ! empty( $data['title_visibility_style'] ) ? " title-{$data['title_visibility_style']}" : null;
924
+ $dynamicClass .= ! empty( $data['title_position'] ) ? " title_position_{$data['title_position']}" : null;
925
+ $dynamicClass .= ! empty( $data['title_hover_underline'] ) ? " title_hover_border_{$data['title_hover_underline']}" : null;
926
+ $dynamicClass .= ! empty( $data['meta_position'] ) ? " meta_position_{$data['meta_position']}" : null;
927
+ $dynamicClass .= ! empty( $data['author_icon_visibility'] ) ? " tpg-is-author-icon-{$data['author_icon_visibility']}" : null;
928
+ $dynamicClass .= ! empty( $data['show_author_image'] ) ? " author-image-visibility-{$data['show_author_image']}" : null;
929
+ $dynamicClass .= ! empty( $data['category_position'] ) ? " tpg-category-position-{$data['category_position']}" : null;
930
+ $dynamicClass .= ! empty( $data['readmore_btn_style'] ) ? " readmore-btn-{$data['readmore_btn_style']}" : null;
931
+ $dynamicClass .= ! empty( $data['grid_hover_overlay_type'] ) ? " grid-hover-overlay-type-{$data['grid_hover_overlay_type']}" : null;
932
+ $dynamicClass .= ! empty( $data['grid_hover_overlay_height'] ) ? " grid-hover-overlay-height-{$data['grid_hover_overlay_height']}" : null;
933
+ $dynamicClass .= ! empty( $data['on_hover_overlay'] ) ? " hover-overlay-height-{$data['on_hover_overlay']}" : null;
934
+ $dynamicClass .= ! empty( $data['title_border_visibility'] ) ? " tpg-title-border-{$data['title_border_visibility']}" : null;
935
+ $dynamicClass .= ! empty( $data['title_alignment'] ) ? " title-alignment-{$data['title_alignment']}" : null;
936
+ $dynamicClass .= ! empty( $data['filter_v_alignment'] ) ? " tpg-filter-alignment-{$data['filter_v_alignment']}" : null;
937
+ $dynamicClass .= ! empty( $data['border_style'] ) ? " filter-button-border-{$data['border_style']}" : null;
938
+ $dynamicClass .= ! empty( $data['filter_next_prev_btn'] ) ? " filter-nex-prev-btn-{$data['filter_next_prev_btn']}" : null;
939
+ $dynamicClass .= ! empty( $data['filter_h_alignment'] ) ? " tpg-filter-h-alignment-{$data['filter_h_alignment']}" : null;
940
+ $dynamicClass .= ! empty( $data['is_box_border'] ) ? " tpg-el-box-border-{$data['is_box_border']}" : null;
941
 
942
  //Slider layout
943
+ $dynamicClass .= ! empty( $data['arrow_position'] ) ? " slider-arrow-position-{$data['arrow_position']}" : null;
944
+ $dynamicClass .= ! empty( $data['dots'] ) ? " slider-dot-enable-{$data['dots']}" : null;
945
+ $dynamicClass .= ! empty( $data['dots_style'] ) ? " slider-dots-style-{$data['dots_style']}" : null;
946
+ $dynamicClass .= ! empty( $data['lazyLoad'] ) ? " is-lazy-load-{$data['lazyLoad']}" : null;
947
+ $dynamicClass .= ! empty( $data['carousel_overflow'] ) ? " is-carousel-overflow-{$data['carousel_overflow']}" : null;
948
+ $dynamicClass .= ! empty( $data['slider_direction'] ) ? " slider-direction-{$data['slider_direction']}" : null;
949
+ $dynamicClass .= ! empty( $data['dots_text_align'] ) ? " slider-dots-align-{$data['dots_text_align']}" : null;
950
 
951
  //ACF
952
+ $dynamicClass .= ! empty( $data['acf_label_style'] ) ? " act-label-style-{$data['acf_label_style']}" : null;
953
+ $dynamicClass .= ! empty( $data['acf_alignment'] ) && ! is_array( $data['acf_alignment'] ) ? " tpg-acf-align-{$data['acf_alignment']}" : null;
954
 
955
  return $dynamicClass;
956
  }
1623
  $size = isset( $info[3] ) ? $info[3] : '';
1624
  }
1625
 
1626
+ $image = '<img class="' . esc_attr( $img_class ) . '" src="' . esc_url( $imgSrc ) . '" ' . $size . ' alt="' . esc_attr( $alt ) . '"/>';
1627
 
1628
  if ( $img_Class == 'swiper-lazy' ) {
1629
  $image = '<img class="' . esc_attr( $img_class ) . ' img-responsive" data-src="' . esc_url( $imgSrc ) . '" src="#none" ' . $size . ' alt="' . esc_attr( $alt ) . '"/><div class="lazy-overlay-wrap"><div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div></div>';
2827
  * @return bool
2828
  */
2829
  public static function el_ignore_layout( $data ) {
2830
+
2831
  if ( isset( $data['category'] ) && 'category' == $data['category'] ) {
2832
  return true;
2833
  }
2834
+ $all_layout_list = [
2835
+ 'grid-layout4',
2836
+ 'grid-layout5',
2837
+ 'grid-layout5-2',
2838
+ 'grid-layout6',
2839
+ 'grid-layout6-2',
2840
+ 'list-layout4',
2841
+ 'list-layout5',
2842
+ 'grid_hover-layout5',
2843
+ 'grid_hover-layout6',
2844
+ 'grid_hover-layout7',
2845
+ 'grid_hover-layout8',
2846
+ 'grid_hover-layout9',
2847
+ 'grid_hover-layout10',
2848
+ 'grid_hover-layout5-2',
2849
+ 'grid_hover-layout6-2',
2850
+ 'grid_hover-layout7-2',
2851
+ 'grid_hover-layout9-2',
2852
+ 'grid_hover-layout11',
2853
+ 'slider-layout3',
2854
+ 'slider-layout5',
2855
+ 'slider-layout6',
2856
+ 'slider-layout7',
2857
+ 'slider-layout8',
2858
+ 'slider-layout9',
2859
+ 'slider-layout11',
2860
+ 'slider-layout12',
2861
+ ];
2862
 
2863
+ if ( 'default' == $data['category_position'] && in_array( $data['layout'], $all_layout_list ) ) {
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2864
  return false;
2865
  }
2866
 
2891
  } elseif ( 'popup' == $data['post_link_type'] ) {
2892
  $link_class = 'tpg-single-popup tpg-post-link';
2893
 
2894
+ if ( did_action( 'elementor/loaded' ) && \Elementor\Plugin::$instance->editor->is_edit_mode() ) {
2895
  $link_class = 'tpg-post-link';
2896
  }
2897
 
3011
  // Author Meta.
3012
 
3013
  $post_meta_html = [];
 
3014
  ob_start();
3015
  if ( 'show' === $data['show_author'] ) {
3016
  $is_author_avatar = null;
3017
 
3018
+ if ( 'icon' !== $data['show_author_image'] ) {
3019
  $is_author_avatar = 'has-author-avatar';
3020
  }
3021
  ?>
3022
  <span class='author <?php echo esc_attr( $is_author_avatar ); ?>'>
3023
 
3024
  <?php
3025
+ if ( $data['author_icon_visibility'] !== 'hide' ) {
3026
+ if ( 'icon' !== $data['show_author_image'] ) {
3027
+ echo get_avatar( $author_id, 80 );
3028
+ } else {
3029
+ if ( $data['show_meta_icon'] === 'yes' ) {
3030
+ if ( did_action( 'elementor/loaded' ) && isset( $data['user_icon']['value'] ) && $data['user_icon']['value'] ) {
3031
+ \Elementor\Icons_Manager::render_icon( $data['user_icon'], [ 'aria-hidden' => 'true' ] );
3032
+ } else {
3033
+ echo "<i class='fa fa-user'></i>";
3034
+ }
3035
  }
3036
  }
3037
  }
3062
  <span class='categories-links'>
3063
  <?php
3064
  if ( $data['show_meta_icon'] === 'yes' ) {
3065
+ if ( did_action( 'elementor/loaded' ) && isset( $data['cat_icon']['value'] ) && $data['cat_icon']['value'] ) {
3066
  \Elementor\Icons_Manager::render_icon( $data['cat_icon'], [ 'aria-hidden' => 'true' ] );
3067
  } else {
3068
  echo "<i class='fas fa-folder-open'></i>";
3085
  $archive_day = get_the_date( 'j' );
3086
 
3087
  ?>
 
3088
  <span class='date'>
3089
+
3090
  <?php
3091
  if ( $data['show_meta_icon'] === 'yes' ) {
3092
+ if ( did_action( 'elementor/loaded' ) && isset( $data['date_icon']['value'] ) && $data['date_icon']['value'] ) {
3093
  \Elementor\Icons_Manager::render_icon( $data['date_icon'], [ 'aria-hidden' => 'true' ] );
3094
  } else {
3095
  echo "<i class='far fa-calendar-alt'></i>";
3110
  // Tags Meta.
3111
  if ( $tags && 'show' == $data['show_tags'] ) {
3112
  ?>
 
3113
  <span class='post-tags-links'>
3114
  <?php
3115
  if ( $data['show_meta_icon'] === 'yes' ) {
3116
+ if ( did_action( 'elementor/loaded' ) && isset( $data['tag_icon']['value'] ) && $data['tag_icon']['value'] ) {
3117
  \Elementor\Icons_Manager::render_icon( $data['tag_icon'], [ 'aria-hidden' => 'true' ] );
3118
  } else {
3119
  echo "<i class='fa fa-tags'></i>";
3134
  <span class="comment-count">
3135
  <?php
3136
  if ( $data['show_meta_icon'] === 'yes' ) {
3137
+ if ( did_action( 'elementor/loaded' ) && isset( $data['comment_icon']['value'] ) && $data['comment_icon']['value'] ) {
3138
  \Elementor\Icons_Manager::render_icon( $data['comment_icon'], [ 'aria-hidden' => 'true' ] );
3139
  } else {
3140
  echo "<i class='fas fa-comments'></i>";
3156
  <span class="post-count">
3157
  <?php
3158
  if ( $data['show_meta_icon'] === 'yes' ) {
3159
+ if ( did_action( 'elementor/loaded' ) && isset( $data['post_count_icon']['value'] ) && $data['post_count_icon']['value'] ) {
3160
  \Elementor\Icons_Manager::render_icon( $data['post_count_icon'], [ 'aria-hidden' => 'true' ] );
3161
  } else {
3162
  echo "<i class='fa fa-eye'></i>";
3171
 
3172
  $post_meta_html['post_count'] = ob_get_clean();
3173
 
 
3174
  if ( $data['is_gutenberg'] ) {
3175
+ $meta_ordering = array_keys( $post_meta_html );
3176
+
3177
  if ( isset( $data['meta_ordering'] ) && is_array( $data['meta_ordering'] ) ) {
3178
  $meta_ordering = wp_list_pluck( $data['meta_ordering'], 'value' );
3179
  $extra_meta = [];
3180
  $post_meta_html_key = array_keys( $post_meta_html );
3181
+
3182
+ $count_order = count( $meta_ordering );
3183
+
3184
+ if ( $count_order != count( $post_meta_html_key ) ) {
3185
  foreach ( $post_meta_html_key as $key ) {
3186
  if ( ! in_array( $key, $meta_ordering ) ) {
3187
  $extra_meta[] = $key;
3188
  }
3189
  }
3190
  }
3191
+
3192
  if ( ! empty( $extra_meta ) ) {
3193
  $meta_ordering = array_merge( $meta_ordering, $extra_meta );
3194
  }
3196
  foreach ( $meta_ordering as $val ) {
3197
  echo $post_meta_html[ $val ];
3198
  }
3199
+
3200
  } else {
3201
  $meta_ordering = isset( $data['meta_ordering'] ) && is_array( $data['meta_ordering'] ) ? $data['meta_ordering'] : [];
3202
  foreach ( $meta_ordering as $val ) {
3269
  $categories = get_the_term_list( $pID, $_post_taxonomy, null, '<span class="rt-separator">,</span>' );
3270
  $category_position = $data['category_position'];
3271
 
3272
+ if ( in_array( $data['layout'], [ 'grid-layout4', 'slider-layout3', 'grid_hover-layout11' ] ) && 'default' === $data['category_position'] ) {
3273
  $category_position = 'top_left';
3274
  }
3275
  ?>
3343
 
3344
  if ( 'grid-layout4' === $data['layout'] && 'default' === $data['category_position'] ) {
3345
  $thumb_cat_condition = true;
3346
+ } elseif ( in_array( $data['layout'], [ 'grid-layout4', 'grid_hover-layout11', 'slider-layout3' ] ) && 'default' === $data['category_position'] ) {
3347
  $thumb_cat_condition = true;
3348
  }
3349
 
3366
  $lazy_class = 'swiper-lazy';
3367
  }
3368
 
3369
+ echo 'yes' === $data['is_thumb_linked'] ? self::print_html( $link_start ) : null;
3370
 
3371
  if ( has_post_thumbnail() && 'feature_image' === $data['media_source'] ) {
3372
  $fImgSize = $data['image_size'];
3452
  if ( 'show' === $data['is_thumb_lightbox'] || ( in_array( $data['layout'], [ 'grid-layout7', 'slider-layout4' ] ) && in_array( $data['is_thumb_lightbox'], [ 'default', 'show' ] ) ) ) :
3453
  ?>
3454
 
3455
+ <a class="tpg-zoom mfp-fade"
3456
  data-elementor-open-lightbox="yes"
3457
  data-elementor-lightbox-slideshow="<?php echo esc_attr( $data['layout'] ); ?>"
3458
  title="<?php echo esc_attr( get_the_title() ); ?>"
3459
  href="<?php echo esc_url( $img_link ) ?>">
3460
 
3461
  <?php
3462
+ if ( did_action( 'elementor/loaded' ) && isset( $data['light_box_icon']['value'] ) && $data['light_box_icon']['value'] ) {
3463
  \Elementor\Icons_Manager::render_icon( $data['light_box_icon'], [ 'aria-hidden' => 'true' ] );
3464
  } else {
3465
  echo "<i class='fa fa-plus'></i>";
3499
  if ( ! empty( $cf_group ) ) {
3500
 
3501
  $acf_html = "<div class='acf-custom-field-wrap'>";
 
 
 
 
 
3502
 
3503
+ $acf_html .= \RT\ThePostGridPro\Helpers\Functions::get_cf_formatted_fields( $cf_group, $format, $pID );
3504
  $acf_html .= '</div>';
3505
 
3506
  if ( $return_type ) {
3512
  }
3513
  }
3514
 
3515
+ /**
3516
+ * Get Read More Button
3517
+ *
3518
+ * @param $data
3519
+ * @param $readmore_link_start
3520
+ * @param $readmore_link_end
3521
+ *
3522
+ * @return void
3523
+ */
3524
+ public static function get_read_more_button( $data, $readmore_link_start, $readmore_link_end, $type = 'elementor' ) { ?>
3525
+ <div class="post-footer">
3526
+ <div class="read-more">
3527
+ <?php
3528
+ echo self::wp_kses( $readmore_link_start );
3529
+ if ( 'yes' == $data['show_btn_icon'] && 'left' == $data['readmore_icon_position'] ) {
3530
+ if ( $type === 'elementor' ) {
3531
+ if ( did_action( 'elementor/loaded' ) ) {
3532
+ \Elementor\Icons_Manager::render_icon( $data['readmore_btn_icon'], [
3533
+ 'aria-hidden' => 'true',
3534
+ 'class' => 'left-icon'
3535
+ ] );
3536
+ }
3537
+ } else {
3538
+ echo "<i class='left-icon " . esc_attr( $data['readmore_btn_icon'] ) . "'></i>";
3539
+ }
3540
+ }
3541
+ echo esc_html( $data['read_more_label'] );
3542
+ if ( 'yes' == $data['show_btn_icon'] && 'right' == $data['readmore_icon_position'] ) {
3543
+ if ( $type === 'elementor' ) {
3544
+ if ( did_action( 'elementor/loaded' ) ) {
3545
+ \Elementor\Icons_Manager::render_icon( $data['readmore_btn_icon'], [
3546
+ 'aria-hidden' => 'true',
3547
+ 'class' => 'right-icon'
3548
+ ] );
3549
+ }
3550
+ } else {
3551
+ echo "<i class='right-icon " . esc_attr( $data['readmore_btn_icon'] ) . "'></i>";
3552
+ }
3553
+ }
3554
+ echo self::wp_kses( $readmore_link_end );
3555
+ ?>
3556
+ </div>
3557
+ </div>
3558
+ <?php
3559
+ }
3560
+
3561
 
3562
  /**
3563
  * Check is filter enable or not
3680
 
3681
  $image_sizes[] = [
3682
  'value' => 'full',
3683
+ 'label' => esc_html__( 'Full', 'the-post-grid' ),
3684
  ];
3685
 
3686
  foreach ( $sizes as $size ) {
3702
  }
3703
  }
3704
 
3705
+ if ( rtTPG()->hasPro() ) {
3706
+ $image_sizes[] = [
3707
+ 'value' => 'custom',
3708
+ 'label' => esc_html__( 'Custom', 'the-post-grid' ),
3709
+ ];
3710
+ }
3711
+
3712
  return apply_filters( 'tpg_image_size_guten', $image_sizes );
3713
  }
3714
 
3895
 
3896
  return wp_kses( $string, self::allowedHtml( $level ) );
3897
  }
3898
+
3899
+
3900
+ /**
3901
+ * Insert Array Item in specific position
3902
+ *
3903
+ * @param $array
3904
+ * @param $position
3905
+ * @param $insert_array
3906
+ *
3907
+ * @return void
3908
+ */
3909
+ public static function array_insert( &$array, $position, $insert_array ) {
3910
+ $first_array = array_splice( $array, 0, $position + 1 );
3911
+ $array = array_merge( $first_array, $insert_array, $array );
3912
+ }
3913
+
3914
+
3915
  }
3916
 
app/Helpers/Options.php CHANGED
@@ -200,6 +200,29 @@ class Options {
200
  ],
201
  ];
202
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
203
  $plugin = Fns::is_acf();
204
 
205
  if ( $plugin ) {
@@ -267,7 +290,7 @@ class Options {
267
  'name' => 'tpg_common_settings_heading',
268
  'class' => 'tpg_common_settings_heading',
269
  'label' => esc_html__( 'Improve Performance', 'the-post-grid' ),
270
- 'description' => esc_html__( 'Please choose a Resource Load Type first. Otherwise, all CSS & JS for shortcode and elementor will load on your site which can create a bad performance issues.', 'the-post-grid' ),
271
  ],
272
 
273
  'tpg_block_type' => [
@@ -277,11 +300,11 @@ class Options {
277
  'id' => 'tpg_block_type',
278
  'class' => 'select2',
279
  'options' => [
280
- 'default' => esc_html__( 'Default (Both Elementor and Shortcode)', 'the-post-grid' ),
281
- 'elementor' => esc_html__( 'Elementor', 'the-post-grid' ),
282
- 'shortcode' => esc_html__( 'Shortcode', 'the-post-grid' ),
283
  ],
284
- 'description' => esc_html__( 'Please check which type of block you want to use. If you use Default then all styles and scripts for both will load on your site. But if you use one then just this style and script will load on your site.', 'the-post-grid' ),
285
  'value' => isset( $settings['tpg_block_type'] ) ? $settings['tpg_block_type'] : 'default',
286
  ],
287
  'tpg_load_script' => [
200
  ],
201
  ];
202
 
203
+ $insert_array = [
204
+ 'tpg_popupbar_color' => [
205
+ 'type' => 'text',
206
+ 'label' => esc_html__( 'Popup Topbar Color', 'the-post-grid' ),
207
+ 'class' => 'rt-color',
208
+ 'default' => isset( $settings['tpg_popupbar_color'] ) ? $settings['tpg_popupbar_color'] : '',
209
+ ],
210
+ 'tpg_popupbar_bg_color' => [
211
+ 'type' => 'text',
212
+ 'label' => esc_html__( 'Popup Background Color', 'the-post-grid' ),
213
+ 'class' => 'rt-color',
214
+ 'default' => isset( $settings['tpg_popupbar_bg_color'] ) ? $settings['tpg_popupbar_bg_color'] : '',
215
+ ],
216
+ 'tpg_popupbar_text_color' => [
217
+ 'type' => 'text',
218
+ 'label' => esc_html__( 'Popup Text Color', 'the-post-grid' ),
219
+ 'class' => 'rt-color',
220
+ 'default' => isset( $settings['tpg_popupbar_text_color'] ) ? $settings['tpg_popupbar_text_color'] : '',
221
+ ],
222
+ ];
223
+
224
+ Fns::array_insert( $other_settings, 6, $insert_array );
225
+
226
  $plugin = Fns::is_acf();
227
 
228
  if ( $plugin ) {
290
  'name' => 'tpg_common_settings_heading',
291
  'class' => 'tpg_common_settings_heading',
292
  'label' => esc_html__( 'Improve Performance', 'the-post-grid' ),
293
+ 'description' => esc_html__( 'Please choose a Resource Load Type first. Otherwise, all CSS & JS for shortcode, gutenberg and elementor will load on your site which can create a bad performance issues.', 'the-post-grid' ),
294
  ],
295
 
296
  'tpg_block_type' => [
300
  'id' => 'tpg_block_type',
301
  'class' => 'select2',
302
  'options' => [
303
+ 'default' => esc_html__( 'Default (Shortcode add Elementor / Gutenberg)', 'the-post-grid' ),
304
+ 'elementor' => esc_html__( 'Elementor / Gutenberg', 'the-post-grid' ),
305
+ 'shortcode' => esc_html__( 'Shortcode Only', 'the-post-grid' ),
306
  ],
307
+ 'description' => esc_html__( 'Please choose which type of block you want to use. If you select Default then all styles and scripts will load on your site. But if you use one then just this style and script will load on your site.', 'the-post-grid' ),
308
  'value' => isset( $settings['tpg_block_type'] ) ? $settings['tpg_block_type'] : 'default',
309
  ],
310
  'tpg_load_script' => [
app/RtTpg.php CHANGED
@@ -12,6 +12,7 @@ if ( ! defined( 'ABSPATH' ) ) {
12
 
13
  require_once __DIR__ . './../vendor/autoload.php';
14
 
 
15
  use RT\ThePostGrid\Controllers\Admin\AdminAjaxController;
16
  use RT\ThePostGrid\Controllers\Admin\MetaController;
17
  use RT\ThePostGrid\Controllers\Admin\NoticeController;
@@ -19,9 +20,11 @@ use RT\ThePostGrid\Controllers\Admin\PostTypeController;
19
  use RT\ThePostGrid\Controllers\Admin\SettingsController;
20
  use RT\ThePostGrid\Controllers\AjaxController;
21
  use RT\ThePostGrid\Controllers\ElementorController;
 
22
  use RT\ThePostGrid\Controllers\GutenBergController;
23
  use RT\ThePostGrid\Controllers\ScriptController;
24
  use RT\ThePostGrid\Controllers\ShortcodeController;
 
25
  use RT\ThePostGrid\Controllers\Hooks\FilterHooks;
26
  use RT\ThePostGrid\Controllers\Hooks\ActionHooks;
27
  use RT\ThePostGrid\Controllers\WidgetController;
@@ -115,6 +118,7 @@ if ( ! class_exists( RtTpg::class ) ) {
115
  new AjaxController();
116
  new ScriptController();
117
  new WidgetController();
 
118
 
119
  if ( is_admin() ) {
120
  new AdminAjaxController();
@@ -127,6 +131,8 @@ if ( ! class_exists( RtTpg::class ) ) {
127
  new GutenBergController();
128
  }
129
 
 
 
130
  FilterHooks::init();
131
  ActionHooks::init();
132
 
@@ -134,6 +140,7 @@ if ( ! class_exists( RtTpg::class ) ) {
134
 
135
  if ( ! isset( $settings['tpg_block_type'] ) || in_array( $settings['tpg_block_type'], [ 'default', 'elementor' ], true ) ) {
136
  new ElementorController();
 
137
  }
138
 
139
  $this->load_hooks();
@@ -168,7 +175,7 @@ if ( ! class_exists( RtTpg::class ) ) {
168
  * Remove calculate image srcset
169
  * @return array
170
  */
171
- public function calculate_image_srcset(){
172
  return [];
173
  }
174
 
@@ -246,6 +253,7 @@ if ( ! class_exists( RtTpg::class ) ) {
246
  * Get assets URI
247
  *
248
  * @param string $file File.
 
249
  * @return string
250
  */
251
  public function get_assets_uri( $file ) {
@@ -258,6 +266,7 @@ if ( ! class_exists( RtTpg::class ) ) {
258
  * RTL check.
259
  *
260
  * @param string $file File.
 
261
  * @return string
262
  */
263
  public function tpg_can_be_rtl( $file ) {
@@ -288,13 +297,34 @@ if ( ! class_exists( RtTpg::class ) ) {
288
  return class_exists( 'RtTpgPro' ) || class_exists( 'rtTPGP' );
289
  }
290
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
291
  /**
292
  * Pro link.
293
  *
294
  * @return string
295
  */
296
  public function proLink() {
297
- return 'https://www.radiustheme.com/downloads/the-post-grid-pro-for-wordpress/';
298
  }
299
 
300
  /**
@@ -303,7 +333,7 @@ if ( ! class_exists( RtTpg::class ) ) {
303
  * @return string
304
  */
305
  public function docLink() {
306
- return 'https://www.radiustheme.com/docs/the-post-grid/';
307
  }
308
 
309
  /**
@@ -312,7 +342,7 @@ if ( ! class_exists( RtTpg::class ) ) {
312
  * @return string
313
  */
314
  public function demoLink() {
315
- return 'https://www.radiustheme.com/demo/plugins/the-post-grid/';
316
  }
317
  }
318
 
12
 
13
  require_once __DIR__ . './../vendor/autoload.php';
14
 
15
+ use RT\ThePostGrid\Controllers\Api\RestApi;
16
  use RT\ThePostGrid\Controllers\Admin\AdminAjaxController;
17
  use RT\ThePostGrid\Controllers\Admin\MetaController;
18
  use RT\ThePostGrid\Controllers\Admin\NoticeController;
20
  use RT\ThePostGrid\Controllers\Admin\SettingsController;
21
  use RT\ThePostGrid\Controllers\AjaxController;
22
  use RT\ThePostGrid\Controllers\ElementorController;
23
+ use RT\ThePostGrid\Controllers\BlocksController;
24
  use RT\ThePostGrid\Controllers\GutenBergController;
25
  use RT\ThePostGrid\Controllers\ScriptController;
26
  use RT\ThePostGrid\Controllers\ShortcodeController;
27
+ use RT\ThePostGrid\Controllers\PageTemplateController;
28
  use RT\ThePostGrid\Controllers\Hooks\FilterHooks;
29
  use RT\ThePostGrid\Controllers\Hooks\ActionHooks;
30
  use RT\ThePostGrid\Controllers\WidgetController;
118
  new AjaxController();
119
  new ScriptController();
120
  new WidgetController();
121
+ new PageTemplateController();
122
 
123
  if ( is_admin() ) {
124
  new AdminAjaxController();
131
  new GutenBergController();
132
  }
133
 
134
+ new RestApi();
135
+
136
  FilterHooks::init();
137
  ActionHooks::init();
138
 
140
 
141
  if ( ! isset( $settings['tpg_block_type'] ) || in_array( $settings['tpg_block_type'], [ 'default', 'elementor' ], true ) ) {
142
  new ElementorController();
143
+ new BlocksController();
144
  }
145
 
146
  $this->load_hooks();
175
  * Remove calculate image srcset
176
  * @return array
177
  */
178
+ public function calculate_image_srcset() {
179
  return [];
180
  }
181
 
253
  * Get assets URI
254
  *
255
  * @param string $file File.
256
+ *
257
  * @return string
258
  */
259
  public function get_assets_uri( $file ) {
266
  * RTL check.
267
  *
268
  * @param string $file File.
269
+ *
270
  * @return string
271
  */
272
  public function tpg_can_be_rtl( $file ) {
297
  return class_exists( 'RtTpgPro' ) || class_exists( 'rtTPGP' );
298
  }
299
 
300
+ /**
301
+ * Pro check.
302
+ *
303
+ * @return boolean
304
+ */
305
+ public function getProPath() {
306
+ if ( ! $this->hasPro() ) {
307
+ return false;
308
+ }
309
+ if ( ! function_exists( 'get_plugin_data' ) ) {
310
+ require_once ABSPATH . 'wp-admin/includes/plugin.php';
311
+ }
312
+
313
+ $path = WP_PLUGIN_DIR . '/the-post-grid-pro/';
314
+ if ( file_exists( $path ) ) {
315
+ return plugins_url() . '/the-post-grid-pro/';
316
+ }
317
+
318
+ return false;
319
+ }
320
+
321
  /**
322
  * Pro link.
323
  *
324
  * @return string
325
  */
326
  public function proLink() {
327
+ return '//www.radiustheme.com/downloads/the-post-grid-pro-for-wordpress/';
328
  }
329
 
330
  /**
333
  * @return string
334
  */
335
  public function docLink() {
336
+ return '//www.radiustheme.com/docs/the-post-grid/';
337
  }
338
 
339
  /**
342
  * @return string
343
  */
344
  public function demoLink() {
345
+ return '//www.radiustheme.com/demo/plugins/the-post-grid/';
346
  }
347
  }
348
 
app/Widgets/elementor/base.php CHANGED
@@ -34,7 +34,7 @@ abstract class Custom_Widget_Base extends Widget_Base {
34
 
35
  public function __construct( $data = [], $args = null ) {
36
  $this->tpg_category = RT_THE_POST_GRID_PLUGIN_SLUG . '-elements'; // Category /@dev
37
- $this->tpg_archive_category = 'tpg-elementor-builder-widgets';
38
  $this->tpg_icon = 'eicon-gallery-grid tpg-grid-icon';
39
  $this->tpg_dir = dirname( ( new ReflectionClass( $this ) )->getFileName() );
40
  $this->tpg_pro_dir = null;
34
 
35
  public function __construct( $data = [], $args = null ) {
36
  $this->tpg_category = RT_THE_POST_GRID_PLUGIN_SLUG . '-elements'; // Category /@dev
37
+ $this->tpg_archive_category = 'tpg-block-builder-widgets';
38
  $this->tpg_icon = 'eicon-gallery-grid tpg-grid-icon';
39
  $this->tpg_dir = dirname( ( new ReflectionClass( $this ) )->getFileName() );
40
  $this->tpg_pro_dir = null;
app/Widgets/elementor/rtTPGElementorHelper.php CHANGED
@@ -21,7 +21,7 @@ require_once( RT_THE_POST_GRID_PLUGIN_PATH . '/app/Widgets/elementor/rtTPGElemen
21
  */
22
  class rtTPGElementorHelper {
23
  /**
24
- * Post Query Settings
25
  *
26
  * @param $ref
27
  */
@@ -241,7 +241,7 @@ class rtTPGElementorHelper {
241
  ],
242
  'default' => 'DESC',
243
  'condition' => [
244
- 'orderby!' => [ 'menu_order', 'rand' ],
245
  ],
246
  ]
247
  );
@@ -288,6 +288,8 @@ class rtTPGElementorHelper {
288
 
289
 
290
  /**
 
 
291
  * @param $ref
292
  * @param $layout_type
293
  *
@@ -587,6 +589,23 @@ class rtTPGElementorHelper {
587
  ]
588
  );
589
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
590
  $ref->add_control(
591
  'layout_options_heading',
592
  [
@@ -763,7 +782,7 @@ class rtTPGElementorHelper {
763
  );
764
  }
765
 
766
- if ( $prefix !== 'slider' ) {
767
  $layout_align_css = [
768
  '{{WRAPPER}} .rt-tpg-container .grid-layout2 .rt-holder .post-right-content' => 'justify-content: {{VALUE}};',
769
  ];
@@ -798,9 +817,6 @@ class rtTPGElementorHelper {
798
  'grid-layout6',
799
  'grid-layout6-2',
800
  'grid-layout7',
801
- 'grid_hover-layout2',
802
- 'grid_hover-layout4',
803
- 'grid_hover-layout4-2',
804
  ],
805
  ],
806
  'selectors' => $layout_align_css,
@@ -829,7 +845,7 @@ class rtTPGElementorHelper {
829
  'slider-layout2',
830
  'slider-layout3',
831
  'slider-layout13',
832
- 'grid-layout7'
833
  ],
834
  ],
835
  'selectors' => [
@@ -866,7 +882,7 @@ class rtTPGElementorHelper {
866
  '{{WRAPPER}} .tpg-post-holder div' => 'text-align: {{VALUE}};',
867
  ],
868
  'condition' => [
869
- $prefix . '_layout!' => [ 'grid-layout7' ],
870
  ],
871
 
872
  ]
@@ -1322,7 +1338,7 @@ class rtTPGElementorHelper {
1322
  'mobile_default' => '0',
1323
  'description' => esc_html__( 'Choose Column for layout', 'the-post-grid' ),
1324
  'condition' => [
1325
- 'list_layout!' => [ 'list-layout2', 'list-layout2-2', 'list-layout4' ],
1326
  ],
1327
  ]
1328
  );
@@ -1590,7 +1606,7 @@ class rtTPGElementorHelper {
1590
  'render_type' => 'template',
1591
  // 'prefix_class' => 'title-visibility-',
1592
  'condition' => [
1593
- $prefix . '_layout!' => [ 'grid-layout7' ],
1594
  ],
1595
 
1596
  ]
@@ -1622,7 +1638,7 @@ class rtTPGElementorHelper {
1622
  'render_type' => 'template',
1623
  // 'prefix_class' => 'excerpt-visibility-',
1624
  'condition' => [
1625
- $prefix . '_layout!' => [ 'grid-layout7' ],
1626
  ],
1627
  ]
1628
  );
@@ -1630,7 +1646,7 @@ class rtTPGElementorHelper {
1630
  $ref->add_control(
1631
  'show_meta',
1632
  [
1633
- 'label' => esc_html__( 'Post Meta', 'the-post-grid' ),
1634
  'type' => \Elementor\Controls_Manager::SWITCHER,
1635
  'label_on' => esc_html__( 'Show', 'the-post-grid' ),
1636
  'label_off' => esc_html__( 'Hide', 'the-post-grid' ),
@@ -1639,7 +1655,7 @@ class rtTPGElementorHelper {
1639
  'render_type' => 'template',
1640
  'prefix_class' => 'meta-visibility-',
1641
  'condition' => [
1642
- $prefix . '_layout!' => [ 'grid-layout7' ],
1643
  ],
1644
  ]
1645
  );
@@ -1658,7 +1674,7 @@ class rtTPGElementorHelper {
1658
  // 'prefix_class' => 'date-visibility-',
1659
  'condition' => [
1660
  'show_meta' => 'show',
1661
- $prefix . '_layout!' => [ 'grid-layout7' ],
1662
  ],
1663
  ]
1664
  );
@@ -1677,7 +1693,7 @@ class rtTPGElementorHelper {
1677
  // 'prefix_class' => 'category-visibility-',
1678
  'condition' => [
1679
  'show_meta' => 'show',
1680
- $prefix . '_layout!' => [ 'grid-layout7' ],
1681
  ],
1682
  ]
1683
  );
@@ -1694,7 +1710,7 @@ class rtTPGElementorHelper {
1694
  'classes' => 'tpg-padding-left',
1695
  'condition' => [
1696
  'show_meta' => 'show',
1697
- $prefix . '_layout!' => [ 'grid-layout7' ],
1698
  ],
1699
  ]
1700
  );
@@ -1711,7 +1727,7 @@ class rtTPGElementorHelper {
1711
  'classes' => 'tpg-padding-left',
1712
  'condition' => [
1713
  'show_meta' => 'show',
1714
- $prefix . '_layout!' => [ 'grid-layout7' ],
1715
  ],
1716
  ]
1717
  );
@@ -1728,7 +1744,7 @@ class rtTPGElementorHelper {
1728
  'classes' => 'tpg-padding-left',
1729
  'condition' => [
1730
  'show_meta' => 'show',
1731
- $prefix . '_layout!' => [ 'grid-layout7' ],
1732
  ],
1733
  ]
1734
  );
@@ -1746,7 +1762,7 @@ class rtTPGElementorHelper {
1746
 
1747
  'condition' => [
1748
  'show_meta' => 'show',
1749
- $prefix . '_layout!' => [ 'grid-layout7' ],
1750
  ],
1751
  ]
1752
  );
@@ -1759,9 +1775,9 @@ class rtTPGElementorHelper {
1759
  'label_on' => esc_html__( 'Show', 'the-post-grid' ),
1760
  'label_off' => esc_html__( 'Hide', 'the-post-grid' ),
1761
  'return_value' => 'show',
1762
- 'default' => false,
1763
  'condition' => [
1764
- $prefix . '_layout!' => [ 'grid-layout7' ],
1765
  ],
1766
  ]
1767
  );
@@ -1777,7 +1793,7 @@ class rtTPGElementorHelper {
1777
  'default' => 'default',
1778
  'classes' => rtTPG()->hasPro() ? '' : 'the-post-grid-field-hide',
1779
  'condition' => [
1780
- $prefix . '_layout!' => [ 'grid-layout7' ],
1781
  ],
1782
  ]
1783
  );
@@ -1813,7 +1829,7 @@ class rtTPGElementorHelper {
1813
  'default' => false,
1814
  'classes' => rtTPG()->hasPro() ? '' : 'the-post-grid-field-hide',
1815
  'condition' => [
1816
- $prefix . '_layout!' => [ 'grid-layout7' ],
1817
  ],
1818
  ]
1819
  );
@@ -1979,7 +1995,7 @@ class rtTPGElementorHelper {
1979
  $ref->start_controls_section(
1980
  'post_thumbnail_settings',
1981
  [
1982
- 'label' => esc_html__( 'Post Thumbnail', 'the-post-grid' ),
1983
  'tab' => Controls_Manager::TAB_SETTINGS,
1984
  'condition' => [
1985
  'show_thumb' => 'show',
@@ -2266,7 +2282,7 @@ class rtTPGElementorHelper {
2266
  'tab' => Controls_Manager::TAB_SETTINGS,
2267
  'condition' => [
2268
  'show_title' => 'show',
2269
- $prefix . '_layout!' => [ 'grid-layout7' ],
2270
  ],
2271
  ]
2272
  );
@@ -2444,11 +2460,11 @@ class rtTPGElementorHelper {
2444
  $ref->start_controls_section(
2445
  'post_excerpt_settings',
2446
  [
2447
- 'label' => esc_html__( 'Excerpt', 'the-post-grid' ),
2448
  'tab' => Controls_Manager::TAB_SETTINGS,
2449
  'condition' => [
2450
  'show_excerpt' => 'show',
2451
- $prefix . '_layout!' => [ 'grid-layout7' ],
2452
  ],
2453
  ]
2454
  );
@@ -2557,7 +2573,7 @@ class rtTPGElementorHelper {
2557
  ],
2558
  'condition' => [
2559
  'show_meta' => 'show',
2560
- $prefix . '_layout!' => [ 'grid-layout7' ],
2561
  ],
2562
  ]
2563
  );
@@ -2644,7 +2660,7 @@ class rtTPGElementorHelper {
2644
  'library' => 'solid',
2645
  ],
2646
  'condition' => [
2647
- 'show_author_image!' => 'show',
2648
  ],
2649
  ]
2650
  );
@@ -2771,7 +2787,7 @@ class rtTPGElementorHelper {
2771
  [
2772
  'label' => esc_html__( 'Author Icon Visibility', 'the-post-grid' ),
2773
  'type' => \Elementor\Controls_Manager::SELECT,
2774
- 'default' => 'default',
2775
  'options' => [
2776
  'default' => esc_html__( 'Default', 'the-post-grid' ),
2777
  'hide' => esc_html__( 'Hide', 'the-post-grid' ),
@@ -2788,17 +2804,18 @@ class rtTPGElementorHelper {
2788
  'show_author_image',
2789
  [
2790
  'label' => esc_html__( 'Author Image / Icon', 'the-post-grid' ),
2791
- 'type' => \Elementor\Controls_Manager::SWITCHER,
2792
- 'label_on' => esc_html__( 'Image', 'the-post-grid' ),
2793
- 'label_off' => esc_html__( 'Icon', 'the-post-grid' ),
2794
- 'return_value' => 'show',
2795
  'default' => 'show',
 
 
 
 
2796
  'render_type' => 'template',
2797
  'prefix_class' => 'author-image-visibility-',
2798
  'condition' => [
2799
  'show_author!' => '',
2800
  'author_icon_visibility!' => 'hide',
2801
- $prefix . '_layout!' => [ 'grid-layout7' ],
2802
  ],
2803
  ]
2804
  );
@@ -2820,8 +2837,9 @@ class rtTPGElementorHelper {
2820
  '{{WRAPPER}} .tpg-el-main-wrapper .post-meta-tags span img' => 'width: {{SIZE}}{{UNIT}} !important;max-width:{{SIZE}}{{UNIT}};height:{{SIZE}}{{UNIT}} !important;',
2821
  ],
2822
  'condition' => [
2823
- 'show_author!' => '',
2824
- 'show_author_image!' => '',
 
2825
  ],
2826
  ]
2827
  );
@@ -3145,7 +3163,7 @@ class rtTPGElementorHelper {
3145
  'tab' => Controls_Manager::TAB_SETTINGS,
3146
  'condition' => [
3147
  'show_read_more' => 'show',
3148
- $prefix . '_layout!' => [ 'grid-layout7' ],
3149
  ],
3150
  ]
3151
  );
@@ -3204,6 +3222,22 @@ class rtTPGElementorHelper {
3204
  ]
3205
  );
3206
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
3207
  $ref->end_controls_section();
3208
  }
3209
 
@@ -3229,7 +3263,7 @@ class rtTPGElementorHelper {
3229
  'tab' => Controls_Manager::TAB_SETTINGS,
3230
  'condition' => [
3231
  'show_acf' => 'show',
3232
- $prefix . '_layout!' => [ 'grid-layout7' ],
3233
  ],
3234
  ]
3235
  );
@@ -3318,7 +3352,7 @@ class rtTPGElementorHelper {
3318
  'label' => esc_html__( 'Links', 'the-post-grid' ),
3319
  'tab' => Controls_Manager::TAB_CONTENT,
3320
  'condition' => [
3321
- $prefix . '_layout!' => [ 'grid-layout7' ],
3322
  ],
3323
 
3324
  ]
@@ -4039,7 +4073,7 @@ class rtTPGElementorHelper {
4039
  'tab' => \Elementor\Controls_Manager::TAB_STYLE,
4040
  'condition' => [
4041
  'show_title' => 'show',
4042
- $prefix . '_layout!' => [ 'grid-layout7' ],
4043
  ],
4044
  ]
4045
  );
@@ -4339,7 +4373,7 @@ class rtTPGElementorHelper {
4339
  'tab' => \Elementor\Controls_Manager::TAB_STYLE,
4340
  'condition' => [
4341
  'show_excerpt' => 'show',
4342
- $prefix . '_layout!' => [ 'grid-layout7' ],
4343
  ],
4344
  ]
4345
  );
@@ -4496,11 +4530,11 @@ class rtTPGElementorHelper {
4496
  $ref->start_controls_section(
4497
  'post_meta_style',
4498
  [
4499
- 'label' => esc_html__( 'Post Meta', 'the-post-grid' ),
4500
  'tab' => \Elementor\Controls_Manager::TAB_STYLE,
4501
  'condition' => [
4502
  'show_meta' => 'show',
4503
- $prefix . '_layout!' => [ 'grid-layout7' ],
4504
  ],
4505
  ]
4506
  );
@@ -4512,6 +4546,32 @@ class rtTPGElementorHelper {
4512
  'selector' => '{{WRAPPER}} .rt-tpg-container .tpg-post-holder .rt-el-post-meta, {{WRAPPER}} .tpg-post-holder .tpg-separate-category .categories-links a',
4513
  ]
4514
  );
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
4515
 
4516
  $ref->add_responsive_control(
4517
  'meta_spacing',
@@ -4838,7 +4898,7 @@ class rtTPGElementorHelper {
4838
  'tab' => \Elementor\Controls_Manager::TAB_STYLE,
4839
  'condition' => [
4840
  'show_read_more' => 'show',
4841
- $prefix . '_layout!' => [ 'grid-layout7' ],
4842
  ],
4843
  ]
4844
  );
@@ -4914,23 +4974,6 @@ class rtTPGElementorHelper {
4914
  ]
4915
  );
4916
 
4917
- $ref->add_control(
4918
- 'readmore_icon_position',
4919
- [
4920
- 'label' => esc_html__( 'Icon Position', 'the-post-grid' ),
4921
- 'type' => \Elementor\Controls_Manager::SELECT,
4922
- 'default' => 'right',
4923
- 'options' => [
4924
- 'left' => esc_html__( 'Left', 'the-post-grid' ),
4925
- 'right' => esc_html__( 'Right', 'the-post-grid' ),
4926
- ],
4927
- 'separator' => 'before',
4928
- 'condition' => [
4929
- 'show_btn_icon' => 'yes',
4930
- ],
4931
- ]
4932
- );
4933
-
4934
  $ref->add_responsive_control(
4935
  'readmore_icon_size',
4936
  [
@@ -6172,7 +6215,7 @@ class rtTPGElementorHelper {
6172
  'tab' => Controls_Manager::TAB_STYLE,
6173
  'condition' => [
6174
  'show_social_share' => 'show',
6175
- $prefix . '_layout!' => [ 'grid-layout7' ],
6176
  ],
6177
  ]
6178
  );
@@ -6189,21 +6232,6 @@ class rtTPGElementorHelper {
6189
  * @param $prefix
6190
  */
6191
  public static function get_social_share_control( $ref ) {
6192
- $ref->add_control(
6193
- 'social_icon_style',
6194
- [
6195
- 'label' => esc_html__( 'Icon Color Style', 'the-post-grid' ),
6196
- 'type' => \Elementor\Controls_Manager::SELECT,
6197
- 'default' => 'default',
6198
- 'options' => [
6199
- 'default' => esc_html__( 'Default (Brand Color)', 'the-post-grid' ),
6200
- 'different_color' => esc_html__( 'Different Color for each', 'the-post-grid' ),
6201
- 'custom' => esc_html__( 'Custom color', 'the-post-grid' ),
6202
- ],
6203
- 'description' => esc_html__( 'Select Custom for your own customize', 'the-post-grid' ),
6204
- ]
6205
- );
6206
-
6207
  $settings = get_option( rtTPG()->options['settings'] );
6208
  $ssList = ! empty( $settings['social_share_items'] ) ? $settings['social_share_items'] : [];
6209
 
@@ -6296,6 +6324,31 @@ class rtTPGElementorHelper {
6296
  ]
6297
  );
6298
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
6299
  //TODO: Start Social Share Tabs Tab
6300
  $ref->start_controls_tabs(
6301
  'social_share_style_tabs'
@@ -6396,57 +6449,57 @@ class rtTPGElementorHelper {
6396
  'label' => esc_html__( 'Icon color', 'the-post-grid' ),
6397
  'type' => \Elementor\Controls_Manager::COLOR,
6398
  'selectors' => [
6399
- '{{WRAPPER}} .rt-tpg-social-share a:hover i' => 'color: {{VALUE}}',
6400
- ],
6401
- 'condition' => [
6402
- 'social_icon_style' => 'custom',
6403
  ],
 
 
 
6404
  ]
6405
  );
6406
 
6407
  $ref->add_control(
6408
  'social_icon_bg_color_hover',
6409
  [
6410
- 'label' => esc_html__( 'Social Icon Background', 'the-post-grid' ),
6411
  'type' => \Elementor\Controls_Manager::COLOR,
6412
  'selectors' => [
6413
- '{{WRAPPER}} .rt-tpg-social-share a:hover i' => 'background-color: {{VALUE}}',
6414
- ],
6415
- 'condition' => [
6416
- 'social_icon_style' => 'custom',
6417
- ],
6418
- ]
6419
- );
6420
-
6421
- foreach ( $ssList as $ss ) {
6422
- $ref->add_control(
6423
- $ss . '_social_icon_color_hover',
6424
- [
6425
- 'label' => ucwords( $ss ) . esc_html__( ' color - Hover', 'the-post-grid' ),
6426
- 'type' => \Elementor\Controls_Manager::COLOR,
6427
- 'selectors' => [
6428
- '{{WRAPPER}} .rt-tpg-social-share a.' . $ss . ':hover i' => 'color: {{VALUE}}',
6429
- ],
6430
- 'condition' => [
6431
- 'social_icon_style' => 'different_color',
6432
- ],
6433
- ]
6434
- );
6435
-
6436
- $ref->add_control(
6437
- $ss . '_social_icon_bg_color_hover',
6438
- [
6439
- 'label' => ucwords( $ss ) . esc_html__( ' Background - Hover', 'the-post-grid' ),
6440
- 'type' => \Elementor\Controls_Manager::COLOR,
6441
- 'selectors' => [
6442
- '{{WRAPPER}} .rt-tpg-social-share a.' . $ss . ':hover i' => 'background-color: {{VALUE}}',
6443
- ],
6444
- 'condition' => [
6445
- 'social_icon_style' => 'different_color',
6446
- ],
6447
- ]
6448
- );
6449
- }
6450
 
6451
  $ref->add_group_control(
6452
  \Elementor\Group_Control_Border::get_type(),
@@ -6459,6 +6512,38 @@ class rtTPGElementorHelper {
6459
 
6460
  $ref->end_controls_tab();
6461
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
6462
  $ref->end_controls_tabs();
6463
  }
6464
 
@@ -6472,7 +6557,7 @@ class rtTPGElementorHelper {
6472
  $ref->start_controls_section(
6473
  'article_box_settings',
6474
  [
6475
- 'label' => esc_html__( 'Card', 'the-post-grid' ),
6476
  'tab' => Controls_Manager::TAB_STYLE,
6477
  ]
6478
  );
@@ -7933,7 +8018,7 @@ class rtTPGElementorHelper {
7933
  'tab' => Controls_Manager::TAB_STYLE,
7934
  'condition' => [
7935
  'show_acf' => 'show',
7936
- $prefix . '_layout!' => [ 'grid-layout7' ],
7937
  ],
7938
  ]
7939
  );
@@ -8025,7 +8110,7 @@ class rtTPGElementorHelper {
8025
  'prefix_class' => 'tpg-acf-align-',
8026
  'toggle' => true,
8027
  'condition' => [
8028
- 'grid_layout!' => [ 'grid-layout7' ],
8029
  ],
8030
 
8031
  ]
21
  */
22
  class rtTPGElementorHelper {
23
  /**
24
+ * Post Query Builder
25
  *
26
  * @param $ref
27
  */
241
  ],
242
  'default' => 'DESC',
243
  'condition' => [
244
+ 'orderby!' => [ 'rand' ],
245
  ],
246
  ]
247
  );
288
 
289
 
290
  /**
291
+ * Archive Query Builder
292
+ *
293
  * @param $ref
294
  * @param $layout_type
295
  *
589
  ]
590
  );
591
 
592
+ $ref->add_control(
593
+ 'middle_border',
594
+ [
595
+ 'label' => esc_html__( 'Middle Border?', 'the-post-grid' ),
596
+ 'type' => \Elementor\Controls_Manager::SELECT,
597
+ 'default' => 'yes',
598
+ 'options' => [
599
+ 'yes' => esc_html__( 'Yes', 'the-post-grid' ),
600
+ 'no' => esc_html__( 'No', 'the-post-grid' ),
601
+ ],
602
+ 'condition' => [
603
+ 'grid_layout' => [ 'grid-layout6', 'grid-layout6-2' ],
604
+ ],
605
+ ]
606
+ );
607
+
608
+
609
  $ref->add_control(
610
  'layout_options_heading',
611
  [
782
  );
783
  }
784
 
785
+ if ( ! in_array( $prefix, [ 'slider', 'grid_hover' ] ) ) {
786
  $layout_align_css = [
787
  '{{WRAPPER}} .rt-tpg-container .grid-layout2 .rt-holder .post-right-content' => 'justify-content: {{VALUE}};',
788
  ];
817
  'grid-layout6',
818
  'grid-layout6-2',
819
  'grid-layout7',
 
 
 
820
  ],
821
  ],
822
  'selectors' => $layout_align_css,
845
  'slider-layout2',
846
  'slider-layout3',
847
  'slider-layout13',
848
+ 'slider-layout4'
849
  ],
850
  ],
851
  'selectors' => [
882
  '{{WRAPPER}} .tpg-post-holder div' => 'text-align: {{VALUE}};',
883
  ],
884
  'condition' => [
885
+ $prefix . '_layout!' => [ 'grid-layout7', 'slider-layout4' ],
886
  ],
887
 
888
  ]
1338
  'mobile_default' => '0',
1339
  'description' => esc_html__( 'Choose Column for layout', 'the-post-grid' ),
1340
  'condition' => [
1341
+ 'list_layout!' => [ 'list-layout2', 'list-layout2-2', 'list-layout3', 'list-layout3-2', 'list-layout4' ],
1342
  ],
1343
  ]
1344
  );
1606
  'render_type' => 'template',
1607
  // 'prefix_class' => 'title-visibility-',
1608
  'condition' => [
1609
+ $prefix . '_layout!' => [ 'grid-layout7', 'slider-layout4' ],
1610
  ],
1611
 
1612
  ]
1638
  'render_type' => 'template',
1639
  // 'prefix_class' => 'excerpt-visibility-',
1640
  'condition' => [
1641
+ $prefix . '_layout!' => [ 'grid-layout7', 'slider-layout4' ],
1642
  ],
1643
  ]
1644
  );
1646
  $ref->add_control(
1647
  'show_meta',
1648
  [
1649
+ 'label' => esc_html__( 'Meta Data', 'the-post-grid' ),
1650
  'type' => \Elementor\Controls_Manager::SWITCHER,
1651
  'label_on' => esc_html__( 'Show', 'the-post-grid' ),
1652
  'label_off' => esc_html__( 'Hide', 'the-post-grid' ),
1655
  'render_type' => 'template',
1656
  'prefix_class' => 'meta-visibility-',
1657
  'condition' => [
1658
+ $prefix . '_layout!' => [ 'grid-layout7', 'slider-layout4' ],
1659
  ],
1660
  ]
1661
  );
1674
  // 'prefix_class' => 'date-visibility-',
1675
  'condition' => [
1676
  'show_meta' => 'show',
1677
+ $prefix . '_layout!' => [ 'grid-layout7', 'slider-layout4' ],
1678
  ],
1679
  ]
1680
  );
1693
  // 'prefix_class' => 'category-visibility-',
1694
  'condition' => [
1695
  'show_meta' => 'show',
1696
+ $prefix . '_layout!' => [ 'grid-layout7', 'slider-layout4' ],
1697
  ],
1698
  ]
1699
  );
1710
  'classes' => 'tpg-padding-left',
1711
  'condition' => [
1712
  'show_meta' => 'show',
1713
+ $prefix . '_layout!' => [ 'grid-layout7', 'slider-layout4' ],
1714
  ],
1715
  ]
1716
  );
1727
  'classes' => 'tpg-padding-left',
1728
  'condition' => [
1729
  'show_meta' => 'show',
1730
+ $prefix . '_layout!' => [ 'grid-layout7', 'slider-layout4' ],
1731
  ],
1732
  ]
1733
  );
1744
  'classes' => 'tpg-padding-left',
1745
  'condition' => [
1746
  'show_meta' => 'show',
1747
+ $prefix . '_layout!' => [ 'grid-layout7', 'slider-layout4' ],
1748
  ],
1749
  ]
1750
  );
1762
 
1763
  'condition' => [
1764
  'show_meta' => 'show',
1765
+ $prefix . '_layout!' => [ 'grid-layout7', 'slider-layout4' ],
1766
  ],
1767
  ]
1768
  );
1775
  'label_on' => esc_html__( 'Show', 'the-post-grid' ),
1776
  'label_off' => esc_html__( 'Hide', 'the-post-grid' ),
1777
  'return_value' => 'show',
1778
+ 'default' => 'show',
1779
  'condition' => [
1780
+ $prefix . '_layout!' => [ 'grid-layout7', 'slider-layout4' ],
1781
  ],
1782
  ]
1783
  );
1793
  'default' => 'default',
1794
  'classes' => rtTPG()->hasPro() ? '' : 'the-post-grid-field-hide',
1795
  'condition' => [
1796
+ $prefix . '_layout!' => [ 'grid-layout7', 'slider-layout4' ],
1797
  ],
1798
  ]
1799
  );
1829
  'default' => false,
1830
  'classes' => rtTPG()->hasPro() ? '' : 'the-post-grid-field-hide',
1831
  'condition' => [
1832
+ $prefix . '_layout!' => [ 'grid-layout7', 'slider-layout4' ],
1833
  ],
1834
  ]
1835
  );
1995
  $ref->start_controls_section(
1996
  'post_thumbnail_settings',
1997
  [
1998
+ 'label' => esc_html__( 'Thumbnail', 'the-post-grid' ),
1999
  'tab' => Controls_Manager::TAB_SETTINGS,
2000
  'condition' => [
2001
  'show_thumb' => 'show',
2282
  'tab' => Controls_Manager::TAB_SETTINGS,
2283
  'condition' => [
2284
  'show_title' => 'show',
2285
+ $prefix . '_layout!' => [ 'grid-layout7', 'slider-layout4' ],
2286
  ],
2287
  ]
2288
  );
2460
  $ref->start_controls_section(
2461
  'post_excerpt_settings',
2462
  [
2463
+ 'label' => esc_html__( 'Excerpt / Content', 'the-post-grid' ),
2464
  'tab' => Controls_Manager::TAB_SETTINGS,
2465
  'condition' => [
2466
  'show_excerpt' => 'show',
2467
+ $prefix . '_layout!' => [ 'grid-layout7', 'slider-layout4' ],
2468
  ],
2469
  ]
2470
  );
2573
  ],
2574
  'condition' => [
2575
  'show_meta' => 'show',
2576
+ $prefix . '_layout!' => [ 'grid-layout7', 'slider-layout4' ],
2577
  ],
2578
  ]
2579
  );
2660
  'library' => 'solid',
2661
  ],
2662
  'condition' => [
2663
+ 'show_author_image!' => 'icon',
2664
  ],
2665
  ]
2666
  );
2787
  [
2788
  'label' => esc_html__( 'Author Icon Visibility', 'the-post-grid' ),
2789
  'type' => \Elementor\Controls_Manager::SELECT,
2790
+ 'default' => 'show',
2791
  'options' => [
2792
  'default' => esc_html__( 'Default', 'the-post-grid' ),
2793
  'hide' => esc_html__( 'Hide', 'the-post-grid' ),
2804
  'show_author_image',
2805
  [
2806
  'label' => esc_html__( 'Author Image / Icon', 'the-post-grid' ),
2807
+ 'type' => \Elementor\Controls_Manager::SELECT,
 
 
 
2808
  'default' => 'show',
2809
+ 'options' => [
2810
+ 'image' => esc_html__( 'Image', 'the-post-grid' ),
2811
+ 'icon' => esc_html__( 'Icon', 'the-post-grid' ),
2812
+ ],
2813
  'render_type' => 'template',
2814
  'prefix_class' => 'author-image-visibility-',
2815
  'condition' => [
2816
  'show_author!' => '',
2817
  'author_icon_visibility!' => 'hide',
2818
+ $prefix . '_layout!' => [ 'grid-layout7', 'slider-layout4' ],
2819
  ],
2820
  ]
2821
  );
2837
  '{{WRAPPER}} .tpg-el-main-wrapper .post-meta-tags span img' => 'width: {{SIZE}}{{UNIT}} !important;max-width:{{SIZE}}{{UNIT}};height:{{SIZE}}{{UNIT}} !important;',
2838
  ],
2839
  'condition' => [
2840
+ 'show_author!' => '',
2841
+ 'author_icon_visibility!' => 'hide',
2842
+ 'show_author_image!' => 'icon',
2843
  ],
2844
  ]
2845
  );
3163
  'tab' => Controls_Manager::TAB_SETTINGS,
3164
  'condition' => [
3165
  'show_read_more' => 'show',
3166
+ $prefix . '_layout!' => [ 'grid-layout7', 'slider-layout4' ],
3167
  ],
3168
  ]
3169
  );
3222
  ]
3223
  );
3224
 
3225
+ $ref->add_control(
3226
+ 'readmore_icon_position',
3227
+ [
3228
+ 'label' => esc_html__( 'Icon Position', 'the-post-grid' ),
3229
+ 'type' => \Elementor\Controls_Manager::SELECT,
3230
+ 'default' => 'right',
3231
+ 'options' => [
3232
+ 'left' => esc_html__( 'Left', 'the-post-grid' ),
3233
+ 'right' => esc_html__( 'Right', 'the-post-grid' ),
3234
+ ],
3235
+ 'condition' => [
3236
+ 'show_btn_icon' => 'yes',
3237
+ ],
3238
+ ]
3239
+ );
3240
+
3241
  $ref->end_controls_section();
3242
  }
3243
 
3263
  'tab' => Controls_Manager::TAB_SETTINGS,
3264
  'condition' => [
3265
  'show_acf' => 'show',
3266
+ $prefix . '_layout!' => [ 'grid-layout7', 'slider-layout4' ],
3267
  ],
3268
  ]
3269
  );
3352
  'label' => esc_html__( 'Links', 'the-post-grid' ),
3353
  'tab' => Controls_Manager::TAB_CONTENT,
3354
  'condition' => [
3355
+ $prefix . '_layout!' => [ 'grid-layout7', 'slider-layout4' ],
3356
  ],
3357
 
3358
  ]
4073
  'tab' => \Elementor\Controls_Manager::TAB_STYLE,
4074
  'condition' => [
4075
  'show_title' => 'show',
4076
+ $prefix . '_layout!' => [ 'grid-layout7', 'slider-layout4' ],
4077
  ],
4078
  ]
4079
  );
4373
  'tab' => \Elementor\Controls_Manager::TAB_STYLE,
4374
  'condition' => [
4375
  'show_excerpt' => 'show',
4376
+ $prefix . '_layout!' => [ 'grid-layout7', 'slider-layout4' ],
4377
  ],
4378
  ]
4379
  );
4530
  $ref->start_controls_section(
4531
  'post_meta_style',
4532
  [
4533
+ 'label' => esc_html__( 'Meta Data', 'the-post-grid' ),
4534
  'tab' => \Elementor\Controls_Manager::TAB_STYLE,
4535
  'condition' => [
4536
  'show_meta' => 'show',
4537
+ $prefix . '_layout!' => [ 'grid-layout7', 'slider-layout4' ],
4538
  ],
4539
  ]
4540
  );
4546
  'selector' => '{{WRAPPER}} .rt-tpg-container .tpg-post-holder .rt-el-post-meta, {{WRAPPER}} .tpg-post-holder .tpg-separate-category .categories-links a',
4547
  ]
4548
  );
4549
+ $ref->add_responsive_control(
4550
+ 'post_meta_alignment',
4551
+ [
4552
+ 'label' => esc_html__( 'Alignment', 'the-post-grid' ),
4553
+ 'type' => \Elementor\Controls_Manager::CHOOSE,
4554
+ 'options' => [
4555
+ 'left' => [
4556
+ 'title' => esc_html__( 'Left', 'the-post-grid' ),
4557
+ 'icon' => 'eicon-text-align-left',
4558
+ ],
4559
+ 'center' => [
4560
+ 'title' => esc_html__( 'Center', 'the-post-grid' ),
4561
+ 'icon' => 'eicon-text-align-center',
4562
+ ],
4563
+ 'right' => [
4564
+ 'title' => esc_html__( 'Right', 'the-post-grid' ),
4565
+ 'icon' => 'eicon-text-align-right',
4566
+ ],
4567
+ ],
4568
+ 'toggle' => true,
4569
+ 'selectors' => [
4570
+ '{{WRAPPER}} .rt-tpg-container .rt-el-post-meta' => 'text-align: {{VALUE}}',
4571
+ ],
4572
+ ]
4573
+ );
4574
+
4575
 
4576
  $ref->add_responsive_control(
4577
  'meta_spacing',
4898
  'tab' => \Elementor\Controls_Manager::TAB_STYLE,
4899
  'condition' => [
4900
  'show_read_more' => 'show',
4901
+ $prefix . '_layout!' => [ 'grid-layout7', 'slider-layout4' ],
4902
  ],
4903
  ]
4904
  );
4974
  ]
4975
  );
4976
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
4977
  $ref->add_responsive_control(
4978
  'readmore_icon_size',
4979
  [
6215
  'tab' => Controls_Manager::TAB_STYLE,
6216
  'condition' => [
6217
  'show_social_share' => 'show',
6218
+ $prefix . '_layout!' => [ 'grid-layout7', 'slider-layout4' ],
6219
  ],
6220
  ]
6221
  );
6232
  * @param $prefix
6233
  */
6234
  public static function get_social_share_control( $ref ) {
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
6235
  $settings = get_option( rtTPG()->options['settings'] );
6236
  $ssList = ! empty( $settings['social_share_items'] ) ? $settings['social_share_items'] : [];
6237
 
6324
  ]
6325
  );
6326
 
6327
+ $ref->add_control(
6328
+ 'social_icon_color_heading',
6329
+ [
6330
+ 'label' => esc_html__( 'Icon Color:', 'the-post-grid' ),
6331
+ 'type' => \Elementor\Controls_Manager::HEADING,
6332
+ 'separator' => 'before',
6333
+ 'classes' => 'tpg-control-type-heading',
6334
+ ]
6335
+ );
6336
+
6337
+ $ref->add_control(
6338
+ 'social_icon_style',
6339
+ [
6340
+ 'label' => esc_html__( 'Icon Color Style', 'the-post-grid' ),
6341
+ 'type' => \Elementor\Controls_Manager::SELECT,
6342
+ 'default' => 'default',
6343
+ 'options' => [
6344
+ 'default' => esc_html__( 'Default (Brand Color)', 'the-post-grid' ),
6345
+ 'different_color' => esc_html__( 'Different Color for each', 'the-post-grid' ),
6346
+ 'custom' => esc_html__( 'Custom color', 'the-post-grid' ),
6347
+ ],
6348
+ 'description' => esc_html__( 'Select Custom for your own customize', 'the-post-grid' ),
6349
+ ]
6350
+ );
6351
+
6352
  //TODO: Start Social Share Tabs Tab
6353
  $ref->start_controls_tabs(
6354
  'social_share_style_tabs'
6449
  'label' => esc_html__( 'Icon color', 'the-post-grid' ),
6450
  'type' => \Elementor\Controls_Manager::COLOR,
6451
  'selectors' => [
6452
+ '{{WRAPPER}} .rt-tpg-social-share a:hover i' => 'color: {{VALUE}} !important',
 
 
 
6453
  ],
6454
+ // 'condition' => [
6455
+ // 'social_icon_style' => 'custom',
6456
+ // ],
6457
  ]
6458
  );
6459
 
6460
  $ref->add_control(
6461
  'social_icon_bg_color_hover',
6462
  [
6463
+ 'label' => esc_html__( 'Icon Background', 'the-post-grid' ),
6464
  'type' => \Elementor\Controls_Manager::COLOR,
6465
  'selectors' => [
6466
+ '{{WRAPPER}} .rt-tpg-social-share a:hover i' => 'background-color: {{VALUE}} !important',
6467
+ ],
6468
+ // 'condition' => [
6469
+ // 'social_icon_style' => 'custom',
6470
+ // ],
6471
+ ]
6472
+ );
6473
+
6474
+ // foreach ( $ssList as $ss ) {
6475
+ // $ref->add_control(
6476
+ // $ss . '_social_icon_color_hover',
6477
+ // [
6478
+ // 'label' => ucwords( $ss ) . esc_html__( ' color - Hover', 'the-post-grid' ),
6479
+ // 'type' => \Elementor\Controls_Manager::COLOR,
6480
+ // 'selectors' => [
6481
+ // '{{WRAPPER}} .rt-tpg-social-share a.' . $ss . ':hover i' => 'color: {{VALUE}}',
6482
+ // ],
6483
+ // 'condition' => [
6484
+ // 'social_icon_style' => 'different_color',
6485
+ // ],
6486
+ // ]
6487
+ // );
6488
+ //
6489
+ // $ref->add_control(
6490
+ // $ss . '_social_icon_bg_color_hover',
6491
+ // [
6492
+ // 'label' => ucwords( $ss ) . esc_html__( ' Background - Hover', 'the-post-grid' ),
6493
+ // 'type' => \Elementor\Controls_Manager::COLOR,
6494
+ // 'selectors' => [
6495
+ // '{{WRAPPER}} .rt-tpg-social-share a.' . $ss . ':hover i' => 'background-color: {{VALUE}}',
6496
+ // ],
6497
+ // 'condition' => [
6498
+ // 'social_icon_style' => 'different_color',
6499
+ // ],
6500
+ // ]
6501
+ // );
6502
+ // }
6503
 
6504
  $ref->add_group_control(
6505
  \Elementor\Group_Control_Border::get_type(),
6512
 
6513
  $ref->end_controls_tab();
6514
 
6515
+ //TODO: ============================
6516
+ $ref->start_controls_tab(
6517
+ 'socia_box_hover_tab',
6518
+ [
6519
+ 'label' => esc_html__( 'Box Hover', 'the-post-grid' ),
6520
+ ]
6521
+ );
6522
+
6523
+ $ref->add_control(
6524
+ 'social_icon_color_box_hover',
6525
+ [
6526
+ 'label' => esc_html__( 'Icon color - BoxHover', 'the-post-grid' ),
6527
+ 'type' => \Elementor\Controls_Manager::COLOR,
6528
+ 'selectors' => [
6529
+ '{{WRAPPER}} .tpg-el-main-wrapper .tpg-post-holder:hover .rt-tpg-social-share a i' => 'color: {{VALUE}}',
6530
+ ],
6531
+ ]
6532
+ );
6533
+
6534
+ $ref->add_control(
6535
+ 'social_icon_bg_color_box_hover',
6536
+ [
6537
+ 'label' => esc_html__( 'Icon Background - BoxHover', 'the-post-grid' ),
6538
+ 'type' => \Elementor\Controls_Manager::COLOR,
6539
+ 'selectors' => [
6540
+ '{{WRAPPER}} .tpg-el-main-wrapper .tpg-post-holder:hover .rt-tpg-social-share a i' => 'background-color: {{VALUE}}',
6541
+ ],
6542
+ ]
6543
+ );
6544
+
6545
+ $ref->end_controls_tab();
6546
+
6547
  $ref->end_controls_tabs();
6548
  }
6549
 
6557
  $ref->start_controls_section(
6558
  'article_box_settings',
6559
  [
6560
+ 'label' => esc_html__( 'Card (Post Item)', 'the-post-grid' ),
6561
  'tab' => Controls_Manager::TAB_STYLE,
6562
  ]
6563
  );
8018
  'tab' => Controls_Manager::TAB_STYLE,
8019
  'condition' => [
8020
  'show_acf' => 'show',
8021
+ $prefix . '_layout!' => [ 'grid-layout7', 'slider-layout4' ],
8022
  ],
8023
  ]
8024
  );
8110
  'prefix_class' => 'tpg-acf-align-',
8111
  'toggle' => true,
8112
  'condition' => [
8113
+ 'grid_layout!' => [ 'grid-layout7', 'slider-layout4' ],
8114
  ],
8115
 
8116
  ]
app/Widgets/elementor/rtTPGElementorQuery.php CHANGED
@@ -164,229 +164,7 @@ class rtTPGElementorQuery {
164
  }
165
  } elseif ( 'list' === $prefix ) {
166
  if ( in_array( $data['list_layout'], [ 'list-layout2', 'list-layout2-2' ] ) ) {
167
- $_posts_per_page = 9;
168
- } elseif ( in_array( $data['list_layout'], [ 'list-layout3', 'list-layout3-2' ] ) ) {
169
- $_posts_per_page = 5;
170
- }
171
- } elseif ( 'grid_hover' === $prefix ) {
172
- if ( in_array( $data['grid_hover_layout'], [ 'grid_hover-layout4', 'grid_hover-layout4-2' ] ) ) {
173
  $_posts_per_page = 7;
174
- } elseif ( in_array( $data['grid_hover_layout'], [
175
- 'grid_hover-layout5',
176
- 'grid_hover-layout5-2'
177
- ] ) ) {
178
- $_posts_per_page = 3;
179
- } elseif ( in_array( $data['grid_hover_layout'],
180
- [
181
- 'grid_hover-layout6',
182
- 'grid_hover-layout6-2',
183
- 'grid_hover-layout9',
184
- 'grid_hover-layout9-2',
185
- 'grid_hover-layout10',
186
- 'grid_hover-layout11'
187
- ] )
188
- ) {
189
- $_posts_per_page = 4;
190
- } elseif ( in_array( $data['grid_hover_layout'], [
191
- 'grid_hover-layout7',
192
- 'grid_hover-layout7-2',
193
- 'grid_hover-layout8'
194
- ] ) ) {
195
- $_posts_per_page = 5;
196
- } elseif ( in_array( $data['grid_hover_layout'], [
197
- 'grid_hover-layout6',
198
- 'grid_hover-layout6-2'
199
- ] ) ) {
200
- $_posts_per_page = 4;
201
- }
202
- }
203
-
204
- $args['posts_per_page'] = $_posts_per_page;
205
- }
206
-
207
- if ( 'show' === $data['show_pagination'] && $data['display_per_page'] ) {
208
- $args['posts_per_page'] = $data['display_per_page'];
209
- }
210
- } else {
211
- $slider_per_page = $data['post_limit'];
212
- if ( $data['slider_layout'] == 'slider-layout10' ) {
213
- $slider_reminder = ( intval( $data['post_limit'], 10 ) % 5 );
214
- if ( $slider_reminder ) {
215
- $slider_per_page = ( $data['post_limit'] - $slider_reminder + 5 );
216
- }
217
- }
218
- $args['posts_per_page'] = $slider_per_page;
219
- }
220
-
221
-
222
- return $args;
223
- }
224
-
225
-
226
- /**
227
- * Post Query for gutenberg
228
- *
229
- * @param $data
230
- * @param $prefix
231
- *
232
- * @return array
233
- */
234
- public static function post_query_guten( $data, $prefix = '' ): array {
235
- $post_type = isset( $data['post_type'] ) ? $data['post_type'] : 'post';
236
- $args = [
237
- 'post_type' => [ $post_type ],
238
- 'post_status' => isset( $data['post_status'] ) ? $data['post_status'] : 'publish',
239
- ];
240
-
241
- if ( $data['post_id'] ) {
242
- $post_ids = explode( ',', $data['post_id'] );
243
- $post_ids = array_map( 'trim', $post_ids );
244
- $args['post__in'] = $post_ids;
245
- }
246
-
247
- if ( $prefix !== 'slider' && 'show' === $data['show_pagination'] ) {
248
- $_paged = is_front_page() ? "page" : "paged";
249
- $args['paged'] = get_query_var( $_paged ) ? absint( get_query_var( $_paged ) ) : 1;
250
- }
251
-
252
- if ( rtTPG()->hasPro() && 'yes' == $data['ignore_sticky_posts'] ) {
253
- $args['ignore_sticky_posts'] = 1;
254
- }
255
-
256
- if ( $orderby = $data['orderby'] ) {
257
- $args['orderby'] = $orderby;
258
- }
259
-
260
- if ( $data['order'] ) {
261
- $args['order'] = $data['order'];
262
- }
263
-
264
- if ( $data['author'] ) {
265
- $args['author__in'] = $data['author'];
266
- }
267
-
268
- if ( isset( $data['date_range'] ) ) :
269
- if ( rtTPG()->hasPro() && $data['date_range'] ) {
270
- if ( strpos( $data['date_range'], 'to' ) ) {
271
- $date_range = explode( 'to', $data['date_range'] );
272
- $args['date_query'] = [
273
- [
274
- 'after' => trim( $date_range[0] ),
275
- 'before' => trim( $date_range[1] ),
276
- 'inclusive' => true,
277
- ],
278
- ];
279
- }
280
- }
281
- endif;
282
-
283
- $_taxonomies = get_object_taxonomies( $data['post_type'], 'objects' );
284
- $_taxonomy_list = $data['taxonomy_lists'];
285
- $filtered_taxonomy_lists = [];
286
-
287
- //error_log( print_r( $_taxonomy_list , true ) . "\n\n" , 3, __DIR__ . '/log.txt' );
288
-
289
- if ( isset( $_taxonomy_list ) && ! empty( $_taxonomy_list ) ) {
290
- foreach ( $_taxonomies as $index => $object ) {
291
- if ( in_array( $object->name, Fns::get_excluded_taxonomy() ) ) {
292
- continue;
293
- }
294
-
295
- if ( ! isset( $_taxonomy_list[ $object->name ]['options'] ) ) {
296
- continue;
297
- }
298
-
299
- $_term_list = wp_list_pluck( $_taxonomy_list[ $object->name ]['options'], 'value' );
300
- if ( ! empty( $_term_list ) ) {
301
- $args['tax_query'][] = [
302
- 'taxonomy' => $object->name,
303
- 'field' => 'term_id',
304
- 'terms' => $_term_list,
305
- ];
306
- }
307
-
308
-
309
- // if ( $prefix !== 'slider' && rtTPG()->hasPro() && 'show' === $data['show_taxonomy_filter'] ) {
310
- // if ( ( $data[ $data['post_type'] . '_filter_taxonomy' ] == $object->name ) && $data[ $object->name . '_default_terms' ] !== '0' ) {
311
- // $args['tax_query'][] = [
312
- // 'taxonomy' => $data[ $data['post_type'] . '_filter_taxonomy' ],
313
- // 'field' => 'term_id',
314
- // 'terms' => $data[ $object->name . '_default_terms' ],
315
- // ];
316
- // }
317
- // } else {
318
- // $setting_key = $object->name . '_ids';
319
- // if ( ! empty( $data[ $setting_key ] ) ) {
320
- // $args['tax_query'][] = [
321
- // 'taxonomy' => $object->name,
322
- // 'field' => 'term_id',
323
- // 'terms' => $data[ $setting_key ],
324
- // ];
325
- // }
326
- // }
327
-
328
- }
329
- }
330
-
331
- if ( ! empty( $args['tax_query'] ) && $data['relation'] ) {
332
- $args['tax_query']['relation'] = $data['relation'];
333
- }
334
-
335
- if ( $data['post_keyword'] ) {
336
- $args['s'] = $data['post_keyword'];
337
- }
338
-
339
- $offset_posts = $excluded_ids = [];
340
- if ( $data['exclude'] || $data['offset'] ) {
341
- if ( $data['exclude'] ) {
342
- $excluded_ids = explode( ',', $data['exclude'] );
343
- $excluded_ids = array_map( 'trim', $excluded_ids );
344
- }
345
-
346
- if ( $data['offset'] ) {
347
- $_temp_args = $args;
348
- unset( $_temp_args['paged'] );
349
- $_temp_args['posts_per_page'] = $data['offset'];
350
- $_temp_args['fields'] = 'ids';
351
-
352
- $offset_posts = get_posts( $_temp_args );
353
- }
354
-
355
- $excluded_post_ids = array_merge( $offset_posts, $excluded_ids );
356
- $args['post__not_in'] = array_unique( $excluded_post_ids );
357
- }
358
-
359
- if ( $prefix !== 'slider' ) {
360
- if ( $data['post_limit'] ) {
361
- if ( 'show' !== $data['show_pagination'] ) {
362
- $args['posts_per_page'] = $data['post_limit'];
363
- } else {
364
- $tempArgs = $args;
365
- $tempArgs['posts_per_page'] = $data['post_limit'];
366
- $tempArgs['paged'] = 1;
367
- $tempArgs['fields'] = 'ids';
368
- if ( ! empty( $offset_posts ) ) {
369
- $tempArgs['post__not_in'] = $offset_posts;
370
- }
371
- $tempQ = new WP_Query( $tempArgs );
372
- if ( ! empty( $tempQ->posts ) ) {
373
- $args['post__in'] = $tempQ->posts;
374
- $args['posts_per_page'] = $data['post_limit'];
375
- }
376
- }
377
- } else {
378
- $_posts_per_page = 9;
379
- if ( 'grid' === $prefix ) {
380
- if ( $data['grid_layout'] == 'grid-layout5' ) {
381
- $_posts_per_page = 5;
382
- } elseif ( in_array( $data['grid_layout'], [ 'grid-layout6', 'grid-layout6-2' ] ) ) {
383
- $_posts_per_page = 3;
384
- } elseif ( in_array( $data['grid_layout'], [ 'grid-layout5', 'grid-layout5-2' ] ) ) {
385
- $_posts_per_page = 5;
386
- }
387
- } elseif ( 'list' === $prefix ) {
388
- if ( in_array( $data['list_layout'], [ 'list-layout2', 'list-layout2-2' ] ) ) {
389
- $_posts_per_page = 9;
390
  } elseif ( in_array( $data['list_layout'], [ 'list-layout3', 'list-layout3-2' ] ) ) {
391
  $_posts_per_page = 5;
392
  }
@@ -444,7 +222,6 @@ class rtTPGElementorQuery {
444
  return $args;
445
  }
446
 
447
-
448
  /**
449
  * Post Query for page builder block
450
  *
164
  }
165
  } elseif ( 'list' === $prefix ) {
166
  if ( in_array( $data['list_layout'], [ 'list-layout2', 'list-layout2-2' ] ) ) {
 
 
 
 
 
 
167
  $_posts_per_page = 7;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
168
  } elseif ( in_array( $data['list_layout'], [ 'list-layout3', 'list-layout3-2' ] ) ) {
169
  $_posts_per_page = 5;
170
  }
222
  return $args;
223
  }
224
 
 
225
  /**
226
  * Post Query for page builder block
227
  *
app/Widgets/elementor/widgets/grid-hover-layout-archive.php CHANGED
@@ -39,7 +39,7 @@ class TPGGridHoverLayoutArchive extends Custom_Widget_Base {
39
  $scripts = [];
40
  array_push( $scripts, 'imagesloaded' );
41
  array_push( $scripts, 'rt-tpg' );
42
- array_push( $scripts, 'rt-tpg-el-pro' );
43
 
44
  return $scripts;
45
  }
@@ -50,7 +50,7 @@ class TPGGridHoverLayoutArchive extends Custom_Widget_Base {
50
 
51
  if ( isset( $settings['tpg_load_script'] ) ) {
52
  array_push( $style, 'rt-fontawsome' );
53
- array_push( $style, 'rt-tpg-elementor' );
54
  }
55
 
56
  return $style;
39
  $scripts = [];
40
  array_push( $scripts, 'imagesloaded' );
41
  array_push( $scripts, 'rt-tpg' );
42
+ array_push( $scripts, 'rttpg-block-pro' );
43
 
44
  return $scripts;
45
  }
50
 
51
  if ( isset( $settings['tpg_load_script'] ) ) {
52
  array_push( $style, 'rt-fontawsome' );
53
+ array_push( $style, 'rt-tpg-block' );
54
  }
55
 
56
  return $style;
app/Widgets/elementor/widgets/grid-hover-layout.php CHANGED
@@ -38,7 +38,7 @@ class TPGGridHoverLayout extends Custom_Widget_Base {
38
  $scripts = [];
39
  array_push( $scripts, 'imagesloaded' );
40
  array_push( $scripts, 'rt-tpg' );
41
- array_push( $scripts, 'rt-tpg-el-pro' );
42
 
43
  return $scripts;
44
  }
@@ -49,7 +49,7 @@ class TPGGridHoverLayout extends Custom_Widget_Base {
49
 
50
  if ( isset( $settings['tpg_load_script'] ) ) {
51
  array_push( $style, 'rt-fontawsome' );
52
- array_push( $style, 'rt-tpg-elementor' );
53
  }
54
 
55
  return $style;
@@ -244,7 +244,7 @@ class TPGGridHoverLayout extends Custom_Widget_Base {
244
  ) ) {
245
  $wrapper_class[] = 'grid_hover-layout5';
246
  }
247
- $wrapper_class[] = str_replace( '-2', null, $_layout );
248
  $wrapper_class[] = 'tpg-even grid-behaviour';
249
  $wrapper_class[] = $_prefix . '_layout_wrapper';
250
 
38
  $scripts = [];
39
  array_push( $scripts, 'imagesloaded' );
40
  array_push( $scripts, 'rt-tpg' );
41
+ array_push( $scripts, 'rttpg-block-pro' );
42
 
43
  return $scripts;
44
  }
49
 
50
  if ( isset( $settings['tpg_load_script'] ) ) {
51
  array_push( $style, 'rt-fontawsome' );
52
+ array_push( $style, 'rt-tpg-block' );
53
  }
54
 
55
  return $style;
244
  ) ) {
245
  $wrapper_class[] = 'grid_hover-layout5';
246
  }
247
+ $wrapper_class[] = str_replace( '-2', '', $_layout );
248
  $wrapper_class[] = 'tpg-even grid-behaviour';
249
  $wrapper_class[] = $_prefix . '_layout_wrapper';
250
 
app/Widgets/elementor/widgets/grid-layout-archive.php CHANGED
@@ -39,7 +39,7 @@ class TPGGridLayoutArchive extends Custom_Widget_Base {
39
  $scripts = [];
40
  array_push( $scripts, 'imagesloaded' );
41
  array_push( $scripts, 'rt-tpg' );
42
- array_push( $scripts, 'rt-tpg-el-pro' );
43
 
44
  return $scripts;
45
  }
@@ -50,7 +50,7 @@ class TPGGridLayoutArchive extends Custom_Widget_Base {
50
 
51
  if ( isset( $settings['tpg_load_script'] ) ) {
52
  array_push( $style, 'rt-fontawsome' );
53
- array_push( $style, 'rt-tpg-elementor' );
54
  }
55
 
56
  return $style;
39
  $scripts = [];
40
  array_push( $scripts, 'imagesloaded' );
41
  array_push( $scripts, 'rt-tpg' );
42
+ array_push( $scripts, 'rttpg-block-pro' );
43
 
44
  return $scripts;
45
  }
50
 
51
  if ( isset( $settings['tpg_load_script'] ) ) {
52
  array_push( $style, 'rt-fontawsome' );
53
+ array_push( $style, 'rt-tpg-block' );
54
  }
55
 
56
  return $style;
app/Widgets/elementor/widgets/grid-layout.php CHANGED
@@ -21,7 +21,7 @@ class TPGGridLayout extends Custom_Widget_Base {
21
  * GridLayout constructor.
22
  *
23
  * @param array $data
24
- * @param null $args
25
  *
26
  * @throws \Exception
27
  */
@@ -37,10 +37,9 @@ class TPGGridLayout extends Custom_Widget_Base {
37
 
38
  public function get_script_depends() {
39
  $scripts = [];
40
-
41
  array_push( $scripts, 'imagesloaded' );
42
  array_push( $scripts, 'rt-tpg' );
43
- array_push( $scripts, 'rt-tpg-el-pro' );
44
 
45
  return $scripts;
46
  }
@@ -51,7 +50,7 @@ class TPGGridLayout extends Custom_Widget_Base {
51
 
52
  if ( isset( $settings['tpg_load_script'] ) ) {
53
  array_push( $style, 'rt-fontawsome' );
54
- array_push( $style, 'rt-tpg-elementor' );
55
  }
56
 
57
  return $style;
@@ -151,13 +150,13 @@ class TPGGridLayout extends Custom_Widget_Base {
151
  $_prefix = $this->prefix;
152
 
153
  if ( ! rtTPG()->hasPro() && ! in_array(
154
- $data[ $_prefix . '_layout' ],
155
- [
156
- 'grid-layout1',
157
- 'grid-layout4',
158
- 'grid-layout3',
159
- ]
160
- ) ) {
161
  $data[ $_prefix . '_layout' ] = 'grid-layout1';
162
  }
163
 
@@ -181,6 +180,7 @@ class TPGGridLayout extends Custom_Widget_Base {
181
  wp_enqueue_script( 'rt-pagination' );
182
  }
183
 
 
184
  // Query.
185
  $query_args = rtTPGElementorQuery::post_query( $data, $_prefix );
186
  $query = new WP_Query( $query_args );
@@ -214,26 +214,26 @@ class TPGGridLayout extends Custom_Widget_Base {
214
  $_layout_style = $data[ $_prefix . '_layout_style' ];
215
 
216
  ?>
217
- <div class="rt-container-fluid rt-tpg-container tpg-el-main-wrapper clearfix <?php echo esc_attr( $_layout . '-main' ); ?>"
218
- id="<?php echo esc_attr( $layoutID ); ?>"
219
- data-layout="<?php echo esc_attr( $data[ $_prefix . '_layout' ] ); ?>"
220
- data-grid-style="<?php echo esc_attr( $data[ $_prefix . '_layout_style' ] ); ?>"
221
- data-sc-id="elementor"
222
- data-el-settings='<?php Fns::is_filter_enable( $data ) ? Fns::print_html( htmlspecialchars( wp_json_encode( $post_data ) ), true ) : ''; ?>'
223
- data-el-query='<?php Fns::is_filter_enable( $data ) ? Fns::print_html( htmlspecialchars( wp_json_encode( $query_args ) ), true ) : ''; ?>'
224
- data-el-path='<?php echo Fns::is_filter_enable( $data ) ? esc_attr( $template_path ) : ''; ?>'
225
- >
226
 
227
 
228
  <?php
229
  $settings = get_option( rtTPG()->options['settings'] );
230
  if ( isset( $settings['tpg_load_script'] ) && isset( $settings['tpg_enable_preloader'] ) ) {
231
  ?>
232
- <div id="bottom-script-loader" class="bottom-script-loader">
233
- <div class="rt-ball-clip-rotate">
234
- <div></div>
235
- </div>
236
- </div>
237
  <?php
238
  }
239
 
@@ -244,16 +244,20 @@ class TPGGridLayout extends Custom_Widget_Base {
244
  $wrapper_class[] = $_prefix . '_layout_wrapper';
245
 
246
  if ( 'masonry' === $_layout_style && in_array(
247
- $_layout,
248
- [
249
- 'grid-layout1',
250
- 'grid-layout3',
251
- 'grid-layout4',
252
- ]
253
- ) ) {
254
  $wrapper_class[] = 'tpg-masonry';
255
  }
256
 
 
 
 
 
257
  // section title settings.
258
  $is_carousel = '';
259
  if ( rtTPG()->hasPro() && 'carousel' == $data['filter_btn_style'] && 'button' == $data['filter_type'] ) {
@@ -267,7 +271,7 @@ class TPGGridLayout extends Custom_Widget_Base {
267
 
268
  ?>
269
 
270
- <div data-title="Loading ..." class="rt-row rt-content-loader <?php echo esc_attr( implode( ' ', $wrapper_class ) ); ?>">
271
  <?php
272
  if ( $query->have_posts() ) {
273
  $pCount = 1;
@@ -281,21 +285,21 @@ class TPGGridLayout extends Custom_Widget_Base {
281
  }
282
  } else {
283
  if ( $data['no_posts_found_text'] ) {
284
- printf( "<div class='no_posts_found_text'>%s</div>", esc_html( $data['no_posts_found_text'] ) );
285
  } else {
286
- printf( "<div class='no_posts_found_text'>%s</div>", esc_html__( 'No post found', 'the-post-grid' ) );
287
  }
288
  }
289
  wp_reset_postdata();
290
  ?>
291
- </div>
292
  <?php Fns::print_html( Fns::get_pagination_markup( $query, $data ) ); ?>
293
 
294
- </div>
295
  <?php
296
  if ( 'masonry' === $data[ $_prefix . '_layout_style' ] && \Elementor\Plugin::$instance->editor->is_edit_mode() ) {
297
  ?>
298
- <script>jQuery( '.rt-row.rt-content-loader.tpg-masonry' ).isotope();</script>
299
  <?php
300
  }
301
 
21
  * GridLayout constructor.
22
  *
23
  * @param array $data
24
+ * @param null $args
25
  *
26
  * @throws \Exception
27
  */
37
 
38
  public function get_script_depends() {
39
  $scripts = [];
 
40
  array_push( $scripts, 'imagesloaded' );
41
  array_push( $scripts, 'rt-tpg' );
42
+ array_push( $scripts, 'rttpg-block-pro' );
43
 
44
  return $scripts;
45
  }
50
 
51
  if ( isset( $settings['tpg_load_script'] ) ) {
52
  array_push( $style, 'rt-fontawsome' );
53
+ array_push( $style, 'rt-tpg-block' );
54
  }
55
 
56
  return $style;
150
  $_prefix = $this->prefix;
151
 
152
  if ( ! rtTPG()->hasPro() && ! in_array(
153
+ $data[ $_prefix . '_layout' ],
154
+ [
155
+ 'grid-layout1',
156
+ 'grid-layout4',
157
+ 'grid-layout3',
158
+ ]
159
+ ) ) {
160
  $data[ $_prefix . '_layout' ] = 'grid-layout1';
161
  }
162
 
180
  wp_enqueue_script( 'rt-pagination' );
181
  }
182
 
183
+
184
  // Query.
185
  $query_args = rtTPGElementorQuery::post_query( $data, $_prefix );
186
  $query = new WP_Query( $query_args );
214
  $_layout_style = $data[ $_prefix . '_layout_style' ];
215
 
216
  ?>
217
+ <div class="rt-container-fluid rt-tpg-container tpg-el-main-wrapper clearfix <?php echo esc_attr( $_layout . '-main' ); ?>"
218
+ id="<?php echo esc_attr( $layoutID ); ?>"
219
+ data-layout="<?php echo esc_attr( $data[ $_prefix . '_layout' ] ); ?>"
220
+ data-grid-style="<?php echo esc_attr( $data[ $_prefix . '_layout_style' ] ); ?>"
221
+ data-sc-id="elementor"
222
+ data-el-settings='<?php Fns::is_filter_enable( $data ) ? Fns::print_html( htmlspecialchars( wp_json_encode( $post_data ) ), true ) : ''; ?>'
223
+ data-el-query='<?php Fns::is_filter_enable( $data ) ? Fns::print_html( htmlspecialchars( wp_json_encode( $query_args ) ), true ) : ''; ?>'
224
+ data-el-path='<?php echo Fns::is_filter_enable( $data ) ? esc_attr( $template_path ) : ''; ?>'
225
+ >
226
 
227
 
228
  <?php
229
  $settings = get_option( rtTPG()->options['settings'] );
230
  if ( isset( $settings['tpg_load_script'] ) && isset( $settings['tpg_enable_preloader'] ) ) {
231
  ?>
232
+ <div id="bottom-script-loader" class="bottom-script-loader">
233
+ <div class="rt-ball-clip-rotate">
234
+ <div></div>
235
+ </div>
236
+ </div>
237
  <?php
238
  }
239
 
244
  $wrapper_class[] = $_prefix . '_layout_wrapper';
245
 
246
  if ( 'masonry' === $_layout_style && in_array(
247
+ $_layout,
248
+ [
249
+ 'grid-layout1',
250
+ 'grid-layout3',
251
+ 'grid-layout4',
252
+ ]
253
+ ) ) {
254
  $wrapper_class[] = 'tpg-masonry';
255
  }
256
 
257
+ if(in_array($_layout, ['grid-layout6', 'grid-layout6-2']) && $data['middle_border']==='no'){
258
+ $wrapper_class[] = 'disable-middle-border';
259
+ }
260
+
261
  // section title settings.
262
  $is_carousel = '';
263
  if ( rtTPG()->hasPro() && 'carousel' == $data['filter_btn_style'] && 'button' == $data['filter_type'] ) {
271
 
272
  ?>
273
 
274
+ <div data-title="Loading ..." class="rt-row rt-content-loader <?php echo esc_attr( implode( ' ', $wrapper_class ) ); ?>">
275
  <?php
276
  if ( $query->have_posts() ) {
277
  $pCount = 1;
285
  }
286
  } else {
287
  if ( $data['no_posts_found_text'] ) {
288
+ printf( "<div class='no_posts_found_text rt-col-xs-12'>%s</div>", esc_html( $data['no_posts_found_text'] ) );
289
  } else {
290
+ printf( "<div class='no_posts_found_text rt-col-xs-12'>%s</div>", esc_html__( 'No post found', 'the-post-grid' ) );
291
  }
292
  }
293
  wp_reset_postdata();
294
  ?>
295
+ </div>
296
  <?php Fns::print_html( Fns::get_pagination_markup( $query, $data ) ); ?>
297
 
298
+ </div>
299
  <?php
300
  if ( 'masonry' === $data[ $_prefix . '_layout_style' ] && \Elementor\Plugin::$instance->editor->is_edit_mode() ) {
301
  ?>
302
+ <script>jQuery('.rt-row.rt-content-loader.tpg-masonry').isotope();</script>
303
  <?php
304
  }
305
 
app/Widgets/elementor/widgets/list-layout-archive.php CHANGED
@@ -39,7 +39,7 @@ class TPGListLayoutArchive extends Custom_Widget_Base {
39
  $scripts = [];
40
  array_push( $scripts, 'imagesloaded' );
41
  array_push( $scripts, 'rt-tpg' );
42
- array_push( $scripts, 'rt-tpg-el-pro' );
43
 
44
  return $scripts;
45
  }
@@ -50,7 +50,7 @@ class TPGListLayoutArchive extends Custom_Widget_Base {
50
 
51
  if ( isset( $settings['tpg_load_script'] ) ) {
52
  array_push( $style, 'rt-fontawsome' );
53
- array_push( $style, 'rt-tpg-elementor' );
54
  }
55
 
56
  return $style;
39
  $scripts = [];
40
  array_push( $scripts, 'imagesloaded' );
41
  array_push( $scripts, 'rt-tpg' );
42
+ array_push( $scripts, 'rttpg-block-pro' );
43
 
44
  return $scripts;
45
  }
50
 
51
  if ( isset( $settings['tpg_load_script'] ) ) {
52
  array_push( $style, 'rt-fontawsome' );
53
+ array_push( $style, 'rt-tpg-block' );
54
  }
55
 
56
  return $style;
app/Widgets/elementor/widgets/list-layout.php CHANGED
@@ -38,7 +38,7 @@ class TPGListLayout extends Custom_Widget_Base {
38
  $scripts = [];
39
  array_push( $scripts, 'rt-tpg' );
40
  array_push( $scripts, 'imagesloaded' );
41
- array_push( $scripts, 'rt-tpg-el-pro' );
42
 
43
  return $scripts;
44
  }
@@ -49,7 +49,7 @@ class TPGListLayout extends Custom_Widget_Base {
49
 
50
  if ( isset( $settings['tpg_load_script'] ) ) {
51
  array_push( $style, 'rt-fontawsome' );
52
- array_push( $style, 'rt-tpg-elementor' );
53
  }
54
 
55
  return $style;
@@ -211,6 +211,7 @@ class TPGListLayout extends Custom_Widget_Base {
211
  $_layout = $data[ $_prefix . '_layout' ];
212
  $_layout_style = $data[ $_prefix . '_layout_style' ];
213
  ?>
 
214
  <div class="rt-container-fluid rt-tpg-container tpg-el-main-wrapper <?php echo esc_attr( $_layout . '-main' ); ?>"
215
  data-sc-id="elementor"
216
  id="<?php echo esc_attr( $layoutID ); ?>"
38
  $scripts = [];
39
  array_push( $scripts, 'rt-tpg' );
40
  array_push( $scripts, 'imagesloaded' );
41
+ array_push( $scripts, 'rttpg-block-pro' );
42
 
43
  return $scripts;
44
  }
49
 
50
  if ( isset( $settings['tpg_load_script'] ) ) {
51
  array_push( $style, 'rt-fontawsome' );
52
+ array_push( $style, 'rt-tpg-block' );
53
  }
54
 
55
  return $style;
211
  $_layout = $data[ $_prefix . '_layout' ];
212
  $_layout_style = $data[ $_prefix . '_layout_style' ];
213
  ?>
214
+
215
  <div class="rt-container-fluid rt-tpg-container tpg-el-main-wrapper <?php echo esc_attr( $_layout . '-main' ); ?>"
216
  data-sc-id="elementor"
217
  id="<?php echo esc_attr( $layoutID ); ?>"
app/Widgets/elementor/widgets/related-post.php CHANGED
@@ -40,7 +40,7 @@ class TPGRelatedPost extends Custom_Widget_Base {
40
  array_push( $scripts, 'imagesloaded' );
41
  array_push( $scripts, 'swiper' );
42
  array_push( $scripts, 'rt-tpg' );
43
- array_push( $scripts, 'rt-tpg-el-pro' );
44
 
45
  return $scripts;
46
  }
@@ -51,7 +51,7 @@ class TPGRelatedPost extends Custom_Widget_Base {
51
 
52
  if ( isset( $settings['tpg_load_script'] ) ) {
53
  array_push( $style, 'rt-fontawsome' );
54
- array_push( $style, 'rt-tpg-elementor' );
55
  }
56
 
57
  return $style;
40
  array_push( $scripts, 'imagesloaded' );
41
  array_push( $scripts, 'swiper' );
42
  array_push( $scripts, 'rt-tpg' );
43
+ array_push( $scripts, 'rttpg-block-pro' );
44
 
45
  return $scripts;
46
  }
51
 
52
  if ( isset( $settings['tpg_load_script'] ) ) {
53
  array_push( $style, 'rt-fontawsome' );
54
+ array_push( $style, 'rt-tpg-block' );
55
  }
56
 
57
  return $style;
app/Widgets/elementor/widgets/slider-layout-archive.php CHANGED
@@ -41,7 +41,7 @@ class TPGSliderLayoutArchive extends Custom_Widget_Base {
41
  array_push( $scripts, 'imagesloaded' );
42
  array_push( $scripts, 'swiper' );
43
  array_push( $scripts, 'rt-tpg' );
44
- array_push( $scripts, 'rt-tpg-el-pro' );
45
 
46
  return $scripts;
47
  }
@@ -52,7 +52,7 @@ class TPGSliderLayoutArchive extends Custom_Widget_Base {
52
 
53
  if ( isset( $settings['tpg_load_script'] ) ) {
54
  array_push( $style, 'rt-fontawsome' );
55
- array_push( $style, 'rt-tpg-elementor' );
56
  array_push( $style, 'swiper' );
57
 
58
  }
41
  array_push( $scripts, 'imagesloaded' );
42
  array_push( $scripts, 'swiper' );
43
  array_push( $scripts, 'rt-tpg' );
44
+ array_push( $scripts, 'rttpg-block-pro' );
45
 
46
  return $scripts;
47
  }
52
 
53
  if ( isset( $settings['tpg_load_script'] ) ) {
54
  array_push( $style, 'rt-fontawsome' );
55
+ array_push( $style, 'rt-tpg-block' );
56
  array_push( $style, 'swiper' );
57
 
58
  }
app/Widgets/elementor/widgets/slider-layout.php CHANGED
@@ -40,7 +40,7 @@ class TPGSliderLayout extends Custom_Widget_Base {
40
  array_push( $scripts, 'imagesloaded' );
41
  array_push( $scripts, 'swiper' );
42
  array_push( $scripts, 'rt-tpg' );
43
- array_push( $scripts, 'rt-tpg-el-pro' );
44
 
45
  return $scripts;
46
  }
@@ -51,7 +51,7 @@ class TPGSliderLayout extends Custom_Widget_Base {
51
 
52
  if ( isset( $settings['tpg_load_script'] ) ) {
53
  array_push( $style, 'rt-fontawsome' );
54
- array_push( $style, 'rt-tpg-elementor' );
55
  array_push( $style, 'swiper' );
56
  }
57
 
@@ -216,7 +216,7 @@ class TPGSliderLayout extends Custom_Widget_Base {
216
  }
217
 
218
  ?>
219
- <div class="rt-container-fluid rt-tpg-container tpg-el-main-wrapper slider-layout-main loading <?php echo esc_attr( $_layout . '-main' ); ?>"
220
  id="<?php echo esc_attr( $layoutID ); ?>"
221
  data-layout="<?php echo esc_attr( $data[ $_prefix . '_layout' ] ); ?>"
222
  data-grid-style=""
@@ -259,10 +259,7 @@ class TPGSliderLayout extends Custom_Widget_Base {
259
 
260
  $wrapper_class[] = $_prefix . '_layout_wrapper';
261
 
262
- //section title settings
263
- Fns::get_section_title( $data );
264
-
265
-
266
  $slider_data = [
267
  'speed' => $data['speed'],
268
  'autoPlayTimeOut' => $data['autoplaySpeed'],
@@ -280,6 +277,9 @@ class TPGSliderLayout extends Custom_Widget_Base {
280
  if ( $data['enable_2_rows'] == 'yes' ) {
281
  $slider_data['autoHeight'] = false;
282
  }
 
 
 
283
  ?>
284
 
285
  <div class="slider-main-wrapper <?php echo esc_attr( $_layout ); ?>">
40
  array_push( $scripts, 'imagesloaded' );
41
  array_push( $scripts, 'swiper' );
42
  array_push( $scripts, 'rt-tpg' );
43
+ array_push( $scripts, 'rttpg-block-pro' );
44
 
45
  return $scripts;
46
  }
51
 
52
  if ( isset( $settings['tpg_load_script'] ) ) {
53
  array_push( $style, 'rt-fontawsome' );
54
+ array_push( $style, 'rt-tpg-block' );
55
  array_push( $style, 'swiper' );
56
  }
57
 
216
  }
217
 
218
  ?>
219
+ <div class="rt-container-fluid rt-tpg-container tpg-el-main-wrapper slider-layout-main <?php echo esc_attr( $_layout . '-main' ); ?>"
220
  id="<?php echo esc_attr( $layoutID ); ?>"
221
  data-layout="<?php echo esc_attr( $data[ $_prefix . '_layout' ] ); ?>"
222
  data-grid-style=""
259
 
260
  $wrapper_class[] = $_prefix . '_layout_wrapper';
261
 
262
+ //Slider Options
 
 
 
263
  $slider_data = [
264
  'speed' => $data['speed'],
265
  'autoPlayTimeOut' => $data['autoplaySpeed'],
277
  if ( $data['enable_2_rows'] == 'yes' ) {
278
  $slider_data['autoHeight'] = false;
279
  }
280
+
281
+ //section title settings
282
+ Fns::get_section_title( $data );
283
  ?>
284
 
285
  <div class="slider-main-wrapper <?php echo esc_attr( $_layout ); ?>">
assets/blocks/main.asset.php CHANGED
@@ -1 +1 @@
1
- <?php return array('dependencies' => array('react', 'react-dom', 'wp-api-fetch', 'wp-blocks', 'wp-components', 'wp-element', 'wp-i18n'), 'version' => '6cfa2fba04fec44b5342');
1
+ <?php return array('dependencies' => array('react', 'react-dom', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-data', 'wp-element', 'wp-i18n'), 'version' => '9ad61219c3a5ddfde113');
assets/blocks/main.css CHANGED
@@ -1,1598 +1,15 @@
1
- /*!*********************************************************************************************************************************************************************************************************************************************************!*\
2
- !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/scss/devices.scss ***!
3
- \*********************************************************************************************************************************************************************************************************************************************************/
4
- .rttpg-components-popover .rttpg-device-switcher,
5
- .rttpg-panel-control-wrapper .rttpg-device-switcher {
6
- color: #a4afb7;
7
- display: flex;
8
- align-items: center;
9
- justify-content: center;
10
- position: relative;
11
- z-index: 2;
12
- cursor: pointer;
13
- height: 0;
14
- transform: scale(0);
15
- opacity: 0;
16
- transition: 0.15s;
17
- font-size: 11px;
18
- }
19
- .rttpg-components-popover .rttpg-device-switcher i,
20
- .rttpg-panel-control-wrapper .rttpg-device-switcher i {
21
- font-size: inherit;
22
- }
23
- .rttpg-components-popover .rttpg-device-switcher.active,
24
- .rttpg-panel-control-wrapper .rttpg-device-switcher.active {
25
- height: 24px;
26
- transform: scale(1);
27
- opacity: 1;
28
- }
29
- .rttpg-components-popover .rttpg-device-switchers,
30
- .rttpg-panel-control-wrapper .rttpg-device-switchers {
31
- position: relative;
32
- width: 24px;
33
- height: 24px;
34
- }
35
- .rttpg-components-popover .rttpg-device-switchers-wrap,
36
- .rttpg-panel-control-wrapper .rttpg-device-switchers-wrap {
37
- position: absolute;
38
- width: 100%;
39
- top: 1px;
40
- color: #e0e1e3;
41
- z-index: 44;
42
- }
43
- .rttpg-components-popover .rttpg-device-switchers-open .rttpg-device-switchers-wrap,
44
- .rttpg-panel-control-wrapper .rttpg-device-switchers-open .rttpg-device-switchers-wrap {
45
- box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);
46
- background: #ffffff;
47
- border-radius: 2px;
48
- }
49
- .rttpg-components-popover .rttpg-device-switchers-open.active-md .rttpg-device-switchers-wrap,
50
- .rttpg-panel-control-wrapper .rttpg-device-switchers-open.active-md .rttpg-device-switchers-wrap {
51
- top: 0;
52
- }
53
- .rttpg-components-popover .rttpg-device-switchers-open.active-sm .rttpg-device-switchers-wrap,
54
- .rttpg-panel-control-wrapper .rttpg-device-switchers-open.active-sm .rttpg-device-switchers-wrap {
55
- top: 0;
56
- }
57
- .rttpg-components-popover .rttpg-device-switchers-open.active-xs .rttpg-device-switchers-wrap,
58
- .rttpg-panel-control-wrapper .rttpg-device-switchers-open.active-xs .rttpg-device-switchers-wrap {
59
- top: 0;
60
- }
61
- .rttpg-components-popover .rttpg-device-switchers-open .rttpg-device-switcher,
62
- .rttpg-panel-control-wrapper .rttpg-device-switchers-open .rttpg-device-switcher {
63
- height: 24px;
64
- transform: scale(1);
65
- opacity: 1;
66
- }
67
-
68
- .rttpg-device-switchers-open .rttpg-device-switcher.active {
69
- color: var(--rttpg-admin-color-primary, #0066ff);
70
- }
71
- /*!*************************************************************************************************************************************************************************************************************************************************************!*\
72
- !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/scss/rangeDevice.scss ***!
73
- \*************************************************************************************************************************************************************************************************************************************************************/
74
- .rttpg-components-popover .rttpg-control-field .rttpg-cf-head .rt-left-part,
75
- .rttpg-panel-control-wrapper .rttpg-control-field .rttpg-cf-head .rt-left-part {
76
- display: flex;
77
- align-items: center;
78
- }
79
- .rttpg-components-popover .rttpg-control-field .rttpg-cf-head .rttpg-label,
80
- .rttpg-panel-control-wrapper .rttpg-control-field .rttpg-cf-head .rttpg-label {
81
- margin-bottom: 2px;
82
- margin-right: 4px;
83
- }
84
- .rttpg-components-popover .rttpg-control-field.rttpg-cf-range-wrap,
85
- .rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-range-wrap {
86
- --row-gap: 5px;
87
- }
88
- .rttpg-components-popover .rttpg-control-field.rttpg-cf-range-wrap .components-input-control__input,
89
- .rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-range-wrap .components-input-control__input {
90
- height: 30px !important;
91
- }
92
- .rttpg-components-popover .rttpg-control-field.rttpg-cf-range-wrap .components-range-control__wrapper,
93
- .rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-range-wrap .components-range-control__wrapper {
94
- color: var(--rttpg-admin-color-primary, #0066ff);
95
- min-height: 25px;
96
- height: 25px;
97
- }
98
- .rttpg-components-popover .rttpg-control-field.rttpg-cf-range-wrap .components-range-control__wrapper .acf-bf-cf-b-afb-199wkr,
99
- .rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-range-wrap .components-range-control__wrapper .acf-bf-cf-b-afb-199wkr {
100
- background-color: var(--rttpg-admin-color-primary, #0066ff);
101
- }
102
- .rttpg-components-popover .rttpg-control-field.rttpg-cf-range-wrap .rttpg-cf-body,
103
- .rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-range-wrap .rttpg-cf-body {
104
- display: flex;
105
- align-items: center;
106
- gap: 8px;
107
- }
108
- .rttpg-components-popover .rttpg-control-field.rttpg-cf-range-wrap .rttpg-cf-body .components-base-control,
109
- .rttpg-components-popover .rttpg-control-field.rttpg-cf-range-wrap .rttpg-cf-body .components-base-control__field,
110
- .rttpg-components-popover .rttpg-control-field.rttpg-cf-range-wrap .rttpg-cf-body .rttpg-control-field,
111
- .rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-range-wrap .rttpg-cf-body .components-base-control,
112
- .rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-range-wrap .rttpg-cf-body .components-base-control__field,
113
- .rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-range-wrap .rttpg-cf-body .rttpg-control-field {
114
- flex-grow: 1;
115
- margin-bottom: 0;
116
- }
117
- .rttpg-components-popover .rttpg-control-field.rttpg-cf-range-wrap .rttpg-cf-body .rttpg-undo-btn,
118
- .rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-range-wrap .rttpg-cf-body .rttpg-undo-btn {
119
- font-size: 16px;
120
- color: var(--rttpg-admin-color-secondary, #555);
121
- background-color: transparent;
122
- }
123
- .rttpg-components-popover .rttpg-control-field.rttpg-cf-range-wrap .rttpg-cf-body .rttpg-undo-btn span,
124
- .rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-range-wrap .rttpg-cf-body .rttpg-undo-btn span {
125
- font-size: inherit;
126
- }
127
- .rttpg-components-popover .rttpg-control-field.rttpg-cf-range-wrap .rttpg-cf-body .rttpg-undo-btn:focus,
128
- .rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-range-wrap .rttpg-cf-body .rttpg-undo-btn:focus {
129
- outline: 0;
130
- box-shadow: none;
131
- }
132
- /*!***********************************************************************************************************************************************************************************************************************************************************!*\
133
- !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/scss/alignment.scss ***!
134
- \***********************************************************************************************************************************************************************************************************************************************************/
135
- .rttpg-components-popover .rttpg-control-field.rttpg-cf-alignment-wrap .rttpg-btn-group .rttpg-button,
136
- .rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-alignment-wrap .rttpg-btn-group .rttpg-button {
137
- font-size: 12px;
138
- }
139
- /*!********************************************************************************************************************************************************************************************************************************************************!*\
140
- !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/scss/styles.scss ***!
141
- \********************************************************************************************************************************************************************************************************************************************************/
142
- .rttpg-components-popover .rttpg-control-field.rttpg-cf-styles-wrap,
143
- .rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-styles-wrap {
144
- margin-bottom: 16px !important;
145
- }
146
- .rttpg-components-popover .rttpg-control-field.rttpg-cf-styles-wrap .rttpg-style-list,
147
- .rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-styles-wrap .rttpg-style-list {
148
- --row-gap: 10px;
149
- --column-gap: 6px;
150
- display: grid;
151
- row-gap: var(--row-gap);
152
- -moz-column-gap: var(--column-gap);
153
- column-gap: var(--column-gap);
154
- }
155
- .rttpg-components-popover .rttpg-control-field.rttpg-cf-styles-wrap .rttpg-style-list > div,
156
- .rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-styles-wrap .rttpg-style-list > div {
157
- --row-gap: 6px;
158
- --column-gap: 6px;
159
- display: grid;
160
- row-gap: var(--row-gap);
161
- -moz-column-gap: var(--column-gap);
162
- column-gap: var(--column-gap);
163
- text-align: center;
164
- cursor: pointer;
165
- overflow: hidden;
166
- }
167
- .rttpg-components-popover .rttpg-control-field.rttpg-cf-styles-wrap .rttpg-style-list > div .rttpg-layout,
168
- .rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-styles-wrap .rttpg-style-list > div .rttpg-layout {
169
- display: block;
170
- border: 2px solid var(--rttpg-admin-color-border);
171
- border-radius: 0;
172
- transition: var(--rttpg-admin-transition);
173
- overflow: hidden;
174
- height: 51px;
175
- }
176
- .rttpg-components-popover .rttpg-control-field.rttpg-cf-styles-wrap .rttpg-style-list > div .rttpg-layout img,
177
- .rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-styles-wrap .rttpg-style-list > div .rttpg-layout img {
178
- display: block;
179
- width: 100%;
180
- }
181
- .rttpg-components-popover .rttpg-control-field.rttpg-cf-styles-wrap .rttpg-style-list > div .rttpg-style-icon,
182
- .rttpg-components-popover .rttpg-control-field.rttpg-cf-styles-wrap .rttpg-style-list > div .rttpg-style-svg,
183
- .rttpg-components-popover .rttpg-control-field.rttpg-cf-styles-wrap .rttpg-style-list > div .rttpg-label,
184
- .rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-styles-wrap .rttpg-style-list > div .rttpg-style-icon,
185
- .rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-styles-wrap .rttpg-style-list > div .rttpg-style-svg,
186
- .rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-styles-wrap .rttpg-style-list > div .rttpg-label {
187
- display: block;
188
- }
189
- .rttpg-components-popover .rttpg-control-field.rttpg-cf-styles-wrap .rttpg-style-list > div .rttpg-label,
190
- .rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-styles-wrap .rttpg-style-list > div .rttpg-label {
191
- font-size: 12px !important;
192
- line-height: 1.3;
193
- transition: var(--rttpg-admin-transition);
194
- }
195
- .rttpg-components-popover .rttpg-control-field.rttpg-cf-styles-wrap .rttpg-style-list > div.rttpg-active .rttpg-layout,
196
- .rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-styles-wrap .rttpg-style-list > div.rttpg-active .rttpg-layout {
197
- border-color: var(--rttpg-admin-color-primary, #0066ff);
198
- }
199
- .rttpg-components-popover .rttpg-control-field.rttpg-cf-styles-wrap .rttpg-style-list > div.rttpg-active .rttpg-label,
200
- .rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-styles-wrap .rttpg-style-list > div.rttpg-active .rttpg-label {
201
- color: var(--rttpg-admin-color-primary, #0066ff) !important;
202
- }
203
- .rttpg-components-popover .rttpg-control-field.rttpg-cf-styles-wrap .rttpg-style-list.rttpg-style-columns-2,
204
- .rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-styles-wrap .rttpg-style-list.rttpg-style-columns-2 {
205
- grid-template-columns: repeat(2, 1fr);
206
- }
207
- .rttpg-components-popover .rttpg-control-field.rttpg-cf-styles-wrap .rttpg-style-list.rttpg-style-columns-3,
208
- .rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-styles-wrap .rttpg-style-list.rttpg-style-columns-3 {
209
- grid-template-columns: repeat(3, 1fr);
210
- }
211
- .rttpg-components-popover .rttpg-control-field.rttpg-cf-styles-wrap .rttpg-style-list.rttpg-style-columns-4,
212
- .rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-styles-wrap .rttpg-style-list.rttpg-style-columns-4 {
213
- grid-template-columns: repeat(4, 1fr);
214
- }
215
- /*!**************************************************************************************************************************************************************************************************!*\
216
- !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/flatpickr/dist/themes/light.css ***!
217
- \**************************************************************************************************************************************************************************************************/
218
- .flatpickr-calendar {
219
- background: transparent;
220
- opacity: 0;
221
- display: none;
222
- text-align: center;
223
- visibility: hidden;
224
- padding: 0;
225
- -webkit-animation: none;
226
- animation: none;
227
- direction: ltr;
228
- border: 0;
229
- font-size: 14px;
230
- line-height: 24px;
231
- border-radius: 5px;
232
- position: absolute;
233
- width: 307.875px;
234
- -webkit-box-sizing: border-box;
235
- box-sizing: border-box;
236
- -ms-touch-action: manipulation;
237
- touch-action: manipulation;
238
- -webkit-box-shadow: 0 3px 13px rgba(0,0,0,0.08);
239
- box-shadow: 0 3px 13px rgba(0,0,0,0.08);
240
- }
241
- .flatpickr-calendar.open,
242
- .flatpickr-calendar.inline {
243
- opacity: 1;
244
- max-height: 640px;
245
- visibility: visible;
246
- }
247
- .flatpickr-calendar.open {
248
- display: inline-block;
249
- z-index: 99999;
250
- }
251
- .flatpickr-calendar.animate.open {
252
- -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
253
- animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
254
- }
255
- .flatpickr-calendar.inline {
256
- display: block;
257
- position: relative;
258
- top: 2px;
259
- }
260
- .flatpickr-calendar.static {
261
- position: absolute;
262
- top: calc(100% + 2px);
263
- }
264
- .flatpickr-calendar.static.open {
265
- z-index: 999;
266
- display: block;
267
- }
268
- .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
269
- -webkit-box-shadow: none !important;
270
- box-shadow: none !important;
271
- }
272
- .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
273
- -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
274
- box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
275
- }
276
- .flatpickr-calendar .hasWeeks .dayContainer,
277
- .flatpickr-calendar .hasTime .dayContainer {
278
- border-bottom: 0;
279
- border-bottom-right-radius: 0;
280
- border-bottom-left-radius: 0;
281
- }
282
- .flatpickr-calendar .hasWeeks .dayContainer {
283
- border-left: 0;
284
- }
285
- .flatpickr-calendar.hasTime .flatpickr-time {
286
- height: 40px;
287
- border-top: 1px solid #eceef1;
288
- }
289
- .flatpickr-calendar.hasTime .flatpickr-innerContainer {
290
- border-bottom: 0;
291
- }
292
- .flatpickr-calendar.hasTime .flatpickr-time {
293
- border: 1px solid #eceef1;
294
- }
295
- .flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
296
- height: auto;
297
- }
298
- .flatpickr-calendar:before,
299
- .flatpickr-calendar:after {
300
- position: absolute;
301
- display: block;
302
- pointer-events: none;
303
- border: solid transparent;
304
- content: '';
305
- height: 0;
306
- width: 0;
307
- left: 22px;
308
- }
309
- .flatpickr-calendar.rightMost:before,
310
- .flatpickr-calendar.arrowRight:before,
311
- .flatpickr-calendar.rightMost:after,
312
- .flatpickr-calendar.arrowRight:after {
313
- left: auto;
314
- right: 22px;
315
- }
316
- .flatpickr-calendar.arrowCenter:before,
317
- .flatpickr-calendar.arrowCenter:after {
318
- left: 50%;
319
- right: 50%;
320
- }
321
- .flatpickr-calendar:before {
322
- border-width: 5px;
323
- margin: 0 -5px;
324
- }
325
- .flatpickr-calendar:after {
326
- border-width: 4px;
327
- margin: 0 -4px;
328
- }
329
- .flatpickr-calendar.arrowTop:before,
330
- .flatpickr-calendar.arrowTop:after {
331
- bottom: 100%;
332
- }
333
- .flatpickr-calendar.arrowTop:before {
334
- border-bottom-color: #eceef1;
335
- }
336
- .flatpickr-calendar.arrowTop:after {
337
- border-bottom-color: #eceef1;
338
- }
339
- .flatpickr-calendar.arrowBottom:before,
340
- .flatpickr-calendar.arrowBottom:after {
341
- top: 100%;
342
- }
343
- .flatpickr-calendar.arrowBottom:before {
344
- border-top-color: #eceef1;
345
- }
346
- .flatpickr-calendar.arrowBottom:after {
347
- border-top-color: #eceef1;
348
- }
349
- .flatpickr-calendar:focus {
350
- outline: 0;
351
- }
352
- .flatpickr-wrapper {
353
- position: relative;
354
- display: inline-block;
355
- }
356
- .flatpickr-months {
357
- display: -webkit-box;
358
- display: -webkit-flex;
359
- display: -ms-flexbox;
360
- display: flex;
361
- }
362
- .flatpickr-months .flatpickr-month {
363
- border-radius: 5px 5px 0 0;
364
- background: #eceef1;
365
- color: #5a6171;
366
- fill: #5a6171;
367
- height: 34px;
368
- line-height: 1;
369
- text-align: center;
370
- position: relative;
371
- -webkit-user-select: none;
372
- -moz-user-select: none;
373
- -ms-user-select: none;
374
- user-select: none;
375
- overflow: hidden;
376
- -webkit-box-flex: 1;
377
- -webkit-flex: 1;
378
- -ms-flex: 1;
379
- flex: 1;
380
- }
381
- .flatpickr-months .flatpickr-prev-month,
382
- .flatpickr-months .flatpickr-next-month {
383
- -webkit-user-select: none;
384
- -moz-user-select: none;
385
- -ms-user-select: none;
386
- user-select: none;
387
- text-decoration: none;
388
- cursor: pointer;
389
- position: absolute;
390
- top: 0;
391
- height: 34px;
392
- padding: 10px;
393
- z-index: 3;
394
- color: #5a6171;
395
- fill: #5a6171;
396
- }
397
- .flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
398
- .flatpickr-months .flatpickr-next-month.flatpickr-disabled {
399
- display: none;
400
- }
401
- .flatpickr-months .flatpickr-prev-month i,
402
- .flatpickr-months .flatpickr-next-month i {
403
- position: relative;
404
- }
405
- .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
406
- .flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
407
- /*
408
- /*rtl:begin:ignore*/
409
- /*
410
- */
411
- left: 0;
412
- /*
413
- /*rtl:end:ignore*/
414
- /*
415
- */
416
- }
417
- /*
418
- /*rtl:begin:ignore*/
419
- /*
420
- /*rtl:end:ignore*/
421
- .flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
422
- .flatpickr-months .flatpickr-next-month.flatpickr-next-month {
423
- /*
424
- /*rtl:begin:ignore*/
425
- /*
426
- */
427
- right: 0;
428
- /*
429
- /*rtl:end:ignore*/
430
- /*
431
- */
432
- }
433
- /*
434
- /*rtl:begin:ignore*/
435
- /*
436
- /*rtl:end:ignore*/
437
- .flatpickr-months .flatpickr-prev-month:hover,
438
- .flatpickr-months .flatpickr-next-month:hover {
439
- color: #bbb;
440
- }
441
- .flatpickr-months .flatpickr-prev-month:hover svg,
442
- .flatpickr-months .flatpickr-next-month:hover svg {
443
- fill: #f64747;
444
- }
445
- .flatpickr-months .flatpickr-prev-month svg,
446
- .flatpickr-months .flatpickr-next-month svg {
447
- width: 14px;
448
- height: 14px;
449
- }
450
- .flatpickr-months .flatpickr-prev-month svg path,
451
- .flatpickr-months .flatpickr-next-month svg path {
452
- -webkit-transition: fill 0.1s;
453
- transition: fill 0.1s;
454
- fill: inherit;
455
- }
456
- .numInputWrapper {
457
- position: relative;
458
- height: auto;
459
- }
460
- .numInputWrapper input,
461
- .numInputWrapper span {
462
- display: inline-block;
463
- }
464
- .numInputWrapper input {
465
- width: 100%;
466
- }
467
- .numInputWrapper input::-ms-clear {
468
- display: none;
469
- }
470
- .numInputWrapper input::-webkit-outer-spin-button,
471
- .numInputWrapper input::-webkit-inner-spin-button {
472
- margin: 0;
473
- -webkit-appearance: none;
474
- }
475
- .numInputWrapper span {
476
- position: absolute;
477
- right: 0;
478
- width: 14px;
479
- padding: 0 4px 0 2px;
480
- height: 50%;
481
- line-height: 50%;
482
- opacity: 0;
483
- cursor: pointer;
484
- border: 1px solid rgba(72,72,72,0.15);
485
- -webkit-box-sizing: border-box;
486
- box-sizing: border-box;
487
- }
488
- .numInputWrapper span:hover {
489
- background: rgba(0,0,0,0.1);
490
- }
491
- .numInputWrapper span:active {
492
- background: rgba(0,0,0,0.2);
493
- }
494
- .numInputWrapper span:after {
495
- display: block;
496
- content: "";
497
- position: absolute;
498
- }
499
- .numInputWrapper span.arrowUp {
500
- top: 0;
501
- border-bottom: 0;
502
- }
503
- .numInputWrapper span.arrowUp:after {
504
- border-left: 4px solid transparent;
505
- border-right: 4px solid transparent;
506
- border-bottom: 4px solid rgba(72,72,72,0.6);
507
- top: 26%;
508
- }
509
- .numInputWrapper span.arrowDown {
510
- top: 50%;
511
- }
512
- .numInputWrapper span.arrowDown:after {
513
- border-left: 4px solid transparent;
514
- border-right: 4px solid transparent;
515
- border-top: 4px solid rgba(72,72,72,0.6);
516
- top: 40%;
517
- }
518
- .numInputWrapper span svg {
519
- width: inherit;
520
- height: auto;
521
- }
522
- .numInputWrapper span svg path {
523
- fill: rgba(90,97,113,0.5);
524
- }
525
- .numInputWrapper:hover {
526
- background: rgba(0,0,0,0.05);
527
- }
528
- .numInputWrapper:hover span {
529
- opacity: 1;
530
- }
531
- .flatpickr-current-month {
532
- font-size: 135%;
533
- line-height: inherit;
534
- font-weight: 300;
535
- color: inherit;
536
- position: absolute;
537
- width: 75%;
538
- left: 12.5%;
539
- padding: 7.48px 0 0 0;
540
- line-height: 1;
541
- height: 34px;
542
- display: inline-block;
543
- text-align: center;
544
- -webkit-transform: translate3d(0px, 0px, 0px);
545
- transform: translate3d(0px, 0px, 0px);
546
- }
547
- .flatpickr-current-month span.cur-month {
548
- font-family: inherit;
549
- font-weight: 700;
550
- color: inherit;
551
- display: inline-block;
552
- margin-left: 0.5ch;
553
- padding: 0;
554
- }
555
- .flatpickr-current-month span.cur-month:hover {
556
- background: rgba(0,0,0,0.05);
557
- }
558
- .flatpickr-current-month .numInputWrapper {
559
- width: 6ch;
560
- width: 7ch\0;
561
- display: inline-block;
562
- }
563
- .flatpickr-current-month .numInputWrapper span.arrowUp:after {
564
- border-bottom-color: #5a6171;
565
- }
566
- .flatpickr-current-month .numInputWrapper span.arrowDown:after {
567
- border-top-color: #5a6171;
568
- }
569
- .flatpickr-current-month input.cur-year {
570
- background: transparent;
571
- -webkit-box-sizing: border-box;
572
- box-sizing: border-box;
573
- color: inherit;
574
- cursor: text;
575
- padding: 0 0 0 0.5ch;
576
- margin: 0;
577
- display: inline-block;
578
- font-size: inherit;
579
- font-family: inherit;
580
- font-weight: 300;
581
- line-height: inherit;
582
- height: auto;
583
- border: 0;
584
- border-radius: 0;
585
- vertical-align: initial;
586
- -webkit-appearance: textfield;
587
- -moz-appearance: textfield;
588
- appearance: textfield;
589
- }
590
- .flatpickr-current-month input.cur-year:focus {
591
- outline: 0;
592
- }
593
- .flatpickr-current-month input.cur-year[disabled],
594
- .flatpickr-current-month input.cur-year[disabled]:hover {
595
- font-size: 100%;
596
- color: rgba(90,97,113,0.5);
597
- background: transparent;
598
- pointer-events: none;
599
- }
600
- .flatpickr-current-month .flatpickr-monthDropdown-months {
601
- appearance: menulist;
602
- background: #eceef1;
603
- border: none;
604
- border-radius: 0;
605
- box-sizing: border-box;
606
- color: inherit;
607
- cursor: pointer;
608
- font-size: inherit;
609
- font-family: inherit;
610
- font-weight: 300;
611
- height: auto;
612
- line-height: inherit;
613
- margin: -1px 0 0 0;
614
- outline: none;
615
- padding: 0 0 0 0.5ch;
616
- position: relative;
617
- vertical-align: initial;
618
- -webkit-box-sizing: border-box;
619
- -webkit-appearance: menulist;
620
- -moz-appearance: menulist;
621
- width: auto;
622
- }
623
- .flatpickr-current-month .flatpickr-monthDropdown-months:focus,
624
- .flatpickr-current-month .flatpickr-monthDropdown-months:active {
625
- outline: none;
626
- }
627
- .flatpickr-current-month .flatpickr-monthDropdown-months:hover {
628
- background: rgba(0,0,0,0.05);
629
- }
630
- .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
631
- background-color: #eceef1;
632
- outline: none;
633
- padding: 0;
634
- }
635
- .flatpickr-weekdays {
636
- background: #eceef1;
637
- text-align: center;
638
- overflow: hidden;
639
- width: 100%;
640
- display: -webkit-box;
641
- display: -webkit-flex;
642
- display: -ms-flexbox;
643
- display: flex;
644
- -webkit-box-align: center;
645
- -webkit-align-items: center;
646
- -ms-flex-align: center;
647
- align-items: center;
648
- height: 28px;
649
- }
650
- .flatpickr-weekdays .flatpickr-weekdaycontainer {
651
- display: -webkit-box;
652
- display: -webkit-flex;
653
- display: -ms-flexbox;
654
- display: flex;
655
- -webkit-box-flex: 1;
656
- -webkit-flex: 1;
657
- -ms-flex: 1;
658
- flex: 1;
659
- }
660
- span.flatpickr-weekday {
661
- cursor: default;
662
- font-size: 90%;
663
- background: #eceef1;
664
- color: #5a6171;
665
- line-height: 1;
666
- margin: 0;
667
- text-align: center;
668
- display: block;
669
- -webkit-box-flex: 1;
670
- -webkit-flex: 1;
671
- -ms-flex: 1;
672
- flex: 1;
673
- font-weight: bolder;
674
- }
675
- .dayContainer,
676
- .flatpickr-weeks {
677
- padding: 1px 0 0 0;
678
- }
679
- .flatpickr-days {
680
- position: relative;
681
- overflow: hidden;
682
- display: -webkit-box;
683
- display: -webkit-flex;
684
- display: -ms-flexbox;
685
- display: flex;
686
- -webkit-box-align: start;
687
- -webkit-align-items: flex-start;
688
- -ms-flex-align: start;
689
- align-items: flex-start;
690
- width: 307.875px;
691
- border-left: 1px solid #eceef1;
692
- border-right: 1px solid #eceef1;
693
- }
694
- .flatpickr-days:focus {
695
- outline: 0;
696
- }
697
- .dayContainer {
698
- padding: 0;
699
- outline: 0;
700
- text-align: left;
701
- width: 307.875px;
702
- min-width: 307.875px;
703
- max-width: 307.875px;
704
- -webkit-box-sizing: border-box;
705
- box-sizing: border-box;
706
- display: inline-block;
707
- display: -ms-flexbox;
708
- display: -webkit-box;
709
- display: -webkit-flex;
710
- display: flex;
711
- -webkit-flex-wrap: wrap;
712
- flex-wrap: wrap;
713
- -ms-flex-wrap: wrap;
714
- -ms-flex-pack: justify;
715
- -webkit-justify-content: space-around;
716
- justify-content: space-around;
717
- -webkit-transform: translate3d(0px, 0px, 0px);
718
- transform: translate3d(0px, 0px, 0px);
719
- opacity: 1;
720
- }
721
- .dayContainer + .dayContainer {
722
- -webkit-box-shadow: -1px 0 0 #eceef1;
723
- box-shadow: -1px 0 0 #eceef1;
724
- }
725
- .flatpickr-day {
726
- background: none;
727
- border: 1px solid transparent;
728
- border-radius: 150px;
729
- -webkit-box-sizing: border-box;
730
- box-sizing: border-box;
731
- color: #484848;
732
- cursor: pointer;
733
- font-weight: 400;
734
- width: 14.2857143%;
735
- -webkit-flex-basis: 14.2857143%;
736
- -ms-flex-preferred-size: 14.2857143%;
737
- flex-basis: 14.2857143%;
738
- max-width: 39px;
739
- height: 39px;
740
- line-height: 39px;
741
- margin: 0;
742
- display: inline-block;
743
- position: relative;
744
- -webkit-box-pack: center;
745
- -webkit-justify-content: center;
746
- -ms-flex-pack: center;
747
- justify-content: center;
748
- text-align: center;
749
- }
750
- .flatpickr-day.inRange,
751
- .flatpickr-day.prevMonthDay.inRange,
752
- .flatpickr-day.nextMonthDay.inRange,
753
- .flatpickr-day.today.inRange,
754
- .flatpickr-day.prevMonthDay.today.inRange,
755
- .flatpickr-day.nextMonthDay.today.inRange,
756
- .flatpickr-day:hover,
757
- .flatpickr-day.prevMonthDay:hover,
758
- .flatpickr-day.nextMonthDay:hover,
759
- .flatpickr-day:focus,
760
- .flatpickr-day.prevMonthDay:focus,
761
- .flatpickr-day.nextMonthDay:focus {
762
- cursor: pointer;
763
- outline: 0;
764
- background: #e2e2e2;
765
- border-color: #e2e2e2;
766
- }
767
- .flatpickr-day.today {
768
- border-color: #bbb;
769
- }
770
- .flatpickr-day.today:hover,
771
- .flatpickr-day.today:focus {
772
- border-color: #bbb;
773
- background: #bbb;
774
- color: #fff;
775
- }
776
- .flatpickr-day.selected,
777
- .flatpickr-day.startRange,
778
- .flatpickr-day.endRange,
779
- .flatpickr-day.selected.inRange,
780
- .flatpickr-day.startRange.inRange,
781
- .flatpickr-day.endRange.inRange,
782
- .flatpickr-day.selected:focus,
783
- .flatpickr-day.startRange:focus,
784
- .flatpickr-day.endRange:focus,
785
- .flatpickr-day.selected:hover,
786
- .flatpickr-day.startRange:hover,
787
- .flatpickr-day.endRange:hover,
788
- .flatpickr-day.selected.prevMonthDay,
789
- .flatpickr-day.startRange.prevMonthDay,
790
- .flatpickr-day.endRange.prevMonthDay,
791
- .flatpickr-day.selected.nextMonthDay,
792
- .flatpickr-day.startRange.nextMonthDay,
793
- .flatpickr-day.endRange.nextMonthDay {
794
- background: #ff5a5f;
795
- -webkit-box-shadow: none;
796
- box-shadow: none;
797
- color: #fff;
798
- border-color: #ff5a5f;
799
- }
800
- .flatpickr-day.selected.startRange,
801
- .flatpickr-day.startRange.startRange,
802
- .flatpickr-day.endRange.startRange {
803
- border-radius: 50px 0 0 50px;
804
- }
805
- .flatpickr-day.selected.endRange,
806
- .flatpickr-day.startRange.endRange,
807
- .flatpickr-day.endRange.endRange {
808
- border-radius: 0 50px 50px 0;
809
- }
810
- .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
811
- .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
812
- .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
813
- -webkit-box-shadow: -10px 0 0 #ff5a5f;
814
- box-shadow: -10px 0 0 #ff5a5f;
815
- }
816
- .flatpickr-day.selected.startRange.endRange,
817
- .flatpickr-day.startRange.startRange.endRange,
818
- .flatpickr-day.endRange.startRange.endRange {
819
- border-radius: 50px;
820
- }
821
- .flatpickr-day.inRange {
822
- border-radius: 0;
823
- -webkit-box-shadow: -5px 0 0 #e2e2e2, 5px 0 0 #e2e2e2;
824
- box-shadow: -5px 0 0 #e2e2e2, 5px 0 0 #e2e2e2;
825
- }
826
- .flatpickr-day.flatpickr-disabled,
827
- .flatpickr-day.flatpickr-disabled:hover,
828
- .flatpickr-day.prevMonthDay,
829
- .flatpickr-day.nextMonthDay,
830
- .flatpickr-day.notAllowed,
831
- .flatpickr-day.notAllowed.prevMonthDay,
832
- .flatpickr-day.notAllowed.nextMonthDay {
833
- color: rgba(72,72,72,0.3);
834
- background: transparent;
835
- border-color: transparent;
836
- cursor: default;
837
- }
838
- .flatpickr-day.flatpickr-disabled,
839
- .flatpickr-day.flatpickr-disabled:hover {
840
- cursor: not-allowed;
841
- color: rgba(72,72,72,0.1);
842
- }
843
- .flatpickr-day.week.selected {
844
- border-radius: 0;
845
- -webkit-box-shadow: -5px 0 0 #ff5a5f, 5px 0 0 #ff5a5f;
846
- box-shadow: -5px 0 0 #ff5a5f, 5px 0 0 #ff5a5f;
847
- }
848
- .flatpickr-day.hidden {
849
- visibility: hidden;
850
- }
851
- .rangeMode .flatpickr-day {
852
- margin-top: 1px;
853
- }
854
- .flatpickr-weekwrapper {
855
- float: left;
856
- }
857
- .flatpickr-weekwrapper .flatpickr-weeks {
858
- padding: 0 12px;
859
- border-left: 1px solid #eceef1;
860
- }
861
- .flatpickr-weekwrapper .flatpickr-weekday {
862
- float: none;
863
- width: 100%;
864
- line-height: 28px;
865
- }
866
- .flatpickr-weekwrapper span.flatpickr-day,
867
- .flatpickr-weekwrapper span.flatpickr-day:hover {
868
- display: block;
869
- width: 100%;
870
- max-width: none;
871
- color: rgba(72,72,72,0.3);
872
- background: transparent;
873
- cursor: default;
874
- border: none;
875
- }
876
- .flatpickr-innerContainer {
877
- display: block;
878
- display: -webkit-box;
879
- display: -webkit-flex;
880
- display: -ms-flexbox;
881
- display: flex;
882
- -webkit-box-sizing: border-box;
883
- box-sizing: border-box;
884
- overflow: hidden;
885
- background: #fff;
886
- border-bottom: 1px solid #eceef1;
887
- }
888
- .flatpickr-rContainer {
889
- display: inline-block;
890
- padding: 0;
891
- -webkit-box-sizing: border-box;
892
- box-sizing: border-box;
893
- }
894
- .flatpickr-time {
895
- text-align: center;
896
- outline: 0;
897
- display: block;
898
- height: 0;
899
- line-height: 40px;
900
- max-height: 40px;
901
- -webkit-box-sizing: border-box;
902
- box-sizing: border-box;
903
- overflow: hidden;
904
- display: -webkit-box;
905
- display: -webkit-flex;
906
- display: -ms-flexbox;
907
- display: flex;
908
- background: #fff;
909
- border-radius: 0 0 5px 5px;
910
- }
911
- .flatpickr-time:after {
912
- content: "";
913
- display: table;
914
- clear: both;
915
- }
916
- .flatpickr-time .numInputWrapper {
917
- -webkit-box-flex: 1;
918
- -webkit-flex: 1;
919
- -ms-flex: 1;
920
- flex: 1;
921
- width: 40%;
922
- height: 40px;
923
- float: left;
924
- }
925
- .flatpickr-time .numInputWrapper span.arrowUp:after {
926
- border-bottom-color: #484848;
927
- }
928
- .flatpickr-time .numInputWrapper span.arrowDown:after {
929
- border-top-color: #484848;
930
- }
931
- .flatpickr-time.hasSeconds .numInputWrapper {
932
- width: 26%;
933
- }
934
- .flatpickr-time.time24hr .numInputWrapper {
935
- width: 49%;
936
- }
937
- .flatpickr-time input {
938
- background: transparent;
939
- -webkit-box-shadow: none;
940
- box-shadow: none;
941
- border: 0;
942
- border-radius: 0;
943
- text-align: center;
944
- margin: 0;
945
- padding: 0;
946
- height: inherit;
947
- line-height: inherit;
948
- color: #484848;
949
- font-size: 14px;
950
- position: relative;
951
- -webkit-box-sizing: border-box;
952
- box-sizing: border-box;
953
- -webkit-appearance: textfield;
954
- -moz-appearance: textfield;
955
- appearance: textfield;
956
- }
957
- .flatpickr-time input.flatpickr-hour {
958
- font-weight: bold;
959
- }
960
- .flatpickr-time input.flatpickr-minute,
961
- .flatpickr-time input.flatpickr-second {
962
- font-weight: 400;
963
- }
964
- .flatpickr-time input:focus {
965
- outline: 0;
966
- border: 0;
967
- }
968
- .flatpickr-time .flatpickr-time-separator,
969
- .flatpickr-time .flatpickr-am-pm {
970
- height: inherit;
971
- float: left;
972
- line-height: inherit;
973
- color: #484848;
974
- font-weight: bold;
975
- width: 2%;
976
- -webkit-user-select: none;
977
- -moz-user-select: none;
978
- -ms-user-select: none;
979
- user-select: none;
980
- -webkit-align-self: center;
981
- -ms-flex-item-align: center;
982
- -ms-grid-row-align: center;
983
- align-self: center;
984
- }
985
- .flatpickr-time .flatpickr-am-pm {
986
- outline: 0;
987
- width: 18%;
988
- cursor: pointer;
989
- text-align: center;
990
- font-weight: 400;
991
- }
992
- .flatpickr-time input:hover,
993
- .flatpickr-time .flatpickr-am-pm:hover,
994
- .flatpickr-time input:focus,
995
- .flatpickr-time .flatpickr-am-pm:focus {
996
- background: #eaeaea;
997
- }
998
- .flatpickr-input[readonly] {
999
- cursor: pointer;
1000
- }
1001
- @-webkit-keyframes fpFadeInDown {
1002
- from {
1003
- opacity: 0;
1004
- -webkit-transform: translate3d(0, -20px, 0);
1005
- transform: translate3d(0, -20px, 0);
1006
- }
1007
- to {
1008
- opacity: 1;
1009
- -webkit-transform: translate3d(0, 0, 0);
1010
- transform: translate3d(0, 0, 0);
1011
- }
1012
- }
1013
- @keyframes fpFadeInDown {
1014
- from {
1015
- opacity: 0;
1016
- -webkit-transform: translate3d(0, -20px, 0);
1017
- transform: translate3d(0, -20px, 0);
1018
- }
1019
- to {
1020
- opacity: 1;
1021
- -webkit-transform: translate3d(0, 0, 0);
1022
- transform: translate3d(0, 0, 0);
1023
- }
1024
- }
1025
- span.flatpickr-day.selected {
1026
- font-weight: bold;
1027
- }
1028
-
1029
- /*!*******************************************************************************************************************************************************************************************************************************************************!*\
1030
- !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/scss/media.scss ***!
1031
- \*******************************************************************************************************************************************************************************************************************************************************/
1032
- .rttpg-media {
1033
- margin-bottom: 15px;
1034
- }
1035
- .rttpg-media label {
1036
- margin-bottom: 10px;
1037
- display: block;
1038
- font-weight: 500;
1039
- }
1040
- .rttpg-media .rttpg-single-img .rttpg-media-image-parent {
1041
- position: relative;
1042
- display: inline-block;
1043
- min-height: 140px;
1044
- min-width: 140px;
1045
- }
1046
- .rttpg-media .rttpg-single-img .rttpg-media-image-parent img {
1047
- margin: 0;
1048
- }
1049
- /*!**********************************************************************************************************************************************************************************************************************************************************!*\
1050
- !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/scss/iconList.scss ***!
1051
- \**********************************************************************************************************************************************************************************************************************************************************/
1052
- .rttpg-icon-main-wrapper .choose-icon {
1053
- display: flex;
1054
- justify-content: center;
1055
- align-items: center;
1056
- min-height: 120px;
1057
- font-size: 20px;
1058
- color: #6d7882;
1059
- background-color: #d5dadf;
1060
- border: 1px solid #ddd;
1061
- position: relative;
1062
- cursor: pointer;
1063
- transition: 0.4s;
1064
- }
1065
- .rttpg-icon-main-wrapper .choose-icon.has-icon {
1066
- background-color: #f6f6f6;
1067
- background-image: linear-gradient(45deg, #ddd 25%, transparent 0, transparent 75%, #ddd 0, #ddd), linear-gradient(45deg, #ddd 25%, transparent 0, transparent 75%, #ddd 0, #ddd);
1068
- background-size: 16px 16px;
1069
- background-position: 0 0, 8px 8px;
1070
- }
1071
- .rttpg-icon-main-wrapper .choose-icon .default-icon {
1072
- font-size: 70px;
1073
- }
1074
- .rttpg-icon-main-wrapper .choose-icon span {
1075
- transition: color 0.4s;
1076
- }
1077
- .rttpg-icon-main-wrapper .choose-icon .fa-plus {
1078
- width: 40px;
1079
- height: 40px;
1080
- background-color: #fff;
1081
- border-radius: 50%;
1082
- line-height: 40px;
1083
- text-align: center;
1084
- pointer-events: none;
1085
- border: 1px solid #999;
1086
- box-sizing: border-box;
1087
- }
1088
- .rttpg-icon-main-wrapper .choose-icon:hover {
1089
- color: #41474d;
1090
- }
1091
- .rttpg-icon-main-wrapper .choose-icon:not(.has-icon):hover {
1092
- background-color: #bfc3c7;
1093
- }
1094
- .rttpg-icon-main-wrapper .components-input-control__label {
1095
- color: var(--rttpg-admin-color-secondary, #555);
1096
- font-weight: 500;
1097
- margin-bottom: 5px;
1098
- display: block;
1099
- }
1100
- .rttpg-icon-main-wrapper .icon-inner-wrapper {
1101
- position: relative;
1102
- }
1103
- .rttpg-icon-main-wrapper .icon-inner-wrapper .rttpg-icon-wrapper {
1104
- background: #fff;
1105
- display: block;
1106
- position: absolute;
1107
- top: 0;
1108
- z-index: 9;
1109
- border: 3px solid #ddd;
1110
- }
1111
- .rttpg-icon-main-wrapper .rttpg-icon-list-warp {
1112
- width: 100%;
1113
- display: block;
1114
- }
1115
- .rttpg-icon-main-wrapper .rttpg-icon-wrapper input {
1116
- background: #fff;
1117
- width: 100%;
1118
- height: 36px;
1119
- padding: 0 10px !important;
1120
- border-radius: 3px 3px 0 0;
1121
- border: 1px solid #E5E7EA;
1122
- position: relative;
1123
- z-index: 2;
1124
- margin-left: -0.5px;
1125
- }
1126
- .rttpg-icon-main-wrapper .rttpg-icon-wrapper input:focus {
1127
- border: 1px solid #2184F9;
1128
- outline: 0;
1129
- box-shadow: none;
1130
- }
1131
- .rttpg-icon-main-wrapper .rttpg-icon-wrapper .rttpg-remove-icon {
1132
- top: 7px;
1133
- box-shadow: none;
1134
- line-height: 18px;
1135
- border-collapse: #ddd;
1136
- }
1137
- .rttpg-icon-main-wrapper .rttpg-icon-wrapper .rttpg-font-list span {
1138
- border-bottom: 0.5px solid #E5E7EA;
1139
- }
1140
- .rttpg-icon-main-wrapper .rttpg-icon-wrapper .rttpg-font-list span.active {
1141
- color: #555d66;
1142
- }
1143
- .rttpg-icon-main-wrapper.rttpg-toggle-enabled label {
1144
- font-size: 16px;
1145
- line-height: 1;
1146
- margin: 0;
1147
- width: auto;
1148
- display: inline-block;
1149
- }
1150
- .rttpg-icon-main-wrapper .rttpg-icon-list-icons {
1151
- max-height: 177px;
1152
- margin: 0;
1153
- border: 1px solid #E5E7EA;
1154
- border-top: 0;
1155
- margin-top: -1px;
1156
- overflow: auto;
1157
- position: relative;
1158
- z-index: 1;
1159
- }
1160
- .rttpg-icon-main-wrapper .rttpg-icon-list-icons > span {
1161
- text-align: center;
1162
- font-size: 15px;
1163
- float: left;
1164
- width: 16.6666666667%;
1165
- margin: 0;
1166
- }
1167
- .rttpg-icon-main-wrapper .rttpg-icon-list-icons > span span {
1168
- display: block;
1169
- height: 37px;
1170
- line-height: 37px;
1171
- border: 1px solid #E5E7EA;
1172
- margin-left: -1px;
1173
- margin-bottom: -1px;
1174
- background: #fff;
1175
- color: #565D66;
1176
- transition: 300ms;
1177
- }
1178
- .rttpg-icon-main-wrapper .rttpg-icon-list-icons > span:hover {
1179
- cursor: pointer;
1180
- }
1181
- .rttpg-icon-main-wrapper .rttpg-icon-list-icons > span:hover span {
1182
- color: #fff;
1183
- background: #2184F9;
1184
- border-color: #2184F9;
1185
- }
1186
- .rttpg-icon-main-wrapper .rttpg-icon-list-icons > span.rttpg-active span {
1187
- color: #fff;
1188
- background: #2184F9;
1189
- border-color: #2184F9;
1190
- }
1191
- .rttpg-icon-main-wrapper .rttpg-icon-list-inner {
1192
- width: 100%;
1193
- padding: 4px 9px;
1194
- display: block;
1195
- }
1196
- .rttpg-icon-main-wrapper .rttpg-icon-list-inner:hover {
1197
- cursor: pointer;
1198
- }
1199
- .rttpg-icon-main-wrapper .rttpg-icon-list-inner > i {
1200
- font-style: normal;
1201
- float: right;
1202
- padding: 3px;
1203
- font-size: 11px;
1204
- }
1205
- .rttpg-icon-main-wrapper .rttpg-icon-list-inner > i.fa-times:hover {
1206
- color: red;
1207
- }
1208
- /*!************************************************************************************************************************************************************************************************************************************************************!*\
1209
- !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/scss/typography.scss ***!
1210
- \************************************************************************************************************************************************************************************************************************************************************/
1211
- .rttpg-components-popover .rttpg-control-field.rttpg-cf-typography-wrap,
1212
- .rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-typography-wrap {
1213
- display: flex;
1214
- align-items: center;
1215
- justify-content: space-between;
1216
- }
1217
- .rttpg-components-popover .rttpg-control-field.rttpg-cf-typography-wrap .components-button,
1218
- .rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-typography-wrap .components-button {
1219
- font-size: var(--rttpg-admin-text-base, 14px);
1220
- height: 28px !important;
1221
- width: 28px !important;
1222
- padding: 0;
1223
- display: inline-flex;
1224
- align-items: center;
1225
- justify-content: center;
1226
- border: 1px solid #d5dadf;
1227
- background: transparent;
1228
- border-radius: 3px;
1229
- color: var(--rttpg-admin-color-primary, #0066ff);
1230
- }
1231
- .rttpg-components-popover .rttpg-control-field.rttpg-cf-typography-wrap .components-button > span,
1232
- .rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-typography-wrap .components-button > span {
1233
- transition: unset;
1234
- line-height: 1;
1235
- height: 22px;
1236
- }
1237
- .rttpg-components-popover .rttpg-control-field.rttpg-cf-typography-wrap .components-button:hover,
1238
- .rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-typography-wrap .components-button:hover {
1239
- color: var(--rttpg-admin-color-white, #fff);
1240
- background-color: var(--rttpg-admin-color-primary, #0066ff);
1241
- }
1242
- .rttpg-components-popover .rttpg-typography-content,
1243
- .rttpg-panel-control-wrapper .rttpg-typography-content {
1244
- min-width: 230px;
1245
- padding: 5px 6px;
1246
- }
1247
- /*!*******************************************************************************************************************************************************************************************************************************************************!*\
1248
- !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/scss/color.scss ***!
1249
- \*******************************************************************************************************************************************************************************************************************************************************/
1250
- .rttpg-components-popover .rttpg-control-field.rttpg-cf-color-wrap,
1251
- .rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-color-wrap {
1252
- display: flex;
1253
- align-items: center;
1254
- gap: 15px;
1255
- justify-content: space-between;
1256
- }
1257
- .rttpg-components-popover .rttpg-control-field.rttpg-cf-color-wrap .rttpg-color,
1258
- .rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-color-wrap .rttpg-color {
1259
- display: flex;
1260
- align-items: center;
1261
- gap: 6px;
1262
- flex-direction: row-reverse;
1263
- }
1264
- .rttpg-components-popover .rttpg-control-field.rttpg-cf-color-wrap .rttpg-color .rttpg-undo-btn,
1265
- .rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-color-wrap .rttpg-color .rttpg-undo-btn {
1266
- padding: 0;
1267
- }
1268
- .rttpg-components-popover .rttpg-control-field.rttpg-cf-color-wrap .rttpg-color-ball,
1269
- .rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-color-wrap .rttpg-color-ball {
1270
- background-image: linear-gradient(45deg, #e9e9e9 25%, transparent 0), linear-gradient(-45deg, #e9e9e9 25%, transparent 0), linear-gradient(45deg, transparent 75%, #e9e9e9 0), linear-gradient(-45deg, transparent 75%, #e9e9e9 0);
1271
- background-position: 0 0, 0 5px, 5px -5px, -5px 0;
1272
- background-size: 10px 10px;
1273
- border-radius: 50%;
1274
- overflow: hidden;
1275
- }
1276
- /*!***********************************************************************************************************************************************************************************************************************************************************!*\
1277
- !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/scss/dimension.scss ***!
1278
- \***********************************************************************************************************************************************************************************************************************************************************/
1279
- .rttpg-components-popover .rttpg-control-dimensions,
1280
- .rttpg-panel-control-wrapper .rttpg-control-dimensions {
1281
- overflow: hidden;
1282
- display: flex;
1283
- }
1284
- .rttpg-components-popover .rttpg-control-dimensions .rttpg-control-dimension:first-child input,
1285
- .rttpg-panel-control-wrapper .rttpg-control-dimensions .rttpg-control-dimension:first-child input {
1286
- border-left: 1px solid var(--rttpg-admin-color-border);
1287
- border-radius: 3px 0 0 3px;
1288
- }
1289
- .rttpg-components-popover .rttpg-control-dimensions .rttpg-control-dimension input,
1290
- .rttpg-panel-control-wrapper .rttpg-control-dimensions .rttpg-control-dimension input {
1291
- border-left: none;
1292
- border-radius: 0;
1293
- padding: 4px 0;
1294
- display: block;
1295
- text-align: center;
1296
- width: 100%;
1297
- height: 27px;
1298
- border-color: var(--rttpg-admin-color-border);
1299
- }
1300
- .rttpg-components-popover .rttpg-control-dimensions .rttpg-control-dimension input:active, .rttpg-components-popover .rttpg-control-dimensions .rttpg-control-dimension input:focus, .rttpg-components-popover .rttpg-control-dimensions .rttpg-control-dimension input:hover,
1301
- .rttpg-panel-control-wrapper .rttpg-control-dimensions .rttpg-control-dimension input:active,
1302
- .rttpg-panel-control-wrapper .rttpg-control-dimensions .rttpg-control-dimension input:focus,
1303
- .rttpg-panel-control-wrapper .rttpg-control-dimensions .rttpg-control-dimension input:hover {
1304
- box-shadow: none;
1305
- outline: 0;
1306
- }
1307
- .rttpg-components-popover .rttpg-control-dimensions .rttpg-control-dimension .rttpg-link-dimensions,
1308
- .rttpg-panel-control-wrapper .rttpg-control-dimensions .rttpg-control-dimension .rttpg-link-dimensions {
1309
- width: 40px;
1310
- height: 30px;
1311
- cursor: pointer;
1312
- font-size: 15px;
1313
- border-radius: 0 3px 3px 0;
1314
- border: 1px solid var(--rttpg-admin-color-border);
1315
- display: inline-flex;
1316
- align-items: center;
1317
- justify-content: center;
1318
- }
1319
- .rttpg-components-popover .rttpg-control-dimensions .rttpg-control-dimension .rttpg-link-dimensions.linked,
1320
- .rttpg-panel-control-wrapper .rttpg-control-dimensions .rttpg-control-dimension .rttpg-link-dimensions.linked {
1321
- background-color: var(--rttpg-admin-color-primary);
1322
- color: #ffffff;
1323
- border-color: var(--rttpg-admin-color-primary);
1324
- }
1325
- .rttpg-components-popover .rttpg-control-dimensions .rttpg-control-dimension .rttpg-link-dimensions .rt-dm-link-icon,
1326
- .rttpg-panel-control-wrapper .rttpg-control-dimensions .rttpg-control-dimension .rttpg-link-dimensions .rt-dm-link-icon {
1327
- font-size: 15px;
1328
- width: auto;
1329
- height: auto;
1330
- display: inline-flex;
1331
- align-items: center;
1332
- line-height: 1;
1333
- }
1334
- .rttpg-components-popover .rttpg-control-dimensions .rttpg-control-dimension .rttpg-link-dimensions:focus, .rttpg-components-popover .rttpg-control-dimensions .rttpg-control-dimension .rttpg-link-dimensions:focus-visible,
1335
- .rttpg-panel-control-wrapper .rttpg-control-dimensions .rttpg-control-dimension .rttpg-link-dimensions:focus,
1336
- .rttpg-panel-control-wrapper .rttpg-control-dimensions .rttpg-control-dimension .rttpg-link-dimensions:focus-visible {
1337
- outline: 0;
1338
- box-shadow: none;
1339
- }
1340
- .rttpg-components-popover .rttpg-control-dimensions .rttpg-control-dimension-label,
1341
- .rttpg-panel-control-wrapper .rttpg-control-dimensions .rttpg-control-dimension-label {
1342
- display: block;
1343
- text-align: center;
1344
- font-size: 9px;
1345
- text-transform: uppercase;
1346
- padding-top: 5px;
1347
- }
1348
- /*!**********************************************************************************************************************************************************************************************************************************************************!*\
1349
- !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/scss/gradient.scss ***!
1350
- \**********************************************************************************************************************************************************************************************************************************************************/
1351
- .rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-color,
1352
- .rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-color {
1353
- row-gap: 0;
1354
- }
1355
- .rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap,
1356
- .rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap {
1357
- --row-gap: 12px;
1358
- }
1359
- .rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-circular-option-picker__swatches,
1360
- .rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-circular-option-picker__swatches {
1361
- gap: 8px;
1362
- }
1363
- .rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-circular-option-picker__option-wrapper,
1364
- .rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-circular-option-picker__option-wrapper {
1365
- height: 22px;
1366
- width: 22px;
1367
- }
1368
- .rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-circular-option-picker__option-wrapper:hover,
1369
- .rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-circular-option-picker__option-wrapper:hover {
1370
- transform: scale(1);
1371
- }
1372
- .rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-circular-option-picker__option-wrapper::before,
1373
- .rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-circular-option-picker__option-wrapper::before {
1374
- display: none;
1375
- }
1376
- .rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-circular-option-picker__option-wrapper > svg,
1377
- .rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-circular-option-picker__option-wrapper > svg {
1378
- display: none;
1379
- }
1380
- .rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-circular-option-picker__option,
1381
- .rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-circular-option-picker__option {
1382
- position: relative;
1383
- padding: 5px;
1384
- }
1385
- .rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-circular-option-picker__option::after,
1386
- .rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-circular-option-picker__option::after {
1387
- display: none;
1388
- }
1389
- .rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-circular-option-picker__option.is-pressed, .rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-circular-option-picker__option:hover,
1390
- .rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-circular-option-picker__option.is-pressed,
1391
- .rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-circular-option-picker__option:hover {
1392
- box-shadow: none !important;
1393
- }
1394
- .rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-circular-option-picker__option.is-pressed::before,
1395
- .rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-circular-option-picker__option.is-pressed::before {
1396
- content: "";
1397
- position: absolute;
1398
- left: 50%;
1399
- top: 50%;
1400
- transform: translate(-50%, -50%);
1401
- width: 16px;
1402
- height: 16px;
1403
- background: url("data:image/svg+xml,%0A%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 448 512%27 width=%271em%27 height=%271em%27 fill=%27%23ffffff%27 %3E%3Cpath d=%27M438.6 105.4C451.1 117.9 451.1 138.1 438.6 150.6L182.6 406.6C170.1 419.1 149.9 419.1 137.4 406.6L9.372 278.6C-3.124 266.1-3.124 245.9 9.372 233.4C21.87 220.9 42.13 220.9 54.63 233.4L159.1 338.7L393.4 105.4C405.9 92.88 426.1 92.88 438.6 105.4H438.6z%27/%3E%3C/svg%3E") !important;
1404
- pointer-events: none;
1405
- }
1406
- .rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-circular-option-picker__custom-clear-wrapper,
1407
- .rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-circular-option-picker__custom-clear-wrapper {
1408
- margin-top: 6px;
1409
- }
1410
- .rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-circular-option-picker__custom-clear-wrapper .components-button,
1411
- .rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-circular-option-picker__custom-clear-wrapper .components-button {
1412
- font-size: var(--rttpg-admin-text-xs, 12px);
1413
- padding: 5px 10px;
1414
- display: inline-flex;
1415
- align-items: center;
1416
- justify-content: center;
1417
- border: none;
1418
- box-shadow: none;
1419
- color: var(--rttpg-admin-color-black, #000);
1420
- background-color: #e0e0e0;
1421
- }
1422
- .rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-circular-option-picker__custom-clear-wrapper .components-button:hover,
1423
- .rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-circular-option-picker__custom-clear-wrapper .components-button:hover {
1424
- color: var(--rttpg-admin-color-white, #fff);
1425
- background-color: var(--rttpg-admin-color-primary, #0066ff);
1426
- }
1427
- .rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-circular-option-picker__custom-clear-wrapper .components-button:focus,
1428
- .rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-circular-option-picker__custom-clear-wrapper .components-button:focus {
1429
- outline: 0;
1430
- box-shadow: none;
1431
- }
1432
- .rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker > div:nth-of-type(2) > div:nth-of-type(2) > div,
1433
- .rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker > div:nth-of-type(2) > div:nth-of-type(2) > div {
1434
- position: relative !important;
1435
- top: 6.5px !important;
1436
- }
1437
- .rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__gradient-bar,
1438
- .rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__gradient-bar {
1439
- height: 36px;
1440
- border-radius: 4px;
1441
- }
1442
- .rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__markers-container,
1443
- .rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__markers-container {
1444
- height: 100%;
1445
- }
1446
- .rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__insert-point, .rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__control-point-button,
1447
- .rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__insert-point,
1448
- .rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__control-point-button {
1449
- color: #fff;
1450
- border-radius: 50%;
1451
- transform: translateY(-50%);
1452
- top: 50%;
1453
- background: transparent;
1454
- border: 2.5px solid #ffffff;
1455
- box-shadow: none;
1456
- }
1457
- .rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__insert-point:hover, .rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__insert-point:focus, .rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__control-point-button:hover, .rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__control-point-button:focus,
1458
- .rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__insert-point:hover,
1459
- .rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__insert-point:focus,
1460
- .rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__control-point-button:hover,
1461
- .rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__control-point-button:focus {
1462
- box-shadow: none;
1463
- outline: 0;
1464
- }
1465
- .rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__insert-point:hover, .rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__control-point-button:hover,
1466
- .rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__insert-point:hover,
1467
- .rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__control-point-button:hover {
1468
- background: transparent;
1469
- }
1470
- .rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__insert-point,
1471
- .rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__insert-point {
1472
- top: 11px;
1473
- }
1474
- .rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker .components-select-control__input,
1475
- .rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker .components-textarea-control__input,
1476
- .rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker .components-input-control__input,
1477
- .rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker .components-select-control__input,
1478
- .rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker .components-textarea-control__input,
1479
- .rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker .components-input-control__input {
1480
- height: 34px !important;
1481
- min-height: 34px !important;
1482
- }
1483
- .rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker .components-input-control__backdrop,
1484
- .rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker .components-input-control__backdrop {
1485
- display: none !important;
1486
- }
1487
- .rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker .components-angle-picker-control__angle-circle,
1488
- .rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker .components-angle-picker-control__angle-circle {
1489
- border: 1px solid var(--rttpg-admin-color-border);
1490
- }
1491
- .rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker .components-angle-picker-control__angle-circle-indicator,
1492
- .rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker .components-angle-picker-control__angle-circle-indicator {
1493
- background: var(--rttpg-admin-color-primary, #0066ff);
1494
- border-radius: 50%;
1495
- border-color: var(--rttpg-admin-color-primary, #0066ff);
1496
- }
1497
- .rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__ui-line,
1498
- .rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__ui-line {
1499
- margin-bottom: 6px;
1500
- }
1501
- .rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__ui-line .components-input-control__label,
1502
- .rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__ui-line .components-input-control__label {
1503
- text-transform: capitalize;
1504
- padding-bottom: 8px !important;
1505
- margin-bottom: 0 !important;
1506
- }
1507
- .rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__ui-line .components-flex-item:last-of-type,
1508
- .rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__ui-line .components-flex-item:last-of-type {
1509
- align-self: baseline;
1510
- }
1511
- .rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__ui-line .components-flex-item:last-of-type .components-input-control__container,
1512
- .rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__ui-line .components-flex-item:last-of-type .components-input-control__container {
1513
- height: 34px !important;
1514
- border: 1px solid var(--rttpg-admin-color-border);
1515
- }
1516
- .rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__ui-line .components-flex-item:last-of-type .components-input-control__container .components-truncate,
1517
- .rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__ui-line .components-flex-item:last-of-type .components-input-control__container .components-truncate {
1518
- color: var(--rttpg-admin-color-primary, #0066ff) !important;
1519
- }
1520
- .rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__ui-line .components-flex-item:last-of-type .components-input-control__container .components-input-control__input,
1521
- .rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__ui-line .components-flex-item:last-of-type .components-input-control__container .components-input-control__input {
1522
- border: none !important;
1523
- height: 31.5px !important;
1524
- min-height: 31.5px !important;
1525
- padding-right: 0 !important;
1526
- padding-left: 6px !important;
1527
- padding-top: 3px !important;
1528
- padding-bottom: 3px !important;
1529
- }
1530
- .rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__ui-line .components-flex-item:last-of-type .components-input-control__container:focus,
1531
- .rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__ui-line .components-flex-item:last-of-type .components-input-control__container:focus {
1532
- outline: 0;
1533
- box-shadow: none;
1534
- border-color: var(--rttpg-admin-color-primary, #0066ff);
1535
- }
1536
- /*!************************************************************************************************************************************************************************************************************************************************************!*\
1537
- !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/scss/SelectObj1.scss ***!
1538
- \************************************************************************************************************************************************************************************************************************************************************/
1539
- .rttpg-components-popover .rttpg-control-field.rttpg-cf-bg-property,
1540
- .rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-bg-property {
1541
- display: flex;
1542
- justify-content: space-between;
1543
- margin-bottom: 0 !important;
1544
- }
1545
- .rttpg-components-popover .rttpg-control-field.rttpg-cf-bg-property select,
1546
- .rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-bg-property select {
1547
- width: 130px;
1548
- padding-top: 3px;
1549
- padding-bottom: 3px;
1550
- min-height: 30px !important;
1551
- height: 30px !important;
1552
- }
1553
- .rttpg-components-popover .rttpg-control-field.rttpg-cf-bg-property .rttpg-cf-body > *,
1554
- .rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-bg-property .rttpg-cf-body > * {
1555
- margin-bottom: 0 !important;
1556
- }
1557
- /*!*********************************************************************************************************************************************************************************************************************************************************!*\
1558
- !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/scss/bgImage.scss ***!
1559
- \*********************************************************************************************************************************************************************************************************************************************************/
1560
- .rttpg-components-popover .rttpg-bg-img .components-base-control__field,
1561
- .rttpg-panel-control-wrapper .rttpg-bg-img .components-base-control__field {
1562
- display: grid;
1563
- gap: 6px;
1564
- }
1565
- .rttpg-components-popover .rttpg-bg-img .components-base-control .rttpg-img-remove-btn,
1566
- .rttpg-components-popover .rttpg-bg-img .components-base-control .rttpg-image-avatar,
1567
- .rttpg-panel-control-wrapper .rttpg-bg-img .components-base-control .rttpg-img-remove-btn,
1568
- .rttpg-panel-control-wrapper .rttpg-bg-img .components-base-control .rttpg-image-avatar {
1569
- margin-bottom: 0;
1570
- }
1571
- .rttpg-components-popover .rttpg-bg-img .components-base-control .rttpg-img-remove-btn .open-image-button,
1572
- .rttpg-components-popover .rttpg-bg-img .components-base-control .rttpg-image-avatar .open-image-button,
1573
- .rttpg-panel-control-wrapper .rttpg-bg-img .components-base-control .rttpg-img-remove-btn .open-image-button,
1574
- .rttpg-panel-control-wrapper .rttpg-bg-img .components-base-control .rttpg-image-avatar .open-image-button {
1575
- position: absolute;
1576
- top: 0;
1577
- left: 0;
1578
- bottom: 0;
1579
- right: 0;
1580
- width: 100%;
1581
- height: 100%;
1582
- background: transparent;
1583
- border: none;
1584
- cursor: pointer;
1585
- }
1586
- /*!************************************************************************************************************************************************************************************************************************************************************!*\
1587
- !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/scss/background.scss ***!
1588
- \************************************************************************************************************************************************************************************************************************************************************/
1589
-
1590
- /*!***********************************************************************************************************************************************************************************************************************************************************!*\
1591
- !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/scss/boxshadow.scss ***!
1592
- \***********************************************************************************************************************************************************************************************************************************************************/
1593
- .rttpg-components-popover .rttpg-boxshadow-content,
1594
- .rttpg-panel-control-wrapper .rttpg-boxshadow-content {
1595
- min-width: 220px;
1596
- }
1597
-
1598
- /*# sourceMappingURL=main.css.map*/
1
+ .rttpg-components-popover .rttpg-control-field .rttpg-cf-head .rt-left-part,.rttpg-panel-control-wrapper .rttpg-control-field .rttpg-cf-head .rt-left-part{align-items:center;display:flex}.rttpg-components-popover .rttpg-control-field .rttpg-cf-head .rttpg-label,.rttpg-panel-control-wrapper .rttpg-control-field .rttpg-cf-head .rttpg-label{margin-bottom:2px;margin-right:4px}.rttpg-components-popover .rttpg-control-field.rttpg-cf-range-wrap,.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-range-wrap{--row-gap:5px}.rttpg-components-popover .rttpg-control-field.rttpg-cf-range-wrap .components-input-control__input,.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-range-wrap .components-input-control__input{height:30px!important}.rttpg-components-popover .rttpg-control-field.rttpg-cf-range-wrap .components-range-control__wrapper,.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-range-wrap .components-range-control__wrapper{color:var(--rttpg-admin-color-primary,#06f);height:25px;min-height:25px}.rttpg-components-popover .rttpg-control-field.rttpg-cf-range-wrap .components-range-control__wrapper .acf-bf-cf-b-afb-199wkr,.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-range-wrap .components-range-control__wrapper .acf-bf-cf-b-afb-199wkr{background-color:var(--rttpg-admin-color-primary,#06f)}.rttpg-components-popover .rttpg-control-field.rttpg-cf-range-wrap .rttpg-cf-body,.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-range-wrap .rttpg-cf-body{align-items:center;display:flex;gap:8px}.rttpg-components-popover .rttpg-control-field.rttpg-cf-range-wrap .rttpg-cf-body .components-base-control,.rttpg-components-popover .rttpg-control-field.rttpg-cf-range-wrap .rttpg-cf-body .components-base-control__field,.rttpg-components-popover .rttpg-control-field.rttpg-cf-range-wrap .rttpg-cf-body .rttpg-control-field,.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-range-wrap .rttpg-cf-body .components-base-control,.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-range-wrap .rttpg-cf-body .components-base-control__field,.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-range-wrap .rttpg-cf-body .rttpg-control-field{flex-grow:1;margin-bottom:0}.rttpg-components-popover .rttpg-control-field.rttpg-cf-range-wrap .rttpg-cf-body .rttpg-undo-btn,.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-range-wrap .rttpg-cf-body .rttpg-undo-btn{background-color:transparent;color:var(--rttpg-admin-color-secondary,#555);font-size:16px}.rttpg-components-popover .rttpg-control-field.rttpg-cf-range-wrap .rttpg-cf-body .rttpg-undo-btn span,.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-range-wrap .rttpg-cf-body .rttpg-undo-btn span{font-size:inherit}.rttpg-components-popover .rttpg-control-field.rttpg-cf-range-wrap .rttpg-cf-body .rttpg-undo-btn:focus,.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-range-wrap .rttpg-cf-body .rttpg-undo-btn:focus{box-shadow:none;outline:0}
2
+ .rttpg-components-popover .rttpg-device-switcher,.rttpg-panel-control-wrapper .rttpg-device-switcher{align-items:center;color:#a4afb7;cursor:pointer;display:flex;font-size:11px;height:0;justify-content:center;opacity:0;position:relative;transform:scale(0);transition:.15s;z-index:2}.rttpg-components-popover .rttpg-device-switcher i,.rttpg-panel-control-wrapper .rttpg-device-switcher i{font-size:inherit}.rttpg-components-popover .rttpg-device-switcher.active,.rttpg-panel-control-wrapper .rttpg-device-switcher.active{height:24px;opacity:1;transform:scale(1)}.rttpg-components-popover .rttpg-device-switchers,.rttpg-panel-control-wrapper .rttpg-device-switchers{height:24px;position:relative;width:24px}.rttpg-components-popover .rttpg-device-switchers-wrap,.rttpg-panel-control-wrapper .rttpg-device-switchers-wrap{color:#e0e1e3;position:absolute;top:1px;width:100%;z-index:44}.rttpg-components-popover .rttpg-device-switchers-open .rttpg-device-switchers-wrap,.rttpg-panel-control-wrapper .rttpg-device-switchers-open .rttpg-device-switchers-wrap{background:#fff;border-radius:2px;box-shadow:0 0 20px 0 rgba(0,0,0,.25)}.rttpg-components-popover .rttpg-device-switchers-open.active-md .rttpg-device-switchers-wrap,.rttpg-components-popover .rttpg-device-switchers-open.active-sm .rttpg-device-switchers-wrap,.rttpg-components-popover .rttpg-device-switchers-open.active-xs .rttpg-device-switchers-wrap,.rttpg-panel-control-wrapper .rttpg-device-switchers-open.active-md .rttpg-device-switchers-wrap,.rttpg-panel-control-wrapper .rttpg-device-switchers-open.active-sm .rttpg-device-switchers-wrap,.rttpg-panel-control-wrapper .rttpg-device-switchers-open.active-xs .rttpg-device-switchers-wrap{top:0}.rttpg-components-popover .rttpg-device-switchers-open .rttpg-device-switcher,.rttpg-panel-control-wrapper .rttpg-device-switchers-open .rttpg-device-switcher{height:24px;opacity:1;transform:scale(1)}.rttpg-device-switchers-open .rttpg-device-switcher.active{color:var(--rttpg-admin-color-primary,#06f)}
3
+ .rttpg-components-popover .rttpg-control-field.rttpg-cf-alignment-wrap .rttpg-btn-group .rttpg-button,.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-alignment-wrap .rttpg-btn-group .rttpg-button{font-size:12px}
4
+ .rttpg-components-popover .rttpg-control-field.rttpg-cf-styles-wrap,.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-styles-wrap{margin-bottom:16px!important}.rttpg-components-popover .rttpg-control-field.rttpg-cf-styles-wrap .rttpg-style-list,.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-styles-wrap .rttpg-style-list{--row-gap:10px;--column-gap:6px;-moz-column-gap:var(--column-gap);column-gap:var(--column-gap);display:grid;row-gap:var(--row-gap)}.rttpg-components-popover .rttpg-control-field.rttpg-cf-styles-wrap .rttpg-style-list .is-pro,.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-styles-wrap .rttpg-style-list .is-pro{position:relative}.rttpg-components-popover .rttpg-control-field.rttpg-cf-styles-wrap .rttpg-style-list .is-pro .pro-lable,.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-styles-wrap .rttpg-style-list .is-pro .pro-lable{background:red;color:#fff;display:inline-block;font-size:10px;font-weight:600;line-height:1;padding:2px 4px 3px;position:absolute;right:0;text-transform:uppercase;top:0;z-index:99}.rttpg-components-popover .rttpg-control-field.rttpg-cf-styles-wrap .rttpg-style-list .is-pro .rttpg-layout,.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-styles-wrap .rttpg-style-list .is-pro .rttpg-layout{border:none;position:relative}.rttpg-components-popover .rttpg-control-field.rttpg-cf-styles-wrap .rttpg-style-list .is-pro .rttpg-layout:after,.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-styles-wrap .rttpg-style-list .is-pro .rttpg-layout:after{background:rgba(0,0,0,.25);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.rttpg-components-popover .rttpg-control-field.rttpg-cf-styles-wrap .rttpg-style-list>div,.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-styles-wrap .rttpg-style-list>div{--row-gap:6px;--column-gap:6px;-moz-column-gap:var(--column-gap);column-gap:var(--column-gap);cursor:pointer;display:grid;overflow:hidden;row-gap:var(--row-gap);text-align:center}.rttpg-components-popover .rttpg-control-field.rttpg-cf-styles-wrap .rttpg-style-list>div .rttpg-layout,.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-styles-wrap .rttpg-style-list>div .rttpg-layout{border:2px solid var(--rttpg-admin-color-border);border-radius:0;display:block;height:51px;overflow:hidden;transition:var(--rttpg-admin-transition)}.rttpg-components-popover .rttpg-control-field.rttpg-cf-styles-wrap .rttpg-style-list>div .rttpg-layout img,.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-styles-wrap .rttpg-style-list>div .rttpg-layout img{display:block;width:100%}.rttpg-components-popover .rttpg-control-field.rttpg-cf-styles-wrap .rttpg-style-list>div .rttpg-label,.rttpg-components-popover .rttpg-control-field.rttpg-cf-styles-wrap .rttpg-style-list>div .rttpg-style-icon,.rttpg-components-popover .rttpg-control-field.rttpg-cf-styles-wrap .rttpg-style-list>div .rttpg-style-svg,.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-styles-wrap .rttpg-style-list>div .rttpg-label,.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-styles-wrap .rttpg-style-list>div .rttpg-style-icon,.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-styles-wrap .rttpg-style-list>div .rttpg-style-svg{display:block}.rttpg-components-popover .rttpg-control-field.rttpg-cf-styles-wrap .rttpg-style-list>div .rttpg-label,.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-styles-wrap .rttpg-style-list>div .rttpg-label{font-size:12px!important;line-height:1.3;transition:var(--rttpg-admin-transition)}.rttpg-components-popover .rttpg-control-field.rttpg-cf-styles-wrap .rttpg-style-list>div.rttpg-active .rttpg-layout,.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-styles-wrap .rttpg-style-list>div.rttpg-active .rttpg-layout{border-color:var(--rttpg-admin-color-primary,#06f)}.rttpg-components-popover .rttpg-control-field.rttpg-cf-styles-wrap .rttpg-style-list>div.rttpg-active .rttpg-label,.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-styles-wrap .rttpg-style-list>div.rttpg-active .rttpg-label{color:var(--rttpg-admin-color-primary,#06f)!important}.rttpg-components-popover .rttpg-control-field.rttpg-cf-styles-wrap .rttpg-style-list.rttpg-style-columns-2,.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-styles-wrap .rttpg-style-list.rttpg-style-columns-2{grid-template-columns:repeat(2,1fr)}.rttpg-components-popover .rttpg-control-field.rttpg-cf-styles-wrap .rttpg-style-list.rttpg-style-columns-3,.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-styles-wrap .rttpg-style-list.rttpg-style-columns-3{grid-template-columns:repeat(3,1fr)}.rttpg-components-popover .rttpg-control-field.rttpg-cf-styles-wrap .rttpg-style-list.rttpg-style-columns-4,.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-styles-wrap .rttpg-style-list.rttpg-style-columns-4{grid-template-columns:repeat(4,1fr)}
5
+ .flatpickr-calendar{-webkit-animation:none;animation:none;background:transparent;border:0;border-radius:5px;-webkit-box-shadow:0 3px 13px rgba(0,0,0,.08);box-shadow:0 3px 13px rgba(0,0,0,.08);-webkit-box-sizing:border-box;box-sizing:border-box;direction:ltr;display:none;font-size:14px;line-height:24px;opacity:0;padding:0;position:absolute;text-align:center;-ms-touch-action:manipulation;touch-action:manipulation;visibility:hidden;width:307.875px}.flatpickr-calendar.inline,.flatpickr-calendar.open{max-height:640px;opacity:1;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown .3s cubic-bezier(.23,1,.32,1);animation:fpFadeInDown .3s cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{display:block;z-index:999}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none!important;box-shadow:none!important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-calendar .hasTime .dayContainer,.flatpickr-calendar .hasWeeks .dayContainer{border-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{border-top:1px solid #eceef1;height:40px}.flatpickr-calendar.hasTime .flatpickr-innerContainer{border-bottom:0}.flatpickr-calendar.hasTime .flatpickr-time{border:1px solid #eceef1}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:after,.flatpickr-calendar:before{border:solid transparent;content:"";display:block;height:0;left:22px;pointer-events:none;position:absolute;width:0}.flatpickr-calendar.arrowRight:after,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.rightMost:before{left:auto;right:22px}.flatpickr-calendar.arrowCenter:after,.flatpickr-calendar.arrowCenter:before{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:after,.flatpickr-calendar.arrowTop:before{bottom:100%}.flatpickr-calendar.arrowTop:after,.flatpickr-calendar.arrowTop:before{border-bottom-color:#eceef1}.flatpickr-calendar.arrowBottom:after,.flatpickr-calendar.arrowBottom:before{top:100%}.flatpickr-calendar.arrowBottom:after,.flatpickr-calendar.arrowBottom:before{border-top-color:#eceef1}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{display:inline-block;position:relative}.flatpickr-months{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-months .flatpickr-month{-webkit-box-flex:1;background:#eceef1;border-radius:5px 5px 0 0;-webkit-flex:1;-ms-flex:1;flex:1;line-height:1;overflow:hidden;position:relative;text-align:center}.flatpickr-months .flatpickr-month,.flatpickr-months .flatpickr-next-month,.flatpickr-months .flatpickr-prev-month{fill:#5a6171;color:#5a6171;height:34px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.flatpickr-months .flatpickr-next-month,.flatpickr-months .flatpickr-prev-month{cursor:pointer;padding:10px;position:absolute;text-decoration:none;top:0;z-index:3}.flatpickr-months .flatpickr-next-month.flatpickr-disabled,.flatpickr-months .flatpickr-prev-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-next-month i,.flatpickr-months .flatpickr-prev-month i{position:relative}.flatpickr-months .flatpickr-next-month.flatpickr-prev-month,.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month{left:0}.flatpickr-months .flatpickr-next-month.flatpickr-next-month,.flatpickr-months .flatpickr-prev-month.flatpickr-next-month{right:0}.flatpickr-months .flatpickr-next-month:hover,.flatpickr-months .flatpickr-prev-month:hover{color:#bbb}.flatpickr-months .flatpickr-next-month:hover svg,.flatpickr-months .flatpickr-prev-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-next-month svg,.flatpickr-months .flatpickr-prev-month svg{height:14px;width:14px}.flatpickr-months .flatpickr-next-month svg path,.flatpickr-months .flatpickr-prev-month svg path{fill:inherit;-webkit-transition:fill .1s;transition:fill .1s}.numInputWrapper{height:auto;position:relative}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-inner-spin-button,.numInputWrapper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.numInputWrapper span{border:1px solid rgba(72,72,72,.15);-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;height:50%;line-height:50%;opacity:0;padding:0 4px 0 2px;position:absolute;right:0;width:14px}.numInputWrapper span:hover{background:rgba(0,0,0,.1)}.numInputWrapper span:active{background:rgba(0,0,0,.2)}.numInputWrapper span:after{content:"";display:block;position:absolute}.numInputWrapper span.arrowUp{border-bottom:0;top:0}.numInputWrapper span.arrowUp:after{border-bottom:4px solid rgba(72,72,72,.6);border-left:4px solid transparent;border-right:4px solid transparent;top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(72,72,72,.6);top:40%}.numInputWrapper span svg{height:auto;width:inherit}.numInputWrapper span svg path{fill:rgba(90,97,113,.5)}.numInputWrapper:hover{background:rgba(0,0,0,.05)}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{color:inherit;display:inline-block;font-size:135%;font-weight:300;height:34px;left:12.5%;line-height:inherit;line-height:1;padding:7.48px 0 0;position:absolute;text-align:center;-webkit-transform:translateZ(0);transform:translateZ(0);width:75%}.flatpickr-current-month span.cur-month{color:inherit;display:inline-block;font-family:inherit;font-weight:700;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,.05)}.flatpickr-current-month .numInputWrapper{display:inline-block;width:6ch;width:7ch\0}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:#5a6171}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:#5a6171}.flatpickr-current-month input.cur-year{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;background:transparent;border:0;border-radius:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:text;display:inline-block;font-family:inherit;font-size:inherit;font-weight:300;height:auto;line-height:inherit;margin:0;padding:0 0 0 .5ch;vertical-align:initial}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{background:transparent;color:rgba(90,97,113,.5);font-size:100%;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;-webkit-appearance:menulist;-moz-appearance:menulist;background:#eceef1;border:none;border-radius:0;box-sizing:border-box;-webkit-box-sizing:border-box;color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:active,.flatpickr-current-month .flatpickr-monthDropdown-months:focus{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:rgba(0,0,0,.05)}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:#eceef1;outline:none;padding:0}.flatpickr-weekdays{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background:#eceef1;height:28px;overflow:hidden;text-align:center;width:100%}.flatpickr-weekdays,.flatpickr-weekdays .flatpickr-weekdaycontainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-weekdays .flatpickr-weekdaycontainer,span.flatpickr-weekday{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}span.flatpickr-weekday{background:#eceef1;color:#5a6171;cursor:default;display:block;font-size:90%;font-weight:bolder;line-height:1;margin:0;text-align:center}.dayContainer,.flatpickr-weeks{padding:1px 0 0}.flatpickr-days{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;border-left:1px solid #eceef1;border-right:1px solid #eceef1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow:hidden;position:relative;width:307.875px}.flatpickr-days:focus{outline:0}.dayContainer{-ms-flex-pack:justify;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:wrap;-webkit-justify-content:space-around;justify-content:space-around;max-width:307.875px;min-width:307.875px;opacity:1;outline:0;padding:0;text-align:left;-webkit-transform:translateZ(0);transform:translateZ(0);width:307.875px}.dayContainer+.dayContainer{-webkit-box-shadow:-1px 0 0 #eceef1;box-shadow:-1px 0 0 #eceef1}.flatpickr-day{-ms-flex-preferred-size:14.2857143%;-webkit-box-pack:center;-ms-flex-pack:center;background:none;border:1px solid transparent;border-radius:150px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#484848;cursor:pointer;display:inline-block;-webkit-flex-basis:14.2857143%;flex-basis:14.2857143%;font-weight:400;height:39px;-webkit-justify-content:center;justify-content:center;line-height:39px;margin:0;max-width:39px;position:relative;text-align:center;width:14.2857143%}.flatpickr-day.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day.nextMonthDay:focus,.flatpickr-day.nextMonthDay:hover,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.today.inRange,.flatpickr-day:focus,.flatpickr-day:hover{background:#e2e2e2;border-color:#e2e2e2;cursor:pointer;outline:0}.flatpickr-day.today{border-color:#bbb}.flatpickr-day.today:focus,.flatpickr-day.today:hover{background:#bbb;border-color:#bbb;color:#fff}.flatpickr-day.endRange,.flatpickr-day.endRange.inRange,.flatpickr-day.endRange.nextMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.endRange:focus,.flatpickr-day.endRange:hover,.flatpickr-day.selected,.flatpickr-day.selected.inRange,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.selected:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange,.flatpickr-day.startRange.inRange,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.startRange:focus,.flatpickr-day.startRange:hover{background:#ff5a5f;border-color:#ff5a5f;-webkit-box-shadow:none;box-shadow:none;color:#fff}.flatpickr-day.endRange.startRange,.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.endRange.endRange,.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)){-webkit-box-shadow:-10px 0 0 #ff5a5f;box-shadow:-10px 0 0 #ff5a5f}.flatpickr-day.endRange.startRange.endRange,.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e2e2e2,5px 0 0 #e2e2e2;box-shadow:-5px 0 0 #e2e2e2,5px 0 0 #e2e2e2}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.nextMonthDay,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.prevMonthDay{background:transparent;border-color:transparent;color:rgba(72,72,72,.3);cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{color:rgba(72,72,72,.1);cursor:not-allowed}.flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-5px 0 0 #ff5a5f,5px 0 0 #ff5a5f;box-shadow:-5px 0 0 #ff5a5f,5px 0 0 #ff5a5f}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{border-left:1px solid #eceef1;padding:0 12px}.flatpickr-weekwrapper .flatpickr-weekday{float:none;line-height:28px;width:100%}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{background:transparent;border:none;color:rgba(72,72,72,.3);cursor:default;display:block;max-width:none;width:100%}.flatpickr-innerContainer{background:#fff;border-bottom:1px solid #eceef1;display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow:hidden}.flatpickr-innerContainer,.flatpickr-rContainer{-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-rContainer{display:inline-block;padding:0}.flatpickr-time{background:#fff;border-radius:0 0 5px 5px;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:0;line-height:40px;max-height:40px;outline:0;overflow:hidden;text-align:center}.flatpickr-time:after{clear:both;content:"";display:table}.flatpickr-time .numInputWrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;float:left;height:40px;width:40%}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#484848}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#484848}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;background:transparent;border:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;-webkit-box-sizing:border-box;box-sizing:border-box;color:#484848;font-size:14px;height:inherit;line-height:inherit;margin:0;padding:0;position:relative;text-align:center}.flatpickr-time input.flatpickr-hour{font-weight:700}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{border:0;outline:0}.flatpickr-time .flatpickr-am-pm,.flatpickr-time .flatpickr-time-separator{-ms-flex-item-align:center;-ms-grid-row-align:center;-webkit-align-self:center;align-self:center;color:#484848;float:left;font-weight:700;height:inherit;line-height:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:2%}.flatpickr-time .flatpickr-am-pm{cursor:pointer;font-weight:400;outline:0;text-align:center;width:18%}.flatpickr-time .flatpickr-am-pm:focus,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time input:hover{background:#eaeaea}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fpFadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}span.flatpickr-day.selected{font-weight:700}
6
+ .rttpg-media{margin-bottom:15px}.rttpg-media label{display:block;font-weight:500;margin-bottom:10px}.rttpg-media .rttpg-single-img .rttpg-media-image-parent{display:inline-block;min-height:140px;min-width:140px;position:relative}.rttpg-media .rttpg-single-img .rttpg-media-image-parent img{margin:0}
7
+ .rttpg-icon-main-wrapper .choose-icon{align-items:center;background-color:#d5dadf;border:1px solid #ddd;color:#6d7882;cursor:pointer;display:flex;font-size:20px;justify-content:center;min-height:120px;position:relative;transition:.4s}.rttpg-icon-main-wrapper .choose-icon.has-icon{background-color:#f6f6f6;background-image:linear-gradient(45deg,#ddd 25%,transparent 0,transparent 75%,#ddd 0,#ddd),linear-gradient(45deg,#ddd 25%,transparent 0,transparent 75%,#ddd 0,#ddd);background-position:0 0,8px 8px;background-size:16px 16px}.rttpg-icon-main-wrapper .choose-icon .default-icon{font-size:70px}.rttpg-icon-main-wrapper .choose-icon span{transition:color .4s}.rttpg-icon-main-wrapper .choose-icon .fa-plus{background-color:#fff;border:1px solid #999;border-radius:50%;box-sizing:border-box;height:40px;line-height:40px;pointer-events:none;text-align:center;width:40px}.rttpg-icon-main-wrapper .choose-icon:hover{color:#41474d}.rttpg-icon-main-wrapper .choose-icon:not(.has-icon):hover{background-color:#bfc3c7}.rttpg-icon-main-wrapper .components-input-control__label{color:var(--rttpg-admin-color-secondary,#555);display:block;font-weight:500;margin-bottom:5px}.rttpg-icon-main-wrapper .icon-inner-wrapper{position:relative}.rttpg-icon-main-wrapper .icon-inner-wrapper .rttpg-icon-wrapper{background:#fff;border:3px solid #ddd;display:block;position:absolute;top:0;z-index:9}.rttpg-icon-main-wrapper .rttpg-icon-list-warp{display:block;width:100%}.rttpg-icon-main-wrapper .rttpg-icon-wrapper input{background:#fff;border:1px solid #e5e7ea;border-radius:3px 3px 0 0;height:36px;margin-left:-.5px;padding:0 10px!important;position:relative;width:100%;z-index:2}.rttpg-icon-main-wrapper .rttpg-icon-wrapper input:focus{border:1px solid #2184f9;box-shadow:none;outline:0}.rttpg-icon-main-wrapper .rttpg-icon-wrapper .rttpg-remove-icon{border-collapse:#ddd;box-shadow:none;line-height:18px;top:7px}.rttpg-icon-main-wrapper .rttpg-icon-wrapper .rttpg-font-list span{border-bottom:.5px solid #e5e7ea}.rttpg-icon-main-wrapper .rttpg-icon-wrapper .rttpg-font-list span.active{color:#555d66}.rttpg-icon-main-wrapper.rttpg-toggle-enabled label{display:inline-block;font-size:16px;line-height:1;margin:0;width:auto}.rttpg-icon-main-wrapper .rttpg-icon-list-icons{border:1px solid #e5e7ea;border-top:0;margin:-1px 0 0;max-height:177px;overflow:auto;position:relative;z-index:1}.rttpg-icon-main-wrapper .rttpg-icon-list-icons>span{float:left;font-size:15px;margin:0;text-align:center;width:16.6666666667%}.rttpg-icon-main-wrapper .rttpg-icon-list-icons>span span{background:#fff;border:1px solid #e5e7ea;color:#565d66;display:block;height:37px;line-height:37px;margin-bottom:-1px;margin-left:-1px;transition:.3s}.rttpg-icon-main-wrapper .rttpg-icon-list-icons>span:hover{cursor:pointer}.rttpg-icon-main-wrapper .rttpg-icon-list-icons>span.rttpg-active span,.rttpg-icon-main-wrapper .rttpg-icon-list-icons>span:hover span{background:#2184f9;border-color:#2184f9;color:#fff}.rttpg-icon-main-wrapper .rttpg-icon-list-inner{display:block;padding:4px 9px;width:100%}.rttpg-icon-main-wrapper .rttpg-icon-list-inner:hover{cursor:pointer}.rttpg-icon-main-wrapper .rttpg-icon-list-inner>i{float:right;font-size:11px;font-style:normal;padding:3px}.rttpg-icon-main-wrapper .rttpg-icon-list-inner>i.fa-times:hover{color:red}
8
+ .rttpg-components-popover .rttpg-control-field.rttpg-cf-typography-wrap,.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-typography-wrap{align-items:center;display:flex;justify-content:space-between}.rttpg-components-popover .rttpg-control-field.rttpg-cf-typography-wrap .components-button,.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-typography-wrap .components-button{align-items:center;background:transparent;border:1px solid #d5dadf;border-radius:3px;color:var(--rttpg-admin-color-primary,#06f);display:inline-flex;font-size:var(--rttpg-admin-text-base,14px);height:28px!important;justify-content:center;padding:0;width:28px!important}.rttpg-components-popover .rttpg-control-field.rttpg-cf-typography-wrap .components-button>span,.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-typography-wrap .components-button>span{height:22px;line-height:1;transition:unset}.rttpg-components-popover .rttpg-control-field.rttpg-cf-typography-wrap .components-button:hover,.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-typography-wrap .components-button:hover{background-color:var(--rttpg-admin-color-primary,#06f);color:var(--rttpg-admin-color-white,#fff)}.rttpg-components-popover .rttpg-typography-content,.rttpg-panel-control-wrapper .rttpg-typography-content{min-width:230px;padding:5px 6px}
9
+ .rttpg-components-popover .rttpg-control-field.rttpg-cf-color-wrap,.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-color-wrap{align-items:center;display:flex;gap:15px;justify-content:space-between}.rttpg-components-popover .rttpg-control-field.rttpg-cf-color-wrap .rttpg-color,.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-color-wrap .rttpg-color{align-items:center;display:flex;flex-direction:row-reverse;gap:6px}.rttpg-components-popover .rttpg-control-field.rttpg-cf-color-wrap .rttpg-color .rttpg-undo-btn,.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-color-wrap .rttpg-color .rttpg-undo-btn{padding:0}.rttpg-components-popover .rttpg-control-field.rttpg-cf-color-wrap .rttpg-color-ball,.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-color-wrap .rttpg-color-ball{background-image:linear-gradient(45deg,#e9e9e9 25%,transparent 0),linear-gradient(-45deg,#e9e9e9 25%,transparent 0),linear-gradient(45deg,transparent 75%,#e9e9e9 0),linear-gradient(-45deg,transparent 75%,#e9e9e9 0);background-position:0 0,0 5px,5px -5px,-5px 0;background-size:10px 10px;border-radius:50%;overflow:hidden}
10
+ .rttpg-components-popover .rttpg-control-dimensions,.rttpg-panel-control-wrapper .rttpg-control-dimensions{display:flex;overflow:hidden}.rttpg-components-popover .rttpg-control-dimensions .rttpg-control-dimension:first-child input,.rttpg-panel-control-wrapper .rttpg-control-dimensions .rttpg-control-dimension:first-child input{border-left:1px solid var(--rttpg-admin-color-border);border-radius:3px 0 0 3px}.rttpg-components-popover .rttpg-control-dimensions .rttpg-control-dimension input,.rttpg-panel-control-wrapper .rttpg-control-dimensions .rttpg-control-dimension input{border-left:none;border-color:var(--rttpg-admin-color-border);border-radius:0;display:block;height:27px;padding:4px 0;text-align:center;width:100%}.rttpg-components-popover .rttpg-control-dimensions .rttpg-control-dimension input:active,.rttpg-components-popover .rttpg-control-dimensions .rttpg-control-dimension input:focus,.rttpg-components-popover .rttpg-control-dimensions .rttpg-control-dimension input:hover,.rttpg-panel-control-wrapper .rttpg-control-dimensions .rttpg-control-dimension input:active,.rttpg-panel-control-wrapper .rttpg-control-dimensions .rttpg-control-dimension input:focus,.rttpg-panel-control-wrapper .rttpg-control-dimensions .rttpg-control-dimension input:hover{box-shadow:none;outline:0}.rttpg-components-popover .rttpg-control-dimensions .rttpg-control-dimension .rttpg-link-dimensions,.rttpg-panel-control-wrapper .rttpg-control-dimensions .rttpg-control-dimension .rttpg-link-dimensions{align-items:center;border:1px solid var(--rttpg-admin-color-border);border-radius:0 3px 3px 0;cursor:pointer;display:inline-flex;font-size:15px;height:30px;justify-content:center;width:40px}.rttpg-components-popover .rttpg-control-dimensions .rttpg-control-dimension .rttpg-link-dimensions.linked,.rttpg-panel-control-wrapper .rttpg-control-dimensions .rttpg-control-dimension .rttpg-link-dimensions.linked{background-color:var(--rttpg-admin-color-primary);border-color:var(--rttpg-admin-color-primary);color:#fff}.rttpg-components-popover .rttpg-control-dimensions .rttpg-control-dimension .rttpg-link-dimensions .rt-dm-link-icon,.rttpg-panel-control-wrapper .rttpg-control-dimensions .rttpg-control-dimension .rttpg-link-dimensions .rt-dm-link-icon{align-items:center;display:inline-flex;font-size:15px;height:auto;line-height:1;width:auto}.rttpg-components-popover .rttpg-control-dimensions .rttpg-control-dimension .rttpg-link-dimensions:focus,.rttpg-components-popover .rttpg-control-dimensions .rttpg-control-dimension .rttpg-link-dimensions:focus-visible,.rttpg-panel-control-wrapper .rttpg-control-dimensions .rttpg-control-dimension .rttpg-link-dimensions:focus,.rttpg-panel-control-wrapper .rttpg-control-dimensions .rttpg-control-dimension .rttpg-link-dimensions:focus-visible{box-shadow:none;outline:0}.rttpg-components-popover .rttpg-control-dimensions .rttpg-control-dimension-label,.rttpg-panel-control-wrapper .rttpg-control-dimensions .rttpg-control-dimension-label{display:block;font-size:9px;padding-top:5px;text-align:center;text-transform:uppercase}
11
+ .rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-color,.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-color{row-gap:0}.rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap,.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap{--row-gap:12px}.rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-circular-option-picker__swatches,.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-circular-option-picker__swatches{gap:8px}.rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-circular-option-picker__option-wrapper,.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-circular-option-picker__option-wrapper{height:22px;width:22px}.rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-circular-option-picker__option-wrapper:hover,.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-circular-option-picker__option-wrapper:hover{transform:scale(1)}.rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-circular-option-picker__option-wrapper:before,.rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-circular-option-picker__option-wrapper>svg,.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-circular-option-picker__option-wrapper:before,.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-circular-option-picker__option-wrapper>svg{display:none}.rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-circular-option-picker__option,.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-circular-option-picker__option{padding:5px;position:relative}.rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-circular-option-picker__option:after,.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-circular-option-picker__option:after{display:none}.rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-circular-option-picker__option.is-pressed,.rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-circular-option-picker__option:hover,.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-circular-option-picker__option.is-pressed,.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-circular-option-picker__option:hover{box-shadow:none!important}.rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-circular-option-picker__option.is-pressed:before,.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-circular-option-picker__option.is-pressed:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 448 512%27 width=%271em%27 height=%271em%27 fill=%27%23fff%27%3E%3Cpath d=%27M438.6 105.4c12.5 12.5 12.5 32.7 0 45.2l-256 256c-12.5 12.5-32.7 12.5-45.2 0L9.372 278.6c-12.496-12.5-12.496-32.7 0-45.2 12.498-12.5 32.758-12.5 45.258 0L159.1 338.7l234.3-233.3c12.5-12.52 32.7-12.52 45.2 0z%27/%3E%3C/svg%3E")!important;content:"";height:16px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:16px}.rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-circular-option-picker__custom-clear-wrapper,.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-circular-option-picker__custom-clear-wrapper{margin-top:6px}.rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-circular-option-picker__custom-clear-wrapper .components-button,.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-circular-option-picker__custom-clear-wrapper .components-button{align-items:center;background-color:#e0e0e0;border:none;box-shadow:none;color:var(--rttpg-admin-color-black,#000);display:inline-flex;font-size:var(--rttpg-admin-text-xs,12px);justify-content:center;padding:5px 10px}.rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-circular-option-picker__custom-clear-wrapper .components-button:hover,.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-circular-option-picker__custom-clear-wrapper .components-button:hover{background-color:var(--rttpg-admin-color-primary,#06f);color:var(--rttpg-admin-color-white,#fff)}.rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-circular-option-picker__custom-clear-wrapper .components-button:focus,.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-circular-option-picker__custom-clear-wrapper .components-button:focus{box-shadow:none;outline:0}.rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker>div:nth-of-type(2)>div:nth-of-type(2)>div,.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker>div:nth-of-type(2)>div:nth-of-type(2)>div{position:relative!important;top:6.5px!important}.rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__gradient-bar,.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__gradient-bar{border-radius:4px;height:36px}.rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__markers-container,.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__markers-container{height:100%}.rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__control-point-button,.rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__insert-point,.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__control-point-button,.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__insert-point{background:transparent;border:2.5px solid #fff;border-radius:50%;box-shadow:none;color:#fff;top:50%;transform:translateY(-50%)}.rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__control-point-button:focus,.rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__control-point-button:hover,.rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__insert-point:focus,.rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__insert-point:hover,.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__control-point-button:focus,.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__control-point-button:hover,.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__insert-point:focus,.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__insert-point:hover{box-shadow:none;outline:0}.rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__control-point-button:hover,.rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__insert-point:hover,.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__control-point-button:hover,.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__insert-point:hover{background:transparent}.rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__insert-point,.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__insert-point{top:11px}.rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker .components-input-control__input,.rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker .components-select-control__input,.rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker .components-textarea-control__input,.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker .components-input-control__input,.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker .components-select-control__input,.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker .components-textarea-control__input{height:34px!important;min-height:34px!important}.rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker .components-input-control__backdrop,.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker .components-input-control__backdrop{display:none!important}.rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker .components-angle-picker-control__angle-circle,.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker .components-angle-picker-control__angle-circle{border:1px solid var(--rttpg-admin-color-border)}.rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker .components-angle-picker-control__angle-circle-indicator,.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker .components-angle-picker-control__angle-circle-indicator{background:var(--rttpg-admin-color-primary,#06f);border-color:var(--rttpg-admin-color-primary,#06f);border-radius:50%}.rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__ui-line,.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__ui-line{margin-bottom:6px}.rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__ui-line .components-input-control__label,.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__ui-line .components-input-control__label{margin-bottom:0!important;padding-bottom:8px!important;text-transform:capitalize}.rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__ui-line .components-flex-item:last-of-type,.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__ui-line .components-flex-item:last-of-type{align-self:baseline}.rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__ui-line .components-flex-item:last-of-type .components-input-control__container,.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__ui-line .components-flex-item:last-of-type .components-input-control__container{border:1px solid var(--rttpg-admin-color-border);height:34px!important}.rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__ui-line .components-flex-item:last-of-type .components-input-control__container .components-truncate,.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__ui-line .components-flex-item:last-of-type .components-input-control__container .components-truncate{color:var(--rttpg-admin-color-primary,#06f)!important}.rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__ui-line .components-flex-item:last-of-type .components-input-control__container .components-input-control__input,.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__ui-line .components-flex-item:last-of-type .components-input-control__container .components-input-control__input{border:none!important;height:31.5px!important;min-height:31.5px!important;padding:3px 0 3px 6px!important}.rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__ui-line .components-flex-item:last-of-type .components-input-control__container:focus,.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__ui-line .components-flex-item:last-of-type .components-input-control__container:focus{border-color:var(--rttpg-admin-color-primary,#06f);box-shadow:none;outline:0}
12
+ .rttpg-components-popover .rttpg-control-field.rttpg-cf-bg-property,.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-bg-property{display:flex;justify-content:space-between;margin-bottom:0!important}.rttpg-components-popover .rttpg-control-field.rttpg-cf-bg-property select,.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-bg-property select{height:30px!important;min-height:30px!important;padding-bottom:3px;padding-top:3px;width:130px}.rttpg-components-popover .rttpg-control-field.rttpg-cf-bg-property .rttpg-cf-body>*,.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-bg-property .rttpg-cf-body>*{margin-bottom:0!important}
13
+ .rttpg-components-popover .rttpg-bg-img .components-base-control__field,.rttpg-panel-control-wrapper .rttpg-bg-img .components-base-control__field{display:grid;gap:6px}.rttpg-components-popover .rttpg-bg-img .components-base-control .rttpg-image-avatar,.rttpg-components-popover .rttpg-bg-img .components-base-control .rttpg-img-remove-btn,.rttpg-panel-control-wrapper .rttpg-bg-img .components-base-control .rttpg-image-avatar,.rttpg-panel-control-wrapper .rttpg-bg-img .components-base-control .rttpg-img-remove-btn{margin-bottom:0}.rttpg-components-popover .rttpg-bg-img .components-base-control .rttpg-image-avatar .open-image-button,.rttpg-components-popover .rttpg-bg-img .components-base-control .rttpg-img-remove-btn .open-image-button,.rttpg-panel-control-wrapper .rttpg-bg-img .components-base-control .rttpg-image-avatar .open-image-button,.rttpg-panel-control-wrapper .rttpg-bg-img .components-base-control .rttpg-img-remove-btn .open-image-button{background:transparent;border:none;bottom:0;cursor:pointer;height:100%;left:0;position:absolute;right:0;top:0;width:100%}
14
+
15
+ .rttpg-components-popover .rttpg-boxshadow-content,.rttpg-panel-control-wrapper .rttpg-boxshadow-content{min-width:220px}
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
assets/blocks/main.css.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"main.css","mappings":";;;AAGE;;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AADH;AAGG;;EACC;AAAJ;AAGG;;EACC;EACA;EACA;AAAJ;AAIE;;EACC;EACA;EACA;AADH;AAGG;;EACC;EACA;EACA;EACA;EACA;AAAJ;AAII;;EACC;EACA;EACA;AADL;AAIK;;EACC;AADN;AAKK;;EACC;AAFN;AAMK;;EACC;AAHN;AAOI;;EACC;EACA;EACA;AAJL;;AAaA;EACC;AAVD,C;;;;AC/DE;;EACC;EACA;AADH;AAGE;;EACC;EACA;AAAH;AAEE;;EACC;AACH;AAAG;;EACC;AAGJ;AAEI;;EACC;EACA;EACA;AACL;AAAK;;EACC;AAGN;AAIG;;EACC;EACA;EACA;AADJ;AAEI;;;;;;EAGC;EACA;AAGL;AADI;;EACC;EACA;EACA;AAIL;AAHK;;EACC;AAMN;AAJK;;EACC;EACA;AAON,C;;;;ACpDI;;EACC;AAHL,C;;;;ACAE;;EACC;AADH;AAEG;;EACC;EACA;EAEA;EACA;EACA;OAAA;AAAJ;AAEI;;EACC;EACA;EACA;EACA;EACA;OAAA;EACA;EACA;EACA;AACL;AAAK;;EACC;EACA;EACA;EACA;EACA;EACA;AAGN;AAFM;;EACC;EACA;AAKP;AADK;;;;;;EAGC;AAMN;AAJK;;EACC;EACA;EACA;AAON;AAJM;;EACC;AAOP;AALM;;EACC;AAQP;AAHI;;EACC;AAML;AAJI;;EACC;AAOL;AALI;;EACC;AAQL,C;;;;ACtEA;EACE,uBAAuB;EACvB,UAAU;EACV,aAAa;EACb,kBAAkB;EAClB,kBAAkB;EAClB,UAAU;EACV,uBAAuB;UACf,eAAe;EACvB,cAAc;EACd,SAAS;EACT,eAAe;EACf,iBAAiB;EACjB,kBAAkB;EAClB,kBAAkB;EAClB,gBAAgB;EAChB,8BAA8B;UACtB,sBAAsB;EAC9B,8BAA8B;MAC1B,0BAA0B;EAC9B,+CAA+C;UACvC,uCAAuC;AACjD;AACA;;EAEE,UAAU;EACV,iBAAiB;EACjB,mBAAmB;AACrB;AACA;EACE,qBAAqB;EACrB,cAAc;AAChB;AACA;EACE,oEAAoE;UAC5D,4DAA4D;AACtE;AACA;EACE,cAAc;EACd,kBAAkB;EAClB,QAAQ;AACV;AACA;EACE,kBAAkB;EAClB,qBAAqB;AACvB;AACA;EACE,YAAY;EACZ,cAAc;AAChB;AACA;EACE,mCAAmC;UAC3B,2BAA2B;AACrC;AACA;EACE,qDAAqD;UAC7C,6CAA6C;AACvD;AACA;;EAEE,gBAAgB;EAChB,6BAA6B;EAC7B,4BAA4B;AAC9B;AACA;EACE,cAAc;AAChB;AACA;EACE,YAAY;EACZ,6BAA6B;AAC/B;AACA;EACE,gBAAgB;AAClB;AACA;EACE,yBAAyB;AAC3B;AACA;EACE,YAAY;AACd;AACA;;EAEE,kBAAkB;EAClB,cAAc;EACd,oBAAoB;EACpB,yBAAyB;EACzB,WAAW;EACX,SAAS;EACT,QAAQ;EACR,UAAU;AACZ;AACA;;;;EAIE,UAAU;EACV,WAAW;AACb;AACA;;EAEE,SAAS;EACT,UAAU;AACZ;AACA;EACE,iBAAiB;EACjB,cAAc;AAChB;AACA;EACE,iBAAiB;EACjB,cAAc;AAChB;AACA;;EAEE,YAAY;AACd;AACA;EACE,4BAA4B;AAC9B;AACA;EACE,4BAA4B;AAC9B;AACA;;EAEE,SAAS;AACX;AACA;EACE,yBAAyB;AAC3B;AACA;EACE,yBAAyB;AAC3B;AACA;EACE,UAAU;AACZ;AACA;EACE,kBAAkB;EAClB,qBAAqB;AACvB;AACA;EACE,oBAAoB;EACpB,qBAAqB;EACrB,oBAAoB;EACpB,aAAa;AACf;AACA;EACE,0BAA0B;EAC1B,mBAAmB;EACnB,cAAc;EACd,aAAa;EACb,YAAY;EACZ,cAAc;EACd,kBAAkB;EAClB,kBAAkB;EAClB,yBAAyB;KACtB,sBAAsB;MACrB,qBAAqB;UACjB,iBAAiB;EACzB,gBAAgB;EAChB,mBAAmB;EACnB,eAAe;MACX,WAAW;UACP,OAAO;AACjB;AACA;;EAEE,yBAAyB;KACtB,sBAAsB;MACrB,qBAAqB;UACjB,iBAAiB;EACzB,qBAAqB;EACrB,eAAe;EACf,kBAAkB;EAClB,MAAM;EACN,YAAY;EACZ,aAAa;EACb,UAAU;EACV,cAAc;EACd,aAAa;AACf;AACA;;EAEE,aAAa;AACf;AACA;;EAEE,kBAAkB;AACpB;AACA;;AAEA;yBACyB;AACzB;OACO;EACL,OAAO;AACT;uBACuB;AACvB;OACO;AACP;AACA;yBACyB;AACzB;uBACuB;AACvB;;AAEA;yBACyB;AACzB;OACO;EACL,QAAQ;AACV;uBACuB;AACvB;OACO;AACP;AACA;yBACyB;AACzB;uBACuB;AACvB;;EAEE,WAAW;AACb;AACA;;EAEE,aAAa;AACf;AACA;;EAEE,WAAW;EACX,YAAY;AACd;AACA;;EAEE,6BAA6B;EAC7B,qBAAqB;EACrB,aAAa;AACf;AACA;EACE,kBAAkB;EAClB,YAAY;AACd;AACA;;EAEE,qBAAqB;AACvB;AACA;EACE,WAAW;AACb;AACA;EACE,aAAa;AACf;AACA;;EAEE,SAAS;EACT,wBAAwB;AAC1B;AACA;EACE,kBAAkB;EAClB,QAAQ;EACR,WAAW;EACX,oBAAoB;EACpB,WAAW;EACX,gBAAgB;EAChB,UAAU;EACV,eAAe;EACf,qCAAqC;EACrC,8BAA8B;UACtB,sBAAsB;AAChC;AACA;EACE,2BAA2B;AAC7B;AACA;EACE,2BAA2B;AAC7B;AACA;EACE,cAAc;EACd,WAAW;EACX,kBAAkB;AACpB;AACA;EACE,MAAM;EACN,gBAAgB;AAClB;AACA;EACE,kCAAkC;EAClC,mCAAmC;EACnC,2CAA2C;EAC3C,QAAQ;AACV;AACA;EACE,QAAQ;AACV;AACA;EACE,kCAAkC;EAClC,mCAAmC;EACnC,wCAAwC;EACxC,QAAQ;AACV;AACA;EACE,cAAc;EACd,YAAY;AACd;AACA;EACE,yBAAyB;AAC3B;AACA;EACE,4BAA4B;AAC9B;AACA;EACE,UAAU;AACZ;AACA;EACE,eAAe;EACf,oBAAoB;EACpB,gBAAgB;EAChB,cAAc;EACd,kBAAkB;EAClB,UAAU;EACV,WAAW;EACX,qBAAqB;EACrB,cAAc;EACd,YAAY;EACZ,qBAAqB;EACrB,kBAAkB;EAClB,6CAA6C;UACrC,qCAAqC;AAC/C;AACA;EACE,oBAAoB;EACpB,gBAAgB;EAChB,cAAc;EACd,qBAAqB;EACrB,kBAAkB;EAClB,UAAU;AACZ;AACA;EACE,4BAA4B;AAC9B;AACA;EACE,UAAU;EACV,YAAY;EACZ,qBAAqB;AACvB;AACA;EACE,4BAA4B;AAC9B;AACA;EACE,yBAAyB;AAC3B;AACA;EACE,uBAAuB;EACvB,8BAA8B;UACtB,sBAAsB;EAC9B,cAAc;EACd,YAAY;EACZ,oBAAoB;EACpB,SAAS;EACT,qBAAqB;EACrB,kBAAkB;EAClB,oBAAoB;EACpB,gBAAgB;EAChB,oBAAoB;EACpB,YAAY;EACZ,SAAS;EACT,gBAAgB;EAChB,uBAAuB;EACvB,6BAA6B;EAC7B,0BAA0B;EAC1B,qBAAqB;AACvB;AACA;EACE,UAAU;AACZ;AACA;;EAEE,eAAe;EACf,0BAA0B;EAC1B,uBAAuB;EACvB,oBAAoB;AACtB;AACA;EACE,oBAAoB;EACpB,mBAAmB;EACnB,YAAY;EACZ,gBAAgB;EAChB,sBAAsB;EACtB,cAAc;EACd,eAAe;EACf,kBAAkB;EAClB,oBAAoB;EACpB,gBAAgB;EAChB,YAAY;EACZ,oBAAoB;EACpB,kBAAkB;EAClB,aAAa;EACb,oBAAoB;EACpB,kBAAkB;EAClB,uBAAuB;EACvB,8BAA8B;EAC9B,4BAA4B;EAC5B,yBAAyB;EACzB,WAAW;AACb;AACA;;EAEE,aAAa;AACf;AACA;EACE,4BAA4B;AAC9B;AACA;EACE,yBAAyB;EACzB,aAAa;EACb,UAAU;AACZ;AACA;EACE,mBAAmB;EACnB,kBAAkB;EAClB,gBAAgB;EAChB,WAAW;EACX,oBAAoB;EACpB,qBAAqB;EACrB,oBAAoB;EACpB,aAAa;EACb,yBAAyB;EACzB,2BAA2B;MACvB,sBAAsB;UAClB,mBAAmB;EAC3B,YAAY;AACd;AACA;EACE,oBAAoB;EACpB,qBAAqB;EACrB,oBAAoB;EACpB,aAAa;EACb,mBAAmB;EACnB,eAAe;MACX,WAAW;UACP,OAAO;AACjB;AACA;EACE,eAAe;EACf,cAAc;EACd,mBAAmB;EACnB,cAAc;EACd,cAAc;EACd,SAAS;EACT,kBAAkB;EAClB,cAAc;EACd,mBAAmB;EACnB,eAAe;MACX,WAAW;UACP,OAAO;EACf,mBAAmB;AACrB;AACA;;EAEE,kBAAkB;AACpB;AACA;EACE,kBAAkB;EAClB,gBAAgB;EAChB,oBAAoB;EACpB,qBAAqB;EACrB,oBAAoB;EACpB,aAAa;EACb,wBAAwB;EACxB,+BAA+B;MAC3B,qBAAqB;UACjB,uBAAuB;EAC/B,gBAAgB;EAChB,8BAA8B;EAC9B,+BAA+B;AACjC;AACA;EACE,UAAU;AACZ;AACA;EACE,UAAU;EACV,UAAU;EACV,gBAAgB;EAChB,gBAAgB;EAChB,oBAAoB;EACpB,oBAAoB;EACpB,8BAA8B;UACtB,sBAAsB;EAC9B,qBAAqB;EACrB,oBAAoB;EACpB,oBAAoB;EACpB,qBAAqB;EACrB,aAAa;EACb,uBAAuB;UACf,eAAe;EACvB,mBAAmB;EACnB,sBAAsB;EACtB,qCAAqC;UAC7B,6BAA6B;EACrC,6CAA6C;UACrC,qCAAqC;EAC7C,UAAU;AACZ;AACA;EACE,oCAAoC;UAC5B,4BAA4B;AACtC;AACA;EACE,gBAAgB;EAChB,6BAA6B;EAC7B,oBAAoB;EACpB,8BAA8B;UACtB,sBAAsB;EAC9B,cAAc;EACd,eAAe;EACf,gBAAgB;EAChB,kBAAkB;EAClB,+BAA+B;MAC3B,oCAAoC;UAChC,uBAAuB;EAC/B,eAAe;EACf,YAAY;EACZ,iBAAiB;EACjB,SAAS;EACT,qBAAqB;EACrB,kBAAkB;EAClB,wBAAwB;EACxB,+BAA+B;MAC3B,qBAAqB;UACjB,uBAAuB;EAC/B,kBAAkB;AACpB;AACA;;;;;;;;;;;;EAYE,eAAe;EACf,UAAU;EACV,mBAAmB;EACnB,qBAAqB;AACvB;AACA;EACE,kBAAkB;AACpB;AACA;;EAEE,kBAAkB;EAClB,gBAAgB;EAChB,WAAW;AACb;AACA;;;;;;;;;;;;;;;;;;EAkBE,mBAAmB;EACnB,wBAAwB;UAChB,gBAAgB;EACxB,WAAW;EACX,qBAAqB;AACvB;AACA;;;EAGE,4BAA4B;AAC9B;AACA;;;EAGE,4BAA4B;AAC9B;AACA;;;EAGE,qCAAqC;UAC7B,6BAA6B;AACvC;AACA;;;EAGE,mBAAmB;AACrB;AACA;EACE,gBAAgB;EAChB,qDAAqD;UAC7C,6CAA6C;AACvD;AACA;;;;;;;EAOE,yBAAyB;EACzB,uBAAuB;EACvB,yBAAyB;EACzB,eAAe;AACjB;AACA;;EAEE,mBAAmB;EACnB,yBAAyB;AAC3B;AACA;EACE,gBAAgB;EAChB,qDAAqD;UAC7C,6CAA6C;AACvD;AACA;EACE,kBAAkB;AACpB;AACA;EACE,eAAe;AACjB;AACA;EACE,WAAW;AACb;AACA;EACE,eAAe;EACf,8BAA8B;AAChC;AACA;EACE,WAAW;EACX,WAAW;EACX,iBAAiB;AACnB;AACA;;EAEE,cAAc;EACd,WAAW;EACX,eAAe;EACf,yBAAyB;EACzB,uBAAuB;EACvB,eAAe;EACf,YAAY;AACd;AACA;EACE,cAAc;EACd,oBAAoB;EACpB,qBAAqB;EACrB,oBAAoB;EACpB,aAAa;EACb,8BAA8B;UACtB,sBAAsB;EAC9B,gBAAgB;EAChB,gBAAgB;EAChB,gCAAgC;AAClC;AACA;EACE,qBAAqB;EACrB,UAAU;EACV,8BAA8B;UACtB,sBAAsB;AAChC;AACA;EACE,kBAAkB;EAClB,UAAU;EACV,cAAc;EACd,SAAS;EACT,iBAAiB;EACjB,gBAAgB;EAChB,8BAA8B;UACtB,sBAAsB;EAC9B,gBAAgB;EAChB,oBAAoB;EACpB,qBAAqB;EACrB,oBAAoB;EACpB,aAAa;EACb,gBAAgB;EAChB,0BAA0B;AAC5B;AACA;EACE,WAAW;EACX,cAAc;EACd,WAAW;AACb;AACA;EACE,mBAAmB;EACnB,eAAe;MACX,WAAW;UACP,OAAO;EACf,UAAU;EACV,YAAY;EACZ,WAAW;AACb;AACA;EACE,4BAA4B;AAC9B;AACA;EACE,yBAAyB;AAC3B;AACA;EACE,UAAU;AACZ;AACA;EACE,UAAU;AACZ;AACA;EACE,uBAAuB;EACvB,wBAAwB;UAChB,gBAAgB;EACxB,SAAS;EACT,gBAAgB;EAChB,kBAAkB;EAClB,SAAS;EACT,UAAU;EACV,eAAe;EACf,oBAAoB;EACpB,cAAc;EACd,eAAe;EACf,kBAAkB;EAClB,8BAA8B;UACtB,sBAAsB;EAC9B,6BAA6B;EAC7B,0BAA0B;EAC1B,qBAAqB;AACvB;AACA;EACE,iBAAiB;AACnB;AACA;;EAEE,gBAAgB;AAClB;AACA;EACE,UAAU;EACV,SAAS;AACX;AACA;;EAEE,eAAe;EACf,WAAW;EACX,oBAAoB;EACpB,cAAc;EACd,iBAAiB;EACjB,SAAS;EACT,yBAAyB;KACtB,sBAAsB;MACrB,qBAAqB;UACjB,iBAAiB;EACzB,0BAA0B;MACtB,2BAA2B;UACvB,0BAAkB;MAAlB,kBAAkB;AAC5B;AACA;EACE,UAAU;EACV,UAAU;EACV,eAAe;EACf,kBAAkB;EAClB,gBAAgB;AAClB;AACA;;;;EAIE,mBAAmB;AACrB;AACA;EACE,eAAe;AACjB;AACA;EACE;IACE,UAAU;IACV,2CAA2C;YACnC,mCAAmC;EAC7C;EACA;IACE,UAAU;IACV,uCAAuC;YAC/B,+BAA+B;EACzC;AACF;AACA;EACE;IACE,UAAU;IACV,2CAA2C;YACnC,mCAAmC;EAC7C;EACA;IACE,UAAU;IACV,uCAAuC;YAC/B,+BAA+B;EACzC;AACF;AACA;EACE,iBAAiB;AACnB;;;;;ACxyBA;EACI;AACJ;AACI;EACI;EACA;EACA;AACR;AAGQ;EACI;EACA;EACA;EACA;AADZ;AAGY;EACI;AADhB,C;;;;ACdI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AADR;AAGQ;EACI;EAEA;EACA;EACA;AADZ;AAIQ;EACI;AAFZ;AAKQ;EACI;AAHZ;AAMQ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAJZ;AAOQ;EACI;AALZ;AAOQ;EACI;AALZ;AASI;EACI;EACA;EACA;EACA;AAPR;AAUI;EACI;AARR;AASQ;EACI;EACA;EACA;EACA;EACA;EACA;AAPZ;AAWI;EACI;EACA;AATR;AAcQ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAZZ;AAcY;EACI;EACA;EACA;AAZhB;AAgBQ;EACI;EACA;EACA;EACA;AAdZ;AAiBY;EACI;AAfhB;AAiBgB;EAEI;AAhBpB;AAuBQ;EACI;EACA;EACA;EACA;EACA;AArBZ;AAyBI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAvBR;AAyBQ;EACI;EACA;EACA;EACA;EACA;AAvBZ;AAyBY;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAvBhB;AA0BY;EACI;AAxBhB;AA0BgB;EACI;EACA;EACA;AAxBpB;AA6BgB;EACI;EACA;EACA;AA3BpB;AAkCI;EACI;EACA;EACA;AAhCR;AAkCQ;EACI;AAhCZ;AAmCQ;EACI;EACA;EACA;EACA;AAjCZ;AAmCY;EACI;AAjChB,C;;;;ACzJE;;EACC;EACA;EACA;AADH;AAGG;;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAJ;AACI;;EACC;EACA;EACA;AAEL;AAAI;;EACC;EACA;AAGL;AAEC;;EACC;EACA;AACF,C;;;;AChCE;;EACC;EACA;EACA;EACA;AADH;AAEG;;EACC;EACA;EACA;EACA;AACJ;AAAI;;EACC;AAGL;AAAG;;EACC;EAQA;EACA;EACA;EACA;AAJJ,C;;;;ACvBC;;EACC;EACA;AAAF;AAGG;;EACC;EACA;AAAJ;AAGG;;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAJ;AACI;;;;EAGC;EACA;AAEL;AAEG;;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACJ;AAAI;;EACC;EACA;EACA;AAGL;AADI;;EACC;EACA;EACA;EACA;EACA;EACA;AAIL;AAFI;;;EAEC;EACA;AAKL;AAAE;;EACC;EACA;EACA;EACA;EACA;AAGH,C;;;;ACjEE;;EACC;AADH;AAIE;;EACC;AADH;AAGI;;EACC;AAAL;AAEI;;EACC;EACA;AACL;AAAK;;EACC;AAGN;AADK;;EACC;AAIN;AADK;;EACC;AAIN;AADI;;EACC;EACA;AAIL;AAHK;;EACC;AAMN;AAJK;;;EAEC;AAON;AAJM;;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAOP;AAHI;;EACC;AAML;AALK;;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAQN;AAPM;;EACC;EACA;AAUP;AALM;;EACC;EACA;AAQP;AAEQ;;EACC;EACA;AACT;AAKI;;EACC;EACA;AAFL;AAII;;EACC;AADL;AAGI;;;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;AAAL;AACK;;;;;EAEC;EACA;AAIN;AAFK;;;EACC;AAMN;AAHI;;EACC;AAML;AAJI;;;;;;EAGC;EACA;AASL;AAPI;;EACC;AAUL;AAPK;;EACC;AAUN;AARK;;EACC;EACA;EACA;AAWN;AARI;;EACC;AAWL;AAVK;;EACC;EACA;EACA;AAaN;AAVM;;EACC;AAaP;AAZO;;EACC;EACA;AAeR;AAdQ;;EACC;AAiBT;AAZQ;;EACC;EACA;EACA;EACA;EACA;EACA;EACA;AAeT;AAbQ;;EACC;EACA;EACA;AAgBT,C;;;;ACrLE;;EACC;EACA;EACA;AADH;AAEG;;EACC;EACA;EACA;EACA;EACA;AACJ;AAEI;;EACC;AACL,C;;;;ACbG;;EACC;EACA;AAFJ;AAIG;;;;EAEC;AAAJ;AACI;;;;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAIL,C;;;;;;;;ACvBC;;EACC;AAAF,C","sources":["webpack://the-post-grid/./src/components/scss/devices.scss","webpack://the-post-grid/./src/components/scss/rangeDevice.scss","webpack://the-post-grid/./src/components/scss/alignment.scss","webpack://the-post-grid/./src/components/scss/styles.scss","webpack://the-post-grid/./node_modules/flatpickr/dist/themes/light.css","webpack://the-post-grid/./src/components/scss/media.scss","webpack://the-post-grid/./src/components/scss/iconList.scss","webpack://the-post-grid/./src/components/scss/typography.scss","webpack://the-post-grid/./src/components/scss/color.scss","webpack://the-post-grid/./src/components/scss/dimension.scss","webpack://the-post-grid/./src/components/scss/gradient.scss","webpack://the-post-grid/./src/components/scss/SelectObj1.scss","webpack://the-post-grid/./src/components/scss/bgImage.scss","webpack://the-post-grid/./src/components/scss/boxshadow.scss"],"sourcesContent":[".rttpg-components-popover,\r\n.rttpg-panel-control-wrapper {\r\n\t.rttpg-device {\r\n\t\t&-switcher {\r\n\t\t\tcolor: #a4afb7;\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: center;\r\n\t\t\tposition: relative;\r\n\t\t\tz-index: 2;\r\n\t\t\tcursor: pointer;\r\n\t\t\theight: 0;\r\n\t\t\ttransform: scale(0);\r\n\t\t\topacity: 0;\r\n\t\t\ttransition: 0.15s;\r\n\t\t\tfont-size: 11px;\r\n\r\n\t\t\ti {\r\n\t\t\t\tfont-size: inherit;\r\n\t\t\t}\r\n\r\n\t\t\t&.active {\r\n\t\t\t\theight: 24px;\r\n\t\t\t\ttransform: scale(1);\r\n\t\t\t\topacity: 1;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&-switchers {\r\n\t\t\tposition: relative;\r\n\t\t\twidth: 24px;\r\n\t\t\theight: 24px;\r\n\r\n\t\t\t&-wrap {\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\ttop: 1px;\r\n\t\t\t\tcolor: #e0e1e3;\r\n\t\t\t\tz-index: 44;\r\n\t\t\t}\r\n\r\n\t\t\t&-open {\r\n\t\t\t\t.rttpg-device-switchers-wrap {\r\n\t\t\t\t\tbox-shadow: 0 0 20px 0 rgb(0 0 0 / 25%);\r\n\t\t\t\t\tbackground: #ffffff;\r\n\t\t\t\t\tborder-radius: 2px;\r\n\t\t\t\t}\r\n\t\t\t\t&.active-md {\r\n\t\t\t\t\t.rttpg-device-switchers-wrap {\r\n\t\t\t\t\t\ttop: 0;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\t&.active-sm {\r\n\t\t\t\t\t.rttpg-device-switchers-wrap {\r\n\t\t\t\t\t\ttop: 0;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\t&.active-xs {\r\n\t\t\t\t\t.rttpg-device-switchers-wrap {\r\n\t\t\t\t\t\ttop: 0;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t.rttpg-device-switcher {\r\n\t\t\t\t\theight: 24px;\r\n\t\t\t\t\ttransform: scale(1);\r\n\t\t\t\t\topacity: 1;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\r\n\t}\r\n}\r\n\r\n.rttpg-device-switchers-open .rttpg-device-switcher.active {\r\n\tcolor: var(--rttpg-admin-color-primary, #0066ff)\r\n}\r\n",".rttpg-components-popover,\r\n.rttpg-panel-control-wrapper {\r\n\t.rttpg-control-field {\r\n\t\t.rttpg-cf-head .rt-left-part{\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t}\r\n\t\t.rttpg-cf-head .rttpg-label {\r\n\t\t\tmargin-bottom: 2px;\r\n\t\t\tmargin-right: 4px;\r\n\t\t}\r\n\t\t&.rttpg-cf-range-wrap {\r\n\t\t\t--row-gap: 5px;\r\n\t\t\t.components-input-control__input {\r\n\t\t\t\theight: 30px !important;\r\n\t\t\t}\r\n\r\n\t\t\t// components-range-control\r\n\t\t\t.components-range-control {\r\n\t\t\t\t&__wrapper {\r\n\t\t\t\t\tcolor: var(--rttpg-admin-color-primary, #0066ff);\r\n\t\t\t\t\tmin-height: 25px;\r\n\t\t\t\t\theight: 25px;\r\n\t\t\t\t\t.acf-bf-cf-b-afb-199wkr {\r\n\t\t\t\t\t\tbackground-color: var(\r\n\t\t\t\t\t\t\t\t--rttpg-admin-color-primary,\r\n\t\t\t\t\t\t\t\t#0066ff\r\n\t\t\t\t\t\t);\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t.rttpg-cf-body {\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\talign-items: center;\r\n\t\t\t\tgap: 8px;\r\n\t\t\t\t.components-base-control,\r\n\t\t\t\t.components-base-control__field,\r\n\t\t\t\t.rttpg-control-field {\r\n\t\t\t\t\tflex-grow: 1;\r\n\t\t\t\t\tmargin-bottom: 0;\r\n\t\t\t\t}\r\n\t\t\t\t.rttpg-undo-btn {\r\n\t\t\t\t\tfont-size: 16px;\r\n\t\t\t\t\tcolor: var(--rttpg-admin-color-secondary, #555);\r\n\t\t\t\t\tbackground-color: transparent;\r\n\t\t\t\t\tspan {\r\n\t\t\t\t\t\tfont-size: inherit;\r\n\t\t\t\t\t}\r\n\t\t\t\t\t&:focus {\r\n\t\t\t\t\t\toutline: 0;\r\n\t\t\t\t\t\tbox-shadow: none;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n",".rttpg-components-popover,\r\n.rttpg-panel-control-wrapper {\r\n\t.rttpg-control-field {\r\n\t\t&.rttpg-cf-alignment-wrap {\r\n\t\t\t.rttpg-btn-group {\r\n\t\t\t\t.rttpg-button {\r\n\t\t\t\t\tfont-size: 12px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n",".rttpg-components-popover,\r\n.rttpg-panel-control-wrapper {\r\n\t.rttpg-control-field {\r\n\t\t&.rttpg-cf-styles-wrap {\r\n\t\t\tmargin-bottom: 16px !important;\r\n\t\t\t.rttpg-style-list {\r\n\t\t\t\t--row-gap: 10px;\r\n\t\t\t\t--column-gap: 6px;\r\n\r\n\t\t\t\tdisplay: grid;\r\n\t\t\t\trow-gap: var(--row-gap);\r\n\t\t\t\tcolumn-gap: var(--column-gap);\r\n\r\n\t\t\t\t> div {\r\n\t\t\t\t\t--row-gap: 6px;\r\n\t\t\t\t\t--column-gap: 6px;\r\n\t\t\t\t\tdisplay: grid;\r\n\t\t\t\t\trow-gap: var(--row-gap);\r\n\t\t\t\t\tcolumn-gap: var(--column-gap);\r\n\t\t\t\t\ttext-align: center;\r\n\t\t\t\t\tcursor: pointer;\r\n\t\t\t\t\toverflow: hidden;\r\n\t\t\t\t\t.rttpg-layout {\r\n\t\t\t\t\t\tdisplay: block;\r\n\t\t\t\t\t\tborder: 2px solid var(--rttpg-admin-color-border);\r\n\t\t\t\t\t\tborder-radius: 0;\r\n\t\t\t\t\t\ttransition: var(--rttpg-admin-transition);\r\n\t\t\t\t\t\toverflow: hidden;\r\n\t\t\t\t\t\theight: 51px;\r\n\t\t\t\t\t\timg {\r\n\t\t\t\t\t\t\tdisplay: block;\r\n\t\t\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t.rttpg-style-icon,\r\n\t\t\t\t\t.rttpg-style-svg,\r\n\t\t\t\t\t.rttpg-label {\r\n\t\t\t\t\t\tdisplay: block;\r\n\t\t\t\t\t}\r\n\t\t\t\t\t.rttpg-label {\r\n\t\t\t\t\t\tfont-size: 12px !important;\r\n\t\t\t\t\t\tline-height: 1.3;\r\n\t\t\t\t\t\ttransition: var(--rttpg-admin-transition);\r\n\t\t\t\t\t}\r\n\t\t\t\t\t&.rttpg-active {\r\n\t\t\t\t\t\t.rttpg-layout {\r\n\t\t\t\t\t\t\tborder-color: var(--rttpg-admin-color-primary, #0066ff);\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\t.rttpg-label {\r\n\t\t\t\t\t\t\tcolor: var(--rttpg-admin-color-primary, #0066ff) !important;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&.rttpg-style-columns-2 {\r\n\t\t\t\t\tgrid-template-columns: repeat(2, 1fr);\r\n\t\t\t\t}\r\n\t\t\t\t&.rttpg-style-columns-3 {\r\n\t\t\t\t\tgrid-template-columns: repeat(3, 1fr);\r\n\t\t\t\t}\r\n\t\t\t\t&.rttpg-style-columns-4 {\r\n\t\t\t\t\tgrid-template-columns: repeat(4, 1fr);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n",".flatpickr-calendar {\n background: transparent;\n opacity: 0;\n display: none;\n text-align: center;\n visibility: hidden;\n padding: 0;\n -webkit-animation: none;\n animation: none;\n direction: ltr;\n border: 0;\n font-size: 14px;\n line-height: 24px;\n border-radius: 5px;\n position: absolute;\n width: 307.875px;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n -ms-touch-action: manipulation;\n touch-action: manipulation;\n -webkit-box-shadow: 0 3px 13px rgba(0,0,0,0.08);\n box-shadow: 0 3px 13px rgba(0,0,0,0.08);\n}\n.flatpickr-calendar.open,\n.flatpickr-calendar.inline {\n opacity: 1;\n max-height: 640px;\n visibility: visible;\n}\n.flatpickr-calendar.open {\n display: inline-block;\n z-index: 99999;\n}\n.flatpickr-calendar.animate.open {\n -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);\n animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);\n}\n.flatpickr-calendar.inline {\n display: block;\n position: relative;\n top: 2px;\n}\n.flatpickr-calendar.static {\n position: absolute;\n top: calc(100% + 2px);\n}\n.flatpickr-calendar.static.open {\n z-index: 999;\n display: block;\n}\n.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {\n -webkit-box-shadow: none !important;\n box-shadow: none !important;\n}\n.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {\n -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;\n box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;\n}\n.flatpickr-calendar .hasWeeks .dayContainer,\n.flatpickr-calendar .hasTime .dayContainer {\n border-bottom: 0;\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n}\n.flatpickr-calendar .hasWeeks .dayContainer {\n border-left: 0;\n}\n.flatpickr-calendar.hasTime .flatpickr-time {\n height: 40px;\n border-top: 1px solid #eceef1;\n}\n.flatpickr-calendar.hasTime .flatpickr-innerContainer {\n border-bottom: 0;\n}\n.flatpickr-calendar.hasTime .flatpickr-time {\n border: 1px solid #eceef1;\n}\n.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {\n height: auto;\n}\n.flatpickr-calendar:before,\n.flatpickr-calendar:after {\n position: absolute;\n display: block;\n pointer-events: none;\n border: solid transparent;\n content: '';\n height: 0;\n width: 0;\n left: 22px;\n}\n.flatpickr-calendar.rightMost:before,\n.flatpickr-calendar.arrowRight:before,\n.flatpickr-calendar.rightMost:after,\n.flatpickr-calendar.arrowRight:after {\n left: auto;\n right: 22px;\n}\n.flatpickr-calendar.arrowCenter:before,\n.flatpickr-calendar.arrowCenter:after {\n left: 50%;\n right: 50%;\n}\n.flatpickr-calendar:before {\n border-width: 5px;\n margin: 0 -5px;\n}\n.flatpickr-calendar:after {\n border-width: 4px;\n margin: 0 -4px;\n}\n.flatpickr-calendar.arrowTop:before,\n.flatpickr-calendar.arrowTop:after {\n bottom: 100%;\n}\n.flatpickr-calendar.arrowTop:before {\n border-bottom-color: #eceef1;\n}\n.flatpickr-calendar.arrowTop:after {\n border-bottom-color: #eceef1;\n}\n.flatpickr-calendar.arrowBottom:before,\n.flatpickr-calendar.arrowBottom:after {\n top: 100%;\n}\n.flatpickr-calendar.arrowBottom:before {\n border-top-color: #eceef1;\n}\n.flatpickr-calendar.arrowBottom:after {\n border-top-color: #eceef1;\n}\n.flatpickr-calendar:focus {\n outline: 0;\n}\n.flatpickr-wrapper {\n position: relative;\n display: inline-block;\n}\n.flatpickr-months {\n display: -webkit-box;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n}\n.flatpickr-months .flatpickr-month {\n border-radius: 5px 5px 0 0;\n background: #eceef1;\n color: #5a6171;\n fill: #5a6171;\n height: 34px;\n line-height: 1;\n text-align: center;\n position: relative;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n overflow: hidden;\n -webkit-box-flex: 1;\n -webkit-flex: 1;\n -ms-flex: 1;\n flex: 1;\n}\n.flatpickr-months .flatpickr-prev-month,\n.flatpickr-months .flatpickr-next-month {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n text-decoration: none;\n cursor: pointer;\n position: absolute;\n top: 0;\n height: 34px;\n padding: 10px;\n z-index: 3;\n color: #5a6171;\n fill: #5a6171;\n}\n.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,\n.flatpickr-months .flatpickr-next-month.flatpickr-disabled {\n display: none;\n}\n.flatpickr-months .flatpickr-prev-month i,\n.flatpickr-months .flatpickr-next-month i {\n position: relative;\n}\n.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,\n.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {\n/*\n /*rtl:begin:ignore*/\n/*\n */\n left: 0;\n/*\n /*rtl:end:ignore*/\n/*\n */\n}\n/*\n /*rtl:begin:ignore*/\n/*\n /*rtl:end:ignore*/\n.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,\n.flatpickr-months .flatpickr-next-month.flatpickr-next-month {\n/*\n /*rtl:begin:ignore*/\n/*\n */\n right: 0;\n/*\n /*rtl:end:ignore*/\n/*\n */\n}\n/*\n /*rtl:begin:ignore*/\n/*\n /*rtl:end:ignore*/\n.flatpickr-months .flatpickr-prev-month:hover,\n.flatpickr-months .flatpickr-next-month:hover {\n color: #bbb;\n}\n.flatpickr-months .flatpickr-prev-month:hover svg,\n.flatpickr-months .flatpickr-next-month:hover svg {\n fill: #f64747;\n}\n.flatpickr-months .flatpickr-prev-month svg,\n.flatpickr-months .flatpickr-next-month svg {\n width: 14px;\n height: 14px;\n}\n.flatpickr-months .flatpickr-prev-month svg path,\n.flatpickr-months .flatpickr-next-month svg path {\n -webkit-transition: fill 0.1s;\n transition: fill 0.1s;\n fill: inherit;\n}\n.numInputWrapper {\n position: relative;\n height: auto;\n}\n.numInputWrapper input,\n.numInputWrapper span {\n display: inline-block;\n}\n.numInputWrapper input {\n width: 100%;\n}\n.numInputWrapper input::-ms-clear {\n display: none;\n}\n.numInputWrapper input::-webkit-outer-spin-button,\n.numInputWrapper input::-webkit-inner-spin-button {\n margin: 0;\n -webkit-appearance: none;\n}\n.numInputWrapper span {\n position: absolute;\n right: 0;\n width: 14px;\n padding: 0 4px 0 2px;\n height: 50%;\n line-height: 50%;\n opacity: 0;\n cursor: pointer;\n border: 1px solid rgba(72,72,72,0.15);\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n.numInputWrapper span:hover {\n background: rgba(0,0,0,0.1);\n}\n.numInputWrapper span:active {\n background: rgba(0,0,0,0.2);\n}\n.numInputWrapper span:after {\n display: block;\n content: \"\";\n position: absolute;\n}\n.numInputWrapper span.arrowUp {\n top: 0;\n border-bottom: 0;\n}\n.numInputWrapper span.arrowUp:after {\n border-left: 4px solid transparent;\n border-right: 4px solid transparent;\n border-bottom: 4px solid rgba(72,72,72,0.6);\n top: 26%;\n}\n.numInputWrapper span.arrowDown {\n top: 50%;\n}\n.numInputWrapper span.arrowDown:after {\n border-left: 4px solid transparent;\n border-right: 4px solid transparent;\n border-top: 4px solid rgba(72,72,72,0.6);\n top: 40%;\n}\n.numInputWrapper span svg {\n width: inherit;\n height: auto;\n}\n.numInputWrapper span svg path {\n fill: rgba(90,97,113,0.5);\n}\n.numInputWrapper:hover {\n background: rgba(0,0,0,0.05);\n}\n.numInputWrapper:hover span {\n opacity: 1;\n}\n.flatpickr-current-month {\n font-size: 135%;\n line-height: inherit;\n font-weight: 300;\n color: inherit;\n position: absolute;\n width: 75%;\n left: 12.5%;\n padding: 7.48px 0 0 0;\n line-height: 1;\n height: 34px;\n display: inline-block;\n text-align: center;\n -webkit-transform: translate3d(0px, 0px, 0px);\n transform: translate3d(0px, 0px, 0px);\n}\n.flatpickr-current-month span.cur-month {\n font-family: inherit;\n font-weight: 700;\n color: inherit;\n display: inline-block;\n margin-left: 0.5ch;\n padding: 0;\n}\n.flatpickr-current-month span.cur-month:hover {\n background: rgba(0,0,0,0.05);\n}\n.flatpickr-current-month .numInputWrapper {\n width: 6ch;\n width: 7ch\\0;\n display: inline-block;\n}\n.flatpickr-current-month .numInputWrapper span.arrowUp:after {\n border-bottom-color: #5a6171;\n}\n.flatpickr-current-month .numInputWrapper span.arrowDown:after {\n border-top-color: #5a6171;\n}\n.flatpickr-current-month input.cur-year {\n background: transparent;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n color: inherit;\n cursor: text;\n padding: 0 0 0 0.5ch;\n margin: 0;\n display: inline-block;\n font-size: inherit;\n font-family: inherit;\n font-weight: 300;\n line-height: inherit;\n height: auto;\n border: 0;\n border-radius: 0;\n vertical-align: initial;\n -webkit-appearance: textfield;\n -moz-appearance: textfield;\n appearance: textfield;\n}\n.flatpickr-current-month input.cur-year:focus {\n outline: 0;\n}\n.flatpickr-current-month input.cur-year[disabled],\n.flatpickr-current-month input.cur-year[disabled]:hover {\n font-size: 100%;\n color: rgba(90,97,113,0.5);\n background: transparent;\n pointer-events: none;\n}\n.flatpickr-current-month .flatpickr-monthDropdown-months {\n appearance: menulist;\n background: #eceef1;\n border: none;\n border-radius: 0;\n box-sizing: border-box;\n color: inherit;\n cursor: pointer;\n font-size: inherit;\n font-family: inherit;\n font-weight: 300;\n height: auto;\n line-height: inherit;\n margin: -1px 0 0 0;\n outline: none;\n padding: 0 0 0 0.5ch;\n position: relative;\n vertical-align: initial;\n -webkit-box-sizing: border-box;\n -webkit-appearance: menulist;\n -moz-appearance: menulist;\n width: auto;\n}\n.flatpickr-current-month .flatpickr-monthDropdown-months:focus,\n.flatpickr-current-month .flatpickr-monthDropdown-months:active {\n outline: none;\n}\n.flatpickr-current-month .flatpickr-monthDropdown-months:hover {\n background: rgba(0,0,0,0.05);\n}\n.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {\n background-color: #eceef1;\n outline: none;\n padding: 0;\n}\n.flatpickr-weekdays {\n background: #eceef1;\n text-align: center;\n overflow: hidden;\n width: 100%;\n display: -webkit-box;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -webkit-align-items: center;\n -ms-flex-align: center;\n align-items: center;\n height: 28px;\n}\n.flatpickr-weekdays .flatpickr-weekdaycontainer {\n display: -webkit-box;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-flex: 1;\n -webkit-flex: 1;\n -ms-flex: 1;\n flex: 1;\n}\nspan.flatpickr-weekday {\n cursor: default;\n font-size: 90%;\n background: #eceef1;\n color: #5a6171;\n line-height: 1;\n margin: 0;\n text-align: center;\n display: block;\n -webkit-box-flex: 1;\n -webkit-flex: 1;\n -ms-flex: 1;\n flex: 1;\n font-weight: bolder;\n}\n.dayContainer,\n.flatpickr-weeks {\n padding: 1px 0 0 0;\n}\n.flatpickr-days {\n position: relative;\n overflow: hidden;\n display: -webkit-box;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: start;\n -webkit-align-items: flex-start;\n -ms-flex-align: start;\n align-items: flex-start;\n width: 307.875px;\n border-left: 1px solid #eceef1;\n border-right: 1px solid #eceef1;\n}\n.flatpickr-days:focus {\n outline: 0;\n}\n.dayContainer {\n padding: 0;\n outline: 0;\n text-align: left;\n width: 307.875px;\n min-width: 307.875px;\n max-width: 307.875px;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n display: inline-block;\n display: -ms-flexbox;\n display: -webkit-box;\n display: -webkit-flex;\n display: flex;\n -webkit-flex-wrap: wrap;\n flex-wrap: wrap;\n -ms-flex-wrap: wrap;\n -ms-flex-pack: justify;\n -webkit-justify-content: space-around;\n justify-content: space-around;\n -webkit-transform: translate3d(0px, 0px, 0px);\n transform: translate3d(0px, 0px, 0px);\n opacity: 1;\n}\n.dayContainer + .dayContainer {\n -webkit-box-shadow: -1px 0 0 #eceef1;\n box-shadow: -1px 0 0 #eceef1;\n}\n.flatpickr-day {\n background: none;\n border: 1px solid transparent;\n border-radius: 150px;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n color: #484848;\n cursor: pointer;\n font-weight: 400;\n width: 14.2857143%;\n -webkit-flex-basis: 14.2857143%;\n -ms-flex-preferred-size: 14.2857143%;\n flex-basis: 14.2857143%;\n max-width: 39px;\n height: 39px;\n line-height: 39px;\n margin: 0;\n display: inline-block;\n position: relative;\n -webkit-box-pack: center;\n -webkit-justify-content: center;\n -ms-flex-pack: center;\n justify-content: center;\n text-align: center;\n}\n.flatpickr-day.inRange,\n.flatpickr-day.prevMonthDay.inRange,\n.flatpickr-day.nextMonthDay.inRange,\n.flatpickr-day.today.inRange,\n.flatpickr-day.prevMonthDay.today.inRange,\n.flatpickr-day.nextMonthDay.today.inRange,\n.flatpickr-day:hover,\n.flatpickr-day.prevMonthDay:hover,\n.flatpickr-day.nextMonthDay:hover,\n.flatpickr-day:focus,\n.flatpickr-day.prevMonthDay:focus,\n.flatpickr-day.nextMonthDay:focus {\n cursor: pointer;\n outline: 0;\n background: #e2e2e2;\n border-color: #e2e2e2;\n}\n.flatpickr-day.today {\n border-color: #bbb;\n}\n.flatpickr-day.today:hover,\n.flatpickr-day.today:focus {\n border-color: #bbb;\n background: #bbb;\n color: #fff;\n}\n.flatpickr-day.selected,\n.flatpickr-day.startRange,\n.flatpickr-day.endRange,\n.flatpickr-day.selected.inRange,\n.flatpickr-day.startRange.inRange,\n.flatpickr-day.endRange.inRange,\n.flatpickr-day.selected:focus,\n.flatpickr-day.startRange:focus,\n.flatpickr-day.endRange:focus,\n.flatpickr-day.selected:hover,\n.flatpickr-day.startRange:hover,\n.flatpickr-day.endRange:hover,\n.flatpickr-day.selected.prevMonthDay,\n.flatpickr-day.startRange.prevMonthDay,\n.flatpickr-day.endRange.prevMonthDay,\n.flatpickr-day.selected.nextMonthDay,\n.flatpickr-day.startRange.nextMonthDay,\n.flatpickr-day.endRange.nextMonthDay {\n background: #ff5a5f;\n -webkit-box-shadow: none;\n box-shadow: none;\n color: #fff;\n border-color: #ff5a5f;\n}\n.flatpickr-day.selected.startRange,\n.flatpickr-day.startRange.startRange,\n.flatpickr-day.endRange.startRange {\n border-radius: 50px 0 0 50px;\n}\n.flatpickr-day.selected.endRange,\n.flatpickr-day.startRange.endRange,\n.flatpickr-day.endRange.endRange {\n border-radius: 0 50px 50px 0;\n}\n.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),\n.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),\n.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {\n -webkit-box-shadow: -10px 0 0 #ff5a5f;\n box-shadow: -10px 0 0 #ff5a5f;\n}\n.flatpickr-day.selected.startRange.endRange,\n.flatpickr-day.startRange.startRange.endRange,\n.flatpickr-day.endRange.startRange.endRange {\n border-radius: 50px;\n}\n.flatpickr-day.inRange {\n border-radius: 0;\n -webkit-box-shadow: -5px 0 0 #e2e2e2, 5px 0 0 #e2e2e2;\n box-shadow: -5px 0 0 #e2e2e2, 5px 0 0 #e2e2e2;\n}\n.flatpickr-day.flatpickr-disabled,\n.flatpickr-day.flatpickr-disabled:hover,\n.flatpickr-day.prevMonthDay,\n.flatpickr-day.nextMonthDay,\n.flatpickr-day.notAllowed,\n.flatpickr-day.notAllowed.prevMonthDay,\n.flatpickr-day.notAllowed.nextMonthDay {\n color: rgba(72,72,72,0.3);\n background: transparent;\n border-color: transparent;\n cursor: default;\n}\n.flatpickr-day.flatpickr-disabled,\n.flatpickr-day.flatpickr-disabled:hover {\n cursor: not-allowed;\n color: rgba(72,72,72,0.1);\n}\n.flatpickr-day.week.selected {\n border-radius: 0;\n -webkit-box-shadow: -5px 0 0 #ff5a5f, 5px 0 0 #ff5a5f;\n box-shadow: -5px 0 0 #ff5a5f, 5px 0 0 #ff5a5f;\n}\n.flatpickr-day.hidden {\n visibility: hidden;\n}\n.rangeMode .flatpickr-day {\n margin-top: 1px;\n}\n.flatpickr-weekwrapper {\n float: left;\n}\n.flatpickr-weekwrapper .flatpickr-weeks {\n padding: 0 12px;\n border-left: 1px solid #eceef1;\n}\n.flatpickr-weekwrapper .flatpickr-weekday {\n float: none;\n width: 100%;\n line-height: 28px;\n}\n.flatpickr-weekwrapper span.flatpickr-day,\n.flatpickr-weekwrapper span.flatpickr-day:hover {\n display: block;\n width: 100%;\n max-width: none;\n color: rgba(72,72,72,0.3);\n background: transparent;\n cursor: default;\n border: none;\n}\n.flatpickr-innerContainer {\n display: block;\n display: -webkit-box;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n overflow: hidden;\n background: #fff;\n border-bottom: 1px solid #eceef1;\n}\n.flatpickr-rContainer {\n display: inline-block;\n padding: 0;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n.flatpickr-time {\n text-align: center;\n outline: 0;\n display: block;\n height: 0;\n line-height: 40px;\n max-height: 40px;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n overflow: hidden;\n display: -webkit-box;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n background: #fff;\n border-radius: 0 0 5px 5px;\n}\n.flatpickr-time:after {\n content: \"\";\n display: table;\n clear: both;\n}\n.flatpickr-time .numInputWrapper {\n -webkit-box-flex: 1;\n -webkit-flex: 1;\n -ms-flex: 1;\n flex: 1;\n width: 40%;\n height: 40px;\n float: left;\n}\n.flatpickr-time .numInputWrapper span.arrowUp:after {\n border-bottom-color: #484848;\n}\n.flatpickr-time .numInputWrapper span.arrowDown:after {\n border-top-color: #484848;\n}\n.flatpickr-time.hasSeconds .numInputWrapper {\n width: 26%;\n}\n.flatpickr-time.time24hr .numInputWrapper {\n width: 49%;\n}\n.flatpickr-time input {\n background: transparent;\n -webkit-box-shadow: none;\n box-shadow: none;\n border: 0;\n border-radius: 0;\n text-align: center;\n margin: 0;\n padding: 0;\n height: inherit;\n line-height: inherit;\n color: #484848;\n font-size: 14px;\n position: relative;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n -webkit-appearance: textfield;\n -moz-appearance: textfield;\n appearance: textfield;\n}\n.flatpickr-time input.flatpickr-hour {\n font-weight: bold;\n}\n.flatpickr-time input.flatpickr-minute,\n.flatpickr-time input.flatpickr-second {\n font-weight: 400;\n}\n.flatpickr-time input:focus {\n outline: 0;\n border: 0;\n}\n.flatpickr-time .flatpickr-time-separator,\n.flatpickr-time .flatpickr-am-pm {\n height: inherit;\n float: left;\n line-height: inherit;\n color: #484848;\n font-weight: bold;\n width: 2%;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-align-self: center;\n -ms-flex-item-align: center;\n align-self: center;\n}\n.flatpickr-time .flatpickr-am-pm {\n outline: 0;\n width: 18%;\n cursor: pointer;\n text-align: center;\n font-weight: 400;\n}\n.flatpickr-time input:hover,\n.flatpickr-time .flatpickr-am-pm:hover,\n.flatpickr-time input:focus,\n.flatpickr-time .flatpickr-am-pm:focus {\n background: #eaeaea;\n}\n.flatpickr-input[readonly] {\n cursor: pointer;\n}\n@-webkit-keyframes fpFadeInDown {\n from {\n opacity: 0;\n -webkit-transform: translate3d(0, -20px, 0);\n transform: translate3d(0, -20px, 0);\n }\n to {\n opacity: 1;\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n }\n}\n@keyframes fpFadeInDown {\n from {\n opacity: 0;\n -webkit-transform: translate3d(0, -20px, 0);\n transform: translate3d(0, -20px, 0);\n }\n to {\n opacity: 1;\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n }\n}\nspan.flatpickr-day.selected {\n font-weight: bold;\n}\n",".rttpg-media {\r\n margin-bottom: 15px;\r\n\r\n label {\r\n margin-bottom: 10px;\r\n display: block;\r\n font-weight: 500;\r\n }\r\n\r\n .rttpg-single-img {\r\n .rttpg-media-image-parent {\r\n position: relative;\r\n display: inline-block;\r\n min-height: 140px;\r\n min-width: 140px;\r\n\r\n img {\r\n margin: 0;\r\n }\r\n }\r\n }\r\n}\r\n",".rttpg-icon-main-wrapper {\r\n\r\n .choose-icon {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n min-height: 120px;\r\n font-size: 20px;\r\n color: #6d7882;\r\n background-color: #d5dadf;\r\n border: 1px solid #ddd;\r\n position: relative;\r\n cursor: pointer;\r\n transition: 0.4s;\r\n \r\n &.has-icon {\r\n background-color: #f6f6f6;\r\n background-image: -o-linear-gradient(45deg, #ddd 25%, transparent 0, transparent 75%, #ddd 0, #ddd), -o-linear-gradient(45deg, #ddd 25%, transparent 0, transparent 75%, #ddd 0, #ddd);\r\n background-image: linear-gradient(45deg, #ddd 25%, transparent 0, transparent 75%, #ddd 0, #ddd), linear-gradient(45deg, #ddd 25%, transparent 0, transparent 75%, #ddd 0, #ddd);\r\n background-size: 16px 16px;\r\n background-position: 0 0, 8px 8px;\r\n }\r\n\r\n .default-icon {\r\n font-size: 70px;\r\n }\r\n\r\n span {\r\n transition: color 0.4s;\r\n }\r\n\r\n .fa-plus {\r\n width: 40px;\r\n height: 40px;\r\n background-color: #fff;\r\n border-radius: 50%;\r\n line-height: 40px;\r\n text-align: center;\r\n pointer-events: none;\r\n border: 1px solid #999;\r\n box-sizing: border-box;\r\n }\r\n\r\n &:hover {\r\n color: #41474d;\r\n }\r\n &:not(.has-icon):hover {\r\n background-color: #bfc3c7;\r\n }\r\n }\r\n\r\n .components-input-control__label {\r\n color: var(--rttpg-admin-color-secondary, #555);\r\n font-weight: 500;\r\n margin-bottom: 5px;\r\n display: block;\r\n }\r\n\r\n .icon-inner-wrapper {\r\n position: relative;\r\n .rttpg-icon-wrapper {\r\n background: #fff;\r\n display: block;\r\n position: absolute;\r\n top: 0;\r\n z-index: 9;\r\n border: 3px solid #ddd;\r\n }\r\n }\r\n\r\n .rttpg-icon-list-warp {\r\n width: 100%;\r\n display: block;\r\n }\r\n\r\n .rttpg-icon-wrapper {\r\n\r\n input {\r\n background: #fff;\r\n width: 100%;\r\n height: 36px;\r\n padding: 0 10px !important;\r\n border-radius: 3px 3px 0 0;\r\n border: 1px solid #E5E7EA;\r\n position: relative;\r\n z-index: 2;\r\n margin-left: -0.5px;\r\n\r\n &:focus {\r\n border: 1px solid #2184F9;\r\n outline: 0;\r\n box-shadow: none;\r\n }\r\n }\r\n\r\n .rttpg-remove-icon {\r\n top: 7px;\r\n box-shadow: none;\r\n line-height: 18px;\r\n border-collapse: #ddd;\r\n }\r\n .rttpg-font-list {\r\n span {\r\n border-bottom: .5px solid #E5E7EA;\r\n\r\n &.active {\r\n //border-bottom: 1px solid #555d66;\r\n color: #555d66;\r\n }\r\n }\r\n }\r\n }\r\n\r\n &.rttpg-toggle-enabled {\r\n label {\r\n font-size: 16px;\r\n line-height: 1;\r\n margin: 0;\r\n width: auto;\r\n display: inline-block;\r\n }\r\n }\r\n\r\n .rttpg-icon-list-icons {\r\n max-height: 177px;\r\n margin: 0;\r\n border: 1px solid #E5E7EA;\r\n border-top: 0;\r\n margin-top: -1px;\r\n overflow: auto;\r\n position: relative;\r\n z-index: 1;\r\n\r\n > span {\r\n text-align: center;\r\n font-size: 15px;\r\n float: left;\r\n width: 16.666666666666667%;\r\n margin: 0;\r\n\r\n span {\r\n display: block;\r\n height: 37px;\r\n line-height: 37px;\r\n border: 1px solid #E5E7EA;\r\n margin-left: -1px;\r\n margin-bottom: -1px;\r\n background: #fff;\r\n color: #565D66;\r\n transition: 300ms;\r\n }\r\n\r\n &:hover {\r\n cursor: pointer;\r\n\r\n span {\r\n color: #fff;\r\n background: #2184F9;\r\n border-color: #2184F9;\r\n }\r\n }\r\n\r\n &.rttpg-active {\r\n span {\r\n color: #fff;\r\n background: #2184F9;\r\n border-color: #2184F9;\r\n }\r\n }\r\n }\r\n\r\n }\r\n\r\n .rttpg-icon-list-inner {\r\n width: 100%;\r\n padding: 4px 9px;\r\n display: block;\r\n\r\n &:hover {\r\n cursor: pointer;\r\n }\r\n\r\n > i {\r\n font-style: normal;\r\n float: right;\r\n padding: 3px;\r\n font-size: 11px;\r\n\r\n &.fa-times:hover {\r\n color: red;\r\n }\r\n }\r\n }\r\n}",".rttpg-components-popover,\r\n.rttpg-panel-control-wrapper {\r\n\t.rttpg-control-field {\r\n\t\t&.rttpg-cf-typography-wrap {\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: space-between;\r\n\r\n\t\t\t.components-button {\r\n\t\t\t\tfont-size: var(--rttpg-admin-text-base, 14px);\r\n\t\t\t\theight: 28px !important;\r\n\t\t\t\twidth: 28px !important;\r\n\t\t\t\tpadding: 0;\r\n\t\t\t\tdisplay: inline-flex;\r\n\t\t\t\talign-items: center;\r\n\t\t\t\tjustify-content: center;\r\n\t\t\t\tborder: 1px solid #d5dadf;\r\n\t\t\t\tbackground: transparent;\r\n\t\t\t\tborder-radius: 3px;\r\n\t\t\t\tcolor: var(--rttpg-admin-color-primary, #0066ff);\r\n\t\t\t\t> span {\r\n\t\t\t\t\ttransition: unset;\r\n\t\t\t\t\tline-height: 1;\r\n\t\t\t\t\theight: 22px;\r\n\t\t\t\t}\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\tcolor: var(--rttpg-admin-color-white, #fff);\r\n\t\t\t\t\tbackground-color: var(--rttpg-admin-color-primary, #0066ff);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t.rttpg-typography-content {\r\n\t\tmin-width: 230px;\r\n\t\tpadding: 5px 6px;\r\n\t}\r\n}",".rttpg-components-popover,\r\n.rttpg-panel-control-wrapper {\r\n\t.rttpg-control-field {\r\n\t\t&.rttpg-cf-color-wrap {\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tgap: 15px;\r\n\t\t\tjustify-content: space-between;\r\n\t\t\t.rttpg-color {\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\talign-items: center;\r\n\t\t\t\tgap: 6px;\r\n\t\t\t\tflex-direction: row-reverse;\r\n\t\t\t\t.rttpg-undo-btn {\r\n\t\t\t\t\tpadding: 0;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t.rttpg-color-ball {\r\n\t\t\t\tbackground-image: linear-gradient(\r\n\t\t\t\t\t\t45deg,\r\n\t\t\t\t\t\t#e9e9e9 25%,\r\n\t\t\t\t\t\ttransparent 0\r\n\t\t\t\t\t),\r\n\t\t\t\t\tlinear-gradient(-45deg, #e9e9e9 25%, transparent 0),\r\n\t\t\t\t\tlinear-gradient(45deg, transparent 75%, #e9e9e9 0),\r\n\t\t\t\t\tlinear-gradient(-45deg, transparent 75%, #e9e9e9 0);\r\n\t\t\t\tbackground-position: 0 0, 0 5px, 5px -5px, -5px 0;\r\n\t\t\t\tbackground-size: 10px 10px;\r\n\t\t\t\tborder-radius: 50%;\r\n\t\t\t\toverflow: hidden;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n",".rttpg-components-popover,\r\n.rttpg-panel-control-wrapper {\r\n\t.rttpg-control-dimensions {\r\n\t\toverflow: hidden;\r\n\t\tdisplay: flex;\r\n\r\n\t\t.rttpg-control-dimension {\r\n\t\t\t&:first-child input {\r\n\t\t\t\tborder-left: 1px solid var(--rttpg-admin-color-border);\r\n\t\t\t\tborder-radius: 3px 0 0 3px;\r\n\t\t\t}\r\n\r\n\t\t\tinput {\r\n\t\t\t\tborder-left: none;\r\n\t\t\t\tborder-radius: 0;\r\n\t\t\t\tpadding: 4px 0;\r\n\t\t\t\tdisplay: block;\r\n\t\t\t\ttext-align: center;\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\theight: 27px;\r\n\t\t\t\tborder-color: var(--rttpg-admin-color-border);\r\n\t\t\t\t&:active,\r\n\t\t\t\t&:focus,\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\tbox-shadow: none;\r\n\t\t\t\t\toutline: 0;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t.rttpg-link-dimensions {\r\n\t\t\t\twidth: 40px;\r\n\t\t\t\theight: 30px;\r\n\t\t\t\tcursor: pointer;\r\n\t\t\t\tfont-size: 15px;\r\n\t\t\t\tborder-radius: 0 3px 3px 0;\r\n\t\t\t\tborder: 1px solid var(--rttpg-admin-color-border);\r\n\t\t\t\tdisplay: inline-flex;\r\n\t\t\t\talign-items: center;\r\n\t\t\t\tjustify-content: center;\r\n\t\t\t\t&.linked {\r\n\t\t\t\t\tbackground-color: var(--rttpg-admin-color-primary);\r\n\t\t\t\t\tcolor: #ffffff;\r\n\t\t\t\t\tborder-color: var(--rttpg-admin-color-primary);\r\n\t\t\t\t}\r\n\t\t\t\t.rt-dm-link-icon {\r\n\t\t\t\t\tfont-size: 15px;\r\n\t\t\t\t\twidth: auto;\r\n\t\t\t\t\theight: auto;\r\n\t\t\t\t\tdisplay: inline-flex;\r\n\t\t\t\t\talign-items: center;\r\n\t\t\t\t\tline-height: 1;\r\n\t\t\t\t}\r\n\t\t\t\t&:focus,\r\n\t\t\t\t&:focus-visible {\r\n\t\t\t\t\toutline: 0;\r\n\t\t\t\t\tbox-shadow: none;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.rttpg-control-dimension-label {\r\n\t\t\tdisplay: block;\r\n\t\t\ttext-align: center;\r\n\t\t\tfont-size: 9px;\r\n\t\t\ttext-transform: uppercase;\r\n\t\t\tpadding-top: 5px;\r\n\t\t}\r\n\t}\r\n}\r\n",".rttpg-components-popover,\r\n.rttpg-panel-control-wrapper {\r\n\t.rttpg-control-field {\r\n\t\t&.rttpg-cf-gradient-color {\r\n\t\t\trow-gap: 0;\r\n\t\t}\r\n\r\n\t\t&.rttpg-cf-gradient-wrap {\r\n\t\t\t--row-gap: 12px;\r\n\t\t\t.components-circular-option-picker {\r\n\t\t\t\t&__swatches {\r\n\t\t\t\t\tgap: 8px;\r\n\t\t\t\t}\r\n\t\t\t\t&__option-wrapper {\r\n\t\t\t\t\theight: 22px;\r\n\t\t\t\t\twidth: 22px;\r\n\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\ttransform: scale(1);\r\n\t\t\t\t\t}\r\n\t\t\t\t\t&::before {\r\n\t\t\t\t\t\tdisplay: none;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t> svg {\r\n\t\t\t\t\t\tdisplay: none;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\t&__option {\r\n\t\t\t\t\tposition: relative;\r\n\t\t\t\t\tpadding: 5px;\r\n\t\t\t\t\t&::after {\r\n\t\t\t\t\t\tdisplay: none;\r\n\t\t\t\t\t}\r\n\t\t\t\t\t&.is-pressed,\r\n\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\tbox-shadow: none !important;\r\n\t\t\t\t\t}\r\n\t\t\t\t\t&.is-pressed {\r\n\t\t\t\t\t\t&::before {\r\n\t\t\t\t\t\t\tcontent: \"\";\r\n\t\t\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\t\t\tleft: 50%;\r\n\t\t\t\t\t\t\ttop: 50%;\r\n\t\t\t\t\t\t\ttransform: translate(-50%, -50%);\r\n\t\t\t\t\t\t\twidth: 16px;\r\n\t\t\t\t\t\t\theight: 16px;\r\n\t\t\t\t\t\t\tbackground: url(\"data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' width='1em' height='1em' fill='%23ffffff' %3E%3Cpath d='M438.6 105.4C451.1 117.9 451.1 138.1 438.6 150.6L182.6 406.6C170.1 419.1 149.9 419.1 137.4 406.6L9.372 278.6C-3.124 266.1-3.124 245.9 9.372 233.4C21.87 220.9 42.13 220.9 54.63 233.4L159.1 338.7L393.4 105.4C405.9 92.88 426.1 92.88 438.6 105.4H438.6z'/%3E%3C/svg%3E\") !important;\r\n\t\t\t\t\t\t\tpointer-events: none;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\t&__custom-clear-wrapper {\r\n\t\t\t\t\tmargin-top: 6px;\r\n\t\t\t\t\t.components-button {\r\n\t\t\t\t\t\tfont-size: var(--rttpg-admin-text-xs, 12px);\r\n\t\t\t\t\t\tpadding: 5px 10px;\r\n\t\t\t\t\t\tdisplay: inline-flex;\r\n\t\t\t\t\t\talign-items: center;\r\n\t\t\t\t\t\tjustify-content: center;\r\n\t\t\t\t\t\tborder: none;\r\n\t\t\t\t\t\tbox-shadow: none;\r\n\t\t\t\t\t\tcolor: var(--rttpg-admin-color-black, #000);\r\n\t\t\t\t\t\tbackground-color: #e0e0e0;\r\n\t\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\t\tcolor: var(--rttpg-admin-color-white, #fff);\r\n\t\t\t\t\t\t\tbackground-color: var(\r\n\t\t\t\t\t\t\t\t--rttpg-admin-color-primary,\r\n\t\t\t\t\t\t\t\t#0066ff\r\n\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\t&:focus {\r\n\t\t\t\t\t\t\toutline: 0;\r\n\t\t\t\t\t\t\tbox-shadow: none;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t.components-custom-gradient-picker {\r\n\t\t\t\t> div {\r\n\t\t\t\t\t&:nth-of-type(2) {\r\n\t\t\t\t\t\t> div {\r\n\t\t\t\t\t\t\t&:nth-of-type(2) {\r\n\t\t\t\t\t\t\t\t> div {\r\n\t\t\t\t\t\t\t\t\tposition: relative !important;\r\n\t\t\t\t\t\t\t\t\ttop: 6.5px !important;\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\t&__gradient-bar {\r\n\t\t\t\t\theight: 36px;\r\n\t\t\t\t\tborder-radius: 4px;\r\n\t\t\t\t}\r\n\t\t\t\t&__markers-container {\r\n\t\t\t\t\theight: 100%;\r\n\t\t\t\t}\r\n\t\t\t\t&__insert-point,\r\n\t\t\t\t&__control-point-button {\r\n\t\t\t\t\tcolor: #fff;\r\n\t\t\t\t\tborder-radius: 50%;\r\n\t\t\t\t\ttransform: translateY(-50%);\r\n\t\t\t\t\ttop: 50%;\r\n\t\t\t\t\tbackground: transparent;\r\n\t\t\t\t\tborder: 2.5px solid #ffffff;\r\n\t\t\t\t\tbox-shadow: none;\r\n\t\t\t\t\t&:hover,\r\n\t\t\t\t\t&:focus {\r\n\t\t\t\t\t\tbox-shadow: none;\r\n\t\t\t\t\t\toutline: 0;\r\n\t\t\t\t\t}\r\n\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\tbackground: transparent;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\t&__insert-point {\r\n\t\t\t\t\ttop: 11px;\r\n\t\t\t\t}\r\n\t\t\t\t.components-select-control__input,\r\n\t\t\t\t.components-textarea-control__input,\r\n\t\t\t\t.components-input-control__input {\r\n\t\t\t\t\theight: 34px !important;\r\n\t\t\t\t\tmin-height: 34px !important;\r\n\t\t\t\t}\r\n\t\t\t\t.components-input-control__backdrop {\r\n\t\t\t\t\tdisplay: none !important;\r\n\t\t\t\t}\r\n\t\t\t\t.components-angle-picker-control {\r\n\t\t\t\t\t&__angle-circle {\r\n\t\t\t\t\t\tborder: 1px solid var(--rttpg-admin-color-border);\r\n\t\t\t\t\t}\r\n\t\t\t\t\t&__angle-circle-indicator {\r\n\t\t\t\t\t\tbackground: var(--rttpg-admin-color-primary, #0066ff);\r\n\t\t\t\t\t\tborder-radius: 50%;\r\n\t\t\t\t\t\tborder-color: var(--rttpg-admin-color-primary, #0066ff);\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\t&__ui-line {\r\n\t\t\t\t\tmargin-bottom: 6px;\r\n\t\t\t\t\t.components-input-control__label {\r\n\t\t\t\t\t\ttext-transform: capitalize;\r\n\t\t\t\t\t\tpadding-bottom: 8px !important;\r\n\t\t\t\t\t\tmargin-bottom: 0 !important;\r\n\t\t\t\t\t}\r\n\t\t\t\t\t.components-flex-item {\r\n\t\t\t\t\t\t&:last-of-type {\r\n\t\t\t\t\t\t\talign-self: baseline;\r\n\t\t\t\t\t\t\t.components-input-control__container {\r\n\t\t\t\t\t\t\t\theight: 34px !important;\r\n\t\t\t\t\t\t\t\tborder: 1px solid var(--rttpg-admin-color-border);\r\n\t\t\t\t\t\t\t\t.components-truncate {\r\n\t\t\t\t\t\t\t\t\tcolor: var(\r\n\t\t\t\t\t\t\t\t\t\t--rttpg-admin-color-primary,\r\n\t\t\t\t\t\t\t\t\t\t#0066ff\r\n\t\t\t\t\t\t\t\t\t) !important;\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t.components-input-control__input {\r\n\t\t\t\t\t\t\t\t\tborder: none !important;\r\n\t\t\t\t\t\t\t\t\theight: 31.5px !important;\r\n\t\t\t\t\t\t\t\t\tmin-height: 31.5px !important;\r\n\t\t\t\t\t\t\t\t\tpadding-right: 0 !important;\r\n\t\t\t\t\t\t\t\t\tpadding-left: 6px !important;\r\n\t\t\t\t\t\t\t\t\tpadding-top: 3px !important;\r\n\t\t\t\t\t\t\t\t\tpadding-bottom: 3px !important;\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t&:focus {\r\n\t\t\t\t\t\t\t\t\toutline: 0;\r\n\t\t\t\t\t\t\t\t\tbox-shadow: none;\r\n\t\t\t\t\t\t\t\t\tborder-color: var(\r\n\t\t\t\t\t\t\t\t\t\t--rttpg-admin-color-primary, #0066ff\r\n\t\t\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n",".rttpg-components-popover,\r\n.rttpg-panel-control-wrapper {\r\n\t.rttpg-control-field {\r\n\t\t&.rttpg-cf-bg-property {\r\n\t\t\tdisplay: flex;\r\n\t\t\tjustify-content: space-between;\r\n\t\t\tmargin-bottom: 0 !important;\r\n\t\t\tselect {\r\n\t\t\t\twidth: 130px;\r\n\t\t\t\tpadding-top: 3px;\r\n\t\t\t\tpadding-bottom: 3px;\r\n\t\t\t\tmin-height: 30px !important;\r\n\t\t\t\theight: 30px !important;\r\n\t\t\t}\r\n\t\t\t.rttpg-cf-body {\r\n\t\t\t\t> * {\r\n\t\t\t\t\tmargin-bottom: 0 !important;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n",".rttpg-components-popover,\r\n.rttpg-panel-control-wrapper {\r\n\t.rttpg-bg-img {\r\n\t\t.components-base-control {\r\n\t\t\t&__field {\r\n\t\t\t\tdisplay: grid;\r\n\t\t\t\tgap: 6px;\r\n\t\t\t}\r\n\t\t\t.rttpg-img-remove-btn,\r\n\t\t\t.rttpg-image-avatar {\r\n\t\t\t\tmargin-bottom: 0;\r\n\t\t\t\t.open-image-button {\r\n\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\ttop: 0;\r\n\t\t\t\t\tleft: 0;\r\n\t\t\t\t\tbottom: 0;\r\n\t\t\t\t\tright: 0;\r\n\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\theight: 100%;\r\n\t\t\t\t\tbackground: transparent;\r\n\t\t\t\t\tborder: none;\r\n\t\t\t\t\tcursor: pointer;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n",".rttpg-components-popover,\r\n.rttpg-panel-control-wrapper {\r\n\t.rttpg-boxshadow-content {\r\n\t\tmin-width: 220px;\r\n\t}\r\n}\r\n"],"names":[],"sourceRoot":""}
 
assets/blocks/main.js CHANGED
@@ -1,22452 +1 @@
1
- /******/ (() => { // webpackBootstrap
2
- /******/ var __webpack_modules__ = ({
3
-
4
- /***/ "./node_modules/@emotion/cache/dist/emotion-cache.browser.esm.js":
5
- /*!***********************************************************************!*\
6
- !*** ./node_modules/@emotion/cache/dist/emotion-cache.browser.esm.js ***!
7
- \***********************************************************************/
8
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
9
-
10
- "use strict";
11
- __webpack_require__.r(__webpack_exports__);
12
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
13
- /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
14
- /* harmony export */ });
15
- /* harmony import */ var _emotion_sheet__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @emotion/sheet */ "./node_modules/@emotion/sheet/dist/emotion-sheet.browser.esm.js");
16
- /* harmony import */ var stylis__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! stylis */ "./node_modules/stylis/src/Tokenizer.js");
17
- /* harmony import */ var stylis__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! stylis */ "./node_modules/stylis/src/Utility.js");
18
- /* harmony import */ var stylis__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! stylis */ "./node_modules/stylis/src/Middleware.js");
19
- /* harmony import */ var stylis__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! stylis */ "./node_modules/stylis/src/Serializer.js");
20
- /* harmony import */ var stylis__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! stylis */ "./node_modules/stylis/src/Enum.js");
21
- /* harmony import */ var stylis__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! stylis */ "./node_modules/stylis/src/Parser.js");
22
- /* harmony import */ var _emotion_weak_memoize__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @emotion/weak-memoize */ "./node_modules/@emotion/weak-memoize/dist/emotion-weak-memoize.esm.js");
23
- /* harmony import */ var _emotion_memoize__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @emotion/memoize */ "./node_modules/@emotion/memoize/dist/emotion-memoize.esm.js");
24
-
25
-
26
-
27
-
28
-
29
- var last = function last(arr) {
30
- return arr.length ? arr[arr.length - 1] : null;
31
- }; // based on https://github.com/thysultan/stylis.js/blob/e6843c373ebcbbfade25ebcc23f540ed8508da0a/src/Tokenizer.js#L239-L244
32
-
33
-
34
- var identifierWithPointTracking = function identifierWithPointTracking(begin, points, index) {
35
- var previous = 0;
36
- var character = 0;
37
-
38
- while (true) {
39
- previous = character;
40
- character = (0,stylis__WEBPACK_IMPORTED_MODULE_3__.peek)(); // &\f
41
-
42
- if (previous === 38 && character === 12) {
43
- points[index] = 1;
44
- }
45
-
46
- if ((0,stylis__WEBPACK_IMPORTED_MODULE_3__.token)(character)) {
47
- break;
48
- }
49
-
50
- (0,stylis__WEBPACK_IMPORTED_MODULE_3__.next)();
51
- }
52
-
53
- return (0,stylis__WEBPACK_IMPORTED_MODULE_3__.slice)(begin, stylis__WEBPACK_IMPORTED_MODULE_3__.position);
54
- };
55
-
56
- var toRules = function toRules(parsed, points) {
57
- // pretend we've started with a comma
58
- var index = -1;
59
- var character = 44;
60
-
61
- do {
62
- switch ((0,stylis__WEBPACK_IMPORTED_MODULE_3__.token)(character)) {
63
- case 0:
64
- // &\f
65
- if (character === 38 && (0,stylis__WEBPACK_IMPORTED_MODULE_3__.peek)() === 12) {
66
- // this is not 100% correct, we don't account for literal sequences here - like for example quoted strings
67
- // stylis inserts \f after & to know when & where it should replace this sequence with the context selector
68
- // and when it should just concatenate the outer and inner selectors
69
- // it's very unlikely for this sequence to actually appear in a different context, so we just leverage this fact here
70
- points[index] = 1;
71
- }
72
-
73
- parsed[index] += identifierWithPointTracking(stylis__WEBPACK_IMPORTED_MODULE_3__.position - 1, points, index);
74
- break;
75
-
76
- case 2:
77
- parsed[index] += (0,stylis__WEBPACK_IMPORTED_MODULE_3__.delimit)(character);
78
- break;
79
-
80
- case 4:
81
- // comma
82
- if (character === 44) {
83
- // colon
84
- parsed[++index] = (0,stylis__WEBPACK_IMPORTED_MODULE_3__.peek)() === 58 ? '&\f' : '';
85
- points[index] = parsed[index].length;
86
- break;
87
- }
88
-
89
- // fallthrough
90
-
91
- default:
92
- parsed[index] += (0,stylis__WEBPACK_IMPORTED_MODULE_4__.from)(character);
93
- }
94
- } while (character = (0,stylis__WEBPACK_IMPORTED_MODULE_3__.next)());
95
-
96
- return parsed;
97
- };
98
-
99
- var getRules = function getRules(value, points) {
100
- return (0,stylis__WEBPACK_IMPORTED_MODULE_3__.dealloc)(toRules((0,stylis__WEBPACK_IMPORTED_MODULE_3__.alloc)(value), points));
101
- }; // WeakSet would be more appropriate, but only WeakMap is supported in IE11
102
-
103
-
104
- var fixedElements = /* #__PURE__ */new WeakMap();
105
- var compat = function compat(element) {
106
- if (element.type !== 'rule' || !element.parent || // positive .length indicates that this rule contains pseudo
107
- // negative .length indicates that this rule has been already prefixed
108
- element.length < 1) {
109
- return;
110
- }
111
-
112
- var value = element.value,
113
- parent = element.parent;
114
- var isImplicitRule = element.column === parent.column && element.line === parent.line;
115
-
116
- while (parent.type !== 'rule') {
117
- parent = parent.parent;
118
- if (!parent) return;
119
- } // short-circuit for the simplest case
120
-
121
-
122
- if (element.props.length === 1 && value.charCodeAt(0) !== 58
123
- /* colon */
124
- && !fixedElements.get(parent)) {
125
- return;
126
- } // if this is an implicitly inserted rule (the one eagerly inserted at the each new nested level)
127
- // then the props has already been manipulated beforehand as they that array is shared between it and its "rule parent"
128
-
129
-
130
- if (isImplicitRule) {
131
- return;
132
- }
133
-
134
- fixedElements.set(element, true);
135
- var points = [];
136
- var rules = getRules(value, points);
137
- var parentRules = parent.props;
138
-
139
- for (var i = 0, k = 0; i < rules.length; i++) {
140
- for (var j = 0; j < parentRules.length; j++, k++) {
141
- element.props[k] = points[i] ? rules[i].replace(/&\f/g, parentRules[j]) : parentRules[j] + " " + rules[i];
142
- }
143
- }
144
- };
145
- var removeLabel = function removeLabel(element) {
146
- if (element.type === 'decl') {
147
- var value = element.value;
148
-
149
- if ( // charcode for l
150
- value.charCodeAt(0) === 108 && // charcode for b
151
- value.charCodeAt(2) === 98) {
152
- // this ignores label
153
- element["return"] = '';
154
- element.value = '';
155
- }
156
- }
157
- };
158
- var ignoreFlag = 'emotion-disable-server-rendering-unsafe-selector-warning-please-do-not-use-this-the-warning-exists-for-a-reason';
159
-
160
- var isIgnoringComment = function isIgnoringComment(element) {
161
- return !!element && element.type === 'comm' && element.children.indexOf(ignoreFlag) > -1;
162
- };
163
-
164
- var createUnsafeSelectorsAlarm = function createUnsafeSelectorsAlarm(cache) {
165
- return function (element, index, children) {
166
- if (element.type !== 'rule') return;
167
- var unsafePseudoClasses = element.value.match(/(:first|:nth|:nth-last)-child/g);
168
-
169
- if (unsafePseudoClasses && cache.compat !== true) {
170
- var prevElement = index > 0 ? children[index - 1] : null;
171
-
172
- if (prevElement && isIgnoringComment(last(prevElement.children))) {
173
- return;
174
- }
175
-
176
- unsafePseudoClasses.forEach(function (unsafePseudoClass) {
177
- console.error("The pseudo class \"" + unsafePseudoClass + "\" is potentially unsafe when doing server-side rendering. Try changing it to \"" + unsafePseudoClass.split('-child')[0] + "-of-type\".");
178
- });
179
- }
180
- };
181
- };
182
-
183
- var isImportRule = function isImportRule(element) {
184
- return element.type.charCodeAt(1) === 105 && element.type.charCodeAt(0) === 64;
185
- };
186
-
187
- var isPrependedWithRegularRules = function isPrependedWithRegularRules(index, children) {
188
- for (var i = index - 1; i >= 0; i--) {
189
- if (!isImportRule(children[i])) {
190
- return true;
191
- }
192
- }
193
-
194
- return false;
195
- }; // use this to remove incorrect elements from further processing
196
- // so they don't get handed to the `sheet` (or anything else)
197
- // as that could potentially lead to additional logs which in turn could be overhelming to the user
198
-
199
-
200
- var nullifyElement = function nullifyElement(element) {
201
- element.type = '';
202
- element.value = '';
203
- element["return"] = '';
204
- element.children = '';
205
- element.props = '';
206
- };
207
-
208
- var incorrectImportAlarm = function incorrectImportAlarm(element, index, children) {
209
- if (!isImportRule(element)) {
210
- return;
211
- }
212
-
213
- if (element.parent) {
214
- console.error("`@import` rules can't be nested inside other rules. Please move it to the top level and put it before regular rules. Keep in mind that they can only be used within global styles.");
215
- nullifyElement(element);
216
- } else if (isPrependedWithRegularRules(index, children)) {
217
- console.error("`@import` rules can't be after other rules. Please put your `@import` rules before your other rules.");
218
- nullifyElement(element);
219
- }
220
- };
221
-
222
- var defaultStylisPlugins = [stylis__WEBPACK_IMPORTED_MODULE_5__.prefixer];
223
-
224
- var createCache = function createCache(options) {
225
- var key = options.key;
226
-
227
- if ( true && !key) {
228
- throw new Error("You have to configure `key` for your cache. Please make sure it's unique (and not equal to 'css') as it's used for linking styles to your cache.\n" + "If multiple caches share the same key they might \"fight\" for each other's style elements.");
229
- }
230
-
231
- if ( key === 'css') {
232
- var ssrStyles = document.querySelectorAll("style[data-emotion]:not([data-s])"); // get SSRed styles out of the way of React's hydration
233
- // document.head is a safe place to move them to(though note document.head is not necessarily the last place they will be)
234
- // note this very very intentionally targets all style elements regardless of the key to ensure
235
- // that creating a cache works inside of render of a React component
236
-
237
- Array.prototype.forEach.call(ssrStyles, function (node) {
238
- // we want to only move elements which have a space in the data-emotion attribute value
239
- // because that indicates that it is an Emotion 11 server-side rendered style elements
240
- // while we will already ignore Emotion 11 client-side inserted styles because of the :not([data-s]) part in the selector
241
- // Emotion 10 client-side inserted styles did not have data-s (but importantly did not have a space in their data-emotion attributes)
242
- // so checking for the space ensures that loading Emotion 11 after Emotion 10 has inserted some styles
243
- // will not result in the Emotion 10 styles being destroyed
244
- var dataEmotionAttribute = node.getAttribute('data-emotion');
245
-
246
- if (dataEmotionAttribute.indexOf(' ') === -1) {
247
- return;
248
- }
249
- document.head.appendChild(node);
250
- node.setAttribute('data-s', '');
251
- });
252
- }
253
-
254
- var stylisPlugins = options.stylisPlugins || defaultStylisPlugins;
255
-
256
- if (true) {
257
- // $FlowFixMe
258
- if (/[^a-z-]/.test(key)) {
259
- throw new Error("Emotion key must only contain lower case alphabetical characters and - but \"" + key + "\" was passed");
260
- }
261
- }
262
-
263
- var inserted = {};
264
- var container;
265
- var nodesToHydrate = [];
266
-
267
- {
268
- container = options.container || document.head;
269
- Array.prototype.forEach.call( // this means we will ignore elements which don't have a space in them which
270
- // means that the style elements we're looking at are only Emotion 11 server-rendered style elements
271
- document.querySelectorAll("style[data-emotion^=\"" + key + " \"]"), function (node) {
272
- var attrib = node.getAttribute("data-emotion").split(' '); // $FlowFixMe
273
-
274
- for (var i = 1; i < attrib.length; i++) {
275
- inserted[attrib[i]] = true;
276
- }
277
-
278
- nodesToHydrate.push(node);
279
- });
280
- }
281
-
282
- var _insert;
283
-
284
- var omnipresentPlugins = [compat, removeLabel];
285
-
286
- if (true) {
287
- omnipresentPlugins.push(createUnsafeSelectorsAlarm({
288
- get compat() {
289
- return cache.compat;
290
- }
291
-
292
- }), incorrectImportAlarm);
293
- }
294
-
295
- {
296
- var currentSheet;
297
- var finalizingPlugins = [stylis__WEBPACK_IMPORTED_MODULE_6__.stringify, true ? function (element) {
298
- if (!element.root) {
299
- if (element["return"]) {
300
- currentSheet.insert(element["return"]);
301
- } else if (element.value && element.type !== stylis__WEBPACK_IMPORTED_MODULE_7__.COMMENT) {
302
- // insert empty rule in non-production environments
303
- // so @emotion/jest can grab `key` from the (JS)DOM for caches without any rules inserted yet
304
- currentSheet.insert(element.value + "{}");
305
- }
306
- }
307
- } : 0];
308
- var serializer = (0,stylis__WEBPACK_IMPORTED_MODULE_5__.middleware)(omnipresentPlugins.concat(stylisPlugins, finalizingPlugins));
309
-
310
- var stylis = function stylis(styles) {
311
- return (0,stylis__WEBPACK_IMPORTED_MODULE_6__.serialize)((0,stylis__WEBPACK_IMPORTED_MODULE_8__.compile)(styles), serializer);
312
- };
313
-
314
- _insert = function insert(selector, serialized, sheet, shouldCache) {
315
- currentSheet = sheet;
316
-
317
- if ( true && serialized.map !== undefined) {
318
- currentSheet = {
319
- insert: function insert(rule) {
320
- sheet.insert(rule + serialized.map);
321
- }
322
- };
323
- }
324
-
325
- stylis(selector ? selector + "{" + serialized.styles + "}" : serialized.styles);
326
-
327
- if (shouldCache) {
328
- cache.inserted[serialized.name] = true;
329
- }
330
- };
331
- }
332
-
333
- var cache = {
334
- key: key,
335
- sheet: new _emotion_sheet__WEBPACK_IMPORTED_MODULE_0__.StyleSheet({
336
- key: key,
337
- container: container,
338
- nonce: options.nonce,
339
- speedy: options.speedy,
340
- prepend: options.prepend,
341
- insertionPoint: options.insertionPoint
342
- }),
343
- nonce: options.nonce,
344
- inserted: inserted,
345
- registered: {},
346
- insert: _insert
347
- };
348
- cache.sheet.hydrate(nodesToHydrate);
349
- return cache;
350
- };
351
-
352
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (createCache);
353
-
354
-
355
- /***/ }),
356
-
357
- /***/ "./node_modules/@emotion/hash/dist/emotion-hash.esm.js":
358
- /*!*************************************************************!*\
359
- !*** ./node_modules/@emotion/hash/dist/emotion-hash.esm.js ***!
360
- \*************************************************************/
361
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
362
-
363
- "use strict";
364
- __webpack_require__.r(__webpack_exports__);
365
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
366
- /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
367
- /* harmony export */ });
368
- /* eslint-disable */
369
- // Inspired by https://github.com/garycourt/murmurhash-js
370
- // Ported from https://github.com/aappleby/smhasher/blob/61a0530f28277f2e850bfc39600ce61d02b518de/src/MurmurHash2.cpp#L37-L86
371
- function murmur2(str) {
372
- // 'm' and 'r' are mixing constants generated offline.
373
- // They're not really 'magic', they just happen to work well.
374
- // const m = 0x5bd1e995;
375
- // const r = 24;
376
- // Initialize the hash
377
- var h = 0; // Mix 4 bytes at a time into the hash
378
-
379
- var k,
380
- i = 0,
381
- len = str.length;
382
-
383
- for (; len >= 4; ++i, len -= 4) {
384
- k = str.charCodeAt(i) & 0xff | (str.charCodeAt(++i) & 0xff) << 8 | (str.charCodeAt(++i) & 0xff) << 16 | (str.charCodeAt(++i) & 0xff) << 24;
385
- k =
386
- /* Math.imul(k, m): */
387
- (k & 0xffff) * 0x5bd1e995 + ((k >>> 16) * 0xe995 << 16);
388
- k ^=
389
- /* k >>> r: */
390
- k >>> 24;
391
- h =
392
- /* Math.imul(k, m): */
393
- (k & 0xffff) * 0x5bd1e995 + ((k >>> 16) * 0xe995 << 16) ^
394
- /* Math.imul(h, m): */
395
- (h & 0xffff) * 0x5bd1e995 + ((h >>> 16) * 0xe995 << 16);
396
- } // Handle the last few bytes of the input array
397
-
398
-
399
- switch (len) {
400
- case 3:
401
- h ^= (str.charCodeAt(i + 2) & 0xff) << 16;
402
-
403
- case 2:
404
- h ^= (str.charCodeAt(i + 1) & 0xff) << 8;
405
-
406
- case 1:
407
- h ^= str.charCodeAt(i) & 0xff;
408
- h =
409
- /* Math.imul(h, m): */
410
- (h & 0xffff) * 0x5bd1e995 + ((h >>> 16) * 0xe995 << 16);
411
- } // Do a few final mixes of the hash to ensure the last few
412
- // bytes are well-incorporated.
413
-
414
-
415
- h ^= h >>> 13;
416
- h =
417
- /* Math.imul(h, m): */
418
- (h & 0xffff) * 0x5bd1e995 + ((h >>> 16) * 0xe995 << 16);
419
- return ((h ^ h >>> 15) >>> 0).toString(36);
420
- }
421
-
422
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (murmur2);
423
-
424
-
425
- /***/ }),
426
-
427
- /***/ "./node_modules/@emotion/memoize/dist/emotion-memoize.esm.js":
428
- /*!*******************************************************************!*\
429
- !*** ./node_modules/@emotion/memoize/dist/emotion-memoize.esm.js ***!
430
- \*******************************************************************/
431
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
432
-
433
- "use strict";
434
- __webpack_require__.r(__webpack_exports__);
435
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
436
- /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
437
- /* harmony export */ });
438
- function memoize(fn) {
439
- var cache = Object.create(null);
440
- return function (arg) {
441
- if (cache[arg] === undefined) cache[arg] = fn(arg);
442
- return cache[arg];
443
- };
444
- }
445
-
446
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (memoize);
447
-
448
-
449
- /***/ }),
450
-
451
- /***/ "./node_modules/@emotion/react/_isolated-hnrs/dist/emotion-react-_isolated-hnrs.browser.esm.js":
452
- /*!*****************************************************************************************************!*\
453
- !*** ./node_modules/@emotion/react/_isolated-hnrs/dist/emotion-react-_isolated-hnrs.browser.esm.js ***!
454
- \*****************************************************************************************************/
455
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
456
-
457
- "use strict";
458
- __webpack_require__.r(__webpack_exports__);
459
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
460
- /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
461
- /* harmony export */ });
462
- /* harmony import */ var hoist_non_react_statics__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! hoist-non-react-statics */ "./node_modules/hoist-non-react-statics/dist/hoist-non-react-statics.cjs.js");
463
- /* harmony import */ var hoist_non_react_statics__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(hoist_non_react_statics__WEBPACK_IMPORTED_MODULE_0__);
464
-
465
-
466
- // this file isolates this package that is not tree-shakeable
467
- // and if this module doesn't actually contain any logic of its own
468
- // then Rollup just use 'hoist-non-react-statics' directly in other chunks
469
-
470
- var hoistNonReactStatics = (function (targetComponent, sourceComponent) {
471
- return hoist_non_react_statics__WEBPACK_IMPORTED_MODULE_0___default()(targetComponent, sourceComponent);
472
- });
473
-
474
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (hoistNonReactStatics);
475
-
476
-
477
- /***/ }),
478
-
479
- /***/ "./node_modules/@emotion/react/dist/emotion-element-cbed451f.browser.esm.js":
480
- /*!**********************************************************************************!*\
481
- !*** ./node_modules/@emotion/react/dist/emotion-element-cbed451f.browser.esm.js ***!
482
- \**********************************************************************************/
483
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
484
-
485
- "use strict";
486
- __webpack_require__.r(__webpack_exports__);
487
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
488
- /* harmony export */ "C": () => (/* binding */ CacheProvider),
489
- /* harmony export */ "E": () => (/* binding */ Emotion),
490
- /* harmony export */ "T": () => (/* binding */ ThemeContext),
491
- /* harmony export */ "_": () => (/* binding */ __unsafe_useEmotionCache),
492
- /* harmony export */ "a": () => (/* binding */ useTheme),
493
- /* harmony export */ "b": () => (/* binding */ ThemeProvider),
494
- /* harmony export */ "c": () => (/* binding */ createEmotionProps),
495
- /* harmony export */ "d": () => (/* binding */ withTheme),
496
- /* harmony export */ "h": () => (/* binding */ hasOwnProperty),
497
- /* harmony export */ "u": () => (/* binding */ useInsertionEffectMaybe),
498
- /* harmony export */ "w": () => (/* binding */ withEmotionCache)
499
- /* harmony export */ });
500
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
501
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
502
- /* harmony import */ var _emotion_cache__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @emotion/cache */ "./node_modules/@emotion/cache/dist/emotion-cache.browser.esm.js");
503
- /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js");
504
- /* harmony import */ var _emotion_weak_memoize__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @emotion/weak-memoize */ "./node_modules/@emotion/weak-memoize/dist/emotion-weak-memoize.esm.js");
505
- /* harmony import */ var _isolated_hnrs_dist_emotion_react_isolated_hnrs_browser_esm_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../_isolated-hnrs/dist/emotion-react-_isolated-hnrs.browser.esm.js */ "./node_modules/@emotion/react/_isolated-hnrs/dist/emotion-react-_isolated-hnrs.browser.esm.js");
506
- /* harmony import */ var _emotion_utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @emotion/utils */ "./node_modules/@emotion/react/node_modules/@emotion/utils/dist/emotion-utils.browser.esm.js");
507
- /* harmony import */ var _emotion_serialize__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @emotion/serialize */ "./node_modules/@emotion/serialize/dist/emotion-serialize.browser.esm.js");
508
-
509
-
510
-
511
-
512
-
513
-
514
-
515
-
516
-
517
- var hasOwnProperty = {}.hasOwnProperty;
518
-
519
- var EmotionCacheContext = /* #__PURE__ */(0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)( // we're doing this to avoid preconstruct's dead code elimination in this one case
520
- // because this module is primarily intended for the browser and node
521
- // but it's also required in react native and similar environments sometimes
522
- // and we could have a special build just for that
523
- // but this is much easier and the native packages
524
- // might use a different theme context in the future anyway
525
- typeof HTMLElement !== 'undefined' ? /* #__PURE__ */(0,_emotion_cache__WEBPACK_IMPORTED_MODULE_1__["default"])({
526
- key: 'css'
527
- }) : null);
528
-
529
- if (true) {
530
- EmotionCacheContext.displayName = 'EmotionCacheContext';
531
- }
532
-
533
- var CacheProvider = EmotionCacheContext.Provider;
534
- var __unsafe_useEmotionCache = function useEmotionCache() {
535
- return (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(EmotionCacheContext);
536
- };
537
-
538
- var withEmotionCache = function withEmotionCache(func) {
539
- // $FlowFixMe
540
- return /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function (props, ref) {
541
- // the cache will never be null in the browser
542
- var cache = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(EmotionCacheContext);
543
- return func(props, cache, ref);
544
- });
545
- };
546
-
547
- var ThemeContext = /* #__PURE__ */(0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)({});
548
-
549
- if (true) {
550
- ThemeContext.displayName = 'EmotionThemeContext';
551
- }
552
-
553
- var useTheme = function useTheme() {
554
- return (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(ThemeContext);
555
- };
556
-
557
- var getTheme = function getTheme(outerTheme, theme) {
558
- if (typeof theme === 'function') {
559
- var mergedTheme = theme(outerTheme);
560
-
561
- if ( true && (mergedTheme == null || typeof mergedTheme !== 'object' || Array.isArray(mergedTheme))) {
562
- throw new Error('[ThemeProvider] Please return an object from your theme function, i.e. theme={() => ({})}!');
563
- }
564
-
565
- return mergedTheme;
566
- }
567
-
568
- if ( true && (theme == null || typeof theme !== 'object' || Array.isArray(theme))) {
569
- throw new Error('[ThemeProvider] Please make your theme prop a plain object');
570
- }
571
-
572
- return (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_2__["default"])({}, outerTheme, theme);
573
- };
574
-
575
- var createCacheWithTheme = /* #__PURE__ */(0,_emotion_weak_memoize__WEBPACK_IMPORTED_MODULE_3__["default"])(function (outerTheme) {
576
- return (0,_emotion_weak_memoize__WEBPACK_IMPORTED_MODULE_3__["default"])(function (theme) {
577
- return getTheme(outerTheme, theme);
578
- });
579
- });
580
- var ThemeProvider = function ThemeProvider(props) {
581
- var theme = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(ThemeContext);
582
-
583
- if (props.theme !== theme) {
584
- theme = createCacheWithTheme(theme)(props.theme);
585
- }
586
-
587
- return /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(ThemeContext.Provider, {
588
- value: theme
589
- }, props.children);
590
- };
591
- function withTheme(Component) {
592
- var componentName = Component.displayName || Component.name || 'Component';
593
-
594
- var render = function render(props, ref) {
595
- var theme = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(ThemeContext);
596
- return /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(Component, (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_2__["default"])({
597
- theme: theme,
598
- ref: ref
599
- }, props));
600
- }; // $FlowFixMe
601
-
602
-
603
- var WithTheme = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(render);
604
- WithTheme.displayName = "WithTheme(" + componentName + ")";
605
- return (0,_isolated_hnrs_dist_emotion_react_isolated_hnrs_browser_esm_js__WEBPACK_IMPORTED_MODULE_6__["default"])(WithTheme, Component);
606
- }
607
-
608
- var getLastPart = function getLastPart(functionName) {
609
- // The match may be something like 'Object.createEmotionProps' or
610
- // 'Loader.prototype.render'
611
- var parts = functionName.split('.');
612
- return parts[parts.length - 1];
613
- };
614
-
615
- var getFunctionNameFromStackTraceLine = function getFunctionNameFromStackTraceLine(line) {
616
- // V8
617
- var match = /^\s+at\s+([A-Za-z0-9$.]+)\s/.exec(line);
618
- if (match) return getLastPart(match[1]); // Safari / Firefox
619
-
620
- match = /^([A-Za-z0-9$.]+)@/.exec(line);
621
- if (match) return getLastPart(match[1]);
622
- return undefined;
623
- };
624
-
625
- var internalReactFunctionNames = /* #__PURE__ */new Set(['renderWithHooks', 'processChild', 'finishClassComponent', 'renderToString']); // These identifiers come from error stacks, so they have to be valid JS
626
- // identifiers, thus we only need to replace what is a valid character for JS,
627
- // but not for CSS.
628
-
629
- var sanitizeIdentifier = function sanitizeIdentifier(identifier) {
630
- return identifier.replace(/\$/g, '-');
631
- };
632
-
633
- var getLabelFromStackTrace = function getLabelFromStackTrace(stackTrace) {
634
- if (!stackTrace) return undefined;
635
- var lines = stackTrace.split('\n');
636
-
637
- for (var i = 0; i < lines.length; i++) {
638
- var functionName = getFunctionNameFromStackTraceLine(lines[i]); // The first line of V8 stack traces is just "Error"
639
-
640
- if (!functionName) continue; // If we reach one of these, we have gone too far and should quit
641
-
642
- if (internalReactFunctionNames.has(functionName)) break; // The component name is the first function in the stack that starts with an
643
- // uppercase letter
644
-
645
- if (/^[A-Z]/.test(functionName)) return sanitizeIdentifier(functionName);
646
- }
647
-
648
- return undefined;
649
- };
650
-
651
- var useInsertionEffect = react__WEBPACK_IMPORTED_MODULE_0__['useInsertion' + 'Effect'] ? react__WEBPACK_IMPORTED_MODULE_0__['useInsertion' + 'Effect'] : function useInsertionEffect(create) {
652
- create();
653
- };
654
- function useInsertionEffectMaybe(create) {
655
-
656
- useInsertionEffect(create);
657
- }
658
-
659
- var typePropName = '__EMOTION_TYPE_PLEASE_DO_NOT_USE__';
660
- var labelPropName = '__EMOTION_LABEL_PLEASE_DO_NOT_USE__';
661
- var createEmotionProps = function createEmotionProps(type, props) {
662
- if ( true && typeof props.css === 'string' && // check if there is a css declaration
663
- props.css.indexOf(':') !== -1) {
664
- throw new Error("Strings are not allowed as css prop values, please wrap it in a css template literal from '@emotion/react' like this: css`" + props.css + "`");
665
- }
666
-
667
- var newProps = {};
668
-
669
- for (var key in props) {
670
- if (hasOwnProperty.call(props, key)) {
671
- newProps[key] = props[key];
672
- }
673
- }
674
-
675
- newProps[typePropName] = type; // For performance, only call getLabelFromStackTrace in development and when
676
- // the label hasn't already been computed
677
-
678
- if ( true && !!props.css && (typeof props.css !== 'object' || typeof props.css.name !== 'string' || props.css.name.indexOf('-') === -1)) {
679
- var label = getLabelFromStackTrace(new Error().stack);
680
- if (label) newProps[labelPropName] = label;
681
- }
682
-
683
- return newProps;
684
- };
685
-
686
- var Insertion = function Insertion(_ref) {
687
- var cache = _ref.cache,
688
- serialized = _ref.serialized,
689
- isStringTag = _ref.isStringTag;
690
- (0,_emotion_utils__WEBPACK_IMPORTED_MODULE_4__.registerStyles)(cache, serialized, isStringTag);
691
- var rules = useInsertionEffectMaybe(function () {
692
- return (0,_emotion_utils__WEBPACK_IMPORTED_MODULE_4__.insertStyles)(cache, serialized, isStringTag);
693
- });
694
-
695
- return null;
696
- };
697
-
698
- var Emotion = /* #__PURE__ */withEmotionCache(function (props, cache, ref) {
699
- var cssProp = props.css; // so that using `css` from `emotion` and passing the result to the css prop works
700
- // not passing the registered cache to serializeStyles because it would
701
- // make certain babel optimisations not possible
702
-
703
- if (typeof cssProp === 'string' && cache.registered[cssProp] !== undefined) {
704
- cssProp = cache.registered[cssProp];
705
- }
706
-
707
- var WrappedComponent = props[typePropName];
708
- var registeredStyles = [cssProp];
709
- var className = '';
710
-
711
- if (typeof props.className === 'string') {
712
- className = (0,_emotion_utils__WEBPACK_IMPORTED_MODULE_4__.getRegisteredStyles)(cache.registered, registeredStyles, props.className);
713
- } else if (props.className != null) {
714
- className = props.className + " ";
715
- }
716
-
717
- var serialized = (0,_emotion_serialize__WEBPACK_IMPORTED_MODULE_5__.serializeStyles)(registeredStyles, undefined, (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(ThemeContext));
718
-
719
- if ( true && serialized.name.indexOf('-') === -1) {
720
- var labelFromStack = props[labelPropName];
721
-
722
- if (labelFromStack) {
723
- serialized = (0,_emotion_serialize__WEBPACK_IMPORTED_MODULE_5__.serializeStyles)([serialized, 'label:' + labelFromStack + ';']);
724
- }
725
- }
726
-
727
- className += cache.key + "-" + serialized.name;
728
- var newProps = {};
729
-
730
- for (var key in props) {
731
- if (hasOwnProperty.call(props, key) && key !== 'css' && key !== typePropName && ( false || key !== labelPropName)) {
732
- newProps[key] = props[key];
733
- }
734
- }
735
-
736
- newProps.ref = ref;
737
- newProps.className = className;
738
- return /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(Insertion, {
739
- cache: cache,
740
- serialized: serialized,
741
- isStringTag: typeof WrappedComponent === 'string'
742
- }), /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(WrappedComponent, newProps));
743
- });
744
-
745
- if (true) {
746
- Emotion.displayName = 'EmotionCssPropInternal';
747
- }
748
-
749
-
750
-
751
-
752
- /***/ }),
753
-
754
- /***/ "./node_modules/@emotion/react/dist/emotion-react.browser.esm.js":
755
- /*!***********************************************************************!*\
756
- !*** ./node_modules/@emotion/react/dist/emotion-react.browser.esm.js ***!
757
- \***********************************************************************/
758
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
759
-
760
- "use strict";
761
- __webpack_require__.r(__webpack_exports__);
762
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
763
- /* harmony export */ "CacheProvider": () => (/* reexport safe */ _emotion_element_cbed451f_browser_esm_js__WEBPACK_IMPORTED_MODULE_2__.C),
764
- /* harmony export */ "ClassNames": () => (/* binding */ ClassNames),
765
- /* harmony export */ "Global": () => (/* binding */ Global),
766
- /* harmony export */ "ThemeContext": () => (/* reexport safe */ _emotion_element_cbed451f_browser_esm_js__WEBPACK_IMPORTED_MODULE_2__.T),
767
- /* harmony export */ "ThemeProvider": () => (/* reexport safe */ _emotion_element_cbed451f_browser_esm_js__WEBPACK_IMPORTED_MODULE_2__.b),
768
- /* harmony export */ "__unsafe_useEmotionCache": () => (/* reexport safe */ _emotion_element_cbed451f_browser_esm_js__WEBPACK_IMPORTED_MODULE_2__._),
769
- /* harmony export */ "createElement": () => (/* binding */ jsx),
770
- /* harmony export */ "css": () => (/* binding */ css),
771
- /* harmony export */ "jsx": () => (/* binding */ jsx),
772
- /* harmony export */ "keyframes": () => (/* binding */ keyframes),
773
- /* harmony export */ "useTheme": () => (/* reexport safe */ _emotion_element_cbed451f_browser_esm_js__WEBPACK_IMPORTED_MODULE_2__.a),
774
- /* harmony export */ "withEmotionCache": () => (/* reexport safe */ _emotion_element_cbed451f_browser_esm_js__WEBPACK_IMPORTED_MODULE_2__.w),
775
- /* harmony export */ "withTheme": () => (/* reexport safe */ _emotion_element_cbed451f_browser_esm_js__WEBPACK_IMPORTED_MODULE_2__.d)
776
- /* harmony export */ });
777
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
778
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
779
- /* harmony import */ var _emotion_cache__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @emotion/cache */ "./node_modules/@emotion/cache/dist/emotion-cache.browser.esm.js");
780
- /* harmony import */ var _emotion_element_cbed451f_browser_esm_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./emotion-element-cbed451f.browser.esm.js */ "./node_modules/@emotion/react/dist/emotion-element-cbed451f.browser.esm.js");
781
- /* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @babel/runtime/helpers/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js");
782
- /* harmony import */ var _emotion_weak_memoize__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @emotion/weak-memoize */ "./node_modules/@emotion/weak-memoize/dist/emotion-weak-memoize.esm.js");
783
- /* harmony import */ var hoist_non_react_statics__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! hoist-non-react-statics */ "./node_modules/hoist-non-react-statics/dist/hoist-non-react-statics.cjs.js");
784
- /* harmony import */ var hoist_non_react_statics__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(hoist_non_react_statics__WEBPACK_IMPORTED_MODULE_5__);
785
- /* harmony import */ var _emotion_utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @emotion/utils */ "./node_modules/@emotion/react/node_modules/@emotion/utils/dist/emotion-utils.browser.esm.js");
786
- /* harmony import */ var _emotion_serialize__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @emotion/serialize */ "./node_modules/@emotion/serialize/dist/emotion-serialize.browser.esm.js");
787
-
788
-
789
-
790
-
791
-
792
-
793
-
794
-
795
-
796
-
797
-
798
-
799
- var pkg = {
800
- name: "@emotion/react",
801
- version: "11.10.0",
802
- main: "dist/emotion-react.cjs.js",
803
- module: "dist/emotion-react.esm.js",
804
- browser: {
805
- "./dist/emotion-react.esm.js": "./dist/emotion-react.browser.esm.js"
806
- },
807
- exports: {
808
- ".": {
809
- module: {
810
- worker: "./dist/emotion-react.worker.esm.js",
811
- browser: "./dist/emotion-react.browser.esm.js",
812
- "default": "./dist/emotion-react.esm.js"
813
- },
814
- "default": "./dist/emotion-react.cjs.js"
815
- },
816
- "./jsx-runtime": {
817
- module: {
818
- worker: "./jsx-runtime/dist/emotion-react-jsx-runtime.worker.esm.js",
819
- browser: "./jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js",
820
- "default": "./jsx-runtime/dist/emotion-react-jsx-runtime.esm.js"
821
- },
822
- "default": "./jsx-runtime/dist/emotion-react-jsx-runtime.cjs.js"
823
- },
824
- "./_isolated-hnrs": {
825
- module: {
826
- worker: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.worker.esm.js",
827
- browser: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.browser.esm.js",
828
- "default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.esm.js"
829
- },
830
- "default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.cjs.js"
831
- },
832
- "./jsx-dev-runtime": {
833
- module: {
834
- worker: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.worker.esm.js",
835
- browser: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.browser.esm.js",
836
- "default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.esm.js"
837
- },
838
- "default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.cjs.js"
839
- },
840
- "./package.json": "./package.json",
841
- "./types/css-prop": "./types/css-prop.d.ts",
842
- "./macro": "./macro.js"
843
- },
844
- types: "types/index.d.ts",
845
- files: [
846
- "src",
847
- "dist",
848
- "jsx-runtime",
849
- "jsx-dev-runtime",
850
- "_isolated-hnrs",
851
- "types/*.d.ts",
852
- "macro.js",
853
- "macro.d.ts",
854
- "macro.js.flow"
855
- ],
856
- sideEffects: false,
857
- author: "Emotion Contributors",
858
- license: "MIT",
859
- scripts: {
860
- "test:typescript": "dtslint types"
861
- },
862
- dependencies: {
863
- "@babel/runtime": "^7.18.3",
864
- "@emotion/babel-plugin": "^11.10.0",
865
- "@emotion/cache": "^11.10.0",
866
- "@emotion/serialize": "^1.1.0",
867
- "@emotion/utils": "^1.2.0",
868
- "@emotion/weak-memoize": "^0.3.0",
869
- "hoist-non-react-statics": "^3.3.1"
870
- },
871
- peerDependencies: {
872
- "@babel/core": "^7.0.0",
873
- react: ">=16.8.0"
874
- },
875
- peerDependenciesMeta: {
876
- "@babel/core": {
877
- optional: true
878
- },
879
- "@types/react": {
880
- optional: true
881
- }
882
- },
883
- devDependencies: {
884
- "@babel/core": "^7.18.5",
885
- "@definitelytyped/dtslint": "0.0.112",
886
- "@emotion/css": "11.10.0",
887
- "@emotion/css-prettifier": "1.1.0",
888
- "@emotion/server": "11.10.0",
889
- "@emotion/styled": "11.10.0",
890
- "html-tag-names": "^1.1.2",
891
- react: "16.14.0",
892
- "svg-tag-names": "^1.1.1",
893
- typescript: "^4.5.5"
894
- },
895
- repository: "https://github.com/emotion-js/emotion/tree/main/packages/react",
896
- publishConfig: {
897
- access: "public"
898
- },
899
- "umd:main": "dist/emotion-react.umd.min.js",
900
- preconstruct: {
901
- entrypoints: [
902
- "./index.js",
903
- "./jsx-runtime.js",
904
- "./jsx-dev-runtime.js",
905
- "./_isolated-hnrs.js"
906
- ],
907
- umdName: "emotionReact",
908
- exports: {
909
- envConditions: [
910
- "browser",
911
- "worker"
912
- ],
913
- extra: {
914
- "./types/css-prop": "./types/css-prop.d.ts",
915
- "./macro": "./macro.js"
916
- }
917
- }
918
- }
919
- };
920
-
921
- var jsx = function jsx(type, props) {
922
- var args = arguments;
923
-
924
- if (props == null || !_emotion_element_cbed451f_browser_esm_js__WEBPACK_IMPORTED_MODULE_2__.h.call(props, 'css')) {
925
- // $FlowFixMe
926
- return react__WEBPACK_IMPORTED_MODULE_0__.createElement.apply(undefined, args);
927
- }
928
-
929
- var argsLength = args.length;
930
- var createElementArgArray = new Array(argsLength);
931
- createElementArgArray[0] = _emotion_element_cbed451f_browser_esm_js__WEBPACK_IMPORTED_MODULE_2__.E;
932
- createElementArgArray[1] = (0,_emotion_element_cbed451f_browser_esm_js__WEBPACK_IMPORTED_MODULE_2__.c)(type, props);
933
-
934
- for (var i = 2; i < argsLength; i++) {
935
- createElementArgArray[i] = args[i];
936
- } // $FlowFixMe
937
-
938
-
939
- return react__WEBPACK_IMPORTED_MODULE_0__.createElement.apply(null, createElementArgArray);
940
- };
941
-
942
- var useInsertionEffect = react__WEBPACK_IMPORTED_MODULE_0__['useInsertion' + 'Effect'] ? react__WEBPACK_IMPORTED_MODULE_0__['useInsertion' + 'Effect'] : react__WEBPACK_IMPORTED_MODULE_0__.useLayoutEffect;
943
- var warnedAboutCssPropForGlobal = false; // maintain place over rerenders.
944
- // initial render from browser, insertBefore context.sheet.tags[0] or if a style hasn't been inserted there yet, appendChild
945
- // initial client-side render from SSR, use place of hydrating tag
946
-
947
- var Global = /* #__PURE__ */(0,_emotion_element_cbed451f_browser_esm_js__WEBPACK_IMPORTED_MODULE_2__.w)(function (props, cache) {
948
- if ( true && !warnedAboutCssPropForGlobal && ( // check for className as well since the user is
949
- // probably using the custom createElement which
950
- // means it will be turned into a className prop
951
- // $FlowFixMe I don't really want to add it to the type since it shouldn't be used
952
- props.className || props.css)) {
953
- console.error("It looks like you're using the css prop on Global, did you mean to use the styles prop instead?");
954
- warnedAboutCssPropForGlobal = true;
955
- }
956
-
957
- var styles = props.styles;
958
- var serialized = (0,_emotion_serialize__WEBPACK_IMPORTED_MODULE_7__.serializeStyles)([styles], undefined, (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_emotion_element_cbed451f_browser_esm_js__WEBPACK_IMPORTED_MODULE_2__.T));
959
- // but it is based on a constant that will never change at runtime
960
- // it's effectively like having two implementations and switching them out
961
- // so it's not actually breaking anything
962
-
963
-
964
- var sheetRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)();
965
- useInsertionEffect(function () {
966
- var key = cache.key + "-global"; // use case of https://github.com/emotion-js/emotion/issues/2675
967
-
968
- var sheet = new cache.sheet.constructor({
969
- key: key,
970
- nonce: cache.sheet.nonce,
971
- container: cache.sheet.container,
972
- speedy: cache.sheet.isSpeedy
973
- });
974
- var rehydrating = false; // $FlowFixMe
975
-
976
- var node = document.querySelector("style[data-emotion=\"" + key + " " + serialized.name + "\"]");
977
-
978
- if (cache.sheet.tags.length) {
979
- sheet.before = cache.sheet.tags[0];
980
- }
981
-
982
- if (node !== null) {
983
- rehydrating = true; // clear the hash so this node won't be recognizable as rehydratable by other <Global/>s
984
-
985
- node.setAttribute('data-emotion', key);
986
- sheet.hydrate([node]);
987
- }
988
-
989
- sheetRef.current = [sheet, rehydrating];
990
- return function () {
991
- sheet.flush();
992
- };
993
- }, [cache]);
994
- useInsertionEffect(function () {
995
- var sheetRefCurrent = sheetRef.current;
996
- var sheet = sheetRefCurrent[0],
997
- rehydrating = sheetRefCurrent[1];
998
-
999
- if (rehydrating) {
1000
- sheetRefCurrent[1] = false;
1001
- return;
1002
- }
1003
-
1004
- if (serialized.next !== undefined) {
1005
- // insert keyframes
1006
- (0,_emotion_utils__WEBPACK_IMPORTED_MODULE_6__.insertStyles)(cache, serialized.next, true);
1007
- }
1008
-
1009
- if (sheet.tags.length) {
1010
- // if this doesn't exist then it will be null so the style element will be appended
1011
- var element = sheet.tags[sheet.tags.length - 1].nextElementSibling;
1012
- sheet.before = element;
1013
- sheet.flush();
1014
- }
1015
-
1016
- cache.insert("", serialized, sheet, false);
1017
- }, [cache, serialized.name]);
1018
- return null;
1019
- });
1020
-
1021
- if (true) {
1022
- Global.displayName = 'EmotionGlobal';
1023
- }
1024
-
1025
- function css() {
1026
- for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
1027
- args[_key] = arguments[_key];
1028
- }
1029
-
1030
- return (0,_emotion_serialize__WEBPACK_IMPORTED_MODULE_7__.serializeStyles)(args);
1031
- }
1032
-
1033
- var keyframes = function keyframes() {
1034
- var insertable = css.apply(void 0, arguments);
1035
- var name = "animation-" + insertable.name; // $FlowFixMe
1036
-
1037
- return {
1038
- name: name,
1039
- styles: "@keyframes " + name + "{" + insertable.styles + "}",
1040
- anim: 1,
1041
- toString: function toString() {
1042
- return "_EMO_" + this.name + "_" + this.styles + "_EMO_";
1043
- }
1044
- };
1045
- };
1046
-
1047
- var classnames = function classnames(args) {
1048
- var len = args.length;
1049
- var i = 0;
1050
- var cls = '';
1051
-
1052
- for (; i < len; i++) {
1053
- var arg = args[i];
1054
- if (arg == null) continue;
1055
- var toAdd = void 0;
1056
-
1057
- switch (typeof arg) {
1058
- case 'boolean':
1059
- break;
1060
-
1061
- case 'object':
1062
- {
1063
- if (Array.isArray(arg)) {
1064
- toAdd = classnames(arg);
1065
- } else {
1066
- if ( true && arg.styles !== undefined && arg.name !== undefined) {
1067
- console.error('You have passed styles created with `css` from `@emotion/react` package to the `cx`.\n' + '`cx` is meant to compose class names (strings) so you should convert those styles to a class name by passing them to the `css` received from <ClassNames/> component.');
1068
- }
1069
-
1070
- toAdd = '';
1071
-
1072
- for (var k in arg) {
1073
- if (arg[k] && k) {
1074
- toAdd && (toAdd += ' ');
1075
- toAdd += k;
1076
- }
1077
- }
1078
- }
1079
-
1080
- break;
1081
- }
1082
-
1083
- default:
1084
- {
1085
- toAdd = arg;
1086
- }
1087
- }
1088
-
1089
- if (toAdd) {
1090
- cls && (cls += ' ');
1091
- cls += toAdd;
1092
- }
1093
- }
1094
-
1095
- return cls;
1096
- };
1097
-
1098
- function merge(registered, css, className) {
1099
- var registeredStyles = [];
1100
- var rawClassName = (0,_emotion_utils__WEBPACK_IMPORTED_MODULE_6__.getRegisteredStyles)(registered, registeredStyles, className);
1101
-
1102
- if (registeredStyles.length < 2) {
1103
- return className;
1104
- }
1105
-
1106
- return rawClassName + css(registeredStyles);
1107
- }
1108
-
1109
- var Insertion = function Insertion(_ref) {
1110
- var cache = _ref.cache,
1111
- serializedArr = _ref.serializedArr;
1112
- var rules = (0,_emotion_element_cbed451f_browser_esm_js__WEBPACK_IMPORTED_MODULE_2__.u)(function () {
1113
-
1114
- for (var i = 0; i < serializedArr.length; i++) {
1115
- var res = (0,_emotion_utils__WEBPACK_IMPORTED_MODULE_6__.insertStyles)(cache, serializedArr[i], false);
1116
- }
1117
- });
1118
-
1119
- return null;
1120
- };
1121
-
1122
- var ClassNames = /* #__PURE__ */(0,_emotion_element_cbed451f_browser_esm_js__WEBPACK_IMPORTED_MODULE_2__.w)(function (props, cache) {
1123
- var hasRendered = false;
1124
- var serializedArr = [];
1125
-
1126
- var css = function css() {
1127
- if (hasRendered && "development" !== 'production') {
1128
- throw new Error('css can only be used during render');
1129
- }
1130
-
1131
- for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
1132
- args[_key] = arguments[_key];
1133
- }
1134
-
1135
- var serialized = (0,_emotion_serialize__WEBPACK_IMPORTED_MODULE_7__.serializeStyles)(args, cache.registered);
1136
- serializedArr.push(serialized); // registration has to happen here as the result of this might get consumed by `cx`
1137
-
1138
- (0,_emotion_utils__WEBPACK_IMPORTED_MODULE_6__.registerStyles)(cache, serialized, false);
1139
- return cache.key + "-" + serialized.name;
1140
- };
1141
-
1142
- var cx = function cx() {
1143
- if (hasRendered && "development" !== 'production') {
1144
- throw new Error('cx can only be used during render');
1145
- }
1146
-
1147
- for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
1148
- args[_key2] = arguments[_key2];
1149
- }
1150
-
1151
- return merge(cache.registered, css, classnames(args));
1152
- };
1153
-
1154
- var content = {
1155
- css: css,
1156
- cx: cx,
1157
- theme: (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_emotion_element_cbed451f_browser_esm_js__WEBPACK_IMPORTED_MODULE_2__.T)
1158
- };
1159
- var ele = props.children(content);
1160
- hasRendered = true;
1161
- return /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(Insertion, {
1162
- cache: cache,
1163
- serializedArr: serializedArr
1164
- }), ele);
1165
- });
1166
-
1167
- if (true) {
1168
- ClassNames.displayName = 'EmotionClassNames';
1169
- }
1170
-
1171
- if (true) {
1172
- var isBrowser = "object" !== 'undefined'; // #1727 for some reason Jest evaluates modules twice if some consuming module gets mocked with jest.mock
1173
-
1174
- var isJest = typeof jest !== 'undefined';
1175
-
1176
- if (isBrowser && !isJest) {
1177
- // globalThis has wide browser support - https://caniuse.com/?search=globalThis, Node.js 12 and later
1178
- var globalContext = // $FlowIgnore
1179
- typeof globalThis !== 'undefined' ? globalThis // eslint-disable-line no-undef
1180
- : isBrowser ? window : __webpack_require__.g;
1181
- var globalKey = "__EMOTION_REACT_" + pkg.version.split('.')[0] + "__";
1182
-
1183
- if (globalContext[globalKey]) {
1184
- console.warn('You are loading @emotion/react when it is already loaded. Running ' + 'multiple instances may cause problems. This can happen if multiple ' + 'versions are used, or if multiple builds of the same version are ' + 'used.');
1185
- }
1186
-
1187
- globalContext[globalKey] = true;
1188
- }
1189
- }
1190
-
1191
-
1192
-
1193
-
1194
- /***/ }),
1195
-
1196
- /***/ "./node_modules/@emotion/react/node_modules/@emotion/utils/dist/emotion-utils.browser.esm.js":
1197
- /*!***************************************************************************************************!*\
1198
- !*** ./node_modules/@emotion/react/node_modules/@emotion/utils/dist/emotion-utils.browser.esm.js ***!
1199
- \***************************************************************************************************/
1200
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
1201
-
1202
- "use strict";
1203
- __webpack_require__.r(__webpack_exports__);
1204
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
1205
- /* harmony export */ "getRegisteredStyles": () => (/* binding */ getRegisteredStyles),
1206
- /* harmony export */ "insertStyles": () => (/* binding */ insertStyles),
1207
- /* harmony export */ "registerStyles": () => (/* binding */ registerStyles)
1208
- /* harmony export */ });
1209
- var isBrowser = "object" !== 'undefined';
1210
- function getRegisteredStyles(registered, registeredStyles, classNames) {
1211
- var rawClassName = '';
1212
- classNames.split(' ').forEach(function (className) {
1213
- if (registered[className] !== undefined) {
1214
- registeredStyles.push(registered[className] + ";");
1215
- } else {
1216
- rawClassName += className + " ";
1217
- }
1218
- });
1219
- return rawClassName;
1220
- }
1221
- var registerStyles = function registerStyles(cache, serialized, isStringTag) {
1222
- var className = cache.key + "-" + serialized.name;
1223
-
1224
- if ( // we only need to add the styles to the registered cache if the
1225
- // class name could be used further down
1226
- // the tree but if it's a string tag, we know it won't
1227
- // so we don't have to add it to registered cache.
1228
- // this improves memory usage since we can avoid storing the whole style string
1229
- (isStringTag === false || // we need to always store it if we're in compat mode and
1230
- // in node since emotion-server relies on whether a style is in
1231
- // the registered cache to know whether a style is global or not
1232
- // also, note that this check will be dead code eliminated in the browser
1233
- isBrowser === false ) && cache.registered[className] === undefined) {
1234
- cache.registered[className] = serialized.styles;
1235
- }
1236
- };
1237
- var insertStyles = function insertStyles(cache, serialized, isStringTag) {
1238
- registerStyles(cache, serialized, isStringTag);
1239
- var className = cache.key + "-" + serialized.name;
1240
-
1241
- if (cache.inserted[serialized.name] === undefined) {
1242
- var current = serialized;
1243
-
1244
- do {
1245
- var maybeStyles = cache.insert(serialized === current ? "." + className : '', current, cache.sheet, true);
1246
-
1247
- current = current.next;
1248
- } while (current !== undefined);
1249
- }
1250
- };
1251
-
1252
-
1253
-
1254
-
1255
- /***/ }),
1256
-
1257
- /***/ "./node_modules/@emotion/serialize/dist/emotion-serialize.browser.esm.js":
1258
- /*!*******************************************************************************!*\
1259
- !*** ./node_modules/@emotion/serialize/dist/emotion-serialize.browser.esm.js ***!
1260
- \*******************************************************************************/
1261
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
1262
-
1263
- "use strict";
1264
- __webpack_require__.r(__webpack_exports__);
1265
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
1266
- /* harmony export */ "serializeStyles": () => (/* binding */ serializeStyles)
1267
- /* harmony export */ });
1268
- /* harmony import */ var _emotion_hash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @emotion/hash */ "./node_modules/@emotion/hash/dist/emotion-hash.esm.js");
1269
- /* harmony import */ var _emotion_unitless__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @emotion/unitless */ "./node_modules/@emotion/unitless/dist/emotion-unitless.esm.js");
1270
- /* harmony import */ var _emotion_memoize__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @emotion/memoize */ "./node_modules/@emotion/memoize/dist/emotion-memoize.esm.js");
1271
-
1272
-
1273
-
1274
-
1275
- var ILLEGAL_ESCAPE_SEQUENCE_ERROR = "You have illegal escape sequence in your template literal, most likely inside content's property value.\nBecause you write your CSS inside a JavaScript string you actually have to do double escaping, so for example \"content: '\\00d7';\" should become \"content: '\\\\00d7';\".\nYou can read more about this here:\nhttps://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals#ES2018_revision_of_illegal_escape_sequences";
1276
- var UNDEFINED_AS_OBJECT_KEY_ERROR = "You have passed in falsy value as style object's key (can happen when in example you pass unexported component as computed key).";
1277
- var hyphenateRegex = /[A-Z]|^ms/g;
1278
- var animationRegex = /_EMO_([^_]+?)_([^]*?)_EMO_/g;
1279
-
1280
- var isCustomProperty = function isCustomProperty(property) {
1281
- return property.charCodeAt(1) === 45;
1282
- };
1283
-
1284
- var isProcessableValue = function isProcessableValue(value) {
1285
- return value != null && typeof value !== 'boolean';
1286
- };
1287
-
1288
- var processStyleName = /* #__PURE__ */(0,_emotion_memoize__WEBPACK_IMPORTED_MODULE_2__["default"])(function (styleName) {
1289
- return isCustomProperty(styleName) ? styleName : styleName.replace(hyphenateRegex, '-$&').toLowerCase();
1290
- });
1291
-
1292
- var processStyleValue = function processStyleValue(key, value) {
1293
- switch (key) {
1294
- case 'animation':
1295
- case 'animationName':
1296
- {
1297
- if (typeof value === 'string') {
1298
- return value.replace(animationRegex, function (match, p1, p2) {
1299
- cursor = {
1300
- name: p1,
1301
- styles: p2,
1302
- next: cursor
1303
- };
1304
- return p1;
1305
- });
1306
- }
1307
- }
1308
- }
1309
-
1310
- if (_emotion_unitless__WEBPACK_IMPORTED_MODULE_1__["default"][key] !== 1 && !isCustomProperty(key) && typeof value === 'number' && value !== 0) {
1311
- return value + 'px';
1312
- }
1313
-
1314
- return value;
1315
- };
1316
-
1317
- if (true) {
1318
- var contentValuePattern = /(var|attr|counters?|url|(((repeating-)?(linear|radial))|conic)-gradient)\(|(no-)?(open|close)-quote/;
1319
- var contentValues = ['normal', 'none', 'initial', 'inherit', 'unset'];
1320
- var oldProcessStyleValue = processStyleValue;
1321
- var msPattern = /^-ms-/;
1322
- var hyphenPattern = /-(.)/g;
1323
- var hyphenatedCache = {};
1324
-
1325
- processStyleValue = function processStyleValue(key, value) {
1326
- if (key === 'content') {
1327
- if (typeof value !== 'string' || contentValues.indexOf(value) === -1 && !contentValuePattern.test(value) && (value.charAt(0) !== value.charAt(value.length - 1) || value.charAt(0) !== '"' && value.charAt(0) !== "'")) {
1328
- throw new Error("You seem to be using a value for 'content' without quotes, try replacing it with `content: '\"" + value + "\"'`");
1329
- }
1330
- }
1331
-
1332
- var processed = oldProcessStyleValue(key, value);
1333
-
1334
- if (processed !== '' && !isCustomProperty(key) && key.indexOf('-') !== -1 && hyphenatedCache[key] === undefined) {
1335
- hyphenatedCache[key] = true;
1336
- console.error("Using kebab-case for css properties in objects is not supported. Did you mean " + key.replace(msPattern, 'ms-').replace(hyphenPattern, function (str, _char) {
1337
- return _char.toUpperCase();
1338
- }) + "?");
1339
- }
1340
-
1341
- return processed;
1342
- };
1343
- }
1344
-
1345
- var noComponentSelectorMessage = 'Component selectors can only be used in conjunction with ' + '@emotion/babel-plugin, the swc Emotion plugin, or another Emotion-aware ' + 'compiler transform.';
1346
-
1347
- function handleInterpolation(mergedProps, registered, interpolation) {
1348
- if (interpolation == null) {
1349
- return '';
1350
- }
1351
-
1352
- if (interpolation.__emotion_styles !== undefined) {
1353
- if ( true && interpolation.toString() === 'NO_COMPONENT_SELECTOR') {
1354
- throw new Error(noComponentSelectorMessage);
1355
- }
1356
-
1357
- return interpolation;
1358
- }
1359
-
1360
- switch (typeof interpolation) {
1361
- case 'boolean':
1362
- {
1363
- return '';
1364
- }
1365
-
1366
- case 'object':
1367
- {
1368
- if (interpolation.anim === 1) {
1369
- cursor = {
1370
- name: interpolation.name,
1371
- styles: interpolation.styles,
1372
- next: cursor
1373
- };
1374
- return interpolation.name;
1375
- }
1376
-
1377
- if (interpolation.styles !== undefined) {
1378
- var next = interpolation.next;
1379
-
1380
- if (next !== undefined) {
1381
- // not the most efficient thing ever but this is a pretty rare case
1382
- // and there will be very few iterations of this generally
1383
- while (next !== undefined) {
1384
- cursor = {
1385
- name: next.name,
1386
- styles: next.styles,
1387
- next: cursor
1388
- };
1389
- next = next.next;
1390
- }
1391
- }
1392
-
1393
- var styles = interpolation.styles + ";";
1394
-
1395
- if ( true && interpolation.map !== undefined) {
1396
- styles += interpolation.map;
1397
- }
1398
-
1399
- return styles;
1400
- }
1401
-
1402
- return createStringFromObject(mergedProps, registered, interpolation);
1403
- }
1404
-
1405
- case 'function':
1406
- {
1407
- if (mergedProps !== undefined) {
1408
- var previousCursor = cursor;
1409
- var result = interpolation(mergedProps);
1410
- cursor = previousCursor;
1411
- return handleInterpolation(mergedProps, registered, result);
1412
- } else if (true) {
1413
- console.error('Functions that are interpolated in css calls will be stringified.\n' + 'If you want to have a css call based on props, create a function that returns a css call like this\n' + 'let dynamicStyle = (props) => css`color: ${props.color}`\n' + 'It can be called directly with props or interpolated in a styled call like this\n' + "let SomeComponent = styled('div')`${dynamicStyle}`");
1414
- }
1415
-
1416
- break;
1417
- }
1418
-
1419
- case 'string':
1420
- if (true) {
1421
- var matched = [];
1422
- var replaced = interpolation.replace(animationRegex, function (match, p1, p2) {
1423
- var fakeVarName = "animation" + matched.length;
1424
- matched.push("const " + fakeVarName + " = keyframes`" + p2.replace(/^@keyframes animation-\w+/, '') + "`");
1425
- return "${" + fakeVarName + "}";
1426
- });
1427
-
1428
- if (matched.length) {
1429
- console.error('`keyframes` output got interpolated into plain string, please wrap it with `css`.\n\n' + 'Instead of doing this:\n\n' + [].concat(matched, ["`" + replaced + "`"]).join('\n') + '\n\nYou should wrap it with `css` like this:\n\n' + ("css`" + replaced + "`"));
1430
- }
1431
- }
1432
-
1433
- break;
1434
- } // finalize string values (regular strings and functions interpolated into css calls)
1435
-
1436
-
1437
- if (registered == null) {
1438
- return interpolation;
1439
- }
1440
-
1441
- var cached = registered[interpolation];
1442
- return cached !== undefined ? cached : interpolation;
1443
- }
1444
-
1445
- function createStringFromObject(mergedProps, registered, obj) {
1446
- var string = '';
1447
-
1448
- if (Array.isArray(obj)) {
1449
- for (var i = 0; i < obj.length; i++) {
1450
- string += handleInterpolation(mergedProps, registered, obj[i]) + ";";
1451
- }
1452
- } else {
1453
- for (var _key in obj) {
1454
- var value = obj[_key];
1455
-
1456
- if (typeof value !== 'object') {
1457
- if (registered != null && registered[value] !== undefined) {
1458
- string += _key + "{" + registered[value] + "}";
1459
- } else if (isProcessableValue(value)) {
1460
- string += processStyleName(_key) + ":" + processStyleValue(_key, value) + ";";
1461
- }
1462
- } else {
1463
- if (_key === 'NO_COMPONENT_SELECTOR' && "development" !== 'production') {
1464
- throw new Error(noComponentSelectorMessage);
1465
- }
1466
-
1467
- if (Array.isArray(value) && typeof value[0] === 'string' && (registered == null || registered[value[0]] === undefined)) {
1468
- for (var _i = 0; _i < value.length; _i++) {
1469
- if (isProcessableValue(value[_i])) {
1470
- string += processStyleName(_key) + ":" + processStyleValue(_key, value[_i]) + ";";
1471
- }
1472
- }
1473
- } else {
1474
- var interpolated = handleInterpolation(mergedProps, registered, value);
1475
-
1476
- switch (_key) {
1477
- case 'animation':
1478
- case 'animationName':
1479
- {
1480
- string += processStyleName(_key) + ":" + interpolated + ";";
1481
- break;
1482
- }
1483
-
1484
- default:
1485
- {
1486
- if ( true && _key === 'undefined') {
1487
- console.error(UNDEFINED_AS_OBJECT_KEY_ERROR);
1488
- }
1489
-
1490
- string += _key + "{" + interpolated + "}";
1491
- }
1492
- }
1493
- }
1494
- }
1495
- }
1496
- }
1497
-
1498
- return string;
1499
- }
1500
-
1501
- var labelPattern = /label:\s*([^\s;\n{]+)\s*(;|$)/g;
1502
- var sourceMapPattern;
1503
-
1504
- if (true) {
1505
- sourceMapPattern = /\/\*#\ssourceMappingURL=data:application\/json;\S+\s+\*\//g;
1506
- } // this is the cursor for keyframes
1507
- // keyframes are stored on the SerializedStyles object as a linked list
1508
-
1509
-
1510
- var cursor;
1511
- var serializeStyles = function serializeStyles(args, registered, mergedProps) {
1512
- if (args.length === 1 && typeof args[0] === 'object' && args[0] !== null && args[0].styles !== undefined) {
1513
- return args[0];
1514
- }
1515
-
1516
- var stringMode = true;
1517
- var styles = '';
1518
- cursor = undefined;
1519
- var strings = args[0];
1520
-
1521
- if (strings == null || strings.raw === undefined) {
1522
- stringMode = false;
1523
- styles += handleInterpolation(mergedProps, registered, strings);
1524
- } else {
1525
- if ( true && strings[0] === undefined) {
1526
- console.error(ILLEGAL_ESCAPE_SEQUENCE_ERROR);
1527
- }
1528
-
1529
- styles += strings[0];
1530
- } // we start at 1 since we've already handled the first arg
1531
-
1532
-
1533
- for (var i = 1; i < args.length; i++) {
1534
- styles += handleInterpolation(mergedProps, registered, args[i]);
1535
-
1536
- if (stringMode) {
1537
- if ( true && strings[i] === undefined) {
1538
- console.error(ILLEGAL_ESCAPE_SEQUENCE_ERROR);
1539
- }
1540
-
1541
- styles += strings[i];
1542
- }
1543
- }
1544
-
1545
- var sourceMap;
1546
-
1547
- if (true) {
1548
- styles = styles.replace(sourceMapPattern, function (match) {
1549
- sourceMap = match;
1550
- return '';
1551
- });
1552
- } // using a global regex with .exec is stateful so lastIndex has to be reset each time
1553
-
1554
-
1555
- labelPattern.lastIndex = 0;
1556
- var identifierName = '';
1557
- var match; // https://esbench.com/bench/5b809c2cf2949800a0f61fb5
1558
-
1559
- while ((match = labelPattern.exec(styles)) !== null) {
1560
- identifierName += '-' + // $FlowFixMe we know it's not null
1561
- match[1];
1562
- }
1563
-
1564
- var name = (0,_emotion_hash__WEBPACK_IMPORTED_MODULE_0__["default"])(styles) + identifierName;
1565
-
1566
- if (true) {
1567
- // $FlowFixMe SerializedStyles type doesn't have toString property (and we don't want to add it)
1568
- return {
1569
- name: name,
1570
- styles: styles,
1571
- map: sourceMap,
1572
- next: cursor,
1573
- toString: function toString() {
1574
- return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
1575
- }
1576
- };
1577
- }
1578
-
1579
- return {
1580
- name: name,
1581
- styles: styles,
1582
- next: cursor
1583
- };
1584
- };
1585
-
1586
-
1587
-
1588
-
1589
- /***/ }),
1590
-
1591
- /***/ "./node_modules/@emotion/sheet/dist/emotion-sheet.browser.esm.js":
1592
- /*!***********************************************************************!*\
1593
- !*** ./node_modules/@emotion/sheet/dist/emotion-sheet.browser.esm.js ***!
1594
- \***********************************************************************/
1595
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
1596
-
1597
- "use strict";
1598
- __webpack_require__.r(__webpack_exports__);
1599
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
1600
- /* harmony export */ "StyleSheet": () => (/* binding */ StyleSheet)
1601
- /* harmony export */ });
1602
- /*
1603
-
1604
- Based off glamor's StyleSheet, thanks Sunil ❤️
1605
-
1606
- high performance StyleSheet for css-in-js systems
1607
-
1608
- - uses multiple style tags behind the scenes for millions of rules
1609
- - uses `insertRule` for appending in production for *much* faster performance
1610
-
1611
- // usage
1612
-
1613
- import { StyleSheet } from '@emotion/sheet'
1614
-
1615
- let styleSheet = new StyleSheet({ key: '', container: document.head })
1616
-
1617
- styleSheet.insert('#box { border: 1px solid red; }')
1618
- - appends a css rule into the stylesheet
1619
-
1620
- styleSheet.flush()
1621
- - empties the stylesheet of all its contents
1622
-
1623
- */
1624
- // $FlowFixMe
1625
- function sheetForTag(tag) {
1626
- if (tag.sheet) {
1627
- // $FlowFixMe
1628
- return tag.sheet;
1629
- } // this weirdness brought to you by firefox
1630
-
1631
- /* istanbul ignore next */
1632
-
1633
-
1634
- for (var i = 0; i < document.styleSheets.length; i++) {
1635
- if (document.styleSheets[i].ownerNode === tag) {
1636
- // $FlowFixMe
1637
- return document.styleSheets[i];
1638
- }
1639
- }
1640
- }
1641
-
1642
- function createStyleElement(options) {
1643
- var tag = document.createElement('style');
1644
- tag.setAttribute('data-emotion', options.key);
1645
-
1646
- if (options.nonce !== undefined) {
1647
- tag.setAttribute('nonce', options.nonce);
1648
- }
1649
-
1650
- tag.appendChild(document.createTextNode(''));
1651
- tag.setAttribute('data-s', '');
1652
- return tag;
1653
- }
1654
-
1655
- var StyleSheet = /*#__PURE__*/function () {
1656
- // Using Node instead of HTMLElement since container may be a ShadowRoot
1657
- function StyleSheet(options) {
1658
- var _this = this;
1659
-
1660
- this._insertTag = function (tag) {
1661
- var before;
1662
-
1663
- if (_this.tags.length === 0) {
1664
- if (_this.insertionPoint) {
1665
- before = _this.insertionPoint.nextSibling;
1666
- } else if (_this.prepend) {
1667
- before = _this.container.firstChild;
1668
- } else {
1669
- before = _this.before;
1670
- }
1671
- } else {
1672
- before = _this.tags[_this.tags.length - 1].nextSibling;
1673
- }
1674
-
1675
- _this.container.insertBefore(tag, before);
1676
-
1677
- _this.tags.push(tag);
1678
- };
1679
-
1680
- this.isSpeedy = options.speedy === undefined ? "development" === 'production' : options.speedy;
1681
- this.tags = [];
1682
- this.ctr = 0;
1683
- this.nonce = options.nonce; // key is the value of the data-emotion attribute, it's used to identify different sheets
1684
-
1685
- this.key = options.key;
1686
- this.container = options.container;
1687
- this.prepend = options.prepend;
1688
- this.insertionPoint = options.insertionPoint;
1689
- this.before = null;
1690
- }
1691
-
1692
- var _proto = StyleSheet.prototype;
1693
-
1694
- _proto.hydrate = function hydrate(nodes) {
1695
- nodes.forEach(this._insertTag);
1696
- };
1697
-
1698
- _proto.insert = function insert(rule) {
1699
- // the max length is how many rules we have per style tag, it's 65000 in speedy mode
1700
- // it's 1 in dev because we insert source maps that map a single rule to a location
1701
- // and you can only have one source map per style tag
1702
- if (this.ctr % (this.isSpeedy ? 65000 : 1) === 0) {
1703
- this._insertTag(createStyleElement(this));
1704
- }
1705
-
1706
- var tag = this.tags[this.tags.length - 1];
1707
-
1708
- if (true) {
1709
- var isImportRule = rule.charCodeAt(0) === 64 && rule.charCodeAt(1) === 105;
1710
-
1711
- if (isImportRule && this._alreadyInsertedOrderInsensitiveRule) {
1712
- // this would only cause problem in speedy mode
1713
- // but we don't want enabling speedy to affect the observable behavior
1714
- // so we report this error at all times
1715
- console.error("You're attempting to insert the following rule:\n" + rule + '\n\n`@import` rules must be before all other types of rules in a stylesheet but other rules have already been inserted. Please ensure that `@import` rules are before all other rules.');
1716
- }
1717
- this._alreadyInsertedOrderInsensitiveRule = this._alreadyInsertedOrderInsensitiveRule || !isImportRule;
1718
- }
1719
-
1720
- if (this.isSpeedy) {
1721
- var sheet = sheetForTag(tag);
1722
-
1723
- try {
1724
- // this is the ultrafast version, works across browsers
1725
- // the big drawback is that the css won't be editable in devtools
1726
- sheet.insertRule(rule, sheet.cssRules.length);
1727
- } catch (e) {
1728
- if ( true && !/:(-moz-placeholder|-moz-focus-inner|-moz-focusring|-ms-input-placeholder|-moz-read-write|-moz-read-only|-ms-clear){/.test(rule)) {
1729
- console.error("There was a problem inserting the following rule: \"" + rule + "\"", e);
1730
- }
1731
- }
1732
- } else {
1733
- tag.appendChild(document.createTextNode(rule));
1734
- }
1735
-
1736
- this.ctr++;
1737
- };
1738
-
1739
- _proto.flush = function flush() {
1740
- // $FlowFixMe
1741
- this.tags.forEach(function (tag) {
1742
- return tag.parentNode && tag.parentNode.removeChild(tag);
1743
- });
1744
- this.tags = [];
1745
- this.ctr = 0;
1746
-
1747
- if (true) {
1748
- this._alreadyInsertedOrderInsensitiveRule = false;
1749
- }
1750
- };
1751
-
1752
- return StyleSheet;
1753
- }();
1754
-
1755
-
1756
-
1757
-
1758
- /***/ }),
1759
-
1760
- /***/ "./node_modules/@emotion/unitless/dist/emotion-unitless.esm.js":
1761
- /*!*********************************************************************!*\
1762
- !*** ./node_modules/@emotion/unitless/dist/emotion-unitless.esm.js ***!
1763
- \*********************************************************************/
1764
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
1765
-
1766
- "use strict";
1767
- __webpack_require__.r(__webpack_exports__);
1768
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
1769
- /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
1770
- /* harmony export */ });
1771
- var unitlessKeys = {
1772
- animationIterationCount: 1,
1773
- borderImageOutset: 1,
1774
- borderImageSlice: 1,
1775
- borderImageWidth: 1,
1776
- boxFlex: 1,
1777
- boxFlexGroup: 1,
1778
- boxOrdinalGroup: 1,
1779
- columnCount: 1,
1780
- columns: 1,
1781
- flex: 1,
1782
- flexGrow: 1,
1783
- flexPositive: 1,
1784
- flexShrink: 1,
1785
- flexNegative: 1,
1786
- flexOrder: 1,
1787
- gridRow: 1,
1788
- gridRowEnd: 1,
1789
- gridRowSpan: 1,
1790
- gridRowStart: 1,
1791
- gridColumn: 1,
1792
- gridColumnEnd: 1,
1793
- gridColumnSpan: 1,
1794
- gridColumnStart: 1,
1795
- msGridRow: 1,
1796
- msGridRowSpan: 1,
1797
- msGridColumn: 1,
1798
- msGridColumnSpan: 1,
1799
- fontWeight: 1,
1800
- lineHeight: 1,
1801
- opacity: 1,
1802
- order: 1,
1803
- orphans: 1,
1804
- tabSize: 1,
1805
- widows: 1,
1806
- zIndex: 1,
1807
- zoom: 1,
1808
- WebkitLineClamp: 1,
1809
- // SVG-related properties
1810
- fillOpacity: 1,
1811
- floodOpacity: 1,
1812
- stopOpacity: 1,
1813
- strokeDasharray: 1,
1814
- strokeDashoffset: 1,
1815
- strokeMiterlimit: 1,
1816
- strokeOpacity: 1,
1817
- strokeWidth: 1
1818
- };
1819
-
1820
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (unitlessKeys);
1821
-
1822
-
1823
- /***/ }),
1824
-
1825
- /***/ "./node_modules/@emotion/weak-memoize/dist/emotion-weak-memoize.esm.js":
1826
- /*!*****************************************************************************!*\
1827
- !*** ./node_modules/@emotion/weak-memoize/dist/emotion-weak-memoize.esm.js ***!
1828
- \*****************************************************************************/
1829
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
1830
-
1831
- "use strict";
1832
- __webpack_require__.r(__webpack_exports__);
1833
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
1834
- /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
1835
- /* harmony export */ });
1836
- var weakMemoize = function weakMemoize(func) {
1837
- // $FlowFixMe flow doesn't include all non-primitive types as allowed for weakmaps
1838
- var cache = new WeakMap();
1839
- return function (arg) {
1840
- if (cache.has(arg)) {
1841
- // $FlowFixMe
1842
- return cache.get(arg);
1843
- }
1844
-
1845
- var ret = func(arg);
1846
- cache.set(arg, ret);
1847
- return ret;
1848
- };
1849
- };
1850
-
1851
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (weakMemoize);
1852
-
1853
-
1854
- /***/ }),
1855
-
1856
- /***/ "./src/blocks/common/Heading.js":
1857
- /*!**************************************!*\
1858
- !*** ./src/blocks/common/Heading.js ***!
1859
- \**************************************/
1860
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
1861
-
1862
- "use strict";
1863
- __webpack_require__.r(__webpack_exports__);
1864
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
1865
- /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
1866
- /* harmony export */ });
1867
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
1868
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
1869
- /* harmony import */ var _functions__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./functions */ "./src/blocks/common/functions.js");
1870
-
1871
-
1872
-
1873
-
1874
- function Heading(_ref) {
1875
- let {
1876
- attributes,
1877
- post
1878
- } = _ref;
1879
- const {
1880
- prefix,
1881
- category_position,
1882
- title_tag
1883
- } = attributes;
1884
- let postLayout = prefix + "_layout";
1885
- const HeadingTag = `${title_tag}`;
1886
- return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
1887
- className: "entry-title-wrapper"
1888
- }, (rttpgParams.hasPro && category_position === 'above_title' || !(0,_functions__WEBPACK_IMPORTED_MODULE_1__.el_ignore_layout)(attributes[postLayout], category_position)) && (0,_functions__WEBPACK_IMPORTED_MODULE_1__.get_el_thumb_cat)({
1889
- attributes,
1890
- post
1891
- }, 'cat-above-title'), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(HeadingTag, {
1892
- className: "entry-title"
1893
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("a", {
1894
- href: "#"
1895
- }, post.title)));
1896
- }
1897
-
1898
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Heading);
1899
-
1900
- /***/ }),
1901
-
1902
- /***/ "./src/blocks/common/MetaData.js":
1903
- /*!***************************************!*\
1904
- !*** ./src/blocks/common/MetaData.js ***!
1905
- \***************************************/
1906
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
1907
-
1908
- "use strict";
1909
- __webpack_require__.r(__webpack_exports__);
1910
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
1911
- /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
1912
- /* harmony export */ });
1913
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
1914
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
1915
- /* harmony import */ var _functions__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./functions */ "./src/blocks/common/functions.js");
1916
-
1917
-
1918
-
1919
-
1920
- function MetaData(_ref) {
1921
- let {
1922
- attributes,
1923
- post
1924
- } = _ref;
1925
- const {
1926
- prefix,
1927
- show_comment_count_label,
1928
- show_author,
1929
- show_author_image,
1930
- show_meta_icon,
1931
- author_prefix,
1932
- show_category,
1933
- category_position,
1934
- show_date,
1935
- show_tags,
1936
- show_comment_count,
1937
- show_post_count,
1938
- meta_separator,
1939
- meta_ordering
1940
- } = attributes;
1941
- const {
1942
- avatar_url,
1943
- author_name,
1944
- category,
1945
- tags,
1946
- post_date,
1947
- comment_count,
1948
- post_count
1949
- } = post;
1950
- let postLayout = prefix + "_layout";
1951
- let is_author_avatar = null;
1952
-
1953
- if (show_author_image === 'show') {
1954
- is_author_avatar = 'has-author-avatar';
1955
- }
1956
-
1957
- let category_condition = category && show_category === 'show' && (0,_functions__WEBPACK_IMPORTED_MODULE_1__.el_ignore_layout)(attributes[postLayout], category_position) && ['default', 'with_meta'].includes(category_position);
1958
-
1959
- if (!rttpgParams.hasPro) {
1960
- category_condition = category && show_category === 'show';
1961
- }
1962
-
1963
- let metaSeparator = meta_separator && meta_separator !== 'default' ? (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("span", {
1964
- className: "separator"
1965
- }, "meta_separator") : null;
1966
- const meta_data = {};
1967
- meta_data.author = show_author === 'show' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("span", {
1968
- className: `autho ${is_author_avatar}`
1969
- }, show_author_image === 'show' ? (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("img", {
1970
- src: avatar_url
1971
- }) : show_meta_icon === 'yes' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("i", {
1972
- className: "fa fa-user"
1973
- }), author_prefix && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("span", {
1974
- className: "author-prefix"
1975
- }, author_prefix), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("a", {
1976
- href: "#"
1977
- }, author_name)), metaSeparator);
1978
- meta_data.category = category && category_condition && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("span", {
1979
- className: "categories-links"
1980
- }, show_meta_icon === 'yes' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("i", {
1981
- className: "fas fa-folder-open"
1982
- }), category.map(cat => (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("a", {
1983
- href: "#"
1984
- }, cat), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("span", {
1985
- className: "rt-separator"
1986
- }, ",")))), metaSeparator);
1987
- meta_data.date = show_date === 'show' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("span", {
1988
- className: "date"
1989
- }, show_meta_icon === 'yes' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("i", {
1990
- className: "far fa-calendar-alt"
1991
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("a", {
1992
- href: "#"
1993
- }, post_date)), metaSeparator);
1994
- meta_data.tags = tags && show_tags === 'show' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("span", {
1995
- className: "post-tags-links"
1996
- }, show_meta_icon === 'yes' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("i", {
1997
- className: "fa fa-tags"
1998
- }), tags.map(tag => (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("a", {
1999
- href: "#"
2000
- }, tag), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("span", {
2001
- className: "rt-separator"
2002
- }, ",")))), metaSeparator);
2003
- meta_data.comment_count = show_comment_count === 'show' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("span", {
2004
- className: "comment-count"
2005
- }, show_meta_icon === 'yes' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("i", {
2006
- className: "fas fa-comments"
2007
- }), comment_count), metaSeparator);
2008
- meta_data.post_count = rttpgParams.hasPro && show_post_count === 'show' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("span", {
2009
- className: "post-count"
2010
- }, show_meta_icon === 'yes' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("i", {
2011
- className: "fa fa-eye"
2012
- }), post_count), metaSeparator);
2013
- const meta_data_keys = Object.keys(meta_data);
2014
- const newMetaOrdering = [...meta_ordering];
2015
- const newMetaKey = newMetaOrdering.map(item => item.value);
2016
-
2017
- if (meta_data_keys.length != meta_ordering.length && newMetaKey.length) {
2018
- let new_meta_arr = meta_data_keys.filter(item => !newMetaKey.includes(item));
2019
- new_meta_arr.map(meta => {
2020
- return newMetaOrdering.push({
2021
- value: meta,
2022
- label: meta
2023
- });
2024
- });
2025
- }
2026
-
2027
- return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
2028
- className: "post-meta-tags rt-el-post-meta"
2029
- }, newMetaOrdering.length ? newMetaOrdering.map(item => meta_data[item.value]) : meta_data_keys.map(key => meta_data[key]));
2030
- }
2031
-
2032
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MetaData);
2033
-
2034
- /***/ }),
2035
-
2036
- /***/ "./src/blocks/common/Pagination.js":
2037
- /*!*****************************************!*\
2038
- !*** ./src/blocks/common/Pagination.js ***!
2039
- \*****************************************/
2040
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
2041
-
2042
- "use strict";
2043
- __webpack_require__.r(__webpack_exports__);
2044
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
2045
- /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
2046
- /* harmony export */ });
2047
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
2048
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
2049
- /* harmony import */ var _components_pagination_Pagination__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/pagination/Pagination */ "./src/components/pagination/Pagination.js");
2050
-
2051
-
2052
-
2053
- function PostPagination(_ref) {
2054
- let {
2055
- props,
2056
- totalPages
2057
- } = _ref;
2058
- const {
2059
- attributes,
2060
- setAttributes
2061
- } = props;
2062
- const {
2063
- show_pagination,
2064
- page,
2065
- pagination_type,
2066
- load_more_button_text,
2067
- query_change
2068
- } = attributes;
2069
-
2070
- if (show_pagination !== 'show') {
2071
- return '';
2072
- }
2073
-
2074
- return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
2075
- className: "rt-pagination-wrap"
2076
- }, ['pagination', 'pagination_ajax'].includes(pagination_type) && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_pagination_Pagination__WEBPACK_IMPORTED_MODULE_1__["default"], {
2077
- total: totalPages,
2078
- current: page,
2079
- onClickPage: page => setAttributes({
2080
- page,
2081
- query_change: true
2082
- })
2083
- }), 'load_more' === pagination_type && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
2084
- className: "rt-loadmore-btn rt-loadmore-action rt-loadmore-style"
2085
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("span", {
2086
- className: "rt-loadmore-text"
2087
- }, load_more_button_text ? load_more_button_text : 'Load More')));
2088
- }
2089
-
2090
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PostPagination);
2091
-
2092
- /***/ }),
2093
-
2094
- /***/ "./src/blocks/common/PostExcerpt.js":
2095
- /*!******************************************!*\
2096
- !*** ./src/blocks/common/PostExcerpt.js ***!
2097
- \******************************************/
2098
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
2099
-
2100
- "use strict";
2101
- __webpack_require__.r(__webpack_exports__);
2102
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
2103
- /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
2104
- /* harmony export */ });
2105
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
2106
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
2107
-
2108
-
2109
- function PostExcerpt(_ref) {
2110
- let {
2111
- attributes,
2112
- post
2113
- } = _ref;
2114
- const {
2115
- show_excerpt
2116
- } = attributes;
2117
- return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
2118
- className: "tpg-excerpt tpg-el-excerpt"
2119
- }, show_excerpt === 'show' && post.excerpt && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
2120
- className: "tpg-excerpt-inner"
2121
- }, post.excerpt), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
2122
- dangerouslySetInnerHTML: {
2123
- __html: post.acf_data
2124
- }
2125
- }));
2126
- }
2127
-
2128
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PostExcerpt);
2129
-
2130
- /***/ }),
2131
-
2132
- /***/ "./src/blocks/common/ReadMore.js":
2133
- /*!***************************************!*\
2134
- !*** ./src/blocks/common/ReadMore.js ***!
2135
- \***************************************/
2136
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
2137
-
2138
- "use strict";
2139
- __webpack_require__.r(__webpack_exports__);
2140
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
2141
- /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
2142
- /* harmony export */ });
2143
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
2144
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
2145
-
2146
-
2147
- function ReadMore(_ref) {
2148
- let {
2149
- attributes
2150
- } = _ref;
2151
- const {
2152
- read_more_label,
2153
- post_link_type
2154
- } = attributes;
2155
- let readMoreClass = ' tpg-post-link';
2156
-
2157
- if (post_link_type === 'popup') {
2158
- readMoreClass += ' tpg-single-popup';
2159
- } else if (post_link_type === 'multi_popup') {
2160
- readMoreClass += ' tpg-multi-popup';
2161
- }
2162
-
2163
- return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
2164
- className: "post-footer"
2165
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
2166
- className: "read-more"
2167
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("a", {
2168
- href: "#",
2169
- className: readMoreClass
2170
- }, read_more_label)));
2171
- }
2172
-
2173
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ReadMore);
2174
-
2175
- /***/ }),
2176
-
2177
- /***/ "./src/blocks/common/SectionTitle.js":
2178
- /*!*******************************************!*\
2179
- !*** ./src/blocks/common/SectionTitle.js ***!
2180
- \*******************************************/
2181
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
2182
-
2183
- "use strict";
2184
- __webpack_require__.r(__webpack_exports__);
2185
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
2186
- /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
2187
- /* harmony export */ });
2188
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
2189
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
2190
-
2191
-
2192
- const SectionTitle = _ref => {
2193
- let {
2194
- attributes
2195
- } = _ref;
2196
- const {
2197
- show_section_title,
2198
- section_title_style,
2199
- section_title_source,
2200
- section_title_text,
2201
- section_title_tag
2202
- } = attributes;
2203
-
2204
- if ('show' !== show_section_title) {
2205
- return;
2206
- }
2207
-
2208
- const HeadingTag = `${section_title_tag}`;
2209
- return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
2210
- className: `tpg-widget-heading-wrapper rt-clear heading-${section_title_style}`
2211
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("span", {
2212
- className: "tpg-widget-heading-line line-left"
2213
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(HeadingTag, {
2214
- className: "tpg-widget-heading"
2215
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("span", null, 'page_title' === section_title_source ? rttpgParams.pageTitle : section_title_text)), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("span", {
2216
- className: "tpg-widget-heading-line line-right"
2217
- }));
2218
- };
2219
-
2220
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SectionTitle);
2221
-
2222
- /***/ }),
2223
-
2224
- /***/ "./src/blocks/common/SocialShare.js":
2225
- /*!******************************************!*\
2226
- !*** ./src/blocks/common/SocialShare.js ***!
2227
- \******************************************/
2228
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
2229
-
2230
- "use strict";
2231
- __webpack_require__.r(__webpack_exports__);
2232
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
2233
- /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
2234
- /* harmony export */ });
2235
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
2236
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
2237
-
2238
- const ssList = rttpgParams.ssList;
2239
-
2240
- function SocialShare() {
2241
- return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
2242
- className: "rt-tpg-social-share"
2243
- }, ssList.includes('facebook') && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("a", {
2244
- href: "#",
2245
- className: "facebook"
2246
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("i", {
2247
- className: "fab fa-facebook-f",
2248
- "aria-hidden": "true"
2249
- })), ssList.includes('twitter') && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("a", {
2250
- href: "#",
2251
- className: "twitter"
2252
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("i", {
2253
- className: "fab fa-twitter",
2254
- "aria-hidden": "true"
2255
- })), ssList.includes('linkedin') && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("a", {
2256
- href: "#",
2257
- className: "linkedin"
2258
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("i", {
2259
- className: "fab fa-linkedin-in",
2260
- "aria-hidden": "true"
2261
- })), ssList.includes('pinterest') && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("a", {
2262
- href: "#",
2263
- className: "pinterest"
2264
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("i", {
2265
- className: "fab fa-pinterest",
2266
- "aria-hidden": "true"
2267
- })), ssList.includes('reddit') && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("a", {
2268
- href: "#",
2269
- className: "reddit"
2270
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("i", {
2271
- className: "fab fa-reddit-alien",
2272
- "aria-hidden": "true"
2273
- })), ssList.includes('email') && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("a", {
2274
- href: "#",
2275
- className: "email"
2276
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("i", {
2277
- className: "fa fa-envelope"
2278
- })));
2279
- }
2280
-
2281
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SocialShare);
2282
-
2283
- /***/ }),
2284
-
2285
- /***/ "./src/blocks/common/Thumbnail.js":
2286
- /*!****************************************!*\
2287
- !*** ./src/blocks/common/Thumbnail.js ***!
2288
- \****************************************/
2289
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
2290
-
2291
- "use strict";
2292
- __webpack_require__.r(__webpack_exports__);
2293
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
2294
- /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
2295
- /* harmony export */ });
2296
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
2297
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
2298
- /* harmony import */ var _functions__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./functions */ "./src/blocks/common/functions.js");
2299
-
2300
-
2301
-
2302
- function Thumbnail(_ref) {
2303
- let {
2304
- attributes,
2305
- post
2306
- } = _ref;
2307
- const {
2308
- prefix,
2309
- category_position,
2310
- show_category
2311
- } = attributes;
2312
- let postLayout = prefix + "_layout";
2313
- let thumb_cat_condition = !(category_position === 'above_title' || category_position === 'default');
2314
-
2315
- if (attributes[postLayout] === 'grid-layout4' && category_position === 'default') {
2316
- thumb_cat_condition = true;
2317
- } else if (thumb_cat_condition === 'default' && ['grid-layout4', 'grid_hover-layout11'].includes(attributes[postLayout])) {
2318
- thumb_cat_condition = true;
2319
- }
2320
-
2321
- return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
2322
- className: "rt-img-holder tpg-el-image-wrap"
2323
- }, rttpgParams.hasPro && show_category === 'show' && thumb_cat_condition && 'with_meta' !== category_position && (0,_functions__WEBPACK_IMPORTED_MODULE_1__.get_el_thumb_cat)({
2324
- attributes,
2325
- post
2326
- }), post.image_url && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("img", {
2327
- src: post.image_url,
2328
- className: "rt-img-responsive",
2329
- alt: post.title
2330
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
2331
- className: "overlay grid-hover-content"
2332
- }));
2333
- }
2334
-
2335
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Thumbnail);
2336
-
2337
- /***/ }),
2338
-
2339
- /***/ "./src/blocks/common/functions.js":
2340
- /*!****************************************!*\
2341
- !*** ./src/blocks/common/functions.js ***!
2342
- \****************************************/
2343
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
2344
-
2345
- "use strict";
2346
- __webpack_require__.r(__webpack_exports__);
2347
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
2348
- /* harmony export */ "el_ignore_layout": () => (/* binding */ el_ignore_layout),
2349
- /* harmony export */ "get_el_thumb_cat": () => (/* binding */ get_el_thumb_cat),
2350
- /* harmony export */ "get_parent_class_list": () => (/* binding */ get_parent_class_list)
2351
- /* harmony export */ });
2352
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
2353
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
2354
-
2355
-
2356
- /**
2357
- *
2358
- * @param attributes
2359
- * @param className
2360
- * @returns {*}
2361
- */
2362
- function get_parent_class_list(_ref) {
2363
- let {
2364
- attributes,
2365
- className
2366
- } = _ref;
2367
- const {
2368
- full_wrapper_align,
2369
- filter_type,
2370
- section_title_style,
2371
- section_title_alignment,
2372
- show_pagination,
2373
- ajax_pagination_type,
2374
- show_meta,
2375
- hover_animation,
2376
- title_visibility_style,
2377
- title_position,
2378
- title_hover_underline,
2379
- meta_position,
2380
- author_icon_visibility,
2381
- show_author_image,
2382
- category_position,
2383
- readmore_btn_style,
2384
- grid_hover_overlay_type,
2385
- grid_hover_overlay_height,
2386
- on_hover_overlay,
2387
- title_border_visibility,
2388
- title_alignment,
2389
- filter_v_alignment,
2390
- border_style,
2391
- filter_next_prev_btn,
2392
- filter_h_alignment,
2393
- is_box_border,
2394
- arrow_position,
2395
- dots,
2396
- dots_style,
2397
- lazyLoad,
2398
- carousel_overflow,
2399
- slider_direction,
2400
- dots_text_align,
2401
- acf_label_style,
2402
- acf_alignment
2403
- } = attributes;
2404
- let dynamicParentClass;
2405
- dynamicParentClass = className;
2406
- dynamicParentClass += ' tpg-wrapper-align-' + full_wrapper_align;
2407
- dynamicParentClass += ' tpg-filter-type-' + filter_type;
2408
- dynamicParentClass += ' pagination-visibility-' + show_pagination;
2409
- dynamicParentClass += ' ajax-pagination-type-next-prev-' + ajax_pagination_type;
2410
- dynamicParentClass += ' meta-visibility-' + show_meta;
2411
- dynamicParentClass += ' section-title-style-' + section_title_style;
2412
- dynamicParentClass += ' section-title-align-' + section_title_alignment;
2413
- dynamicParentClass += ' img_hover_animation_' + hover_animation;
2414
- dynamicParentClass += ' title-' + title_visibility_style;
2415
- dynamicParentClass += ' title_position_' + title_position;
2416
- dynamicParentClass += ' title_hover_border_' + title_hover_underline;
2417
- dynamicParentClass += ' meta_position_' + meta_position;
2418
- dynamicParentClass += ' tpg-is-author-icon-' + author_icon_visibility;
2419
- dynamicParentClass += ' author-image-visibility-' + show_author_image;
2420
- dynamicParentClass += ' tpg-category-position-' + category_position;
2421
- dynamicParentClass += ' readmore-btn-' + readmore_btn_style;
2422
- dynamicParentClass += ' grid-hover-overlay-type-' + grid_hover_overlay_type;
2423
- dynamicParentClass += ' grid-hover-overlay-height-' + grid_hover_overlay_height;
2424
- dynamicParentClass += ' hover-overlay-height-' + on_hover_overlay;
2425
- dynamicParentClass += ' tpg-title-border-' + title_border_visibility;
2426
- dynamicParentClass += ' title-alignment-' + title_alignment;
2427
- dynamicParentClass += ' tpg-filter-alignment-' + filter_v_alignment;
2428
- dynamicParentClass += ' filter-button-border-' + border_style;
2429
- dynamicParentClass += ' filter-nex-prev-btn-' + filter_next_prev_btn;
2430
- dynamicParentClass += ' tpg-filter-h-alignment-' + filter_h_alignment;
2431
- dynamicParentClass += ' tpg-el-box-border-' + is_box_border; //Slider layout
2432
-
2433
- dynamicParentClass += ' slider-arrow-position-' + arrow_position;
2434
- dynamicParentClass += ' slider-dot-enable-' + dots;
2435
- dynamicParentClass += ' slider-dots-style-' + dots_style;
2436
- dynamicParentClass += ' is-lazy-load-' + lazyLoad;
2437
- dynamicParentClass += ' is-carousel-overflow-' + carousel_overflow;
2438
- dynamicParentClass += ' slider-direction-' + slider_direction;
2439
- dynamicParentClass += ' slider-dots-align-' + dots_text_align; //ACF
2440
-
2441
- dynamicParentClass += ' act-label-style-' + acf_label_style;
2442
- dynamicParentClass += ' tpg-acf-align-' + acf_alignment;
2443
- return dynamicParentClass;
2444
- }
2445
- function get_el_thumb_cat(_ref2) {
2446
- let {
2447
- attributes,
2448
- post
2449
- } = _ref2;
2450
- let classes = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'cat-over-image';
2451
- const {
2452
- prefix,
2453
- show_meta,
2454
- show_category,
2455
- category_position,
2456
- category_style,
2457
- show_cat_icon
2458
- } = attributes;
2459
- let postLayout = prefix + "_layout";
2460
-
2461
- if (!('show' === show_meta && 'show' === show_category)) {
2462
- return null;
2463
- }
2464
-
2465
- const {
2466
- category
2467
- } = post;
2468
- let categoryPosition = category_position;
2469
-
2470
- if (attributes[postLayout] === 'grid-layout4' && category_position === 'default') {
2471
- categoryPosition = 'top_left';
2472
- }
2473
-
2474
- return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
2475
- className: `tpg-separate-category ${category_style} ${categoryPosition} ${classes}`
2476
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("span", {
2477
- className: "categories-links"
2478
- }, show_cat_icon === 'yes' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("i", {
2479
- className: "fas fa-folder-open"
2480
- }), category && category.map(cat => (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("a", {
2481
- href: "#"
2482
- }, cat))));
2483
- }
2484
- const el_ignore_layout = (layout, category_position) => {
2485
- const allLayout = ['grid-layout4', 'grid-layout5', 'grid-layout5-2', 'grid-layout6', 'grid-layout6-2', 'list-layout4', 'list-layout5', 'grid_hover-layout5', 'grid_hover-layout6', 'grid_hover-layout7', 'grid_hover-layout8', 'grid_hover-layout9', 'grid_hover-layout10', 'grid_hover-layout5-2', 'grid_hover-layout6-2', 'grid_hover-layout7-2', 'grid_hover-layout9-2', 'slider-layout5', 'slider-layout6', 'slider-layout7', 'slider-layout8', 'slider-layout9', 'slider-layout11', 'slider-layout12'];
2486
- return !(category_position === 'default' && allLayout.includes(layout));
2487
- }; // }
2488
- // export const el_ignore_layout = ( layout, category_position ) => {
2489
- // const allLayout = [
2490
- // 'grid-layout4', 'grid-layout5', 'grid-layout5-2', 'grid-layout6', 'grid-layout6-2',
2491
- // 'list-layout4', 'list-layout5', 'grid_hover-layout5', 'grid_hover-layout6',
2492
- // 'grid_hover-layout7', 'grid_hover-layout8', 'grid_hover-layout9', 'grid_hover-layout10',
2493
- // 'grid_hover-layout5-2', 'grid_hover-layout6-2', 'grid_hover-layout7-2', 'grid_hover-layout9-2',
2494
- // 'slider-layout5', 'slider-layout6', 'slider-layout7', 'slider-layout8', 'slider-layout9',
2495
- // 'slider-layout11', 'slider-layout12',
2496
- // ];
2497
- // if ( category_position === 'default' && allLayout.includes( layout ) ) {
2498
- // return false;
2499
- // }
2500
- //
2501
- // return true;
2502
- //
2503
- // }
2504
-
2505
- /***/ }),
2506
-
2507
- /***/ "./src/blocks/controller/ACFSettings.js":
2508
- /*!**********************************************!*\
2509
- !*** ./src/blocks/controller/ACFSettings.js ***!
2510
- \**********************************************/
2511
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
2512
-
2513
- "use strict";
2514
- __webpack_require__.r(__webpack_exports__);
2515
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
2516
- /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
2517
- /* harmony export */ });
2518
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
2519
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
2520
- /* harmony import */ var react_select__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-select */ "./node_modules/react-select/dist/react-select.esm.js");
2521
- /* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
2522
- /* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
2523
-
2524
-
2525
- const {
2526
- Spinner
2527
- } = wp.components;
2528
- const {
2529
- __
2530
- } = wp.i18n;
2531
-
2532
-
2533
- function ACFSettings(props) {
2534
- var _acf_data_lists;
2535
-
2536
- const {
2537
- attributes,
2538
- setAttributes,
2539
- changeQuery
2540
- } = props.data; //All attribute
2541
-
2542
- const {
2543
- show_acf,
2544
- cf_hide_empty_value,
2545
- cf_hide_group_title,
2546
- cf_show_only_value,
2547
- acf_data_lists,
2548
- post_type
2549
- } = attributes;
2550
-
2551
- if (!(rttpgParams.hasAcf && rttpgParams.hasPro && show_acf === 'show')) {
2552
- return '';
2553
- }
2554
-
2555
- const acfData = [...props.acfData];
2556
- const currentAcf = acfData.find(acf => acf.post_type === post_type);
2557
- return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.PanelBody, {
2558
- title: __('ACF', 'the-post-grid'),
2559
- initialOpen: false
2560
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalHeading, {
2561
- className: "rttpg-control-heading"
2562
- }, __("Choose ACF Field:", "the-post-grid")), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
2563
- className: "components-base-control rttpg-repeater"
2564
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(react_select__WEBPACK_IMPORTED_MODULE_2__["default"], {
2565
- options: currentAcf === null || currentAcf === void 0 ? void 0 : currentAcf.options,
2566
- value: (_acf_data_lists = acf_data_lists[currentAcf.post_type + '_cf_group']) === null || _acf_data_lists === void 0 ? void 0 : _acf_data_lists.options,
2567
- onChange: value => {
2568
- props.changeAcfData(value, currentAcf.post_type + '_cf_group');
2569
- },
2570
- isMulti: true,
2571
- closeMenuOnSelect: true,
2572
- isClearable: false
2573
- })), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
2574
- label: __("Hide field with empty value?", "the-post-grid"),
2575
- className: "rttpg-toggle-control-field",
2576
- checked: cf_hide_empty_value,
2577
- onChange: cf_hide_empty_value => {
2578
- setAttributes({
2579
- cf_hide_empty_value: cf_hide_empty_value ? 'show' : ''
2580
- });
2581
- changeQuery();
2582
- }
2583
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
2584
- label: __("Show group title?", "the-post-grid"),
2585
- className: "rttpg-toggle-control-field",
2586
- checked: cf_hide_group_title,
2587
- onChange: cf_hide_group_title => {
2588
- setAttributes({
2589
- cf_hide_group_title: cf_hide_group_title ? 'show' : ''
2590
- });
2591
- changeQuery();
2592
- }
2593
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
2594
- label: __("Show label?", "the-post-grid"),
2595
- className: "rttpg-toggle-control-field",
2596
- checked: cf_show_only_value,
2597
- onChange: cf_show_only_value => {
2598
- setAttributes({
2599
- cf_show_only_value: cf_show_only_value ? 'show' : ''
2600
- });
2601
- changeQuery();
2602
- }
2603
- }));
2604
- }
2605
-
2606
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ACFSettings);
2607
-
2608
- /***/ }),
2609
-
2610
- /***/ "./src/blocks/controller/ACFStyle.js":
2611
- /*!*******************************************!*\
2612
- !*** ./src/blocks/controller/ACFStyle.js ***!
2613
- \*******************************************/
2614
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
2615
-
2616
- "use strict";
2617
- __webpack_require__.r(__webpack_exports__);
2618
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
2619
- /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
2620
- /* harmony export */ });
2621
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
2622
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
2623
- /* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
2624
- /* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
2625
-
2626
- const {
2627
- __
2628
- } = wp.i18n;
2629
-
2630
-
2631
- function ACFStyle(props) {
2632
- const {
2633
- attributes,
2634
- setAttributes
2635
- } = props.data; //All attribute
2636
-
2637
- const {
2638
- prefix,
2639
- show_acf
2640
- } = attributes;
2641
- let postLayout = prefix + "_layout";
2642
-
2643
- if (!(show_acf === 'show' && attributes[postLayout] !== 'grid-layout7')) {
2644
- return '';
2645
- }
2646
-
2647
- return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.PanelBody, {
2648
- title: __('Advanced Custom Field', 'the-post-grid'),
2649
- initialOpen: false
2650
- });
2651
- }
2652
-
2653
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ACFStyle);
2654
-
2655
- /***/ }),
2656
-
2657
- /***/ "./src/blocks/controller/CardStyle.js":
2658
- /*!********************************************!*\
2659
- !*** ./src/blocks/controller/CardStyle.js ***!
2660
- \********************************************/
2661
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
2662
-
2663
- "use strict";
2664
- __webpack_require__.r(__webpack_exports__);
2665
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
2666
- /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
2667
- /* harmony export */ });
2668
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
2669
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
2670
- /* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
2671
- /* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
2672
- /* harmony import */ var _components_Constants__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/Constants */ "./src/components/Constants.js");
2673
- /* harmony import */ var _components_Color__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/Color */ "./src/components/Color.js");
2674
- /* harmony import */ var _components_Dimension__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/Dimension */ "./src/components/Dimension.js");
2675
- /* harmony import */ var _components_BoxShadow__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/BoxShadow */ "./src/components/BoxShadow.js");
2676
- /* harmony import */ var _components_Background__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../components/Background */ "./src/components/Background.js");
2677
-
2678
- const {
2679
- __
2680
- } = wp.i18n;
2681
-
2682
-
2683
-
2684
-
2685
-
2686
-
2687
-
2688
- function CardStyle(props) {
2689
- const {
2690
- attributes,
2691
- setAttributes
2692
- } = props.data; //All attribute
2693
-
2694
- const {
2695
- box_margin,
2696
- content_box_padding_offset,
2697
- box_radius,
2698
- is_box_border,
2699
- box_style_tabs,
2700
- box_background,
2701
- box_border,
2702
- box_box_shadow,
2703
- box_background_hover,
2704
- box_border_hover,
2705
- box_box_shadow_hover
2706
- } = attributes;
2707
- return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.PanelBody, {
2708
- title: __('Card', 'the-post-grid'),
2709
- initialOpen: false
2710
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Dimension__WEBPACK_IMPORTED_MODULE_4__["default"], {
2711
- label: __("Card Gap", "the-post-grid"),
2712
- type: "margin",
2713
- responsive: true,
2714
- value: box_margin,
2715
- onChange: value => {
2716
- setAttributes({
2717
- box_margin: value
2718
- });
2719
- }
2720
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Dimension__WEBPACK_IMPORTED_MODULE_4__["default"], {
2721
- label: __("Content Padding", "the-post-grid"),
2722
- type: "padding",
2723
- responsive: true,
2724
- value: content_box_padding_offset,
2725
- onChange: value => {
2726
- setAttributes({
2727
- content_box_padding_offset: value
2728
- });
2729
- }
2730
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Dimension__WEBPACK_IMPORTED_MODULE_4__["default"], {
2731
- label: __("Card Border Radius", "the-post-grid"),
2732
- type: "borderRadius",
2733
- responsive: true,
2734
- value: box_radius,
2735
- onChange: value => {
2736
- setAttributes({
2737
- box_radius: value
2738
- });
2739
- }
2740
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.SelectControl, {
2741
- label: __("Enable Border & Box Shadow", "the-post-grid"),
2742
- className: "rttpg-control-field label-inline rttpg-expand",
2743
- options: [{
2744
- value: 'enable',
2745
- label: __('Enable', 'the-post-grid')
2746
- }, {
2747
- value: 'disable',
2748
- label: __('Disable', 'the-post-grid')
2749
- }],
2750
- value: is_box_border,
2751
- onChange: is_box_border => setAttributes({
2752
- is_box_border
2753
- })
2754
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ButtonGroup, {
2755
- className: "rttpg-btn-group rttpg-btn-group-state"
2756
- }, _components_Constants__WEBPACK_IMPORTED_MODULE_2__.NORMAL_HOVER.map((item, key) => (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
2757
- key: key,
2758
- isPrimary: box_style_tabs === item.value,
2759
- isSecondary: box_style_tabs !== item.value,
2760
- onClick: () => setAttributes({
2761
- box_style_tabs: item.value
2762
- })
2763
- }, item.label))), box_style_tabs === 'normal' ? (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Background__WEBPACK_IMPORTED_MODULE_6__["default"], {
2764
- image: false,
2765
- label: __("Background", "the-post-grid"),
2766
- value: box_background,
2767
- onChange: val => setAttributes({
2768
- box_background: val
2769
- })
2770
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Color__WEBPACK_IMPORTED_MODULE_3__["default"], {
2771
- label: __('Border Color', 'the-post-grid'),
2772
- color: box_border,
2773
- onChange: box_border => setAttributes({
2774
- box_border
2775
- })
2776
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_BoxShadow__WEBPACK_IMPORTED_MODULE_5__["default"], {
2777
- label: __('Box Shadow', 'the-post-grid'),
2778
- value: box_box_shadow,
2779
- onChange: val => setAttributes({
2780
- box_box_shadow: val
2781
- }),
2782
- transitioin: "0.4"
2783
- })) : (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Background__WEBPACK_IMPORTED_MODULE_6__["default"], {
2784
- image: false,
2785
- label: __("Background - Hover", "the-post-grid"),
2786
- value: box_background_hover,
2787
- onChange: val => setAttributes({
2788
- box_background_hover: val
2789
- })
2790
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Color__WEBPACK_IMPORTED_MODULE_3__["default"], {
2791
- label: __('Border Color - Hover', 'the-post-grid'),
2792
- color: box_border_hover,
2793
- onChange: box_border_hover => setAttributes({
2794
- box_border_hover
2795
- })
2796
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_BoxShadow__WEBPACK_IMPORTED_MODULE_5__["default"], {
2797
- label: __('Box Shadow - Hover', 'the-post-grid'),
2798
- value: box_box_shadow_hover,
2799
- onChange: val => setAttributes({
2800
- box_box_shadow_hover: val
2801
- }),
2802
- transitioin: "0.4"
2803
- })));
2804
- }
2805
-
2806
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (CardStyle);
2807
-
2808
- /***/ }),
2809
-
2810
- /***/ "./src/blocks/controller/ExcerptSettings.js":
2811
- /*!**************************************************!*\
2812
- !*** ./src/blocks/controller/ExcerptSettings.js ***!
2813
- \**************************************************/
2814
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
2815
-
2816
- "use strict";
2817
- __webpack_require__.r(__webpack_exports__);
2818
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
2819
- /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
2820
- /* harmony export */ });
2821
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
2822
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
2823
- /* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
2824
- /* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
2825
- /* harmony import */ var _components_Constants__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/Constants */ "./src/components/Constants.js");
2826
-
2827
- const {
2828
- __
2829
- } = wp.i18n;
2830
-
2831
-
2832
-
2833
- function ExcerptSettings(props) {
2834
- const {
2835
- attributes,
2836
- setAttributes,
2837
- changeQuery
2838
- } = props.data; //All attribute
2839
-
2840
- const {
2841
- excerpt_type,
2842
- excerpt_limit,
2843
- excerpt_more_text
2844
- } = attributes;
2845
- return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.PanelBody, {
2846
- title: __('Excerpt', 'the-post-grid'),
2847
- initialOpen: false
2848
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.SelectControl, {
2849
- label: __("Excerpt Type", "the-post-grid"),
2850
- className: "rttpg-control-field label-inline rttpg-expand",
2851
- options: _components_Constants__WEBPACK_IMPORTED_MODULE_2__.EXCERPT_TYPE,
2852
- value: excerpt_type,
2853
- onChange: excerpt_type => {
2854
- setAttributes({
2855
- excerpt_type
2856
- });
2857
- changeQuery();
2858
- }
2859
- }), ['character', 'word'].includes(excerpt_type) && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalNumberControl, {
2860
- label: __("Excerpt Limit", "the-post-grid"),
2861
- className: "rttpg-control-field label-inline rttpg-expand",
2862
- max: 100,
2863
- min: 0,
2864
- placeholder: "Excerpt Limit",
2865
- step: "1",
2866
- value: excerpt_limit,
2867
- onChange: excerpt_limit => {
2868
- setAttributes({
2869
- excerpt_limit
2870
- });
2871
- changeQuery();
2872
- }
2873
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.TextControl, {
2874
- autocomplete: "off",
2875
- label: __("Expansion Indicator", "the-post-grid"),
2876
- className: "rttpg-control-field label-inline rttpg-expand",
2877
- value: excerpt_more_text,
2878
- onChange: excerpt_more_text => {
2879
- setAttributes({
2880
- excerpt_more_text
2881
- });
2882
- changeQuery();
2883
- }
2884
- })));
2885
- }
2886
-
2887
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ExcerptSettings);
2888
-
2889
- /***/ }),
2890
-
2891
- /***/ "./src/blocks/controller/ExcerptStyle.js":
2892
- /*!***********************************************!*\
2893
- !*** ./src/blocks/controller/ExcerptStyle.js ***!
2894
- \***********************************************/
2895
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
2896
-
2897
- "use strict";
2898
- __webpack_require__.r(__webpack_exports__);
2899
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
2900
- /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
2901
- /* harmony export */ });
2902
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
2903
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
2904
- /* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
2905
- /* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
2906
- /* harmony import */ var _components_Constants__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/Constants */ "./src/components/Constants.js");
2907
- /* harmony import */ var _components_Typography__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/Typography */ "./src/components/Typography.js");
2908
- /* harmony import */ var _components_Color__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/Color */ "./src/components/Color.js");
2909
- /* harmony import */ var _components_Dimension__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/Dimension */ "./src/components/Dimension.js");
2910
- /* harmony import */ var _components_Alignment__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../components/Alignment */ "./src/components/Alignment.js");
2911
-
2912
- const {
2913
- __
2914
- } = wp.i18n;
2915
-
2916
-
2917
-
2918
-
2919
-
2920
-
2921
-
2922
- function ExcerptStyle(props) {
2923
- const {
2924
- attributes,
2925
- setAttributes
2926
- } = props.data; //All attribute
2927
-
2928
- const {
2929
- prefix,
2930
- content_typography,
2931
- excerpt_spacing,
2932
- content_alignment,
2933
- excerpt_style_tabs,
2934
- excerpt_color,
2935
- meta_position,
2936
- excerpt_hover_color,
2937
- excerpt_border_hover,
2938
- excerpt_border
2939
- } = attributes;
2940
- let postLayout = prefix + "_layout";
2941
- return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.PanelBody, {
2942
- title: __('Excerpt / Content', 'the-post-grid'),
2943
- initialOpen: false
2944
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Typography__WEBPACK_IMPORTED_MODULE_3__["default"], {
2945
- label: __('Typography', 'the-post-grid'),
2946
- value: content_typography,
2947
- onChange: val => setAttributes({
2948
- content_typography: val
2949
- })
2950
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Dimension__WEBPACK_IMPORTED_MODULE_5__["default"], {
2951
- label: __("Excerpt Spacing", "the-post-grid"),
2952
- type: "margin",
2953
- responsive: true,
2954
- value: excerpt_spacing,
2955
- onChange: value => {
2956
- setAttributes({
2957
- excerpt_spacing: value
2958
- });
2959
- }
2960
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Alignment__WEBPACK_IMPORTED_MODULE_6__["default"], {
2961
- label: __("Alignment", "the-post-grid"),
2962
- options: ['left', 'center', 'right'],
2963
- value: content_alignment,
2964
- onChange: content_alignment => setAttributes({
2965
- content_alignment
2966
- })
2967
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ButtonGroup, {
2968
- className: "rttpg-btn-group rttpg-btn-group-state"
2969
- }, _components_Constants__WEBPACK_IMPORTED_MODULE_2__.NORMAL_HOVER.map((item, key) => (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
2970
- key: key,
2971
- isPrimary: excerpt_style_tabs === item.value,
2972
- isSecondary: excerpt_style_tabs !== item.value,
2973
- onClick: () => setAttributes({
2974
- excerpt_style_tabs: item.value
2975
- })
2976
- }, item.label))), excerpt_style_tabs === 'normal' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Color__WEBPACK_IMPORTED_MODULE_4__["default"], {
2977
- label: __('Excerpt color', 'the-post-grid'),
2978
- color: excerpt_color,
2979
- onChange: excerpt_color => setAttributes({
2980
- excerpt_color
2981
- })
2982
- }), meta_position === 'default' && attributes[postLayout] === 'grid-layout3' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Color__WEBPACK_IMPORTED_MODULE_4__["default"], {
2983
- label: __('Border color - Hover', 'the-post-grid'),
2984
- color: excerpt_border,
2985
- onChange: excerpt_border => setAttributes({
2986
- excerpt_border
2987
- })
2988
- })), excerpt_style_tabs === 'hover' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Color__WEBPACK_IMPORTED_MODULE_4__["default"], {
2989
- label: __('Excerpt color - Hover', 'the-post-grid'),
2990
- color: excerpt_hover_color,
2991
- onChange: excerpt_hover_color => setAttributes({
2992
- excerpt_hover_color
2993
- })
2994
- }), meta_position === 'default' && attributes[postLayout] === 'grid-layout3' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Color__WEBPACK_IMPORTED_MODULE_4__["default"], {
2995
- label: __('Border color - Hover', 'the-post-grid'),
2996
- color: excerpt_border_hover,
2997
- onChange: excerpt_border_hover => setAttributes({
2998
- excerpt_border_hover
2999
- })
3000
- })));
3001
- }
3002
-
3003
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ExcerptStyle);
3004
-
3005
- /***/ }),
3006
-
3007
- /***/ "./src/blocks/controller/FieldSelectionSettings.js":
3008
- /*!*********************************************************!*\
3009
- !*** ./src/blocks/controller/FieldSelectionSettings.js ***!
3010
- \*********************************************************/
3011
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
3012
-
3013
- "use strict";
3014
- __webpack_require__.r(__webpack_exports__);
3015
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
3016
- /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
3017
- /* harmony export */ });
3018
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
3019
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
3020
- /* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
3021
- /* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
3022
-
3023
- const {
3024
- __
3025
- } = wp.i18n;
3026
-
3027
-
3028
- function FieldSelectionSettings(props) {
3029
- const {
3030
- attributes,
3031
- setAttributes,
3032
- changeQuery
3033
- } = props.data; //All attribute
3034
-
3035
- const {
3036
- prefix,
3037
- show_section_title,
3038
- show_title,
3039
- show_thumb,
3040
- show_excerpt,
3041
- show_meta,
3042
- show_date,
3043
- show_category,
3044
- show_tags,
3045
- show_author,
3046
- show_comment_count,
3047
- show_post_count,
3048
- show_read_more,
3049
- show_social_share,
3050
- show_woocommerce_rating,
3051
- show_acf
3052
- } = attributes;
3053
- let postLayout = prefix + "_layout";
3054
- return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.PanelBody, {
3055
- title: __('Field Selection', 'the-post-grid'),
3056
- initialOpen: true
3057
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
3058
- label: __("Section Title", "the-post-grid"),
3059
- className: "rttpg-toggle-control-field",
3060
- checked: show_section_title,
3061
- onChange: show_section_title => setAttributes({
3062
- show_section_title: show_section_title ? 'show' : ''
3063
- })
3064
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
3065
- label: __("Post Title", "the-post-grid"),
3066
- className: "rttpg-toggle-control-field",
3067
- checked: show_title,
3068
- onChange: show_title => setAttributes({
3069
- show_title: show_title ? 'show' : ''
3070
- })
3071
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
3072
- label: __("Post Thumbnail", "the-post-grid"),
3073
- className: "rttpg-toggle-control-field",
3074
- checked: show_thumb,
3075
- onChange: show_thumb => setAttributes({
3076
- show_thumb: show_thumb ? 'show' : ''
3077
- })
3078
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
3079
- label: __("Post Excerpt", "the-post-grid"),
3080
- className: "rttpg-toggle-control-field",
3081
- checked: show_excerpt,
3082
- onChange: show_excerpt => setAttributes({
3083
- show_excerpt: show_excerpt ? 'show' : ''
3084
- })
3085
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
3086
- label: __("Post Meta", "the-post-grid"),
3087
- className: "rttpg-toggle-control-field",
3088
- checked: show_meta,
3089
- onChange: show_meta => setAttributes({
3090
- show_meta: show_meta ? 'show' : ''
3091
- })
3092
- }), 'show' === show_meta && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
3093
- label: __("Post Date", "the-post-grid"),
3094
- className: "rttpg-toggle-control-field rttpg-padding-left",
3095
- checked: show_date,
3096
- onChange: show_date => setAttributes({
3097
- show_date: show_date ? 'show' : ''
3098
- })
3099
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
3100
- label: __("Post Category", "the-post-grid"),
3101
- className: "rttpg-toggle-control-field rttpg-padding-left",
3102
- checked: show_category,
3103
- onChange: show_category => setAttributes({
3104
- show_category: show_category ? 'show' : ''
3105
- })
3106
- }), show_category === 'show' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("small", {
3107
- className: "rttpg-help pl-30"
3108
- }, __("NB: If needed, you can change category source from (Meta Data Settings)", "the-post-grid")), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
3109
- label: __("Post Tags", "the-post-grid"),
3110
- className: "rttpg-toggle-control-field rttpg-padding-left",
3111
- checked: show_tags,
3112
- onChange: show_tags => setAttributes({
3113
- show_tags: show_tags ? 'show' : ''
3114
- })
3115
- }), show_tags === 'show' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("small", {
3116
- className: "rttpg-help pl-30"
3117
- }, __("NB: If needed, you can change tag source from (Meta Data Settings)", "the-post-grid")), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
3118
- label: __("Post Author", "the-post-grid"),
3119
- className: "rttpg-toggle-control-field rttpg-padding-left",
3120
- checked: show_author,
3121
- onChange: show_author => setAttributes({
3122
- show_author: show_author ? 'show' : ''
3123
- })
3124
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
3125
- label: __("Post Comment Count", "the-post-grid"),
3126
- className: "rttpg-toggle-control-field rttpg-padding-left",
3127
- checked: show_comment_count,
3128
- onChange: show_comment_count => setAttributes({
3129
- show_comment_count: show_comment_count ? 'show' : ''
3130
- })
3131
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
3132
- label: __("Post View Count", "the-post-grid"),
3133
- className: "rttpg-toggle-control-field rttpg-padding-left",
3134
- checked: show_post_count,
3135
- onChange: show_post_count => setAttributes({
3136
- show_post_count: show_post_count ? 'show' : ''
3137
- })
3138
- })), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
3139
- label: __("Read More Button", "the-post-grid"),
3140
- className: "rttpg-toggle-control-field",
3141
- checked: show_read_more,
3142
- onChange: show_read_more => setAttributes({
3143
- show_read_more: show_read_more ? 'show' : ''
3144
- })
3145
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
3146
- label: __("Social Share", "the-post-grid"),
3147
- className: "rttpg-toggle-control-field",
3148
- checked: show_social_share,
3149
- onChange: show_social_share => setAttributes({
3150
- show_social_share: show_social_share ? 'show' : ''
3151
- })
3152
- }), rttpgParams.hasWoo && rttpgParams.hasPro && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
3153
- label: __("Woocommerce Rating", "the-post-grid"),
3154
- className: "rttpg-toggle-control-field",
3155
- checked: show_woocommerce_rating,
3156
- onChange: show_woocommerce_rating => setAttributes({
3157
- show_woocommerce_rating: show_woocommerce_rating ? 'show' : ''
3158
- })
3159
- }), rttpgParams.hasAcf && rttpgParams.hasPro && attributes[postLayout] !== 'grid-layout7' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
3160
- label: __("Advanced Custom Field", "the-post-grid"),
3161
- className: "rttpg-toggle-control-field",
3162
- checked: show_acf,
3163
- onChange: show_acf => {
3164
- setAttributes({
3165
- show_acf: show_acf ? 'show' : ''
3166
- });
3167
- changeQuery();
3168
- }
3169
- }));
3170
- }
3171
-
3172
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FieldSelectionSettings);
3173
-
3174
- /***/ }),
3175
-
3176
- /***/ "./src/blocks/controller/FrontEndFilterController.js":
3177
- /*!***********************************************************!*\
3178
- !*** ./src/blocks/controller/FrontEndFilterController.js ***!
3179
- \***********************************************************/
3180
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
3181
-
3182
- "use strict";
3183
- __webpack_require__.r(__webpack_exports__);
3184
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
3185
- /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
3186
- /* harmony export */ });
3187
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
3188
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
3189
- /* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
3190
- /* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
3191
-
3192
- const {
3193
- __
3194
- } = wp.i18n;
3195
-
3196
-
3197
- function FrontEndFilterController(props) {
3198
- const {
3199
- attributes,
3200
- setAttributes
3201
- } = props.data; //All attribute
3202
-
3203
- const {
3204
- show_taxonomy_filter,
3205
- show_author_filter,
3206
- show_order_by,
3207
- show_sort_order,
3208
- show_search,
3209
- filter_type,
3210
- filter_btn_style,
3211
- filter_post_count,
3212
- tgp_filter_taxonomy_hierarchical,
3213
- tpg_hide_all_button,
3214
- tax_filter_all_text,
3215
- author_filter_all_text
3216
- } = attributes;
3217
- return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.PanelBody, {
3218
- title: __('Filter (Front-end)', 'the-post-grid'),
3219
- initialOpen: false
3220
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
3221
- label: __("Taxonomy Filter", "the-post-grid"),
3222
- className: "rttpg-toggle-control-field",
3223
- checked: show_taxonomy_filter,
3224
- onChange: show_taxonomy_filter => setAttributes({
3225
- show_taxonomy_filter: show_taxonomy_filter ? 'show' : ''
3226
- })
3227
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
3228
- label: __("Author filter", "the-post-grid"),
3229
- className: "rttpg-toggle-control-field",
3230
- checked: show_author_filter,
3231
- onChange: show_author_filter => setAttributes({
3232
- show_author_filter: show_author_filter ? 'show' : ''
3233
- })
3234
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
3235
- label: __("Order By Filter", "the-post-grid"),
3236
- className: "rttpg-toggle-control-field",
3237
- checked: show_order_by,
3238
- onChange: show_order_by => setAttributes({
3239
- show_order_by: show_order_by ? 'show' : ''
3240
- })
3241
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
3242
- label: __("Sort Order Filter", "the-post-grid"),
3243
- className: "rttpg-toggle-control-field",
3244
- checked: show_sort_order,
3245
- onChange: show_sort_order => setAttributes({
3246
- show_sort_order: show_sort_order ? 'show' : ''
3247
- })
3248
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
3249
- label: __("Search filter", "the-post-grid"),
3250
- className: "rttpg-toggle-control-field",
3251
- checked: show_search,
3252
- onChange: show_search => setAttributes({
3253
- show_search: show_search ? 'show' : ''
3254
- })
3255
- }), (show_taxonomy_filter === 'show' || show_author_filter === 'show' || show_order_by === 'show' || show_sort_order === 'show' || show_search === 'show') && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("hr", null), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.SelectControl, {
3256
- label: __("Filter Type", "the-post-grid"),
3257
- className: "rttpg-control-field label-inline rttpg-expand",
3258
- options: [{
3259
- value: 'dropdown',
3260
- label: __('Dropdown', 'the-post-grid')
3261
- }, {
3262
- value: 'button',
3263
- label: __('Button', 'the-post-grid')
3264
- }],
3265
- value: filter_type,
3266
- onChange: filter_type => setAttributes({
3267
- filter_type
3268
- })
3269
- }), filter_type === 'button' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.SelectControl, {
3270
- label: __("Filter Style", "the-post-grid"),
3271
- className: "rttpg-control-field label-inline rttpg-expand",
3272
- options: [{
3273
- value: 'default',
3274
- label: __('Default', 'the-post-grid')
3275
- }, {
3276
- value: 'carousel',
3277
- label: __('Collapsable', 'the-post-grid')
3278
- }],
3279
- value: filter_btn_style,
3280
- help: __("If you use collapsable then only category section show on the filter", "the-post-grid"),
3281
- onChange: filter_btn_style => setAttributes({
3282
- filter_btn_style
3283
- })
3284
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.SelectControl, {
3285
- label: __("Filter Post Count", "the-post-grid"),
3286
- className: "rttpg-control-field label-inline",
3287
- options: [{
3288
- value: 'yes',
3289
- label: __('Yes', 'the-post-grid')
3290
- }, {
3291
- value: 'no',
3292
- label: __('No', 'the-post-grid')
3293
- }],
3294
- value: filter_post_count,
3295
- onChange: filter_post_count => setAttributes({
3296
- filter_post_count
3297
- })
3298
- }), filter_type === 'button' && filter_btn_style === 'default' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.SelectControl, {
3299
- label: __("Tax Hierarchical", "the-post-grid"),
3300
- className: "rttpg-control-field label-inline",
3301
- options: [{
3302
- value: 'yes',
3303
- label: __('Yes', 'the-post-grid')
3304
- }, {
3305
- value: 'no',
3306
- label: __('No', 'the-post-grid')
3307
- }],
3308
- value: tgp_filter_taxonomy_hierarchical,
3309
- onChange: tgp_filter_taxonomy_hierarchical => setAttributes({
3310
- tgp_filter_taxonomy_hierarchical
3311
- })
3312
- }), filter_type === 'button' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.SelectControl, {
3313
- label: __("Hide (Show all button)", "the-post-grid"),
3314
- className: "rttpg-control-field label-inline",
3315
- options: [{
3316
- value: 'yes',
3317
- label: __('Show', 'the-post-grid')
3318
- }, {
3319
- value: 'no',
3320
- label: __('Hide', 'the-post-grid')
3321
- }],
3322
- value: tpg_hide_all_button,
3323
- onChange: tpg_hide_all_button => setAttributes({
3324
- tpg_hide_all_button
3325
- })
3326
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.TextControl, {
3327
- autocomplete: "off",
3328
- label: __("All Taxonomy Text", "the-post-grid"),
3329
- className: "rttpg-control-field label-inline",
3330
- placeholder: "Enter All Category Text Here..",
3331
- value: tax_filter_all_text,
3332
- onChange: tax_filter_all_text => setAttributes({
3333
- tax_filter_all_text
3334
- })
3335
- })), show_author_filter === 'show' && filter_btn_style === 'default' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.TextControl, {
3336
- autocomplete: "off",
3337
- label: __("All Users Text", "the-post-grid"),
3338
- className: "rttpg-control-field label-inline",
3339
- placeholder: "Enter All Users Text Here..",
3340
- value: author_filter_all_text,
3341
- onChange: author_filter_all_text => setAttributes({
3342
- author_filter_all_text
3343
- })
3344
- }));
3345
- }
3346
-
3347
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FrontEndFilterController);
3348
-
3349
- /***/ }),
3350
-
3351
- /***/ "./src/blocks/controller/FrontEndFilterStyle.js":
3352
- /*!******************************************************!*\
3353
- !*** ./src/blocks/controller/FrontEndFilterStyle.js ***!
3354
- \******************************************************/
3355
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
3356
-
3357
- "use strict";
3358
- __webpack_require__.r(__webpack_exports__);
3359
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
3360
- /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
3361
- /* harmony export */ });
3362
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
3363
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
3364
- /* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
3365
- /* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
3366
- /* harmony import */ var _components_Constants__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/Constants */ "./src/components/Constants.js");
3367
- /* harmony import */ var _components_Typography__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/Typography */ "./src/components/Typography.js");
3368
- /* harmony import */ var _components_Color__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/Color */ "./src/components/Color.js");
3369
- /* harmony import */ var _components_Dimension__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/Dimension */ "./src/components/Dimension.js");
3370
- /* harmony import */ var _components_RangeDevice__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../components/RangeDevice */ "./src/components/RangeDevice.js");
3371
- /* harmony import */ var _components_Alignment__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../components/Alignment */ "./src/components/Alignment.js");
3372
-
3373
- const {
3374
- __
3375
- } = wp.i18n;
3376
-
3377
-
3378
-
3379
-
3380
-
3381
-
3382
-
3383
-
3384
- function FrontEndFilterStyle(props) {
3385
- const {
3386
- attributes,
3387
- setAttributes
3388
- } = props.data; //All attribute
3389
-
3390
- const {
3391
- front_filter_typography,
3392
- filter_type,
3393
- filter_btn_style,
3394
- filter_text_alignment,
3395
- filter_v_alignment,
3396
- filter_button_width,
3397
- filter_next_prev_btn,
3398
- section_title_style,
3399
- border_style,
3400
- filter_h_alignment,
3401
- filter_btn_radius,
3402
- frontend_filter_style_tabs,
3403
- filter_color,
3404
- filter_bg_color,
3405
- filter_border_color,
3406
- filter_search_bg,
3407
- sub_menu_color_heading,
3408
- sub_menu_bg_color,
3409
- sub_menu_color,
3410
- sub_menu_border_bottom,
3411
- filter_nav_color,
3412
- filter_nav_bg,
3413
- filter_nav_border,
3414
- filter_color_hover,
3415
- filter_bg_color_hover,
3416
- filter_border_color_hover,
3417
- filter_search_bg_hover,
3418
- sub_menu_color_heading_hover,
3419
- sub_menu_bg_color_hover,
3420
- sub_menu_color_hover,
3421
- sub_menu_border_bottom_hover,
3422
- filter_nav_color_hover,
3423
- filter_nav_bg_hover,
3424
- filter_nav_border_hover,
3425
- show_taxonomy_filter,
3426
- show_author_filter,
3427
- show_order_by,
3428
- show_sort_order,
3429
- show_search
3430
- } = attributes;
3431
-
3432
- if (!(show_taxonomy_filter === 'show' || show_author_filter === 'show' || show_order_by === 'show' || show_sort_order === 'show' || show_search === 'show')) {
3433
- return '';
3434
- }
3435
-
3436
- return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.PanelBody, {
3437
- title: __('Front-End Filter', 'the-post-grid'),
3438
- initialOpen: false
3439
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Typography__WEBPACK_IMPORTED_MODULE_3__["default"], {
3440
- label: __('Typography', 'the-post-grid'),
3441
- value: front_filter_typography,
3442
- onChange: val => setAttributes({
3443
- front_filter_typography: val
3444
- })
3445
- }), filter_type === 'button' && filter_btn_style === 'default' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Alignment__WEBPACK_IMPORTED_MODULE_7__["default"], {
3446
- label: __("Alignment", "the-post-grid"),
3447
- options: ['left', 'center', 'right'],
3448
- value: filter_text_alignment,
3449
- onChange: filter_text_alignment => setAttributes({
3450
- filter_text_alignment
3451
- })
3452
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.SelectControl, {
3453
- label: __("Vertical Alignment", "the-post-grid"),
3454
- className: "rttpg-control-field label-inline rttpg-expand",
3455
- options: [{
3456
- value: 'top',
3457
- label: __('Top', 'the-post-grid')
3458
- }, {
3459
- value: 'center',
3460
- label: __('Center', 'the-post-grid')
3461
- }, {
3462
- value: 'right',
3463
- label: __('Right', 'the-post-grid')
3464
- }],
3465
- value: filter_v_alignment,
3466
- onChange: filter_v_alignment => setAttributes({
3467
- filter_v_alignment
3468
- })
3469
- })), filter_type === 'button' && filter_btn_style === 'carousel' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_RangeDevice__WEBPACK_IMPORTED_MODULE_6__["default"], {
3470
- label: __('Filter Width'),
3471
- responsive: true,
3472
- value: filter_button_width,
3473
- min: 0,
3474
- max: 1000,
3475
- step: 1,
3476
- onChange: val => setAttributes({
3477
- filter_button_width: val
3478
- })
3479
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.SelectControl, {
3480
- label: __("Next/Prev Button", "the-post-grid"),
3481
- className: "rttpg-control-field label-inline rttpg-expand",
3482
- options: [{
3483
- value: 'visible',
3484
- label: __('Visible', 'the-post-grid')
3485
- }, {
3486
- value: 'hidden',
3487
- label: __('Hidden', 'the-post-grid')
3488
- }],
3489
- value: filter_next_prev_btn,
3490
- onChange: filter_next_prev_btn => setAttributes({
3491
- filter_next_prev_btn
3492
- })
3493
- }), ['style2', 'style3'].includes(section_title_style) && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.SelectControl, {
3494
- label: __("Filter Border", "the-post-grid"),
3495
- className: "rttpg-control-field label-inline rttpg-expand",
3496
- options: [{
3497
- value: 'disable',
3498
- label: __('Disable', 'the-post-grid')
3499
- }, {
3500
- value: 'enable',
3501
- label: __('Enable', 'the-post-grid')
3502
- }],
3503
- value: border_style,
3504
- onChange: border_style => setAttributes({
3505
- border_style
3506
- })
3507
- })), filter_type !== 'button' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.SelectControl, {
3508
- label: __("Vertical Alignment", "the-post-grid"),
3509
- className: "rttpg-control-field label-inline rttpg-expand",
3510
- options: [{
3511
- value: 'left',
3512
- label: __('Top', 'the-post-grid')
3513
- }, {
3514
- value: 'center',
3515
- label: __('Center', 'the-post-grid')
3516
- }, {
3517
- value: 'right',
3518
- label: __('Right', 'the-post-grid')
3519
- }],
3520
- value: filter_h_alignment,
3521
- onChange: filter_h_alignment => setAttributes({
3522
- filter_h_alignment
3523
- })
3524
- })), filter_type !== 'default' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Dimension__WEBPACK_IMPORTED_MODULE_5__["default"], {
3525
- label: __("Border Radius", "the-post-grid"),
3526
- type: "borderRadius",
3527
- responsive: true,
3528
- value: filter_btn_radius,
3529
- onChange: value => {
3530
- setAttributes({
3531
- filter_btn_radius: value
3532
- });
3533
- }
3534
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ButtonGroup, {
3535
- className: "rttpg-btn-group rttpg-btn-group-state"
3536
- }, _components_Constants__WEBPACK_IMPORTED_MODULE_2__.NORMAL_HOVER.map((item, key) => (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
3537
- key: key,
3538
- isPrimary: frontend_filter_style_tabs === item.value,
3539
- isSecondary: frontend_filter_style_tabs !== item.value,
3540
- onClick: () => setAttributes({
3541
- frontend_filter_style_tabs: item.value
3542
- })
3543
- }, item.label))), frontend_filter_style_tabs === 'normal' ? (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Color__WEBPACK_IMPORTED_MODULE_4__["default"], {
3544
- label: __('Filter Color', 'the-post-grid'),
3545
- color: filter_color,
3546
- onChange: filter_color => setAttributes({
3547
- filter_color
3548
- })
3549
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Color__WEBPACK_IMPORTED_MODULE_4__["default"], {
3550
- label: __('Filter Background', 'the-post-grid'),
3551
- color: filter_bg_color,
3552
- onChange: filter_bg_color => setAttributes({
3553
- filter_bg_color
3554
- })
3555
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Color__WEBPACK_IMPORTED_MODULE_4__["default"], {
3556
- label: __('Filter Border Color', 'the-post-grid'),
3557
- color: filter_border_color,
3558
- onChange: filter_border_color => setAttributes({
3559
- filter_border_color
3560
- })
3561
- }), show_search === 'show' && filter_btn_style === 'default' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Color__WEBPACK_IMPORTED_MODULE_4__["default"], {
3562
- label: __('Search Background', 'the-post-grid'),
3563
- color: filter_search_bg,
3564
- onChange: filter_search_bg => setAttributes({
3565
- filter_search_bg
3566
- })
3567
- }), filter_type === 'dropdown' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Color__WEBPACK_IMPORTED_MODULE_4__["default"], {
3568
- label: __('Sub Menu Options', 'the-post-grid'),
3569
- color: sub_menu_color_heading,
3570
- onChange: sub_menu_color_heading => setAttributes({
3571
- sub_menu_color_heading
3572
- })
3573
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Color__WEBPACK_IMPORTED_MODULE_4__["default"], {
3574
- label: __('Submenu Background', 'the-post-grid'),
3575
- color: sub_menu_bg_color,
3576
- onChange: sub_menu_bg_color => setAttributes({
3577
- sub_menu_bg_color
3578
- })
3579
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Color__WEBPACK_IMPORTED_MODULE_4__["default"], {
3580
- label: __('Submenu Color', 'the-post-grid'),
3581
- color: sub_menu_color,
3582
- onChange: sub_menu_color => setAttributes({
3583
- sub_menu_color
3584
- })
3585
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Color__WEBPACK_IMPORTED_MODULE_4__["default"], {
3586
- label: __('Submenu Border', 'the-post-grid'),
3587
- color: sub_menu_border_bottom,
3588
- onChange: sub_menu_border_bottom => setAttributes({
3589
- sub_menu_border_bottom
3590
- })
3591
- })), filter_next_prev_btn === 'visible' && filter_btn_style === 'carousel' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Color__WEBPACK_IMPORTED_MODULE_4__["default"], {
3592
- label: __('Filter Nav Color', 'the-post-grid'),
3593
- color: filter_nav_color,
3594
- onChange: filter_nav_color => setAttributes({
3595
- filter_nav_color
3596
- })
3597
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Color__WEBPACK_IMPORTED_MODULE_4__["default"], {
3598
- label: __('Filter Nav Background', 'the-post-grid'),
3599
- color: filter_nav_bg,
3600
- onChange: filter_nav_bg => setAttributes({
3601
- filter_nav_bg
3602
- })
3603
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Color__WEBPACK_IMPORTED_MODULE_4__["default"], {
3604
- label: __('Filter Nav Border', 'the-post-grid'),
3605
- color: filter_nav_border,
3606
- onChange: filter_nav_border => setAttributes({
3607
- filter_nav_border
3608
- })
3609
- }))) : (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Color__WEBPACK_IMPORTED_MODULE_4__["default"], {
3610
- label: __('Filter Color - Hover', 'the-post-grid'),
3611
- color: filter_color_hover,
3612
- onChange: filter_color_hover => setAttributes({
3613
- filter_color_hover
3614
- })
3615
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Color__WEBPACK_IMPORTED_MODULE_4__["default"], {
3616
- label: __('Filter Background - Hover', 'the-post-grid'),
3617
- color: filter_bg_color_hover,
3618
- onChange: filter_bg_color_hover => setAttributes({
3619
- filter_bg_color_hover
3620
- })
3621
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Color__WEBPACK_IMPORTED_MODULE_4__["default"], {
3622
- label: __('Filter Border Color - Hover', 'the-post-grid'),
3623
- color: filter_border_color_hover,
3624
- onChange: filter_border_color_hover => setAttributes({
3625
- filter_border_color_hover
3626
- })
3627
- }), show_search === 'show' && filter_btn_style === 'default' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Color__WEBPACK_IMPORTED_MODULE_4__["default"], {
3628
- label: __('Search Background - Hover', 'the-post-grid'),
3629
- color: filter_search_bg_hover,
3630
- onChange: filter_search_bg_hover => setAttributes({
3631
- filter_search_bg_hover
3632
- })
3633
- }), filter_type === 'dropdown' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Color__WEBPACK_IMPORTED_MODULE_4__["default"], {
3634
- label: __('Sub Menu Options - Hover', 'the-post-grid'),
3635
- color: sub_menu_color_heading_hover,
3636
- onChange: sub_menu_color_heading_hover => setAttributes({
3637
- sub_menu_color_heading_hover
3638
- })
3639
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Color__WEBPACK_IMPORTED_MODULE_4__["default"], {
3640
- label: __('Submenu Background - Hover', 'the-post-grid'),
3641
- color: sub_menu_bg_color_hover,
3642
- onChange: sub_menu_bg_color_hover => setAttributes({
3643
- sub_menu_bg_color_hover
3644
- })
3645
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Color__WEBPACK_IMPORTED_MODULE_4__["default"], {
3646
- label: __('Submenu Color - Hover', 'the-post-grid'),
3647
- color: sub_menu_color_hover,
3648
- onChange: sub_menu_color_hover => setAttributes({
3649
- sub_menu_color_hover
3650
- })
3651
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Color__WEBPACK_IMPORTED_MODULE_4__["default"], {
3652
- label: __('Submenu Border - Hover', 'the-post-grid'),
3653
- color: sub_menu_border_bottom_hover,
3654
- onChange: sub_menu_border_bottom_hover => setAttributes({
3655
- sub_menu_border_bottom_hover
3656
- })
3657
- })), filter_next_prev_btn === 'visible' && filter_btn_style === 'carousel' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Color__WEBPACK_IMPORTED_MODULE_4__["default"], {
3658
- label: __('Filter Nav Color - Hover', 'the-post-grid'),
3659
- color: filter_nav_color_hover,
3660
- onChange: filter_nav_color_hover => setAttributes({
3661
- filter_nav_color_hover
3662
- })
3663
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Color__WEBPACK_IMPORTED_MODULE_4__["default"], {
3664
- label: __('Filter Nav Background - Hover', 'the-post-grid'),
3665
- color: filter_nav_bg_hover,
3666
- onChange: filter_nav_bg_hover => setAttributes({
3667
- filter_nav_bg_hover
3668
- })
3669
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Color__WEBPACK_IMPORTED_MODULE_4__["default"], {
3670
- label: __('Filter Nav Border - Hover', 'the-post-grid'),
3671
- color: filter_nav_border_hover,
3672
- onChange: filter_nav_border_hover => setAttributes({
3673
- filter_nav_border_hover
3674
- })
3675
- }))));
3676
- }
3677
-
3678
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FrontEndFilterStyle);
3679
-
3680
- /***/ }),
3681
-
3682
- /***/ "./src/blocks/controller/LayoutController.js":
3683
- /*!***************************************************!*\
3684
- !*** ./src/blocks/controller/LayoutController.js ***!
3685
- \***************************************************/
3686
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
3687
-
3688
- "use strict";
3689
- __webpack_require__.r(__webpack_exports__);
3690
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
3691
- /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
3692
- /* harmony export */ });
3693
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
3694
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
3695
- /* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
3696
- /* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
3697
- /* harmony import */ var _components_icon_icons__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/icon/icons */ "./src/components/icon/icons.js");
3698
- /* harmony import */ var _components_RangeDevice__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/RangeDevice */ "./src/components/RangeDevice.js");
3699
- /* harmony import */ var _components_Constants__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/Constants */ "./src/components/Constants.js");
3700
- /* harmony import */ var _components_Alignment__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/Alignment */ "./src/components/Alignment.js");
3701
- /* harmony import */ var _components_Styles__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../components/Styles */ "./src/components/Styles.js");
3702
-
3703
- const {
3704
- __
3705
- } = wp.i18n;
3706
-
3707
-
3708
-
3709
-
3710
-
3711
-
3712
-
3713
- function LayoutController(props) {
3714
- const {
3715
- attributes,
3716
- setAttributes
3717
- } = props.data; //All attribute
3718
-
3719
- const {
3720
- prefix,
3721
- grid_column,
3722
- grid_layout_style,
3723
- ignore_sticky_posts,
3724
- title_alignment
3725
- } = attributes;
3726
- let postLayout = prefix + "_layout";
3727
- return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.PanelBody, {
3728
- title: __('Layout', 'the-post-grid'),
3729
- initialOpen: true
3730
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Styles__WEBPACK_IMPORTED_MODULE_6__["default"], {
3731
- value: attributes[postLayout],
3732
- onChange: val => props.changeLayout(val),
3733
- options: [{
3734
- value: 'grid-layout1',
3735
- svg: _components_icon_icons__WEBPACK_IMPORTED_MODULE_2__["default"].grid_layout1,
3736
- label: __('Layout 1')
3737
- }, {
3738
- value: 'grid-layout3',
3739
- svg: _components_icon_icons__WEBPACK_IMPORTED_MODULE_2__["default"].grid_layout2,
3740
- label: __('Layout 2')
3741
- }, {
3742
- value: 'grid-layout4',
3743
- svg: _components_icon_icons__WEBPACK_IMPORTED_MODULE_2__["default"].grid_layout3,
3744
- label: __('Layout 3')
3745
- }, {
3746
- value: 'grid-layout2',
3747
- svg: _components_icon_icons__WEBPACK_IMPORTED_MODULE_2__["default"].grid_layout4,
3748
- label: __('Layout 4')
3749
- }, {
3750
- value: 'grid-layout5',
3751
- svg: _components_icon_icons__WEBPACK_IMPORTED_MODULE_2__["default"].grid_layout5,
3752
- label: __('Layout 5')
3753
- }, {
3754
- value: 'grid-layout5-2',
3755
- svg: _components_icon_icons__WEBPACK_IMPORTED_MODULE_2__["default"].grid_layout6,
3756
- label: __('Layout 6')
3757
- }, {
3758
- value: 'grid-layout6',
3759
- svg: _components_icon_icons__WEBPACK_IMPORTED_MODULE_2__["default"].grid_layout7,
3760
- label: __('Layout 7')
3761
- }, {
3762
- value: 'grid-layout6-2',
3763
- svg: _components_icon_icons__WEBPACK_IMPORTED_MODULE_2__["default"].grid_layout8,
3764
- label: __('Layout 8')
3765
- }, {
3766
- value: 'grid-layout7',
3767
- svg: _components_icon_icons__WEBPACK_IMPORTED_MODULE_2__["default"].grid_layout9,
3768
- label: __('Layout 9')
3769
- }]
3770
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_RangeDevice__WEBPACK_IMPORTED_MODULE_3__["default"], {
3771
- label: __('Grid Column', 'the-post-grid'),
3772
- responsive: true,
3773
- value: grid_column,
3774
- min: 0,
3775
- max: 6,
3776
- step: 1,
3777
- units: false,
3778
- onChange: val => setAttributes({
3779
- grid_column: val
3780
- })
3781
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.SelectControl, {
3782
- label: __('Layout Style', 'the-post-grid'),
3783
- help: __('If you use card border then equal height will appear', 'the-post-grid'),
3784
- className: "rttpg-control-field label-inline rttpg-expand",
3785
- value: grid_layout_style,
3786
- options: _components_Constants__WEBPACK_IMPORTED_MODULE_4__.GRID_STYLE,
3787
- onChange: grid_layout_style => {
3788
- setAttributes({
3789
- grid_layout_style
3790
- });
3791
- }
3792
- }), grid_layout_style === 'masonry' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("small", {
3793
- className: "rttpg-help"
3794
- }, __("NB: Masonry will work only the front-end", "the-post-grid")), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Alignment__WEBPACK_IMPORTED_MODULE_5__["default"], {
3795
- label: __("Title Align", "the-post-grid"),
3796
- value: title_alignment,
3797
- responsive: true,
3798
- options: ['left', 'center', 'right'],
3799
- onChange: val => setAttributes({
3800
- title_alignment: val
3801
- })
3802
- }));
3803
- }
3804
-
3805
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (LayoutController);
3806
-
3807
- /***/ }),
3808
-
3809
- /***/ "./src/blocks/controller/LinksController.js":
3810
- /*!**************************************************!*\
3811
- !*** ./src/blocks/controller/LinksController.js ***!
3812
- \**************************************************/
3813
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
3814
-
3815
- "use strict";
3816
- __webpack_require__.r(__webpack_exports__);
3817
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
3818
- /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
3819
- /* harmony export */ });
3820
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
3821
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
3822
- /* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
3823
- /* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
3824
- /* harmony import */ var _components_Constants__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/Constants */ "./src/components/Constants.js");
3825
-
3826
- const {
3827
- __
3828
- } = wp.i18n;
3829
-
3830
-
3831
-
3832
- function LinksController(props) {
3833
- const {
3834
- attributes,
3835
- setAttributes
3836
- } = props.data; //All attribute
3837
-
3838
- const {
3839
- post_link_type,
3840
- link_target,
3841
- is_thumb_linked
3842
- } = attributes;
3843
- return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.PanelBody, {
3844
- title: __('Links', 'the-post-grid'),
3845
- initialOpen: false
3846
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.SelectControl, {
3847
- label: __("Post link type", "the-post-grid"),
3848
- className: "rttpg-control-field label-inline rttpg-expand",
3849
- options: _components_Constants__WEBPACK_IMPORTED_MODULE_2__.POST_LINK_TYPE,
3850
- value: post_link_type,
3851
- onChange: post_link_type => setAttributes({
3852
- post_link_type
3853
- })
3854
- }), post_link_type === 'default' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.SelectControl, {
3855
- label: __("Link Target", "the-post-grid"),
3856
- className: "rttpg-control-field label-inline rttpg-expand",
3857
- options: [{
3858
- value: '_self',
3859
- label: __('Same Window', 'the-post-grid')
3860
- }, {
3861
- value: '_blank',
3862
- label: __('New Window', 'the-post-grid')
3863
- }],
3864
- value: link_target,
3865
- onChange: link_target => setAttributes({
3866
- link_target
3867
- })
3868
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.SelectControl, {
3869
- label: __("Thumbnail Link", "the-post-grid"),
3870
- className: "rttpg-control-field label-inline rttpg-expand",
3871
- options: [{
3872
- value: 'yes',
3873
- label: __('Yes', 'the-post-grid')
3874
- }, {
3875
- value: 'no',
3876
- label: __('No', 'the-post-grid')
3877
- }],
3878
- value: is_thumb_linked,
3879
- onChange: is_thumb_linked => setAttributes({
3880
- is_thumb_linked
3881
- })
3882
- }));
3883
- }
3884
-
3885
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (LinksController);
3886
-
3887
- /***/ }),
3888
-
3889
- /***/ "./src/blocks/controller/MetaSettings.js":
3890
- /*!***********************************************!*\
3891
- !*** ./src/blocks/controller/MetaSettings.js ***!
3892
- \***********************************************/
3893
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
3894
-
3895
- "use strict";
3896
- __webpack_require__.r(__webpack_exports__);
3897
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
3898
- /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
3899
- /* harmony export */ });
3900
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
3901
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
3902
- /* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
3903
- /* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
3904
- /* harmony import */ var react_select__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react-select */ "./node_modules/react-select/dist/react-select.esm.js");
3905
- /* harmony import */ var _components_Constants__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/Constants */ "./src/components/Constants.js");
3906
-
3907
- const {
3908
- __
3909
- } = wp.i18n;
3910
-
3911
-
3912
-
3913
-
3914
-
3915
- function MetaSettings(props) {
3916
- const {
3917
- attributes,
3918
- setAttributes,
3919
- changeQuery
3920
- } = props.data; //All attribute
3921
-
3922
- const {
3923
- show_meta,
3924
- show_date,
3925
- show_category,
3926
- show_author,
3927
- show_tags,
3928
- show_comment_count,
3929
- show_post_count,
3930
- meta_position,
3931
- meta_separator,
3932
- author_prefix,
3933
- author_icon_visibility,
3934
- show_author_image,
3935
- category_position,
3936
- category_style,
3937
- show_cat_icon,
3938
- category_source,
3939
- tag_source,
3940
- show_comment_count_label,
3941
- meta_ordering
3942
- } = attributes;
3943
-
3944
- if (!(show_meta === 'show' && (show_date === 'show' || show_category === 'show' || show_author === 'show' || show_tags === 'show' || show_comment_count === 'show' || show_post_count === 'show'))) {
3945
- return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null);
3946
- }
3947
-
3948
- const allTaxonomyList = rttpgParams.get_taxonomies;
3949
- let tpgAllTaxonomiesSelect = new Set();
3950
-
3951
- for (let tax in allTaxonomyList) {
3952
- let value = allTaxonomyList[tax];
3953
-
3954
- if (value.object_type[0] === post_type) {
3955
- tpgAllTaxonomiesSelect.add({
3956
- value: value.name,
3957
- label: value.label
3958
- });
3959
- }
3960
- }
3961
-
3962
- tpgAllTaxonomiesSelect = [...tpgAllTaxonomiesSelect];
3963
- return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.PanelBody, {
3964
- title: __('Meta Data', 'the-post-grid'),
3965
- initialOpen: false
3966
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.SelectControl, {
3967
- label: __("Meta Position", "the-post-grid"),
3968
- className: "rttpg-control-field label-inline rttpg-expand",
3969
- options: _components_Constants__WEBPACK_IMPORTED_MODULE_2__.META_POSITION,
3970
- value: meta_position,
3971
- onChange: meta_position => setAttributes({
3972
- meta_position
3973
- })
3974
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
3975
- label: __("Show Meta Icon", "the-post-grid"),
3976
- className: "rttpg-toggle-control-field",
3977
- checked: show_date,
3978
- onChange: show_meta_icon => setAttributes({
3979
- show_meta_icon: show_meta_icon ? 'yes' : ''
3980
- })
3981
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.SelectControl, {
3982
- label: __("Meta Separator", "the-post-grid"),
3983
- className: "rttpg-control-field label-inline rttpg-expand",
3984
- options: [{
3985
- value: 'default',
3986
- label: __('Default - None', 'the-post-grid')
3987
- }, {
3988
- value: '.',
3989
- label: __('Dot ( . )', 'the-post-grid')
3990
- }, {
3991
- value: '/',
3992
- label: __('Single Slash ( / )', 'the-post-grid')
3993
- }, {
3994
- value: '//',
3995
- label: __('Double Slash ( // )', 'the-post-grid')
3996
- }, {
3997
- value: '-',
3998
- label: __('Hyphen ( - )', 'the-post-grid')
3999
- }, {
4000
- value: '|',
4001
- label: __('Vertical Pipe ( | )', 'the-post-grid')
4002
- }],
4003
- value: meta_separator,
4004
- onChange: meta_separator => setAttributes({
4005
- meta_separator
4006
- })
4007
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("hr", null), show_author === 'show' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalHeading, {
4008
- className: "rttpg-control-heading"
4009
- }, __("Author Setting:", "the-post-grid")), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.TextControl, {
4010
- autocomplete: "off",
4011
- label: __("Author Prefix", "the-post-grid"),
4012
- placeholder: "By",
4013
- className: "rttpg-control-field",
4014
- value: author_prefix,
4015
- onChange: author_prefix => setAttributes({
4016
- author_prefix
4017
- })
4018
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
4019
- label: __("Author Icon Visibility", "the-post-grid"),
4020
- className: "rttpg-toggle-control-field",
4021
- checked: author_icon_visibility,
4022
- onChange: author_icon_visibility => setAttributes({
4023
- author_icon_visibility: author_icon_visibility ? 'show' : ''
4024
- })
4025
- }), author_icon_visibility === 'show' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.SelectControl, {
4026
- label: __("Author Image / Icon", "the-post-grid"),
4027
- className: "rttpg-control-field label-inline rttpg-expand",
4028
- options: [{
4029
- value: 'show',
4030
- label: __('Image', 'the-post-grid')
4031
- }, {
4032
- value: 'icon',
4033
- label: __('Icon', 'the-post-grid')
4034
- }],
4035
- value: show_author_image,
4036
- onChange: show_author_image => setAttributes({
4037
- show_author_image
4038
- })
4039
- })), (show_category === 'show' || show_tags === 'show') && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalHeading, {
4040
- className: "rttpg-control-heading"
4041
- }, __("Category and Tags Setting:", "the-post-grid")), show_category === 'show' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.SelectControl, {
4042
- label: __("Category Position", "the-post-grid"),
4043
- className: "rttpg-control-field label-inline rttpg-expand",
4044
- options: [{
4045
- value: 'default',
4046
- label: __('Default', 'the-post-grid')
4047
- }, {
4048
- value: 'above_title',
4049
- label: __('Above Title', 'the-post-grid')
4050
- }, {
4051
- value: 'with_meta',
4052
- label: __('With Meta', 'the-post-grid')
4053
- }, {
4054
- value: 'top_left',
4055
- label: __('Over image (Top Left)', 'the-post-grid')
4056
- }, {
4057
- value: 'top_right',
4058
- label: __('Over image (Top Right)', 'the-post-grid')
4059
- }, {
4060
- value: 'bottom_left',
4061
- label: __('Over image (Bottom Left)', 'the-post-grid')
4062
- }, {
4063
- value: 'bottom_right',
4064
- label: __('Over image (Bottom Right)', 'the-post-grid')
4065
- }, {
4066
- value: 'image_center',
4067
- label: __('Over image (Center)', 'the-post-grid')
4068
- }],
4069
- value: category_position,
4070
- onChange: category_position => setAttributes({
4071
- category_position
4072
- })
4073
- }), category_position !== 'default' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.SelectControl, {
4074
- label: __("Category Style", "the-post-grid"),
4075
- className: "rttpg-control-field label-inline rttpg-expand",
4076
- options: [{
4077
- value: 'style1',
4078
- label: __('Style 1', 'the-post-grid')
4079
- }, {
4080
- value: 'style2',
4081
- label: __('Style 2', 'the-post-grid')
4082
- }, {
4083
- value: 'style3',
4084
- label: __('Style 3', 'the-post-grid')
4085
- }],
4086
- value: category_style,
4087
- onChange: category_style => setAttributes({
4088
- category_style
4089
- })
4090
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
4091
- label: __("Show Over Image Category Icon", "the-post-grid"),
4092
- className: "rttpg-toggle-control-field",
4093
- checked: show_cat_icon,
4094
- onChange: show_cat_icon => setAttributes({
4095
- show_cat_icon: show_cat_icon ? 'yes' : ''
4096
- })
4097
- })), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("hr", null), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.SelectControl, {
4098
- label: __("Category Source", "the-post-grid"),
4099
- className: "rttpg-control-field label-inline rttpg-expand",
4100
- options: tpgAllTaxonomiesSelect,
4101
- value: category_source,
4102
- onChange: category_source => {
4103
- setAttributes({
4104
- category_source
4105
- });
4106
- changeQuery();
4107
- }
4108
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.SelectControl, {
4109
- label: __("Tag Source", "the-post-grid"),
4110
- className: "rttpg-control-field label-inline rttpg-expand",
4111
- options: tpgAllTaxonomiesSelect,
4112
- value: tag_source,
4113
- onChange: tag_source => {
4114
- setAttributes({
4115
- tag_source
4116
- });
4117
- changeQuery();
4118
- }
4119
- }))), show_comment_count === 'show' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalHeading, {
4120
- className: "rttpg-control-heading"
4121
- }, __("Comment Count:", "the-post-grid")), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
4122
- label: __("Show Comment Label", "the-post-grid"),
4123
- className: "rttpg-toggle-control-field",
4124
- checked: show_comment_count_label,
4125
- onChange: show_comment_count_label => setAttributes({
4126
- show_comment_count_label: show_comment_count_label ? 'yes' : ''
4127
- })
4128
- })), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
4129
- className: "components-base-control rttpg-repeater"
4130
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("label", {
4131
- className: "components-base-control__label components-input-control__label",
4132
- htmlFor: "react-select-2-input"
4133
- }, __('Meta Ordering', 'the-post-grid')), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(react_select__WEBPACK_IMPORTED_MODULE_3__["default"], {
4134
- options: _components_Constants__WEBPACK_IMPORTED_MODULE_2__.META_ORDERING_LABEL,
4135
- value: meta_ordering,
4136
- onChange: value => {
4137
- setAttributes({
4138
- meta_ordering: value
4139
- });
4140
- changeQuery();
4141
- },
4142
- help: __("Select sequentially from here for sort meta order.", 'the-post-grid'),
4143
- isMulti: true,
4144
- closeMenuOnSelect: false,
4145
- isClearable: false
4146
- })));
4147
- }
4148
-
4149
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MetaSettings);
4150
-
4151
- /***/ }),
4152
-
4153
- /***/ "./src/blocks/controller/MetaStyle.js":
4154
- /*!********************************************!*\
4155
- !*** ./src/blocks/controller/MetaStyle.js ***!
4156
- \********************************************/
4157
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
4158
-
4159
- "use strict";
4160
- __webpack_require__.r(__webpack_exports__);
4161
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
4162
- /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
4163
- /* harmony export */ });
4164
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
4165
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
4166
- /* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
4167
- /* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
4168
- /* harmony import */ var _components_Constants__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/Constants */ "./src/components/Constants.js");
4169
- /* harmony import */ var _components_Typography__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/Typography */ "./src/components/Typography.js");
4170
- /* harmony import */ var _components_Color__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/Color */ "./src/components/Color.js");
4171
- /* harmony import */ var _components_Dimension__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/Dimension */ "./src/components/Dimension.js");
4172
- /* harmony import */ var _components_Range__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../components/Range */ "./src/components/Range.js");
4173
-
4174
- const {
4175
- __
4176
- } = wp.i18n;
4177
-
4178
-
4179
-
4180
-
4181
-
4182
-
4183
-
4184
-
4185
- function MetaStyle(props) {
4186
- const {
4187
- attributes,
4188
- setAttributes
4189
- } = props.data; //All attribute
4190
-
4191
- const {
4192
- prefix,
4193
- show_meta,
4194
- post_meta_typography,
4195
- meta_spacing,
4196
- category_position,
4197
- separator_cat_typography,
4198
- category_margin_bottom,
4199
- category_radius,
4200
- meta_info_style_tabs,
4201
- meta_info_color,
4202
- meta_link_color,
4203
- meta_separator_color,
4204
- meta_icon_color,
4205
- separate_category_color,
4206
- separate_category_bg,
4207
- show_cat_icon,
4208
- separate_category_icon_color,
4209
- meta_link_colo_hover,
4210
- separate_category_color_hover,
4211
- separate_category_bg_hover,
4212
- meta_link_colo_box_hover,
4213
- separate_category_color_box_hover,
4214
- separate_category_bg_box_hover,
4215
- separate_category_icon_color_box_hover
4216
- } = attributes;
4217
- let postLayout = prefix + "_layout";
4218
-
4219
- if (!(attributes[postLayout] !== 'grid-layout7' && show_meta === 'show')) {
4220
- return '';
4221
- }
4222
-
4223
- return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.PanelBody, {
4224
- title: __('Post Meta', 'the-post-grid'),
4225
- initialOpen: false
4226
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Typography__WEBPACK_IMPORTED_MODULE_3__["default"], {
4227
- label: __('Category Typography'),
4228
- value: post_meta_typography,
4229
- onChange: val => setAttributes({
4230
- post_meta_typography: val
4231
- })
4232
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Dimension__WEBPACK_IMPORTED_MODULE_5__["default"], {
4233
- label: __("Meta Spacing", "the-post-grid"),
4234
- type: "margin",
4235
- responsive: true,
4236
- value: meta_spacing,
4237
- onChange: value => {
4238
- setAttributes({
4239
- meta_spacing: value
4240
- });
4241
- }
4242
- }), category_position !== 'default' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalHeading, {
4243
- className: "rttpg-control-heading"
4244
- }, __("Separate Category:", "the-post-grid")), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Typography__WEBPACK_IMPORTED_MODULE_3__["default"], {
4245
- label: __('Separate Cat Typography'),
4246
- value: separator_cat_typography,
4247
- onChange: val => setAttributes({
4248
- separator_cat_typography: val
4249
- })
4250
- })), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Range__WEBPACK_IMPORTED_MODULE_6__["default"], {
4251
- label: __("Category Margin Bottom"),
4252
- reset: true,
4253
- value: category_margin_bottom,
4254
- onChange: val => setAttributes({
4255
- category_margin_bottom: val
4256
- }),
4257
- min: 0,
4258
- max: 50,
4259
- step: 1
4260
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Dimension__WEBPACK_IMPORTED_MODULE_5__["default"], {
4261
- label: __("Category Border Radius", "the-post-grid"),
4262
- type: "borderRadius",
4263
- responsive: true,
4264
- value: category_radius,
4265
- onChange: value => {
4266
- setAttributes({
4267
- category_radius: value
4268
- });
4269
- }
4270
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ButtonGroup, {
4271
- className: "rttpg-btn-group rttpg-btn-group-state"
4272
- }, _components_Constants__WEBPACK_IMPORTED_MODULE_2__.BOX_HOVER.map((item, key) => (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
4273
- key: key,
4274
- isPrimary: meta_info_style_tabs === item.value,
4275
- isSecondary: meta_info_style_tabs !== item.value,
4276
- onClick: () => setAttributes({
4277
- meta_info_style_tabs: item.value
4278
- })
4279
- }, item.label))), meta_info_style_tabs === 'normal' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Color__WEBPACK_IMPORTED_MODULE_4__["default"], {
4280
- label: __('Meta Color', 'the-post-grid'),
4281
- color: meta_info_color,
4282
- onChange: meta_info_color => setAttributes({
4283
- meta_info_color
4284
- })
4285
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Color__WEBPACK_IMPORTED_MODULE_4__["default"], {
4286
- label: __('Meta Link Color', 'the-post-grid'),
4287
- color: meta_link_color,
4288
- onChange: meta_link_color => setAttributes({
4289
- meta_link_color
4290
- })
4291
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Color__WEBPACK_IMPORTED_MODULE_4__["default"], {
4292
- label: __('Separator Color', 'the-post-grid'),
4293
- color: meta_separator_color,
4294
- onChange: meta_separator_color => setAttributes({
4295
- meta_separator_color
4296
- })
4297
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Color__WEBPACK_IMPORTED_MODULE_4__["default"], {
4298
- label: __('Icon Color', 'the-post-grid'),
4299
- color: meta_icon_color,
4300
- onChange: meta_icon_color => setAttributes({
4301
- meta_icon_color
4302
- })
4303
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Color__WEBPACK_IMPORTED_MODULE_4__["default"], {
4304
- label: __('Category Color', 'the-post-grid'),
4305
- color: separate_category_color,
4306
- onChange: separate_category_color => setAttributes({
4307
- separate_category_color
4308
- })
4309
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Color__WEBPACK_IMPORTED_MODULE_4__["default"], {
4310
- label: __('Category Background', 'the-post-grid'),
4311
- color: separate_category_bg,
4312
- onChange: separate_category_bg => setAttributes({
4313
- separate_category_bg
4314
- })
4315
- }), show_cat_icon === 'yes' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Color__WEBPACK_IMPORTED_MODULE_4__["default"], {
4316
- label: __('Category Icon Color', 'the-post-grid'),
4317
- color: separate_category_icon_color,
4318
- onChange: separate_category_icon_color => setAttributes({
4319
- separate_category_icon_color
4320
- })
4321
- })), meta_info_style_tabs === 'hover' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Color__WEBPACK_IMPORTED_MODULE_4__["default"], {
4322
- label: __('Meta Link Color - Hover', 'the-post-grid'),
4323
- color: meta_link_colo_hover,
4324
- onChange: meta_link_colo_hover => setAttributes({
4325
- meta_link_colo_hover
4326
- })
4327
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Color__WEBPACK_IMPORTED_MODULE_4__["default"], {
4328
- label: __('Category Color - Hover', 'the-post-grid'),
4329
- color: separate_category_color_hover,
4330
- onChange: separate_category_color_hover => setAttributes({
4331
- separate_category_color_hover
4332
- })
4333
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Color__WEBPACK_IMPORTED_MODULE_4__["default"], {
4334
- label: __('Category Background - Hover', 'the-post-grid'),
4335
- color: separate_category_bg_hover,
4336
- onChange: separate_category_bg_hover => setAttributes({
4337
- separate_category_bg_hover
4338
- })
4339
- })), meta_info_style_tabs === 'box_hover' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Color__WEBPACK_IMPORTED_MODULE_4__["default"], {
4340
- label: __('Meta Color - Box Hover', 'the-post-grid'),
4341
- color: meta_link_colo_box_hover,
4342
- onChange: meta_link_colo_box_hover => setAttributes({
4343
- meta_link_colo_box_hover
4344
- })
4345
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Color__WEBPACK_IMPORTED_MODULE_4__["default"], {
4346
- label: __('Category Color - Hover', 'the-post-grid'),
4347
- color: separate_category_color_box_hover,
4348
- onChange: separate_category_color_box_hover => setAttributes({
4349
- separate_category_color_box_hover
4350
- })
4351
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Color__WEBPACK_IMPORTED_MODULE_4__["default"], {
4352
- label: __('Category Background - Box Hover', 'the-post-grid'),
4353
- color: separate_category_bg_box_hover,
4354
- onChange: separate_category_bg_box_hover => setAttributes({
4355
- separate_category_bg_box_hover
4356
- })
4357
- }), show_cat_icon === 'yes' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Color__WEBPACK_IMPORTED_MODULE_4__["default"], {
4358
- label: __('Category Icon Color - Box Hover', 'the-post-grid'),
4359
- color: separate_category_icon_color_box_hover,
4360
- onChange: separate_category_icon_color_box_hover => setAttributes({
4361
- separate_category_icon_color_box_hover
4362
- })
4363
- })));
4364
- }
4365
-
4366
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MetaStyle);
4367
-
4368
- /***/ }),
4369
-
4370
- /***/ "./src/blocks/controller/PaginationController.js":
4371
- /*!*******************************************************!*\
4372
- !*** ./src/blocks/controller/PaginationController.js ***!
4373
- \*******************************************************/
4374
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
4375
-
4376
- "use strict";
4377
- __webpack_require__.r(__webpack_exports__);
4378
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
4379
- /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
4380
- /* harmony export */ });
4381
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
4382
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
4383
- /* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
4384
- /* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
4385
- /* harmony import */ var _components_Constants__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/Constants */ "./src/components/Constants.js");
4386
-
4387
- const {
4388
- __
4389
- } = wp.i18n;
4390
-
4391
-
4392
-
4393
- function PaginationController(props) {
4394
- const {
4395
- attributes,
4396
- setAttributes,
4397
- changeQuery
4398
- } = props.data; //All attribute
4399
-
4400
- const {
4401
- show_pagination,
4402
- display_per_page,
4403
- pagination_type,
4404
- ajax_pagination_type,
4405
- load_more_button_text
4406
- } = attributes;
4407
- return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.PanelBody, {
4408
- title: __('Pagination', 'the-post-grid'),
4409
- initialOpen: false
4410
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
4411
- label: __("Show Pagination", "the-post-grid"),
4412
- className: "rttpg-toggle-control-field",
4413
- checked: show_pagination,
4414
- onChange: show_pagination => {
4415
- setAttributes({
4416
- show_pagination: show_pagination ? 'show' : ''
4417
- });
4418
- changeQuery();
4419
- }
4420
- }), show_pagination === 'show' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalNumberControl, {
4421
- isShiftStepEnabled: true,
4422
- label: __("Display Per Page", "the-post-grid"),
4423
- help: __("Enter how may posts will display per page", "the-post-grid"),
4424
- max: 100,
4425
- min: 1,
4426
- value: display_per_page,
4427
- onChange: display_per_page => {
4428
- setAttributes({
4429
- display_per_page,
4430
- page: 1
4431
- });
4432
- changeQuery();
4433
- },
4434
- placeholder: "0",
4435
- shiftStep: 10,
4436
- step: "1",
4437
- className: "rttpg-control-field label-inline"
4438
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.SelectControl, {
4439
- label: __("Pagination Type", "the-post-grid"),
4440
- className: "rttpg-control-field label-inline rttpg-expand",
4441
- options: _components_Constants__WEBPACK_IMPORTED_MODULE_2__.PAGINATION_TYPE,
4442
- value: pagination_type,
4443
- onChange: pagination_type => setAttributes({
4444
- pagination_type
4445
- })
4446
- }), pagination_type === 'pagination_ajax' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
4447
- label: __("Enable Ajax Next Previous", "the-post-grid"),
4448
- className: "rttpg-toggle-control-field",
4449
- checked: ajax_pagination_type,
4450
- onChange: ajax_pagination_type => setAttributes({
4451
- ajax_pagination_type: ajax_pagination_type ? 'yes' : ''
4452
- })
4453
- }), pagination_type === 'load_more' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.TextControl, {
4454
- autocomplete: "off",
4455
- label: __("Button Text", "the-post-grid"),
4456
- className: "rttpg-control-field label-inline rttpg-expand",
4457
- placeholder: "Enter Button Text Here..",
4458
- value: load_more_button_text,
4459
- onChange: load_more_button_text => setAttributes({
4460
- load_more_button_text
4461
- })
4462
- })));
4463
- }
4464
-
4465
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PaginationController);
4466
-
4467
- /***/ }),
4468
-
4469
- /***/ "./src/blocks/controller/PostThumbnailSettings.js":
4470
- /*!********************************************************!*\
4471
- !*** ./src/blocks/controller/PostThumbnailSettings.js ***!
4472
- \********************************************************/
4473
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
4474
-
4475
- "use strict";
4476
- __webpack_require__.r(__webpack_exports__);
4477
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
4478
- /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
4479
- /* harmony export */ });
4480
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
4481
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
4482
- /* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
4483
- /* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
4484
- /* harmony import */ var _components_Media__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/Media */ "./src/components/Media.js");
4485
- /* harmony import */ var _components_RangeDevice__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/RangeDevice */ "./src/components/RangeDevice.js");
4486
- /* harmony import */ var _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @wordpress/api-fetch */ "@wordpress/api-fetch");
4487
- /* harmony import */ var _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_4__);
4488
-
4489
-
4490
- const {
4491
- __
4492
- } = wp.i18n;
4493
-
4494
-
4495
-
4496
-
4497
-
4498
- function PostThumbnailSettings(props) {
4499
- const {
4500
- attributes,
4501
- setAttributes,
4502
- changeQuery
4503
- } = props.data;
4504
- const imageSizes = [...props.imageSizes]; //All attribute
4505
-
4506
- const {
4507
- media_source,
4508
- image_size,
4509
- img_crop_style,
4510
- c_image_width,
4511
- c_image_height,
4512
- image_height,
4513
- image_offset_size,
4514
- offset_image_height,
4515
- hover_animation,
4516
- is_thumb_lightbox,
4517
- is_default_img,
4518
- default_image
4519
- } = attributes; // Get all Image Size
4520
- // const [ imageSizes, setImageSizes ] = useState( [] )
4521
- //
4522
- // useEffect( () => {
4523
- // apiFetch( { path: "/rttpg/v1/image-size" } )
4524
- // .then( ( imageSizes ) => {
4525
- // setImageSizes( imageSizes )
4526
- // } )
4527
- // }, [] );
4528
-
4529
- return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.PanelBody, {
4530
- title: __('Post Thumbnail', 'the-post-grid'),
4531
- initialOpen: false
4532
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.SelectControl, {
4533
- label: __("Media Source", "the-post-grid"),
4534
- className: "rttpg-control-field label-inline rttpg-expand",
4535
- options: [{
4536
- value: 'feature_image',
4537
- label: __('Feature Image', 'the-post-grid')
4538
- }, {
4539
- value: 'first_image',
4540
- label: __('First Image from content', 'the-post-grid')
4541
- }],
4542
- value: media_source,
4543
- onChange: media_source => {
4544
- setAttributes({
4545
- media_source
4546
- });
4547
- changeQuery();
4548
- }
4549
- }), media_source === 'feature_image' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.SelectControl, {
4550
- label: __("Image Size", "the-post-grid"),
4551
- className: "rttpg-control-field label-inline rttpg-expand",
4552
- options: imageSizes,
4553
- value: image_size,
4554
- onChange: image_size => {
4555
- setAttributes({
4556
- image_size
4557
- });
4558
- changeQuery();
4559
- }
4560
- }), image_size === 'custom' && media_source === 'feature_image' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
4561
- className: "rttpg-ground-control"
4562
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.SelectControl, {
4563
- label: __("Image Crop Style", "the-post-grid"),
4564
- className: "rttpg-control-field label-inline rttpg-expand",
4565
- options: [{
4566
- value: 'soft',
4567
- label: __('Soft Crop', 'the-post-grid')
4568
- }, {
4569
- value: 'hard',
4570
- label: __('Hard Crop', 'the-post-grid')
4571
- }],
4572
- value: img_crop_style,
4573
- onChange: img_crop_style => setAttributes({
4574
- img_crop_style
4575
- })
4576
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
4577
- className: "rttpg-image-dimension"
4578
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("label", {
4579
- className: "components-base-control__label components-input-control__label",
4580
- htmlFor: "react-select-2-input"
4581
- }, __('Image Dimension', 'the-post-grid')), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalNumberControl // label={ __( "Width", "the-post-grid" ) }
4582
- , {
4583
- className: "rttpg-control-field",
4584
- max: 2000,
4585
- min: 1,
4586
- placeholder: "Width",
4587
- step: "1",
4588
- value: c_image_width,
4589
- onChange: c_image_width => setAttributes({
4590
- c_image_width
4591
- })
4592
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalNumberControl // label={ __( "Height", "the-post-grid" ) }
4593
- , {
4594
- className: "rttpg-control-field",
4595
- max: 2000,
4596
- min: 1,
4597
- placeholder: "Height",
4598
- step: "1",
4599
- value: c_image_height,
4600
- onChange: c_image_height => setAttributes({
4601
- c_image_height
4602
- })
4603
- })), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("small", {
4604
- className: "rttpg-help danger"
4605
- }, __("NB: Custom image size works only on front-end.", "the-post-grid")))), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_RangeDevice__WEBPACK_IMPORTED_MODULE_3__["default"], {
4606
- label: __('Image Height'),
4607
- responsive: true,
4608
- min: 0,
4609
- max: 1000,
4610
- step: 1,
4611
- value: image_height,
4612
- onChange: val => setAttributes({
4613
- image_height: val
4614
- })
4615
- }), false && 0, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.SelectControl, {
4616
- label: __("Image Hover Animation", "the-post-grid"),
4617
- className: "rttpg-control-field label-inline rttpg-expand",
4618
- options: [{
4619
- value: 'default',
4620
- label: __('Default', 'the-post-grid')
4621
- }, {
4622
- value: 'img_zoom_in',
4623
- label: __('Zoom In', 'the-post-grid')
4624
- }, {
4625
- value: 'img_zoom_out',
4626
- label: __('Zoom Out', 'the-post-grid')
4627
- }, {
4628
- value: 'slide_to_right',
4629
- label: __('Slide to Right', 'the-post-grid')
4630
- }, {
4631
- value: 'slide_to_left',
4632
- label: __('Slide to Left', 'the-post-grid')
4633
- }, {
4634
- value: 'img_no_effect',
4635
- label: __('None', 'the-post-grid')
4636
- }],
4637
- value: hover_animation,
4638
- onChange: hover_animation => setAttributes({
4639
- hover_animation
4640
- })
4641
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.SelectControl, {
4642
- label: __("Light Box", "the-post-grid"),
4643
- className: "rttpg-control-field label-inline rttpg-expand",
4644
- options: [{
4645
- value: 'default',
4646
- label: __('Default', 'the-post-grid')
4647
- }, {
4648
- value: 'show',
4649
- label: __('Show', 'the-post-grid')
4650
- }, {
4651
- value: 'hide',
4652
- label: __('Hide', 'the-post-grid')
4653
- }],
4654
- value: is_thumb_lightbox,
4655
- onChange: is_thumb_lightbox => setAttributes({
4656
- is_thumb_lightbox
4657
- })
4658
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
4659
- label: __("Enable Default Image", "the-post-grid"),
4660
- className: "rttpg-toggle-control-field",
4661
- checked: is_default_img,
4662
- onChange: is_default_img => setAttributes({
4663
- is_default_img: is_default_img ? 'yes' : ''
4664
- })
4665
- }), is_default_img === 'yes' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Media__WEBPACK_IMPORTED_MODULE_2__["default"], {
4666
- label: __("Default Image", "the-post-grid"),
4667
- multiple: false,
4668
- type: ['image'],
4669
- panel: true,
4670
- value: default_image,
4671
- onChange: val => {
4672
- setAttributes({
4673
- default_image: val
4674
- });
4675
- changeQuery();
4676
- }
4677
- }));
4678
- }
4679
-
4680
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PostThumbnailSettings);
4681
-
4682
- /***/ }),
4683
-
4684
- /***/ "./src/blocks/controller/PostThumbnailStyle.js":
4685
- /*!*****************************************************!*\
4686
- !*** ./src/blocks/controller/PostThumbnailStyle.js ***!
4687
- \*****************************************************/
4688
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
4689
-
4690
- "use strict";
4691
- __webpack_require__.r(__webpack_exports__);
4692
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
4693
- /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
4694
- /* harmony export */ });
4695
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
4696
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
4697
- /* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
4698
- /* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
4699
- /* harmony import */ var _components_Constants__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/Constants */ "./src/components/Constants.js");
4700
- /* harmony import */ var _components_Color__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/Color */ "./src/components/Color.js");
4701
- /* harmony import */ var _components_Dimension__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/Dimension */ "./src/components/Dimension.js");
4702
- /* harmony import */ var _components_Background__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/Background */ "./src/components/Background.js");
4703
-
4704
- const {
4705
- __
4706
- } = wp.i18n;
4707
-
4708
-
4709
-
4710
-
4711
-
4712
-
4713
-
4714
- function PostThumbnailStyle(props) {
4715
- const {
4716
- attributes,
4717
- setAttributes
4718
- } = props.data; //All attribute
4719
-
4720
- const {
4721
- img_border_radius,
4722
- image_width,
4723
- thumbnail_spacing,
4724
- grid_hover_style_tabs,
4725
- grid_hover_overlay_color,
4726
- is_thumb_lightbox,
4727
- thumb_lightbox_bg,
4728
- thumb_lightbox_color,
4729
- grid_hover_overlay_color_hover,
4730
- thumb_lightbox_bg_hover,
4731
- thumb_lightbox_color_hover,
4732
- grid_hover_overlay_type,
4733
- grid_hover_overlay_height,
4734
- on_hover_overlay
4735
- } = attributes;
4736
- return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.PanelBody, {
4737
- title: __('Thumbnail', 'the-post-grid'),
4738
- initialOpen: false
4739
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Dimension__WEBPACK_IMPORTED_MODULE_4__["default"], {
4740
- label: __("Border Radius", "the-post-grid"),
4741
- type: "borderRadius",
4742
- responsive: true,
4743
- value: img_border_radius,
4744
- onChange: value => {
4745
- setAttributes({
4746
- img_border_radius: value
4747
- });
4748
- }
4749
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.SelectControl, {
4750
- label: __("Image Width (Optional)", "the-post-grid"),
4751
- className: "rttpg-control-field label-inline rttpg-expand",
4752
- options: [{
4753
- value: 'inherit',
4754
- label: __('Default', 'the-post-grid')
4755
- }, {
4756
- value: '100%',
4757
- label: __('100%', 'the-post-grid')
4758
- }, {
4759
- value: 'auto',
4760
- label: __('Auto', 'the-post-grid')
4761
- }],
4762
- value: image_width,
4763
- onChange: image_width => setAttributes({
4764
- image_width
4765
- })
4766
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Dimension__WEBPACK_IMPORTED_MODULE_4__["default"], {
4767
- label: __("Thumbnail Margin", "the-post-grid"),
4768
- type: "margin",
4769
- responsive: true,
4770
- value: thumbnail_spacing,
4771
- onChange: value => {
4772
- setAttributes({
4773
- thumbnail_spacing: value
4774
- });
4775
- }
4776
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalHeading, {
4777
- className: "rttpg-control-heading"
4778
- }, __("Overlay Style:", "the-post-grid")), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ButtonGroup, {
4779
- className: "rttpg-btn-group rttpg-btn-group-state"
4780
- }, _components_Constants__WEBPACK_IMPORTED_MODULE_2__.NORMAL_HOVER.map((item, key) => (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
4781
- key: key,
4782
- isPrimary: grid_hover_style_tabs === item.value,
4783
- isSecondary: grid_hover_style_tabs !== item.value,
4784
- onClick: () => setAttributes({
4785
- grid_hover_style_tabs: item.value
4786
- })
4787
- }, item.label))), grid_hover_style_tabs === 'normal' ? (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Background__WEBPACK_IMPORTED_MODULE_5__["default"], {
4788
- label: __("Overlay BG", "the-post-grid"),
4789
- image: false,
4790
- value: grid_hover_overlay_color,
4791
- onChange: val => setAttributes({
4792
- grid_hover_overlay_color: val
4793
- })
4794
- }), is_thumb_lightbox === 'show' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Color__WEBPACK_IMPORTED_MODULE_3__["default"], {
4795
- label: __('Light Box Background', 'the-post-grid'),
4796
- color: thumb_lightbox_bg,
4797
- onChange: thumb_lightbox_bg => setAttributes({
4798
- thumb_lightbox_bg
4799
- })
4800
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Color__WEBPACK_IMPORTED_MODULE_3__["default"], {
4801
- label: __('Light Box Color', 'the-post-grid'),
4802
- color: thumb_lightbox_color,
4803
- onChange: thumb_lightbox_color => setAttributes({
4804
- thumb_lightbox_color
4805
- })
4806
- }))) : (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Background__WEBPACK_IMPORTED_MODULE_5__["default"], {
4807
- label: __("Overlay BG - Hover", "the-post-grid"),
4808
- image: false,
4809
- value: grid_hover_overlay_color_hover,
4810
- onChange: val => setAttributes({
4811
- grid_hover_overlay_color_hover: val
4812
- })
4813
- }), is_thumb_lightbox === 'show' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Color__WEBPACK_IMPORTED_MODULE_3__["default"], {
4814
- label: __('Light Box Background - Hover', 'the-post-grid'),
4815
- color: thumb_lightbox_bg_hover,
4816
- onChange: thumb_lightbox_bg_hover => setAttributes({
4817
- thumb_lightbox_bg_hover
4818
- })
4819
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Color__WEBPACK_IMPORTED_MODULE_3__["default"], {
4820
- label: __('Light Box Color - Hover', 'the-post-grid'),
4821
- color: thumb_lightbox_color_hover,
4822
- onChange: thumb_lightbox_color_hover => setAttributes({
4823
- thumb_lightbox_color_hover
4824
- })
4825
- }))), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("hr", null), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.SelectControl, {
4826
- label: __('Overlay Interaction', 'the-post-grid'),
4827
- className: "rttpg-control-field label-inline rttpg-expand",
4828
- help: __("If you don\\'t choose overlay background then it will work only for some selected layout", "the-post-grid"),
4829
- value: grid_hover_overlay_type,
4830
- options: _components_Constants__WEBPACK_IMPORTED_MODULE_2__.OVERLAY_TYPE,
4831
- onChange: grid_hover_overlay_type => setAttributes({
4832
- grid_hover_overlay_type
4833
- })
4834
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.SelectControl, {
4835
- label: __("Overlay Height", "the-post-grid"),
4836
- className: "rttpg-control-field label-inline rttpg-expand",
4837
- options: [{
4838
- value: 'default',
4839
- label: __('Default', 'the-post-grid')
4840
- }, {
4841
- value: 'full',
4842
- label: __('100%', 'the-post-grid')
4843
- }, {
4844
- value: 'auto',
4845
- label: __('Auto', 'the-post-grid')
4846
- }],
4847
- value: grid_hover_overlay_height,
4848
- onChange: grid_hover_overlay_height => setAttributes({
4849
- grid_hover_overlay_height
4850
- })
4851
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.SelectControl, {
4852
- label: __("Overlay Height on hover", "the-post-grid"),
4853
- className: "rttpg-control-field label-inline rttpg-expand",
4854
- options: [{
4855
- value: 'default',
4856
- label: __('Default', 'the-post-grid')
4857
- }, {
4858
- value: 'full',
4859
- label: __('100%', 'the-post-grid')
4860
- }, {
4861
- value: 'auto',
4862
- label: __('Auto', 'the-post-grid')
4863
- }],
4864
- value: on_hover_overlay,
4865
- onChange: on_hover_overlay => setAttributes({
4866
- on_hover_overlay
4867
- })
4868
- }));
4869
- }
4870
-
4871
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PostThumbnailStyle);
4872
-
4873
- /***/ }),
4874
-
4875
- /***/ "./src/blocks/controller/QueryController.js":
4876
- /*!**************************************************!*\
4877
- !*** ./src/blocks/controller/QueryController.js ***!
4878
- \**************************************************/
4879
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
4880
-
4881
- "use strict";
4882
- __webpack_require__.r(__webpack_exports__);
4883
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
4884
- /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
4885
- /* harmony export */ });
4886
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
4887
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
4888
- /* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
4889
- /* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
4890
- /* harmony import */ var react_select__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react-select */ "./node_modules/react-select/dist/react-select.esm.js");
4891
- /* harmony import */ var flatpickr_dist_themes_light_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! flatpickr/dist/themes/light.css */ "./node_modules/flatpickr/dist/themes/light.css");
4892
- /* harmony import */ var react_flatpickr__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react-flatpickr */ "./node_modules/react-flatpickr/build/index.js");
4893
- /* harmony import */ var _components_Constants__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/Constants */ "./src/components/Constants.js");
4894
-
4895
- const {
4896
- __
4897
- } = wp.i18n;
4898
-
4899
-
4900
-
4901
-
4902
-
4903
-
4904
-
4905
- function QueryController(props) {
4906
- const {
4907
- attributes,
4908
- setAttributes,
4909
- changeQuery
4910
- } = props.data; //All attribute
4911
-
4912
- const {
4913
- ignore_sticky_posts,
4914
- no_posts_found_text,
4915
- post_type,
4916
- post_id,
4917
- exclude,
4918
- post_limit,
4919
- offset,
4920
- author,
4921
- post_keyword,
4922
- relation,
4923
- orderby,
4924
- order,
4925
- taxonomy_lists,
4926
- start_date,
4927
- end_date
4928
- } = attributes;
4929
- const allTermList = rttpgParams.all_term_list;
4930
- const allTaxonomyList = rttpgParams.get_taxonomies;
4931
- let tpgAllTaxonomies = new Set();
4932
-
4933
- for (let tax in allTaxonomyList) {
4934
- let value = allTaxonomyList[tax];
4935
-
4936
- if (value.object_type[0] === post_type) {
4937
- tpgAllTaxonomies.add({
4938
- value: value.name,
4939
- name: value.label
4940
- });
4941
- }
4942
- }
4943
-
4944
- tpgAllTaxonomies = [...tpgAllTaxonomies];
4945
- return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.PanelBody, {
4946
- title: __('Query Build', 'the-post-grid'),
4947
- initialOpen: false
4948
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.SelectControl, {
4949
- label: __('Post Source', 'the-post-grid'),
4950
- className: "rttpg-control-field label-inline rttpg-expand",
4951
- value: post_type,
4952
- options: _components_Constants__WEBPACK_IMPORTED_MODULE_4__.POSTS_TYPE,
4953
- onChange: post_type => {
4954
- setAttributes({
4955
- post_type,
4956
- page: 1
4957
- });
4958
- changeQuery();
4959
- }
4960
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalHeading, {
4961
- className: "rttpg-control-heading"
4962
- }, __("Common Filters:", "the-post-grid")), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.TextControl, {
4963
- autocomplete: "off",
4964
- label: __("Include only", "the-post-grid"),
4965
- help: __("Enter the post IDs separated by comma for include", "the-post-grid"),
4966
- className: "rttpg-control-field label-inline rttpg-expand has-help",
4967
- placeholder: "Eg. 10, 15, 17",
4968
- value: post_id,
4969
- onChange: post_id => {
4970
- setAttributes({
4971
- post_id
4972
- });
4973
- changeQuery();
4974
- }
4975
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.TextControl, {
4976
- autocomplete: "off",
4977
- label: __("Exclude", "the-post-grid"),
4978
- help: __("Enter the post IDs separated by comma for exclude", "the-post-grid"),
4979
- placeholder: "Eg. 12, 13",
4980
- className: "rttpg-control-field label-inline rttpg-expand has-help",
4981
- value: exclude,
4982
- onChange: exclude => {
4983
- setAttributes({
4984
- exclude
4985
- });
4986
- changeQuery();
4987
- }
4988
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalNumberControl, {
4989
- isShiftStepEnabled: true,
4990
- label: __("Limit", "the-post-grid"),
4991
- help: __("The number of posts to show. Enter -1 to show all found posts.", "the-post-grid"),
4992
- max: 100,
4993
- min: 0,
4994
- value: post_limit,
4995
- onChange: post_limit => {
4996
- setAttributes({
4997
- post_limit
4998
- });
4999
- changeQuery();
5000
- },
5001
- placeholder: "0",
5002
- shiftStep: 10,
5003
- step: "1",
5004
- className: "rttpg-control-field label-inline"
5005
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalNumberControl, {
5006
- isShiftStepEnabled: true,
5007
- label: __("Offset", "the-post-grid"),
5008
- max: 100,
5009
- min: 0,
5010
- value: offset,
5011
- onChange: offset => {
5012
- setAttributes({
5013
- offset
5014
- });
5015
- changeQuery();
5016
- },
5017
- placeholder: "0",
5018
- shiftStep: 10,
5019
- step: "1",
5020
- className: "rttpg-control-field label-inline"
5021
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalHeading, {
5022
- className: "rttpg-control-heading"
5023
- }, __("Advanced Filters:", "the-post-grid")), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
5024
- className: "rttpg-ground-control"
5025
- }, tpgAllTaxonomies.map(taxonomy => {
5026
- return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
5027
- className: "components-base-control rttpg-repeater"
5028
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("label", {
5029
- className: "components-base-control__label components-input-control__label",
5030
- htmlFor: "react-select-2-input"
5031
- }, __('By ' + taxonomy.name, 'the-post-grid')), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(react_select__WEBPACK_IMPORTED_MODULE_5__["default"], {
5032
- options: (0,_components_Constants__WEBPACK_IMPORTED_MODULE_4__.PRINT_TAXONOMY)(allTermList[taxonomy.value]),
5033
- value: Object.keys(taxonomy_lists).length > 0 ? taxonomy_lists[taxonomy.value] !== undefined ? taxonomy_lists[taxonomy.value].options : [] : [],
5034
- onChange: value => {
5035
- props.changeTaxonomy(value, taxonomy.value);
5036
- },
5037
- isMulti: true,
5038
- closeMenuOnSelect: true,
5039
- isClearable: false
5040
- }));
5041
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.SelectControl, {
5042
- label: __("Taxonomies Relation", "the-post-grid"),
5043
- className: "rttpg-control-field label-inline",
5044
- value: relation,
5045
- options: _components_Constants__WEBPACK_IMPORTED_MODULE_4__.TAX_RELATION,
5046
- onChange: relation => {
5047
- setAttributes({
5048
- relation
5049
- });
5050
- changeQuery();
5051
- }
5052
- })), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.SelectControl, {
5053
- label: __("By Author", "the-post-grid"),
5054
- className: "rttpg-control-field label-inline rttpg-expand",
5055
- value: author,
5056
- options: _components_Constants__WEBPACK_IMPORTED_MODULE_4__.AUTHOR_LISTS,
5057
- onChange: author => {
5058
- setAttributes({
5059
- author
5060
- });
5061
- changeQuery();
5062
- }
5063
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.TextControl, {
5064
- autocomplete: "off",
5065
- label: __("By Keyword", "the-post-grid"),
5066
- className: "rttpg-control-field label-inline rttpg-expand",
5067
- placeholder: "Search by keyword",
5068
- value: post_keyword,
5069
- onChange: post_keyword => {
5070
- setAttributes({
5071
- post_keyword
5072
- });
5073
- changeQuery();
5074
- }
5075
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
5076
- className: "rttpg-elm-wrapper"
5077
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("label", null, __("Start Date", "the-post-grid")), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(react_flatpickr__WEBPACK_IMPORTED_MODULE_3__["default"], {
5078
- label: __("Start Date", "the-post-grid"),
5079
- options: {
5080
- 'dateFormat': "M j, Y"
5081
- },
5082
- placeholder: "Choose Start Date...",
5083
- value: start_date,
5084
- onChange: _ref => {
5085
- let [start_date] = _ref;
5086
- setAttributes({
5087
- start_date
5088
- });
5089
- changeQuery();
5090
- }
5091
- })), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
5092
- className: "rttpg-elm-wrapper"
5093
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("label", null, " ", __("End Date", "the-post-grid")), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(react_flatpickr__WEBPACK_IMPORTED_MODULE_3__["default"], {
5094
- label: __("End Date", "the-post-grid"),
5095
- options: {
5096
- 'dateFormat': "M j, Y"
5097
- },
5098
- placeholder: "Choose End Date...",
5099
- value: end_date,
5100
- onChange: _ref2 => {
5101
- let [end_date] = _ref2;
5102
- setAttributes({
5103
- end_date
5104
- });
5105
- changeQuery();
5106
- }
5107
- })), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.SelectControl, {
5108
- label: __("Order By", "the-post-grid"),
5109
- className: "rttpg-control-field label-inline rttpg-expand",
5110
- value: orderby,
5111
- options: _components_Constants__WEBPACK_IMPORTED_MODULE_4__.POST_ORDER_BY,
5112
- onChange: orderby => {
5113
- setAttributes({
5114
- orderby
5115
- });
5116
- changeQuery();
5117
- }
5118
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.SelectControl, {
5119
- label: __("Sort Order", "the-post-grid"),
5120
- className: "rttpg-control-field label-inline rttpg-expand",
5121
- value: order,
5122
- options: _components_Constants__WEBPACK_IMPORTED_MODULE_4__.POST_SORT_ORDER,
5123
- onChange: order => {
5124
- setAttributes({
5125
- order
5126
- });
5127
- changeQuery();
5128
- }
5129
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("hr", null), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
5130
- label: __("Ignore sticky posts at the top", "the-post-grid"),
5131
- className: "rttpg-toggle-control-field",
5132
- checked: ignore_sticky_posts,
5133
- onChange: ignore_sticky_posts => {
5134
- setAttributes({
5135
- ignore_sticky_posts: ignore_sticky_posts ? 'yes' : ''
5136
- });
5137
- changeQuery();
5138
- }
5139
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.TextControl, {
5140
- autocomplete: "off",
5141
- label: __("No Post Found Text", "the-post-grid"),
5142
- className: "rttpg-control-field",
5143
- value: no_posts_found_text,
5144
- onChange: no_posts_found_text => {
5145
- setAttributes({
5146
- no_posts_found_text
5147
- });
5148
- changeQuery();
5149
- }
5150
- }));
5151
- }
5152
-
5153
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (QueryController);
5154
-
5155
- /***/ }),
5156
-
5157
- /***/ "./src/blocks/controller/ReadMoreSettings.js":
5158
- /*!***************************************************!*\
5159
- !*** ./src/blocks/controller/ReadMoreSettings.js ***!
5160
- \***************************************************/
5161
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
5162
-
5163
- "use strict";
5164
- __webpack_require__.r(__webpack_exports__);
5165
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
5166
- /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
5167
- /* harmony export */ });
5168
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
5169
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
5170
- /* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
5171
- /* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
5172
- /* harmony import */ var _components_IconList__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/IconList */ "./src/components/IconList.js");
5173
-
5174
- const {
5175
- __
5176
- } = wp.i18n;
5177
-
5178
-
5179
-
5180
- function ReadMoreSettings(props) {
5181
- const {
5182
- attributes,
5183
- setAttributes
5184
- } = props.data; //All attribute
5185
-
5186
- const {
5187
- show_read_more,
5188
- readmore_btn_style,
5189
- read_more_label,
5190
- show_btn_icon,
5191
- readmore_btn_icon
5192
- } = attributes;
5193
-
5194
- if (show_read_more !== 'show') {
5195
- return '';
5196
- }
5197
-
5198
- return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.PanelBody, {
5199
- title: __('Read More', 'the-post-grid'),
5200
- initialOpen: false
5201
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.SelectControl, {
5202
- label: __("Button Style", "the-post-grid"),
5203
- className: "rttpg-control-field label-inline rttpg-expand",
5204
- options: [{
5205
- value: 'default-style',
5206
- label: __('Default from style', 'the-post-grid')
5207
- }, {
5208
- value: 'only-text',
5209
- label: __('Text Button', 'the-post-grid')
5210
- }],
5211
- value: readmore_btn_style,
5212
- onChange: readmore_btn_style => setAttributes({
5213
- readmore_btn_style
5214
- })
5215
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.TextControl, {
5216
- autocomplete: "off",
5217
- label: __("Button Label", "the-post-grid"),
5218
- className: "rttpg-control-field label-inline rttpg-expand",
5219
- placeholder: "Type Read More Label here",
5220
- value: read_more_label,
5221
- onChange: read_more_label => setAttributes({
5222
- read_more_label
5223
- })
5224
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
5225
- label: __("Show Button Icon", "the-post-grid"),
5226
- className: "rttpg-toggle-control-field",
5227
- checked: show_btn_icon,
5228
- onChange: show_btn_icon => setAttributes({
5229
- show_btn_icon: show_btn_icon ? 'yes' : ''
5230
- })
5231
- }), show_btn_icon === 'yes' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_IconList__WEBPACK_IMPORTED_MODULE_2__["default"], {
5232
- label: __("Choose Icon", "the-post-grid"),
5233
- className: "rttpg-toggle-control-field",
5234
- value: readmore_btn_icon,
5235
- onChange: val => setAttributes({
5236
- readmore_btn_icon: val
5237
- })
5238
- }));
5239
- }
5240
-
5241
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ReadMoreSettings);
5242
-
5243
- /***/ }),
5244
-
5245
- /***/ "./src/blocks/controller/ReadMoreStyle.js":
5246
- /*!************************************************!*\
5247
- !*** ./src/blocks/controller/ReadMoreStyle.js ***!
5248
- \************************************************/
5249
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
5250
-
5251
- "use strict";
5252
- __webpack_require__.r(__webpack_exports__);
5253
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
5254
- /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
5255
- /* harmony export */ });
5256
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
5257
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
5258
- /* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
5259
- /* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
5260
- /* harmony import */ var _components_Constants__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/Constants */ "./src/components/Constants.js");
5261
- /* harmony import */ var _components_Typography__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/Typography */ "./src/components/Typography.js");
5262
- /* harmony import */ var _components_Color__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/Color */ "./src/components/Color.js");
5263
- /* harmony import */ var _components_Dimension__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/Dimension */ "./src/components/Dimension.js");
5264
- /* harmony import */ var _components_RangeDevice__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../components/RangeDevice */ "./src/components/RangeDevice.js");
5265
- /* harmony import */ var _components_Alignment__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../components/Alignment */ "./src/components/Alignment.js");
5266
-
5267
- const {
5268
- __
5269
- } = wp.i18n;
5270
-
5271
-
5272
-
5273
-
5274
-
5275
-
5276
-
5277
-
5278
-
5279
- function ReadMoreStyle(props) {
5280
- const {
5281
- attributes,
5282
- setAttributes
5283
- } = props.data; //All attribute
5284
-
5285
- const {
5286
- prefix,
5287
- show_read_more,
5288
- readmore_typography,
5289
- readmore_spacing,
5290
- readmore_btn_style,
5291
- readmore_padding,
5292
- readmore_btn_alignment,
5293
- readmore_icon_position,
5294
- readmore_icon_size,
5295
- readmore_icon_y_position,
5296
- readmore_style_tabs,
5297
- readmore_text_color,
5298
- readmore_icon_color,
5299
- readmore_bg,
5300
- border_radius,
5301
- readmore_border,
5302
- readmore_icon_margin,
5303
- readmore_text_color_hover,
5304
- readmore_icon_color_hover,
5305
- readmore_bg_hover,
5306
- border_radius_hover,
5307
- readmore_border_hover,
5308
- show_btn_icon,
5309
- readmore_icon_margin_hover,
5310
- readmore_text_color_box_hover,
5311
- readmore_icon_color_box_hover,
5312
- readmore_bg_box_hover,
5313
- readmore_border_box_hover
5314
- } = attributes;
5315
- let postLayout = prefix + "_layout";
5316
-
5317
- if (!(show_read_more === 'show' && attributes[postLayout] !== 'grid-layout7')) {
5318
- return '';
5319
- }
5320
-
5321
- return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.PanelBody, {
5322
- title: __('Read More', 'the-post-grid'),
5323
- initialOpen: false
5324
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Typography__WEBPACK_IMPORTED_MODULE_3__["default"], {
5325
- label: __('Typography'),
5326
- value: readmore_typography,
5327
- onChange: val => setAttributes({
5328
- readmore_typography: val
5329
- })
5330
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Dimension__WEBPACK_IMPORTED_MODULE_5__["default"], {
5331
- label: __("Button Spacing", "the-post-grid"),
5332
- type: "margin",
5333
- responsive: true,
5334
- value: readmore_spacing,
5335
- onChange: value => {
5336
- setAttributes({
5337
- readmore_spacing: value
5338
- });
5339
- }
5340
- }), readmore_btn_style === 'default-style' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Dimension__WEBPACK_IMPORTED_MODULE_5__["default"], {
5341
- label: __("Button Padding", "the-post-grid"),
5342
- type: "padding",
5343
- responsive: true,
5344
- value: readmore_padding,
5345
- onChange: value => {
5346
- setAttributes({
5347
- readmore_padding: value
5348
- });
5349
- }
5350
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Alignment__WEBPACK_IMPORTED_MODULE_7__["default"], {
5351
- label: __("Button Alignment", "the-post-grid"),
5352
- options: ['left', 'center', 'right'],
5353
- value: readmore_btn_alignment,
5354
- onChange: readmore_btn_alignment => setAttributes({
5355
- readmore_btn_alignment
5356
- })
5357
- }), show_btn_icon === 'yes' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.SelectControl, {
5358
- label: __("Icon Position", "the-post-grid"),
5359
- className: "rttpg-control-field label-inline rttpg-expand",
5360
- options: [{
5361
- value: 'left',
5362
- label: __('Left', 'the-post-grid')
5363
- }, {
5364
- value: 'right',
5365
- label: __('Right', 'the-post-grid')
5366
- }],
5367
- value: readmore_icon_position,
5368
- onChange: readmore_icon_position => setAttributes({
5369
- readmore_icon_position
5370
- })
5371
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_RangeDevice__WEBPACK_IMPORTED_MODULE_6__["default"], {
5372
- label: __('Icon Size'),
5373
- responsive: true,
5374
- min: 10,
5375
- max: 50,
5376
- step: 1,
5377
- value: readmore_icon_size,
5378
- onChange: val => setAttributes({
5379
- readmore_icon_size: val
5380
- })
5381
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_RangeDevice__WEBPACK_IMPORTED_MODULE_6__["default"], {
5382
- label: __('Icon Vertical Position'),
5383
- responsive: true,
5384
- min: -20,
5385
- max: 20,
5386
- step: 1,
5387
- value: readmore_icon_y_position,
5388
- onChange: val => setAttributes({
5389
- readmore_icon_y_position: val
5390
- })
5391
- })), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ButtonGroup, {
5392
- className: "rttpg-btn-group rttpg-btn-group-state"
5393
- }, _components_Constants__WEBPACK_IMPORTED_MODULE_2__.BOX_HOVER.map((item, key) => (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
5394
- key: key,
5395
- isPrimary: readmore_style_tabs === item.value,
5396
- isSecondary: readmore_style_tabs !== item.value,
5397
- onClick: () => setAttributes({
5398
- readmore_style_tabs: item.value
5399
- })
5400
- }, item.label))), readmore_style_tabs === 'normal' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Color__WEBPACK_IMPORTED_MODULE_4__["default"], {
5401
- label: __('Text Color', 'the-post-grid'),
5402
- color: readmore_text_color,
5403
- onChange: readmore_text_color => setAttributes({
5404
- readmore_text_color
5405
- })
5406
- }), show_btn_icon === 'yes' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Color__WEBPACK_IMPORTED_MODULE_4__["default"], {
5407
- label: __('Icon Color', 'the-post-grid'),
5408
- color: readmore_icon_color,
5409
- onChange: readmore_icon_color => setAttributes({
5410
- readmore_icon_color
5411
- })
5412
- }), readmore_btn_style === 'default-style' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Color__WEBPACK_IMPORTED_MODULE_4__["default"], {
5413
- label: __('Background Color', 'the-post-grid'),
5414
- color: readmore_bg,
5415
- onChange: readmore_bg => setAttributes({
5416
- readmore_bg
5417
- })
5418
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Dimension__WEBPACK_IMPORTED_MODULE_5__["default"], {
5419
- label: __("Border Radius", "the-post-grid"),
5420
- type: "borderRadius",
5421
- responsive: true,
5422
- value: border_radius,
5423
- onChange: value => {
5424
- setAttributes({
5425
- border_radius: value
5426
- });
5427
- }
5428
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalBorderControl, {
5429
- value: readmore_border,
5430
- label: __("Button Border", "the-post-grid"),
5431
- onChange: val => setAttributes({
5432
- readmore_border: val
5433
- }),
5434
- withSlider: true
5435
- })), show_btn_icon === 'yes' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Dimension__WEBPACK_IMPORTED_MODULE_5__["default"], {
5436
- label: __("Icon Spacing", "the-post-grid"),
5437
- type: "margin",
5438
- responsive: true,
5439
- value: readmore_icon_margin,
5440
- onChange: value => {
5441
- setAttributes({
5442
- readmore_icon_margin: value
5443
- });
5444
- }
5445
- })), readmore_style_tabs === 'hover' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Color__WEBPACK_IMPORTED_MODULE_4__["default"], {
5446
- label: __('Text Color hover', 'the-post-grid'),
5447
- color: readmore_text_color_hover,
5448
- onChange: readmore_text_color_hover => setAttributes({
5449
- readmore_text_color_hover
5450
- })
5451
- }), show_btn_icon === 'yes' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Color__WEBPACK_IMPORTED_MODULE_4__["default"], {
5452
- label: __('Icon Color - Hover', 'the-post-grid'),
5453
- color: readmore_icon_color_hover,
5454
- onChange: readmore_icon_color_hover => setAttributes({
5455
- readmore_icon_color_hover
5456
- })
5457
- }), readmore_btn_style === 'default-style' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Color__WEBPACK_IMPORTED_MODULE_4__["default"], {
5458
- label: __('Background Color - Hover', 'the-post-grid'),
5459
- color: readmore_bg_hover,
5460
- onChange: readmore_bg_hover => setAttributes({
5461
- readmore_bg_hover
5462
- })
5463
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Dimension__WEBPACK_IMPORTED_MODULE_5__["default"], {
5464
- label: __("Border Radius - Hover", "the-post-grid"),
5465
- type: "borderRadius",
5466
- responsive: true,
5467
- value: border_radius_hover,
5468
- onChange: value => {
5469
- setAttributes({
5470
- border_radius_hover: value
5471
- });
5472
- }
5473
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalBorderControl, {
5474
- value: readmore_border_hover,
5475
- label: __("Button Border - Hover", "the-post-grid"),
5476
- onChange: val => setAttributes({
5477
- readmore_border_hover: val
5478
- }),
5479
- withSlider: true
5480
- })), show_btn_icon === 'yes' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Dimension__WEBPACK_IMPORTED_MODULE_5__["default"], {
5481
- label: __("Icon Spacing - Hover", "the-post-grid"),
5482
- type: "margin",
5483
- responsive: true,
5484
- value: readmore_icon_margin_hover,
5485
- onChange: value => {
5486
- setAttributes({
5487
- readmore_icon_margin_hover: value
5488
- });
5489
- }
5490
- })), readmore_style_tabs === 'box_hover' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Color__WEBPACK_IMPORTED_MODULE_4__["default"], {
5491
- label: __('Text Color - BoxHover', 'the-post-grid'),
5492
- color: readmore_text_color_box_hover,
5493
- onChange: readmore_text_color_box_hover => setAttributes({
5494
- readmore_text_color_box_hover
5495
- })
5496
- }), show_btn_icon === 'yes' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Color__WEBPACK_IMPORTED_MODULE_4__["default"], {
5497
- label: __('Icon Color - BoxHover', 'the-post-grid'),
5498
- color: readmore_icon_color_box_hover,
5499
- onChange: readmore_icon_color_box_hover => setAttributes({
5500
- readmore_icon_color_box_hover
5501
- })
5502
- }), readmore_btn_style === 'default-style' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Color__WEBPACK_IMPORTED_MODULE_4__["default"], {
5503
- label: __('Background Color - BoxHover', 'the-post-grid'),
5504
- color: readmore_bg_box_hover,
5505
- onChange: readmore_bg_box_hover => setAttributes({
5506
- readmore_bg_box_hover
5507
- })
5508
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalBorderControl, {
5509
- value: readmore_border_box_hover,
5510
- label: __("Button Border - BoxHover", "the-post-grid"),
5511
- onChange: val => setAttributes({
5512
- readmore_border_box_hover: val
5513
- }),
5514
- withSlider: true
5515
- }))));
5516
- }
5517
-
5518
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ReadMoreStyle);
5519
-
5520
- /***/ }),
5521
-
5522
- /***/ "./src/blocks/controller/SectionTitleSettings.js":
5523
- /*!*******************************************************!*\
5524
- !*** ./src/blocks/controller/SectionTitleSettings.js ***!
5525
- \*******************************************************/
5526
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
5527
-
5528
- "use strict";
5529
- __webpack_require__.r(__webpack_exports__);
5530
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
5531
- /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
5532
- /* harmony export */ });
5533
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
5534
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
5535
- /* harmony import */ var flatpickr_dist_themes_light_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! flatpickr/dist/themes/light.css */ "./node_modules/flatpickr/dist/themes/light.css");
5536
- /* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
5537
- /* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__);
5538
- /* harmony import */ var _components_Constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/Constants */ "./src/components/Constants.js");
5539
-
5540
- const {
5541
- __
5542
- } = wp.i18n;
5543
-
5544
-
5545
-
5546
-
5547
- function SectionTitleSettings(props) {
5548
- const {
5549
- attributes,
5550
- setAttributes
5551
- } = props.data; //All attribute
5552
-
5553
- const {
5554
- section_title_style,
5555
- section_title_source,
5556
- section_title_text,
5557
- section_title_tag
5558
- } = attributes;
5559
- return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.PanelBody, {
5560
- title: __('Section Title', 'the-post-grid'),
5561
- initialOpen: false
5562
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.SelectControl, {
5563
- label: __('Title Style', 'the-post-grid'),
5564
- className: "rttpg-control-field label-inline rttpg-expand",
5565
- value: section_title_style,
5566
- options: _components_Constants__WEBPACK_IMPORTED_MODULE_3__.SECTION_TITLE_STYLE,
5567
- onChange: section_title_style => setAttributes({
5568
- section_title_style
5569
- })
5570
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.SelectControl, {
5571
- label: __('Title Source', 'the-post-grid'),
5572
- className: "rttpg-control-field label-inline rttpg-expand",
5573
- value: section_title_source,
5574
- options: _components_Constants__WEBPACK_IMPORTED_MODULE_3__.SECTION_TITLE_SOURCE,
5575
- onChange: section_title_source => setAttributes({
5576
- section_title_source
5577
- })
5578
- }), 'custom_title' === section_title_source && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.TextControl, {
5579
- autocomplete: "off",
5580
- help: "Help text to explain the input.",
5581
- label: "Enter Title",
5582
- value: section_title_text,
5583
- onChange: section_title_text => setAttributes({
5584
- section_title_text
5585
- })
5586
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.SelectControl, {
5587
- label: __('Title Tags', 'the-post-grid'),
5588
- className: "rttpg-control-field label-inline rttpg-expand",
5589
- options: _components_Constants__WEBPACK_IMPORTED_MODULE_3__.HEADING,
5590
- value: section_title_tag,
5591
- onChange: section_title_tag => setAttributes({
5592
- section_title_tag
5593
- })
5594
- }));
5595
- }
5596
-
5597
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SectionTitleSettings);
5598
-
5599
- /***/ }),
5600
-
5601
- /***/ "./src/blocks/controller/SectionTitleStyle.js":
5602
- /*!****************************************************!*\
5603
- !*** ./src/blocks/controller/SectionTitleStyle.js ***!
5604
- \****************************************************/
5605
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
5606
-
5607
- "use strict";
5608
- __webpack_require__.r(__webpack_exports__);
5609
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
5610
- /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
5611
- /* harmony export */ });
5612
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
5613
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
5614
- /* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
5615
- /* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
5616
- /* harmony import */ var _components_Typography__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/Typography */ "./src/components/Typography.js");
5617
- /* harmony import */ var _components_Color__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/Color */ "./src/components/Color.js");
5618
- /* harmony import */ var _components_Dimension__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/Dimension */ "./src/components/Dimension.js");
5619
- /* harmony import */ var _components_Alignment__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/Alignment */ "./src/components/Alignment.js");
5620
-
5621
- const {
5622
- __
5623
- } = wp.i18n;
5624
-
5625
-
5626
-
5627
-
5628
-
5629
-
5630
- function SectionTitleStyle(props) {
5631
- const {
5632
- attributes,
5633
- setAttributes
5634
- } = props.data; //All attribute
5635
-
5636
- const {
5637
- show_section_title,
5638
- filter_btn_style,
5639
- section_title_alignment,
5640
- section_title_margin,
5641
- section_title_typography,
5642
- section_title_color,
5643
- section_title_bg_color,
5644
- section_title_dot_color,
5645
- section_title_style,
5646
- section_title_line_color
5647
- } = attributes;
5648
-
5649
- if (show_section_title !== 'show') {
5650
- return '';
5651
- }
5652
-
5653
- return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.PanelBody, {
5654
- title: __('Section Title', 'the-post-grid'),
5655
- initialOpen: true
5656
- }, filter_btn_style !== 'carousel' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Alignment__WEBPACK_IMPORTED_MODULE_5__["default"], {
5657
- label: __("Alignment", "the-post-grid"),
5658
- options: ['left', 'center', 'right'],
5659
- value: section_title_alignment,
5660
- onChange: section_title_alignment => setAttributes({
5661
- section_title_alignment
5662
- })
5663
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Dimension__WEBPACK_IMPORTED_MODULE_4__["default"], {
5664
- label: __("Margin", "the-post-grid"),
5665
- isLinked: false,
5666
- type: "margin",
5667
- responsive: true,
5668
- value: section_title_margin,
5669
- onChange: value => {
5670
- setAttributes({
5671
- section_title_margin: value
5672
- });
5673
- }
5674
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Typography__WEBPACK_IMPORTED_MODULE_2__["default"], {
5675
- label: __('Typography', 'the-post-grid'),
5676
- value: section_title_typography,
5677
- onChange: val => setAttributes({
5678
- section_title_typography: val
5679
- })
5680
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Color__WEBPACK_IMPORTED_MODULE_3__["default"], {
5681
- label: __('Title Color', 'the-post-grid'),
5682
- color: section_title_color,
5683
- onChange: section_title_color => setAttributes({
5684
- section_title_color
5685
- })
5686
- }), ['style2', 'style3'].includes(section_title_style) && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Color__WEBPACK_IMPORTED_MODULE_3__["default"], {
5687
- label: __('Title Background Color', 'the-post-grid'),
5688
- color: section_title_bg_color,
5689
- onChange: section_title_bg_color => setAttributes({
5690
- section_title_bg_color
5691
- })
5692
- }), section_title_style === 'style1' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Color__WEBPACK_IMPORTED_MODULE_3__["default"], {
5693
- label: __('Dot Color', 'the-post-grid'),
5694
- color: section_title_dot_color,
5695
- onChange: section_title_dot_color => setAttributes({
5696
- section_title_dot_color
5697
- })
5698
- }), section_title_style !== 'default' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Color__WEBPACK_IMPORTED_MODULE_3__["default"], {
5699
- label: __('Line / Border Color', 'the-post-grid'),
5700
- color: section_title_line_color,
5701
- onChange: section_title_line_color => setAttributes({
5702
- section_title_line_color
5703
- })
5704
- }));
5705
- }
5706
-
5707
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SectionTitleStyle);
5708
-
5709
- /***/ }),
5710
-
5711
- /***/ "./src/blocks/controller/SocialShareStyle.js":
5712
- /*!***************************************************!*\
5713
- !*** ./src/blocks/controller/SocialShareStyle.js ***!
5714
- \***************************************************/
5715
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
5716
-
5717
- "use strict";
5718
- __webpack_require__.r(__webpack_exports__);
5719
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
5720
- /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
5721
- /* harmony export */ });
5722
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
5723
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
5724
- /* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
5725
- /* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
5726
- /* harmony import */ var _components_Constants__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/Constants */ "./src/components/Constants.js");
5727
- /* harmony import */ var _components_Color__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/Color */ "./src/components/Color.js");
5728
- /* harmony import */ var _components_Dimension__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/Dimension */ "./src/components/Dimension.js");
5729
- /* harmony import */ var _components_RangeDevice__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/RangeDevice */ "./src/components/RangeDevice.js");
5730
-
5731
- const {
5732
- __
5733
- } = wp.i18n;
5734
-
5735
-
5736
-
5737
-
5738
-
5739
-
5740
-
5741
- function SocialShareStyle(props) {
5742
- const {
5743
- attributes,
5744
- setAttributes
5745
- } = props.data; //All attribute
5746
-
5747
- const {
5748
- prefix,
5749
- show_social_share,
5750
- social_icon_style,
5751
- social_icon_margin,
5752
- social_wrapper_margin,
5753
- social_icon_radius,
5754
- icon_font_size,
5755
- main_wrapper_hover_tab,
5756
- social_icon_color,
5757
- social_icon_bg_color,
5758
- social_icon_border,
5759
- social_icon_color_hover,
5760
- social_icon_bg_color_hover,
5761
- social_icon_border_hover
5762
- } = attributes;
5763
- let postLayout = prefix + "_layout";
5764
-
5765
- if (!(show_social_share === 'show' && attributes[postLayout] !== 'grid-layout7')) {
5766
- return '';
5767
- }
5768
-
5769
- return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.PanelBody, {
5770
- title: __('Social Share', 'the-post-grid'),
5771
- initialOpen: false
5772
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.SelectControl, {
5773
- label: __("Icon Color Style", "the-post-grid"),
5774
- className: "rttpg-control-field label-inline rttpg-expand",
5775
- options: [{
5776
- value: 'default',
5777
- label: __('Default (Brand Color)', 'the-post-grid')
5778
- }, {
5779
- value: '1different_color',
5780
- label: __('Different Color for each', 'the-post-grid')
5781
- }, {
5782
- value: 'custom',
5783
- label: __('Custom color', 'the-post-grid')
5784
- }],
5785
- help: __("Select Custom for your own customize", "the-post-grid"),
5786
- value: social_icon_style,
5787
- onChange: social_icon_style => setAttributes({
5788
- social_icon_style
5789
- })
5790
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Dimension__WEBPACK_IMPORTED_MODULE_4__["default"], {
5791
- label: __("Icon Margin", "the-post-grid"),
5792
- type: "margin",
5793
- responsive: true,
5794
- value: social_icon_margin,
5795
- onChange: value => {
5796
- setAttributes({
5797
- social_icon_margin: value
5798
- });
5799
- }
5800
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Dimension__WEBPACK_IMPORTED_MODULE_4__["default"], {
5801
- label: __("Icon Wrapper Spacing", "the-post-grid"),
5802
- type: "margin",
5803
- responsive: true,
5804
- value: social_wrapper_margin,
5805
- onChange: value => {
5806
- setAttributes({
5807
- social_wrapper_margin: value
5808
- });
5809
- }
5810
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Dimension__WEBPACK_IMPORTED_MODULE_4__["default"], {
5811
- label: __("Border Radius", "the-post-grid"),
5812
- type: "borderRadius",
5813
- responsive: true,
5814
- value: social_icon_radius,
5815
- onChange: value => {
5816
- setAttributes({
5817
- social_icon_radius: value
5818
- });
5819
- }
5820
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_RangeDevice__WEBPACK_IMPORTED_MODULE_5__["default"], {
5821
- label: __('Accordion Item Gap'),
5822
- responsive: true,
5823
- value: icon_font_size,
5824
- min: 0,
5825
- max: 100,
5826
- step: 1,
5827
- onChange: val => setAttributes({
5828
- icon_font_size: val
5829
- })
5830
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ButtonGroup, {
5831
- className: "rttpg-btn-group rttpg-btn-group-state"
5832
- }, _components_Constants__WEBPACK_IMPORTED_MODULE_2__.NORMAL_HOVER.map((item, key) => (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
5833
- key: key,
5834
- isPrimary: main_wrapper_hover_tab === item.value,
5835
- isSecondary: main_wrapper_hover_tab !== item.value,
5836
- onClick: () => setAttributes({
5837
- main_wrapper_hover_tab: item.value
5838
- })
5839
- }, item.label))), main_wrapper_hover_tab === 'normal' ? (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, social_icon_style === 'custom' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Color__WEBPACK_IMPORTED_MODULE_3__["default"], {
5840
- label: __('Icon color', 'the-post-grid'),
5841
- color: social_icon_color,
5842
- onChange: social_icon_color => setAttributes({
5843
- social_icon_color
5844
- })
5845
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Color__WEBPACK_IMPORTED_MODULE_3__["default"], {
5846
- label: __('Icon Background', 'the-post-grid'),
5847
- color: social_icon_bg_color,
5848
- onChange: social_icon_bg_color => setAttributes({
5849
- social_icon_bg_color
5850
- })
5851
- })), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalBorderControl, {
5852
- value: social_icon_border,
5853
- label: __("Icon Border", "the-post-grid"),
5854
- onChange: val => setAttributes({
5855
- social_icon_border: val
5856
- }),
5857
- withSlider: true
5858
- })) : (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, social_icon_style === 'custom' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Color__WEBPACK_IMPORTED_MODULE_3__["default"], {
5859
- label: __('Title Color - Hover', 'the-post-grid'),
5860
- color: social_icon_color_hover,
5861
- onChange: social_icon_color_hover => setAttributes({
5862
- social_icon_color_hover
5863
- })
5864
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Color__WEBPACK_IMPORTED_MODULE_3__["default"], {
5865
- label: __('Title Background - Hover', 'the-post-grid'),
5866
- color: social_icon_bg_color_hover,
5867
- onChange: social_icon_bg_color_hover => setAttributes({
5868
- social_icon_bg_color_hover
5869
- })
5870
- })), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalBorderControl, {
5871
- value: social_icon_border_hover,
5872
- label: __("Icon Border - Hover", "the-post-grid"),
5873
- onChange: val => setAttributes({
5874
- social_icon_border_hover: val
5875
- }),
5876
- withSlider: true
5877
- })));
5878
- }
5879
-
5880
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SocialShareStyle);
5881
-
5882
- /***/ }),
5883
-
5884
- /***/ "./src/blocks/controller/TitleSettings.js":
5885
- /*!************************************************!*\
5886
- !*** ./src/blocks/controller/TitleSettings.js ***!
5887
- \************************************************/
5888
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
5889
-
5890
- "use strict";
5891
- __webpack_require__.r(__webpack_exports__);
5892
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
5893
- /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
5894
- /* harmony export */ });
5895
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
5896
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
5897
- /* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
5898
- /* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
5899
- /* harmony import */ var _components_Constants__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/Constants */ "./src/components/Constants.js");
5900
-
5901
- const {
5902
- __
5903
- } = wp.i18n;
5904
-
5905
-
5906
-
5907
- function TitleSettings(props) {
5908
- const {
5909
- attributes,
5910
- setAttributes
5911
- } = props.data; //All attribute
5912
-
5913
- const {
5914
- title_tag,
5915
- title_visibility_style,
5916
- title_limit,
5917
- title_limit_type,
5918
- title_position,
5919
- title_hover_underline
5920
- } = attributes;
5921
- return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.PanelBody, {
5922
- title: __('Post Title', 'the-post-grid'),
5923
- initialOpen: false
5924
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.SelectControl, {
5925
- label: __('Title Tags', 'the-post-grid'),
5926
- className: "rttpg-control-field label-inline rttpg-expand",
5927
- options: _components_Constants__WEBPACK_IMPORTED_MODULE_2__.HEADING,
5928
- value: title_tag,
5929
- onChange: title_tag => setAttributes({
5930
- title_tag
5931
- })
5932
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.SelectControl, {
5933
- label: __("Title Visibility Style", "the-post-grid"),
5934
- className: "rttpg-control-field label-inline rttpg-expand",
5935
- options: _components_Constants__WEBPACK_IMPORTED_MODULE_2__.TITLE_VISIBILITY_STYLE,
5936
- value: title_visibility_style,
5937
- onChange: title_visibility_style => setAttributes({
5938
- title_visibility_style
5939
- })
5940
- }), title_visibility_style === 'custom' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalNumberControl, {
5941
- isShiftStepEnabled: true,
5942
- label: __("Title Length", "the-post-grid"),
5943
- className: "rttpg-control-field label-inline rttpg-expand",
5944
- max: 100,
5945
- min: 0,
5946
- placeholder: "0",
5947
- shiftStep: 5,
5948
- step: "1",
5949
- value: title_limit,
5950
- onChange: title_limit => setAttributes({
5951
- title_limit
5952
- })
5953
- }), title_limit > 0 && title_visibility_style === 'custom' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.SelectControl, {
5954
- label: __("Title Crop by", "the-post-grid"),
5955
- className: "rttpg-control-field label-inline rttpg-expand",
5956
- options: [{
5957
- value: 'word',
5958
- label: __('Words', 'the-post-grid')
5959
- }, {
5960
- value: 'character',
5961
- label: __('Characters', 'the-post-grid')
5962
- }],
5963
- value: title_limit_type,
5964
- onChange: title_limit_type => setAttributes({
5965
- title_limit_type
5966
- })
5967
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.SelectControl, {
5968
- label: __("Title Position", "the-post-grid"),
5969
- className: "rttpg-control-field label-inline rttpg-expand",
5970
- options: _components_Constants__WEBPACK_IMPORTED_MODULE_2__.TITLE_POSITION,
5971
- value: title_position,
5972
- onChange: title_position => setAttributes({
5973
- title_position
5974
- })
5975
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.SelectControl, {
5976
- label: __("Title Hover Underline", "the-post-grid"),
5977
- className: "rttpg-control-field label-inline rttpg-expand",
5978
- options: [{
5979
- value: 'default',
5980
- label: __('Default', 'the-post-grid')
5981
- }, {
5982
- value: 'enable',
5983
- label: __('Enable', 'the-post-grid')
5984
- }, {
5985
- value: 'disable',
5986
- label: __('Disable', 'the-post-grid')
5987
- }],
5988
- value: title_hover_underline,
5989
- onChange: title_hover_underline => setAttributes({
5990
- title_hover_underline
5991
- })
5992
- }));
5993
- }
5994
-
5995
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (TitleSettings);
5996
-
5997
- /***/ }),
5998
-
5999
- /***/ "./src/blocks/controller/TitleStyle.js":
6000
- /*!*********************************************!*\
6001
- !*** ./src/blocks/controller/TitleStyle.js ***!
6002
- \*********************************************/
6003
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
6004
-
6005
- "use strict";
6006
- __webpack_require__.r(__webpack_exports__);
6007
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
6008
- /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
6009
- /* harmony export */ });
6010
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
6011
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
6012
- /* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
6013
- /* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
6014
- /* harmony import */ var _components_Constants__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/Constants */ "./src/components/Constants.js");
6015
- /* harmony import */ var _components_Typography__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/Typography */ "./src/components/Typography.js");
6016
- /* harmony import */ var _components_Color__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/Color */ "./src/components/Color.js");
6017
- /* harmony import */ var _components_Dimension__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/Dimension */ "./src/components/Dimension.js");
6018
- /* harmony import */ var _components_Alignment__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../components/Alignment */ "./src/components/Alignment.js");
6019
-
6020
- const {
6021
- __
6022
- } = wp.i18n;
6023
-
6024
-
6025
-
6026
-
6027
-
6028
-
6029
-
6030
- function TitleStyle(props) {
6031
- const {
6032
- attributes,
6033
- setAttributes
6034
- } = props.data; //All attribute
6035
-
6036
- const {
6037
- prefix,
6038
- title_spacing,
6039
- title_padding,
6040
- title_typography,
6041
- title_offset_typography,
6042
- title_border_visibility,
6043
- title_alignment,
6044
- title_box_hover_tab,
6045
- title_color,
6046
- title_bg_color,
6047
- title_border_color,
6048
- title_hover_border_color,
6049
- title_hover_color,
6050
- title_bg_color_hover,
6051
- title_color_box_hover,
6052
- title_bg_color_box_hover,
6053
- title_border_color_hover
6054
- } = attributes;
6055
- let postLayout = prefix + "_layout";
6056
- return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.PanelBody, {
6057
- title: __('Post Title', 'the-post-grid'),
6058
- initialOpen: false
6059
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Dimension__WEBPACK_IMPORTED_MODULE_5__["default"], {
6060
- label: __("Title Margin", "the-post-grid"),
6061
- type: "margin",
6062
- responsive: true,
6063
- value: title_spacing,
6064
- onChange: value => {
6065
- setAttributes({
6066
- title_spacing: value
6067
- });
6068
- }
6069
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Dimension__WEBPACK_IMPORTED_MODULE_5__["default"], {
6070
- label: __("Title Padding", "the-post-grid"),
6071
- type: "padding",
6072
- responsive: true,
6073
- value: title_padding // isLinked={ true }
6074
- ,
6075
- onChange: value => {
6076
- setAttributes({
6077
- title_padding: value
6078
- });
6079
- }
6080
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Typography__WEBPACK_IMPORTED_MODULE_3__["default"], {
6081
- label: __('Typography'),
6082
- value: title_typography,
6083
- onChange: val => setAttributes({
6084
- title_typography: val
6085
- })
6086
- }), ['grid-layout5', 'grid-layout5-2', 'grid-layout6', 'grid-layout6-2'].includes(attributes[postLayout]) && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Typography__WEBPACK_IMPORTED_MODULE_3__["default"], {
6087
- label: __('Offset Typography'),
6088
- value: title_offset_typography,
6089
- onChange: val => setAttributes({
6090
- title_offset_typography: val
6091
- })
6092
- }), attributes[postLayout] === 'grid_hover-layout3' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.SelectControl, {
6093
- label: __("Title Border Bottom", "the-post-grid"),
6094
- className: "rttpg-control-field label-inline rttpg-expand",
6095
- options: [{
6096
- value: 'default',
6097
- label: __('Default', 'the-post-grid')
6098
- }, {
6099
- value: 'show',
6100
- label: __('Show', 'the-post-grid')
6101
- }, {
6102
- value: 'hide',
6103
- label: __('Hide', 'the-post-grid')
6104
- }],
6105
- value: title_border_visibility,
6106
- onChange: title_border_visibility => setAttributes({
6107
- title_border_visibility
6108
- })
6109
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Alignment__WEBPACK_IMPORTED_MODULE_6__["default"], {
6110
- label: __("Alignment", "the-post-grid"),
6111
- options: ['left', 'center', 'right'],
6112
- value: title_alignment,
6113
- onChange: title_alignment => setAttributes({
6114
- title_alignment
6115
- })
6116
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ButtonGroup, {
6117
- className: "rttpg-btn-group rttpg-btn-group-state"
6118
- }, _components_Constants__WEBPACK_IMPORTED_MODULE_2__.BOX_HOVER.map((item, key) => (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
6119
- key: key,
6120
- isPrimary: title_box_hover_tab === item.value,
6121
- isSecondary: title_box_hover_tab !== item.value,
6122
- onClick: () => setAttributes({
6123
- title_box_hover_tab: item.value
6124
- })
6125
- }, item.label))), title_box_hover_tab === 'normal' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Color__WEBPACK_IMPORTED_MODULE_4__["default"], {
6126
- label: __('Title Color', 'the-post-grid'),
6127
- color: title_color,
6128
- onChange: title_color => setAttributes({
6129
- title_color
6130
- })
6131
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Color__WEBPACK_IMPORTED_MODULE_4__["default"], {
6132
- label: __('Title Background', 'the-post-grid'),
6133
- color: title_bg_color,
6134
- onChange: title_bg_color => setAttributes({
6135
- title_bg_color
6136
- })
6137
- }), title_border_visibility !== 'hide' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Color__WEBPACK_IMPORTED_MODULE_4__["default"], {
6138
- label: __('Title Separator Color', 'the-post-grid'),
6139
- color: title_border_color,
6140
- onChange: title_border_color => setAttributes({
6141
- title_border_color
6142
- })
6143
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Color__WEBPACK_IMPORTED_MODULE_4__["default"], {
6144
- label: __('Title Hover Border Color', 'the-post-grid'),
6145
- color: title_hover_border_color,
6146
- onChange: title_hover_border_color => setAttributes({
6147
- title_hover_border_color
6148
- })
6149
- })), title_box_hover_tab === 'hover' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Color__WEBPACK_IMPORTED_MODULE_4__["default"], {
6150
- label: __('Title Color on Hover', 'the-post-grid'),
6151
- color: title_hover_color,
6152
- onChange: title_hover_color => setAttributes({
6153
- title_hover_color
6154
- })
6155
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Color__WEBPACK_IMPORTED_MODULE_4__["default"], {
6156
- label: __('Title Background on hover', 'the-post-grid'),
6157
- color: title_bg_color_hover,
6158
- onChange: title_bg_color_hover => setAttributes({
6159
- title_bg_color_hover
6160
- })
6161
- })), title_box_hover_tab === 'box_hover' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Color__WEBPACK_IMPORTED_MODULE_4__["default"], {
6162
- label: __('Title color on boxhover', 'the-post-grid'),
6163
- color: title_color_box_hover,
6164
- onChange: title_color_box_hover => setAttributes({
6165
- title_color_box_hover
6166
- })
6167
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Color__WEBPACK_IMPORTED_MODULE_4__["default"], {
6168
- label: __('Title Background on boxhover', 'the-post-grid'),
6169
- color: title_bg_color_box_hover,
6170
- onChange: title_bg_color_box_hover => setAttributes({
6171
- title_bg_color_box_hover
6172
- })
6173
- }), title_border_visibility !== 'hide' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Color__WEBPACK_IMPORTED_MODULE_4__["default"], {
6174
- label: __('Title Separator color - boxhover', 'the-post-grid'),
6175
- color: title_border_color_hover,
6176
- onChange: title_border_color_hover => setAttributes({
6177
- title_border_color_hover
6178
- })
6179
- })));
6180
- }
6181
-
6182
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (TitleStyle);
6183
-
6184
- /***/ }),
6185
-
6186
- /***/ "./src/blocks/grid-layout/edit.js":
6187
- /*!****************************************!*\
6188
- !*** ./src/blocks/grid-layout/edit.js ***!
6189
- \****************************************/
6190
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
6191
-
6192
- "use strict";
6193
- __webpack_require__.r(__webpack_exports__);
6194
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
6195
- /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
6196
- /* harmony export */ });
6197
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
6198
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
6199
- /* harmony import */ var _utils_css_CssGenerator__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../utils/css/CssGenerator */ "./src/utils/css/CssGenerator.js");
6200
- /* harmony import */ var _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/api-fetch */ "@wordpress/api-fetch");
6201
- /* harmony import */ var _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_2__);
6202
- /* harmony import */ var _inspector__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./inspector */ "./src/blocks/grid-layout/inspector.js");
6203
- /* harmony import */ var _layouts_GridLayouts__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./layouts/GridLayouts */ "./src/blocks/grid-layout/layouts/GridLayouts.js");
6204
-
6205
- const {
6206
- useEffect,
6207
- useState
6208
- } = wp.element;
6209
-
6210
-
6211
-
6212
-
6213
-
6214
- const Edit = props => {
6215
- const {
6216
- isSelected,
6217
- attributes,
6218
- setAttributes
6219
- } = props; //all attribute
6220
-
6221
- const {
6222
- prefix,
6223
- uniqueId,
6224
- post_type,
6225
- post_id,
6226
- exclude,
6227
- post_limit,
6228
- offset,
6229
- author,
6230
- post_keyword,
6231
- relation,
6232
- orderby,
6233
- order,
6234
- display_per_page,
6235
- layout_style,
6236
- ignore_sticky_posts,
6237
- no_posts_found_text,
6238
- show_taxonomy_filter,
6239
- show_pagination,
6240
- media_source,
6241
- image_size,
6242
- image_offset_size,
6243
- default_image,
6244
- category_position,
6245
- category_source,
6246
- tag_source,
6247
- taxonomy_lists,
6248
- start_date,
6249
- end_date,
6250
- hover_animation,
6251
- excerpt_type,
6252
- excerpt_limit,
6253
- excerpt_more_text,
6254
- page,
6255
- query_change,
6256
- acf_data_lists,
6257
- show_acf,
6258
- cf_hide_empty_value,
6259
- cf_show_only_value,
6260
- cf_hide_group_title
6261
- } = attributes;
6262
- const [posts, setPosts] = useState([]);
6263
- const [queryEffect, setQueryEffect] = useState(false);
6264
- const [acfData, setAcfData] = useState([]);
6265
- const [imageSizes, setImageSizes] = useState([]);
6266
-
6267
- const handleQueryChange = () => {
6268
- setQueryEffect(!queryEffect);
6269
- setAttributes({
6270
- query_change: true,
6271
- page: 1
6272
- });
6273
- };
6274
-
6275
- const fetch_all_posts = () => {
6276
- _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_2___default()({
6277
- path: '/rttpg/v1/query',
6278
- method: 'POST',
6279
- data: {
6280
- prefix,
6281
- post_type,
6282
- post_id,
6283
- exclude,
6284
- post_limit,
6285
- offset,
6286
- show_pagination,
6287
- ignore_sticky_posts,
6288
- orderby,
6289
- order,
6290
- display_per_page,
6291
- layout_style,
6292
- author,
6293
- start_date,
6294
- end_date,
6295
- media_source,
6296
- image_size,
6297
- image_offset_size,
6298
- show_taxonomy_filter,
6299
- relation,
6300
- post_keyword,
6301
- no_posts_found_text,
6302
- default_image,
6303
- category_position,
6304
- taxonomy_lists,
6305
- category_source,
6306
- tag_source,
6307
- hover_animation,
6308
- excerpt_type,
6309
- excerpt_limit,
6310
- excerpt_more_text,
6311
- page,
6312
- acf_data_lists,
6313
- show_acf,
6314
- cf_hide_empty_value,
6315
- cf_show_only_value,
6316
- cf_hide_group_title
6317
- }
6318
- }).then(data => {
6319
- setAttributes({
6320
- query_change: false
6321
- });
6322
- setPosts(data);
6323
- console.log(data);
6324
- });
6325
- };
6326
-
6327
- const fetch_all_acf_data = () => {
6328
- _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_2___default()({
6329
- path: "/rttpg/v1/acf"
6330
- }).then(acfData => {
6331
- let acfArr = [];
6332
- Object.keys(acfData).map(key => {
6333
- acfArr.push(acfData[key]);
6334
- });
6335
- setAcfData(acfArr);
6336
- });
6337
- };
6338
-
6339
- const fetch_all_image_size = () => {
6340
- _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_2___default()({
6341
- path: "/rttpg/v1/image-size"
6342
- }).then(imageSizes => {
6343
- setImageSizes(imageSizes);
6344
- });
6345
- };
6346
-
6347
- useEffect(() => {
6348
- fetch_all_posts();
6349
- fetch_all_acf_data();
6350
- }, [queryEffect, page]);
6351
- useEffect(() => {
6352
- fetch_all_image_size();
6353
- }, []);
6354
-
6355
- if (uniqueId) {
6356
- (0,_utils_css_CssGenerator__WEBPACK_IMPORTED_MODULE_1__.CssGenerator)(attributes, 'tpg-grid-layout', uniqueId);
6357
- } //render
6358
-
6359
-
6360
- return [isSelected && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_inspector__WEBPACK_IMPORTED_MODULE_3__["default"], {
6361
- attributes: attributes,
6362
- setAttributes: setAttributes,
6363
- changeQuery: handleQueryChange,
6364
- acfData: acfData,
6365
- imageSizes: imageSizes
6366
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_layouts_GridLayouts__WEBPACK_IMPORTED_MODULE_4__["default"], {
6367
- props: props,
6368
- postData: posts
6369
- })];
6370
- };
6371
-
6372
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Edit);
6373
-
6374
- /***/ }),
6375
-
6376
- /***/ "./src/blocks/grid-layout/index.js":
6377
- /*!*****************************************!*\
6378
- !*** ./src/blocks/grid-layout/index.js ***!
6379
- \*****************************************/
6380
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
6381
-
6382
- "use strict";
6383
- __webpack_require__.r(__webpack_exports__);
6384
- /* harmony import */ var _wordpress_blocks__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/blocks */ "@wordpress/blocks");
6385
- /* harmony import */ var _wordpress_blocks__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_blocks__WEBPACK_IMPORTED_MODULE_0__);
6386
- /* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
6387
- /* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__);
6388
- /* harmony import */ var _edit__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./edit */ "./src/blocks/grid-layout/edit.js");
6389
-
6390
-
6391
-
6392
- (0,_wordpress_blocks__WEBPACK_IMPORTED_MODULE_0__.registerBlockType)("rttpg/tpg-grid-layout", {
6393
- title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("TPG - Grid Layout", "the-post-grid"),
6394
- category: "rttpg",
6395
- description: "The post grid block, Grid layout",
6396
- supports: {
6397
- align: ['center', 'wide', 'full']
6398
- },
6399
- keywords: [(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("The Post Grid", "the-post-grid"), (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("Post Grid", "the-post-grid"), (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("post-grid", "the-post-grid"), (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("Grid Layout", "the-post-grid"), (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("grid layout", "the-post-grid"), (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("grid-layout", "the-post-grid")],
6400
- save: () => null,
6401
- edit: _edit__WEBPACK_IMPORTED_MODULE_2__["default"]
6402
- });
6403
-
6404
- /***/ }),
6405
-
6406
- /***/ "./src/blocks/grid-layout/inspector.js":
6407
- /*!*********************************************!*\
6408
- !*** ./src/blocks/grid-layout/inspector.js ***!
6409
- \*********************************************/
6410
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
6411
-
6412
- "use strict";
6413
- __webpack_require__.r(__webpack_exports__);
6414
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
6415
- /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
6416
- /* harmony export */ });
6417
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
6418
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
6419
- /* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
6420
- /* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
6421
- /* harmony import */ var _controller_LayoutController__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../controller/LayoutController */ "./src/blocks/controller/LayoutController.js");
6422
- /* harmony import */ var _controller_QueryController__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../controller/QueryController */ "./src/blocks/controller/QueryController.js");
6423
- /* harmony import */ var _controller_PaginationController__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../controller/PaginationController */ "./src/blocks/controller/PaginationController.js");
6424
- /* harmony import */ var _controller_LinksController__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../controller/LinksController */ "./src/blocks/controller/LinksController.js");
6425
- /* harmony import */ var _controller_FrontEndFilterController__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../controller/FrontEndFilterController */ "./src/blocks/controller/FrontEndFilterController.js");
6426
- /* harmony import */ var _controller_FieldSelectionSettings__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../controller/FieldSelectionSettings */ "./src/blocks/controller/FieldSelectionSettings.js");
6427
- /* harmony import */ var _controller_SectionTitleSettings__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../controller/SectionTitleSettings */ "./src/blocks/controller/SectionTitleSettings.js");
6428
- /* harmony import */ var _controller_TitleSettings__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../controller/TitleSettings */ "./src/blocks/controller/TitleSettings.js");
6429
- /* harmony import */ var _controller_ExcerptSettings__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../controller/ExcerptSettings */ "./src/blocks/controller/ExcerptSettings.js");
6430
- /* harmony import */ var _controller_PostThumbnailSettings__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../controller/PostThumbnailSettings */ "./src/blocks/controller/PostThumbnailSettings.js");
6431
- /* harmony import */ var _controller_MetaSettings__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../controller/MetaSettings */ "./src/blocks/controller/MetaSettings.js");
6432
- /* harmony import */ var _controller_ACFSettings__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../controller/ACFSettings */ "./src/blocks/controller/ACFSettings.js");
6433
- /* harmony import */ var _controller_ReadMoreSettings__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../controller/ReadMoreSettings */ "./src/blocks/controller/ReadMoreSettings.js");
6434
- /* harmony import */ var _controller_SectionTitleStyle__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../controller/SectionTitleStyle */ "./src/blocks/controller/SectionTitleStyle.js");
6435
- /* harmony import */ var _controller_TitleStyle__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../controller/TitleStyle */ "./src/blocks/controller/TitleStyle.js");
6436
- /* harmony import */ var _controller_PostThumbnailStyle__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../controller/PostThumbnailStyle */ "./src/blocks/controller/PostThumbnailStyle.js");
6437
- /* harmony import */ var _controller_ExcerptStyle__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../controller/ExcerptStyle */ "./src/blocks/controller/ExcerptStyle.js");
6438
- /* harmony import */ var _controller_MetaStyle__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ../controller/MetaStyle */ "./src/blocks/controller/MetaStyle.js");
6439
- /* harmony import */ var _controller_SocialShareStyle__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ../controller/SocialShareStyle */ "./src/blocks/controller/SocialShareStyle.js");
6440
- /* harmony import */ var _controller_ACFStyle__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ../controller/ACFStyle */ "./src/blocks/controller/ACFStyle.js");
6441
- /* harmony import */ var _controller_ReadMoreStyle__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ../controller/ReadMoreStyle */ "./src/blocks/controller/ReadMoreStyle.js");
6442
- /* harmony import */ var _controller_FrontEndFilterStyle__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ../controller/FrontEndFilterStyle */ "./src/blocks/controller/FrontEndFilterStyle.js");
6443
- /* harmony import */ var _controller_CardStyle__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ../controller/CardStyle */ "./src/blocks/controller/CardStyle.js");
6444
- /* harmony import */ var _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! @wordpress/api-fetch */ "@wordpress/api-fetch");
6445
- /* harmony import */ var _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_25___default = /*#__PURE__*/__webpack_require__.n(_wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_25__);
6446
-
6447
-
6448
- const {
6449
- InspectorControls
6450
- } = wp.blockEditor;
6451
-
6452
-
6453
-
6454
-
6455
-
6456
-
6457
-
6458
-
6459
-
6460
-
6461
-
6462
-
6463
-
6464
-
6465
-
6466
-
6467
-
6468
-
6469
-
6470
-
6471
-
6472
-
6473
-
6474
-
6475
-
6476
-
6477
- function Inspector(props) {
6478
- const {
6479
- attributes,
6480
- setAttributes,
6481
- changeQuery,
6482
- acfData,
6483
- imageSizes
6484
- } = props; //All attribute
6485
-
6486
- const {
6487
- prefix,
6488
- taxonomy_lists,
6489
- ignore_sticky_posts,
6490
- acf_data_lists
6491
- } = attributes;
6492
- let postLayout = prefix + "_layout"; //Change Layout handle
6493
-
6494
- const changeLayout = selected => {
6495
- setAttributes(attributes[postLayout] = selected);
6496
- changeQuery();
6497
- }; //Change Taxonomy handle
6498
-
6499
-
6500
- const changeTaxonomy = (terms, tax) => {
6501
- let oldTaxonomies = { ...taxonomy_lists,
6502
- [tax]: {
6503
- 'name': tax,
6504
- 'options': terms
6505
- }
6506
- };
6507
- setAttributes({
6508
- taxonomy_lists: oldTaxonomies
6509
- });
6510
- changeQuery();
6511
- }; //Change Taxonomy handle
6512
-
6513
-
6514
- const changeAcfData = (value, key) => {
6515
- let OldAcf = { ...acf_data_lists,
6516
- [key]: {
6517
- 'name': key,
6518
- 'options': value
6519
- }
6520
- };
6521
- setAttributes({
6522
- acf_data_lists: OldAcf
6523
- });
6524
- changeQuery();
6525
- };
6526
-
6527
- return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(InspectorControls, {
6528
- key: "controls"
6529
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
6530
- className: "rttpg-panel-control-wrapper"
6531
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.TabPanel, {
6532
- className: "rttpg-tab-panel",
6533
- activeClass: "active-tab",
6534
- tabs: [{
6535
- name: "content",
6536
- title: "Content",
6537
- className: "rttpg-tab-btn content"
6538
- }, {
6539
- name: "settings",
6540
- title: "Settings",
6541
- className: "rttpg-tab-btn settings"
6542
- }, {
6543
- name: "styles",
6544
- title: "Styles",
6545
- className: "rttpg-tab-btn styles"
6546
- }]
6547
- }, tab => (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
6548
- className: "rttpg-tab-content"
6549
- }, tab.name === "content" && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_controller_LayoutController__WEBPACK_IMPORTED_MODULE_2__["default"], {
6550
- data: props,
6551
- changeLayout: changeLayout
6552
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_controller_QueryController__WEBPACK_IMPORTED_MODULE_3__["default"], {
6553
- data: props,
6554
- changeTaxonomy: changeTaxonomy
6555
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_controller_FrontEndFilterController__WEBPACK_IMPORTED_MODULE_6__["default"], {
6556
- data: props
6557
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_controller_PaginationController__WEBPACK_IMPORTED_MODULE_4__["default"], {
6558
- data: props
6559
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_controller_LinksController__WEBPACK_IMPORTED_MODULE_5__["default"], {
6560
- data: props
6561
- })), tab.name === "settings" && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_controller_FieldSelectionSettings__WEBPACK_IMPORTED_MODULE_7__["default"], {
6562
- data: props
6563
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_controller_SectionTitleSettings__WEBPACK_IMPORTED_MODULE_8__["default"], {
6564
- data: props
6565
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_controller_TitleSettings__WEBPACK_IMPORTED_MODULE_9__["default"], {
6566
- data: props
6567
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_controller_PostThumbnailSettings__WEBPACK_IMPORTED_MODULE_11__["default"], {
6568
- data: props,
6569
- imageSizes: imageSizes
6570
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_controller_ExcerptSettings__WEBPACK_IMPORTED_MODULE_10__["default"], {
6571
- data: props
6572
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_controller_MetaSettings__WEBPACK_IMPORTED_MODULE_12__["default"], {
6573
- data: props
6574
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_controller_ACFSettings__WEBPACK_IMPORTED_MODULE_13__["default"], {
6575
- data: props,
6576
- changeAcfData: changeAcfData,
6577
- acfData: acfData
6578
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_controller_ReadMoreSettings__WEBPACK_IMPORTED_MODULE_14__["default"], {
6579
- data: props
6580
- })), tab.name === "styles" && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_controller_SectionTitleStyle__WEBPACK_IMPORTED_MODULE_15__["default"], {
6581
- data: props
6582
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_controller_TitleStyle__WEBPACK_IMPORTED_MODULE_16__["default"], {
6583
- data: props
6584
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_controller_PostThumbnailStyle__WEBPACK_IMPORTED_MODULE_17__["default"], {
6585
- data: props
6586
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_controller_ExcerptStyle__WEBPACK_IMPORTED_MODULE_18__["default"], {
6587
- data: props
6588
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_controller_MetaStyle__WEBPACK_IMPORTED_MODULE_19__["default"], {
6589
- data: props
6590
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_controller_SocialShareStyle__WEBPACK_IMPORTED_MODULE_20__["default"], {
6591
- data: props
6592
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_controller_ACFStyle__WEBPACK_IMPORTED_MODULE_21__["default"], {
6593
- data: props
6594
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_controller_ReadMoreStyle__WEBPACK_IMPORTED_MODULE_22__["default"], {
6595
- data: props
6596
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_controller_FrontEndFilterStyle__WEBPACK_IMPORTED_MODULE_23__["default"], {
6597
- data: props
6598
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_controller_CardStyle__WEBPACK_IMPORTED_MODULE_24__["default"], {
6599
- data: props
6600
- }))))));
6601
- }
6602
-
6603
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Inspector);
6604
-
6605
- /***/ }),
6606
-
6607
- /***/ "./src/blocks/grid-layout/layouts/GridLayouts.js":
6608
- /*!*******************************************************!*\
6609
- !*** ./src/blocks/grid-layout/layouts/GridLayouts.js ***!
6610
- \*******************************************************/
6611
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
6612
-
6613
- "use strict";
6614
- __webpack_require__.r(__webpack_exports__);
6615
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
6616
- /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
6617
- /* harmony export */ });
6618
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
6619
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
6620
- /* harmony import */ var _common_functions__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../common/functions */ "./src/blocks/common/functions.js");
6621
- /* harmony import */ var _grid_template_Layout__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./grid-template/Layout */ "./src/blocks/grid-layout/layouts/grid-template/Layout.js");
6622
- /* harmony import */ var _common_SectionTitle__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../common/SectionTitle */ "./src/blocks/common/SectionTitle.js");
6623
- /* harmony import */ var _common_Pagination__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../common/Pagination */ "./src/blocks/common/Pagination.js");
6624
-
6625
- const {
6626
- Spinner
6627
- } = wp.components;
6628
- const {
6629
- useEffect
6630
- } = wp.element;
6631
-
6632
-
6633
-
6634
-
6635
-
6636
- function GridLayouts(_ref) {
6637
- let {
6638
- props,
6639
- postData
6640
- } = _ref;
6641
- const {
6642
- attributes,
6643
- setAttributes,
6644
- clientId,
6645
- className
6646
- } = props;
6647
- const {
6648
- uniqueId,
6649
- grid_layout,
6650
- filter_btn_style,
6651
- filter_type,
6652
- grid_layout_style,
6653
- display_per_page,
6654
- page,
6655
- query_change,
6656
- show_pagination,
6657
- pagination_type,
6658
- load_more_button_text
6659
- } = attributes;
6660
- const posts = postData.posts;
6661
- const totalPages = Math.ceil(postData.total_post / display_per_page);
6662
- let dynamicParentClass = (0,_common_functions__WEBPACK_IMPORTED_MODULE_1__.get_parent_class_list)({
6663
- attributes,
6664
- className
6665
- });
6666
- const newClintID = clientId.substr(0, 6);
6667
- useEffect(() => {
6668
- if (!uniqueId) {
6669
- setAttributes({
6670
- uniqueId: newClintID
6671
- });
6672
- } else if (uniqueId && uniqueId !== newClintID) {
6673
- setAttributes({
6674
- uniqueId: newClintID
6675
- });
6676
- }
6677
- }, []);
6678
- let is_carousel = '';
6679
-
6680
- if (rttpgParams.hasPro && 'carousel' === filter_btn_style && 'button' === filter_type) {
6681
- is_carousel = 'carousel';
6682
- } // Wrapper Class
6683
-
6684
-
6685
- let innerWrapperClass = grid_layout.replace(/-2/g, "");
6686
- innerWrapperClass += ' grid-behaviour';
6687
- innerWrapperClass += ' ' + grid_layout_style;
6688
- innerWrapperClass += ' grid_layout_wrapper';
6689
- let checkLayout = ['grid-layout1', 'grid-layout3', 'grid-layout4'];
6690
-
6691
- if ('masonry' === grid_layout_style && checkLayout.includes(grid_layout)) {
6692
- innerWrapperClass += ' tpg-full-height';
6693
- }
6694
-
6695
- if (query_change) {
6696
- innerWrapperClass += ' tpg-editor-loading';
6697
- }
6698
-
6699
- return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
6700
- className: `rttpg-block-postgrid rttpg-block-${uniqueId + ' ' + dynamicParentClass}`
6701
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
6702
- className: "rt-container-fluid rt-tpg-container tpg-el-main-wrapper clearfix"
6703
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
6704
- className: `tpg-header-wrapper ${is_carousel}`
6705
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_common_SectionTitle__WEBPACK_IMPORTED_MODULE_3__["default"], {
6706
- attributes: attributes
6707
- })), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
6708
- className: `rt-row rt-content-loader ${innerWrapperClass}`
6709
- }, posts && posts.length ? posts.map(post => {
6710
- if (post) {
6711
- if (post.message) {
6712
- return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
6713
- className: "message"
6714
- }, post.message);
6715
- }
6716
-
6717
- return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_grid_template_Layout__WEBPACK_IMPORTED_MODULE_2__["default"], {
6718
- attributes: attributes,
6719
- post: post
6720
- });
6721
- } else return null;
6722
- }) : (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
6723
- className: "rttpg-postgrid-is-loading"
6724
- }, postData !== null && postData !== void 0 && postData.message && postData.message ? postData.message : (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(Spinner, null))), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_common_Pagination__WEBPACK_IMPORTED_MODULE_4__["default"], {
6725
- props: props,
6726
- totalPages: totalPages
6727
- })));
6728
- }
6729
-
6730
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (GridLayouts);
6731
-
6732
- /***/ }),
6733
-
6734
- /***/ "./src/blocks/grid-layout/layouts/grid-template/GridLayout1.js":
6735
- /*!*********************************************************************!*\
6736
- !*** ./src/blocks/grid-layout/layouts/grid-template/GridLayout1.js ***!
6737
- \*********************************************************************/
6738
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
6739
-
6740
- "use strict";
6741
- __webpack_require__.r(__webpack_exports__);
6742
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
6743
- /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
6744
- /* harmony export */ });
6745
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
6746
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
6747
- /* harmony import */ var _common_Thumbnail__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../common/Thumbnail */ "./src/blocks/common/Thumbnail.js");
6748
- /* harmony import */ var _common_Heading__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../common/Heading */ "./src/blocks/common/Heading.js");
6749
- /* harmony import */ var _common_MetaData__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../common/MetaData */ "./src/blocks/common/MetaData.js");
6750
- /* harmony import */ var _common_SocialShare__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../common/SocialShare */ "./src/blocks/common/SocialShare.js");
6751
- /* harmony import */ var _common_ReadMore__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../common/ReadMore */ "./src/blocks/common/ReadMore.js");
6752
- /* harmony import */ var _common_PostExcerpt__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../common/PostExcerpt */ "./src/blocks/common/PostExcerpt.js");
6753
-
6754
-
6755
-
6756
-
6757
-
6758
-
6759
-
6760
-
6761
- function GridLayout1(_ref) {
6762
- let {
6763
- attributes,
6764
- post
6765
- } = _ref;
6766
- const {
6767
- grid_column,
6768
- hover_animation,
6769
- layout_style,
6770
- show_thumb,
6771
- show_title,
6772
- show_meta,
6773
- show_excerpt,
6774
- show_acf,
6775
- show_social_share,
6776
- show_read_more
6777
- } = attributes;
6778
- let new_grid_column = { ...grid_column
6779
- };
6780
- Object.keys(new_grid_column).map(function (key) {
6781
- if (new_grid_column[key] == '1') {
6782
- new_grid_column[key] = '12';
6783
- } else if (new_grid_column[key] == '2') {
6784
- new_grid_column[key] = '6';
6785
- } else if (new_grid_column[key] == '3') {
6786
- new_grid_column[key] = '4';
6787
- } else if (new_grid_column[key] == '4') {
6788
- new_grid_column[key] = '3';
6789
- } else if (new_grid_column[key] == '5') {
6790
- new_grid_column[key] = '24';
6791
- } else if (new_grid_column[key] == '6') {
6792
- new_grid_column[key] = '2';
6793
- }
6794
- });
6795
- let grid_column_desktop = new_grid_column.lg != '0' ? new_grid_column.lg : '4';
6796
- let grid_column_tab = new_grid_column.md != '0' ? new_grid_column.md : '6';
6797
- let grid_column_mobile = new_grid_column.sm != '0' ? new_grid_column.sm : '12';
6798
- let gridColumn = "rt-col-md-" + grid_column_desktop + " rt-col-sm-" + grid_column_tab + " rt-col-xs-" + grid_column_mobile;
6799
- let colClasses = " rt-grid-item";
6800
- colClasses += " " + hover_animation;
6801
-
6802
- if (layout_style === 'masonry') {
6803
- colClasses += " masonry-grid-item";
6804
- }
6805
-
6806
- return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
6807
- className: post.post_class + ' ' + gridColumn + ' ' + colClasses,
6808
- "data-id": post.id
6809
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
6810
- className: "rt-holder tpg-post-holder"
6811
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
6812
- className: "rt-detail rt-el-content-wrapper"
6813
- }, show_thumb === 'show' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_common_Thumbnail__WEBPACK_IMPORTED_MODULE_1__["default"], {
6814
- attributes: attributes,
6815
- post: post
6816
- }), show_title === 'show' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_common_Heading__WEBPACK_IMPORTED_MODULE_2__["default"], {
6817
- attributes: attributes,
6818
- post: post
6819
- }), show_meta === 'show' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_common_MetaData__WEBPACK_IMPORTED_MODULE_3__["default"], {
6820
- attributes: attributes,
6821
- post: post
6822
- }), (show_excerpt === 'show' || show_acf === 'show') && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_common_PostExcerpt__WEBPACK_IMPORTED_MODULE_6__["default"], {
6823
- attributes: attributes,
6824
- post: post
6825
- }), rttpgParams.hasPro && show_social_share === 'show' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_common_SocialShare__WEBPACK_IMPORTED_MODULE_4__["default"], null), show_read_more === 'show' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_common_ReadMore__WEBPACK_IMPORTED_MODULE_5__["default"], {
6826
- attributes: attributes
6827
- }))));
6828
- }
6829
-
6830
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (GridLayout1);
6831
-
6832
- /***/ }),
6833
-
6834
- /***/ "./src/blocks/grid-layout/layouts/grid-template/GridLayout2.js":
6835
- /*!*********************************************************************!*\
6836
- !*** ./src/blocks/grid-layout/layouts/grid-template/GridLayout2.js ***!
6837
- \*********************************************************************/
6838
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
6839
-
6840
- "use strict";
6841
- __webpack_require__.r(__webpack_exports__);
6842
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
6843
- /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
6844
- /* harmony export */ });
6845
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
6846
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
6847
- /* harmony import */ var _common_Thumbnail__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../common/Thumbnail */ "./src/blocks/common/Thumbnail.js");
6848
- /* harmony import */ var _common_Heading__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../common/Heading */ "./src/blocks/common/Heading.js");
6849
- /* harmony import */ var _common_MetaData__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../common/MetaData */ "./src/blocks/common/MetaData.js");
6850
- /* harmony import */ var _common_SocialShare__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../common/SocialShare */ "./src/blocks/common/SocialShare.js");
6851
- /* harmony import */ var _common_ReadMore__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../common/ReadMore */ "./src/blocks/common/ReadMore.js");
6852
- /* harmony import */ var _common_PostExcerpt__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../common/PostExcerpt */ "./src/blocks/common/PostExcerpt.js");
6853
-
6854
-
6855
-
6856
-
6857
-
6858
-
6859
-
6860
-
6861
- function GridLayout2(_ref) {
6862
- let {
6863
- attributes,
6864
- post
6865
- } = _ref;
6866
- const {
6867
- grid_column,
6868
- hover_animation,
6869
- layout_style,
6870
- show_thumb,
6871
- show_title,
6872
- show_meta,
6873
- show_excerpt,
6874
- show_acf,
6875
- show_social_share,
6876
- show_read_more
6877
- } = attributes;
6878
- let new_grid_column = { ...grid_column
6879
- };
6880
- Object.keys(new_grid_column).map(function (key) {
6881
- if (new_grid_column[key] == '1') {
6882
- new_grid_column[key] = '12';
6883
- } else if (new_grid_column[key] == '2') {
6884
- new_grid_column[key] = '6';
6885
- } else if (new_grid_column[key] == '3') {
6886
- new_grid_column[key] = '4';
6887
- } else if (new_grid_column[key] == '4') {
6888
- new_grid_column[key] = '3';
6889
- } else if (new_grid_column[key] == '5') {
6890
- new_grid_column[key] = '24';
6891
- } else if (new_grid_column[key] == '6') {
6892
- new_grid_column[key] = '2';
6893
- }
6894
- });
6895
- let grid_column_desktop = new_grid_column.lg != '0' ? new_grid_column.lg : '4';
6896
- let grid_column_tab = new_grid_column.md != '0' ? new_grid_column.md : '6';
6897
- let grid_column_mobile = new_grid_column.sm != '0' ? new_grid_column.sm : '12';
6898
- let gridColumn = "rt-col-md-" + grid_column_desktop + " rt-col-sm-" + grid_column_tab + " rt-col-xs-" + grid_column_mobile;
6899
- let colClasses = " rt-grid-item";
6900
- colClasses += " " + hover_animation;
6901
-
6902
- if (layout_style === 'masonry') {
6903
- colClasses += " masonry-grid-item";
6904
- }
6905
-
6906
- return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
6907
- className: post.post_class + ' ' + gridColumn + ' ' + colClasses,
6908
- "data-id": post.id
6909
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
6910
- className: "rt-holder tpg-post-holder"
6911
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
6912
- className: "rt-detail rt-el-content-wrapper"
6913
- }, show_thumb === 'show' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_common_Thumbnail__WEBPACK_IMPORTED_MODULE_1__["default"], {
6914
- attributes: attributes,
6915
- post: post
6916
- }), show_title === 'show' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_common_Heading__WEBPACK_IMPORTED_MODULE_2__["default"], {
6917
- attributes: attributes,
6918
- post: post
6919
- }), show_meta === 'show' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_common_MetaData__WEBPACK_IMPORTED_MODULE_3__["default"], {
6920
- attributes: attributes,
6921
- post: post
6922
- }), (show_excerpt === 'show' || show_acf === 'show') && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_common_PostExcerpt__WEBPACK_IMPORTED_MODULE_6__["default"], {
6923
- attributes: attributes,
6924
- post: post
6925
- }), rttpgParams.hasPro && show_social_share === 'show' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_common_SocialShare__WEBPACK_IMPORTED_MODULE_4__["default"], null), show_read_more === 'show' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_common_ReadMore__WEBPACK_IMPORTED_MODULE_5__["default"], {
6926
- attributes: attributes
6927
- }))));
6928
- }
6929
-
6930
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (GridLayout2);
6931
-
6932
- /***/ }),
6933
-
6934
- /***/ "./src/blocks/grid-layout/layouts/grid-template/GridLayout3.js":
6935
- /*!*********************************************************************!*\
6936
- !*** ./src/blocks/grid-layout/layouts/grid-template/GridLayout3.js ***!
6937
- \*********************************************************************/
6938
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
6939
-
6940
- "use strict";
6941
- __webpack_require__.r(__webpack_exports__);
6942
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
6943
- /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
6944
- /* harmony export */ });
6945
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
6946
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
6947
- /* harmony import */ var _common_Thumbnail__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../common/Thumbnail */ "./src/blocks/common/Thumbnail.js");
6948
- /* harmony import */ var _common_Heading__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../common/Heading */ "./src/blocks/common/Heading.js");
6949
- /* harmony import */ var _common_MetaData__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../common/MetaData */ "./src/blocks/common/MetaData.js");
6950
- /* harmony import */ var _common_SocialShare__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../common/SocialShare */ "./src/blocks/common/SocialShare.js");
6951
- /* harmony import */ var _common_ReadMore__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../common/ReadMore */ "./src/blocks/common/ReadMore.js");
6952
- /* harmony import */ var _common_PostExcerpt__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../common/PostExcerpt */ "./src/blocks/common/PostExcerpt.js");
6953
-
6954
-
6955
-
6956
-
6957
-
6958
-
6959
-
6960
-
6961
- function GridLayout3(_ref) {
6962
- let {
6963
- attributes,
6964
- post
6965
- } = _ref;
6966
- const {
6967
- grid_column,
6968
- hover_animation,
6969
- layout_style,
6970
- show_thumb,
6971
- show_title,
6972
- show_meta,
6973
- show_excerpt,
6974
- show_acf,
6975
- show_social_share,
6976
- show_read_more
6977
- } = attributes;
6978
- let new_grid_column = { ...grid_column
6979
- };
6980
- Object.keys(new_grid_column).map(function (key) {
6981
- if (new_grid_column[key] == '1') {
6982
- new_grid_column[key] = '12';
6983
- } else if (new_grid_column[key] == '2') {
6984
- new_grid_column[key] = '6';
6985
- } else if (new_grid_column[key] == '3') {
6986
- new_grid_column[key] = '4';
6987
- } else if (new_grid_column[key] == '4') {
6988
- new_grid_column[key] = '3';
6989
- } else if (new_grid_column[key] == '5') {
6990
- new_grid_column[key] = '24';
6991
- } else if (new_grid_column[key] == '6') {
6992
- new_grid_column[key] = '2';
6993
- }
6994
- });
6995
- let grid_column_desktop = new_grid_column.lg != '0' ? new_grid_column.lg : '4';
6996
- let grid_column_tab = new_grid_column.md != '0' ? new_grid_column.md : '6';
6997
- let grid_column_mobile = new_grid_column.sm != '0' ? new_grid_column.sm : '12';
6998
- let gridColumn = "rt-col-md-" + grid_column_desktop + " rt-col-sm-" + grid_column_tab + " rt-col-xs-" + grid_column_mobile;
6999
- let colClasses = " rt-grid-item";
7000
- colClasses += " " + hover_animation;
7001
-
7002
- if (layout_style === 'masonry') {
7003
- colClasses += " masonry-grid-item";
7004
- }
7005
-
7006
- return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
7007
- className: post.post_class + ' ' + gridColumn + ' ' + colClasses,
7008
- "data-id": post.id
7009
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
7010
- className: "rt-holder tpg-post-holder"
7011
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
7012
- className: "rt-detail rt-el-content-wrapper"
7013
- }, show_thumb === 'show' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_common_Thumbnail__WEBPACK_IMPORTED_MODULE_1__["default"], {
7014
- attributes: attributes,
7015
- post: post
7016
- }), show_title === 'show' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_common_Heading__WEBPACK_IMPORTED_MODULE_2__["default"], {
7017
- attributes: attributes,
7018
- post: post
7019
- }), show_meta === 'show' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_common_MetaData__WEBPACK_IMPORTED_MODULE_3__["default"], {
7020
- attributes: attributes,
7021
- post: post
7022
- }), (show_excerpt === 'show' || show_acf === 'show') && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_common_PostExcerpt__WEBPACK_IMPORTED_MODULE_6__["default"], {
7023
- attributes: attributes,
7024
- post: post
7025
- }), rttpgParams.hasPro && show_social_share === 'show' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_common_SocialShare__WEBPACK_IMPORTED_MODULE_4__["default"], null), show_read_more === 'show' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_common_ReadMore__WEBPACK_IMPORTED_MODULE_5__["default"], {
7026
- attributes: attributes
7027
- }))));
7028
- }
7029
-
7030
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (GridLayout3);
7031
-
7032
- /***/ }),
7033
-
7034
- /***/ "./src/blocks/grid-layout/layouts/grid-template/GridLayout4.js":
7035
- /*!*********************************************************************!*\
7036
- !*** ./src/blocks/grid-layout/layouts/grid-template/GridLayout4.js ***!
7037
- \*********************************************************************/
7038
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
7039
-
7040
- "use strict";
7041
- __webpack_require__.r(__webpack_exports__);
7042
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
7043
- /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
7044
- /* harmony export */ });
7045
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
7046
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
7047
- /* harmony import */ var _common_Thumbnail__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../common/Thumbnail */ "./src/blocks/common/Thumbnail.js");
7048
- /* harmony import */ var _common_Heading__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../common/Heading */ "./src/blocks/common/Heading.js");
7049
- /* harmony import */ var _common_MetaData__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../common/MetaData */ "./src/blocks/common/MetaData.js");
7050
- /* harmony import */ var _common_SocialShare__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../common/SocialShare */ "./src/blocks/common/SocialShare.js");
7051
- /* harmony import */ var _common_ReadMore__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../common/ReadMore */ "./src/blocks/common/ReadMore.js");
7052
- /* harmony import */ var _common_PostExcerpt__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../common/PostExcerpt */ "./src/blocks/common/PostExcerpt.js");
7053
-
7054
-
7055
-
7056
-
7057
-
7058
-
7059
-
7060
-
7061
- function GridLayout4(_ref) {
7062
- let {
7063
- attributes,
7064
- post
7065
- } = _ref;
7066
- const {
7067
- grid_column,
7068
- hover_animation,
7069
- show_thumb,
7070
- show_title,
7071
- show_meta,
7072
- show_excerpt,
7073
- show_acf,
7074
- show_social_share,
7075
- show_read_more
7076
- } = attributes;
7077
- let new_grid_column = { ...grid_column
7078
- };
7079
- Object.keys(new_grid_column).map(function (key) {
7080
- if (new_grid_column[key] == '1') {
7081
- new_grid_column[key] = '12';
7082
- } else if (new_grid_column[key] == '2') {
7083
- new_grid_column[key] = '6';
7084
- } else if (new_grid_column[key] == '3') {
7085
- new_grid_column[key] = '4';
7086
- } else if (new_grid_column[key] == '4') {
7087
- new_grid_column[key] = '3';
7088
- } else if (new_grid_column[key] == '5') {
7089
- new_grid_column[key] = '24';
7090
- } else if (new_grid_column[key] == '6') {
7091
- new_grid_column[key] = '2';
7092
- }
7093
- });
7094
- let grid_column_desktop = new_grid_column.lg != '0' ? new_grid_column.lg : '4';
7095
- let grid_column_tab = new_grid_column.md != '0' ? new_grid_column.md : '6';
7096
- let grid_column_mobile = new_grid_column.sm != '0' ? new_grid_column.sm : '12';
7097
- let gridColumn = "rt-col-md-" + grid_column_desktop + " rt-col-sm-" + grid_column_tab + " rt-col-xs-" + grid_column_mobile;
7098
- let colClasses = " rt-grid-item";
7099
- colClasses += " " + hover_animation;
7100
- return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
7101
- className: post.post_class + ' ' + gridColumn + ' ' + colClasses
7102
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
7103
- className: "rt-holder tpg-post-holder"
7104
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
7105
- className: "rt-detail rt-el-content-wrapper-flex"
7106
- }, show_thumb === 'show' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_common_Thumbnail__WEBPACK_IMPORTED_MODULE_1__["default"], {
7107
- attributes: attributes,
7108
- post: post
7109
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
7110
- className: "post-right-content"
7111
- }, show_title === 'show' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_common_Heading__WEBPACK_IMPORTED_MODULE_2__["default"], {
7112
- attributes: attributes,
7113
- post: post
7114
- }), show_meta === 'show' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_common_MetaData__WEBPACK_IMPORTED_MODULE_3__["default"], {
7115
- attributes: attributes,
7116
- post: post
7117
- }), (show_excerpt === 'show' || show_acf === 'show') && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_common_PostExcerpt__WEBPACK_IMPORTED_MODULE_6__["default"], {
7118
- attributes: attributes,
7119
- post: post
7120
- }), rttpgParams.hasPro && show_social_share === 'show' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_common_SocialShare__WEBPACK_IMPORTED_MODULE_4__["default"], null), show_read_more === 'show' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_common_ReadMore__WEBPACK_IMPORTED_MODULE_5__["default"], {
7121
- attributes: attributes
7122
- })))));
7123
- }
7124
-
7125
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (GridLayout4);
7126
-
7127
- /***/ }),
7128
-
7129
- /***/ "./src/blocks/grid-layout/layouts/grid-template/GridLayout5.js":
7130
- /*!*********************************************************************!*\
7131
- !*** ./src/blocks/grid-layout/layouts/grid-template/GridLayout5.js ***!
7132
- \*********************************************************************/
7133
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
7134
-
7135
- "use strict";
7136
- __webpack_require__.r(__webpack_exports__);
7137
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
7138
- /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
7139
- /* harmony export */ });
7140
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
7141
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
7142
- /* harmony import */ var _common_Thumbnail__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../common/Thumbnail */ "./src/blocks/common/Thumbnail.js");
7143
- /* harmony import */ var _common_Heading__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../common/Heading */ "./src/blocks/common/Heading.js");
7144
- /* harmony import */ var _common_MetaData__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../common/MetaData */ "./src/blocks/common/MetaData.js");
7145
- /* harmony import */ var _common_SocialShare__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../common/SocialShare */ "./src/blocks/common/SocialShare.js");
7146
- /* harmony import */ var _common_ReadMore__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../common/ReadMore */ "./src/blocks/common/ReadMore.js");
7147
- /* harmony import */ var _common_PostExcerpt__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../common/PostExcerpt */ "./src/blocks/common/PostExcerpt.js");
7148
-
7149
-
7150
-
7151
-
7152
-
7153
-
7154
-
7155
-
7156
- function GridLayout5(_ref) {
7157
- let {
7158
- attributes,
7159
- post
7160
- } = _ref;
7161
- const {
7162
- grid_column,
7163
- hover_animation,
7164
- show_thumb,
7165
- show_title,
7166
- show_meta,
7167
- show_excerpt,
7168
- show_acf,
7169
- show_social_share,
7170
- show_read_more
7171
- } = attributes;
7172
- let new_grid_column = { ...grid_column
7173
- };
7174
- Object.keys(new_grid_column).map(function (key) {
7175
- if (new_grid_column[key] == '1') {
7176
- new_grid_column[key] = '12';
7177
- } else if (new_grid_column[key] == '2') {
7178
- new_grid_column[key] = '6';
7179
- } else if (new_grid_column[key] == '3') {
7180
- new_grid_column[key] = '4';
7181
- } else if (new_grid_column[key] == '4') {
7182
- new_grid_column[key] = '3';
7183
- } else if (new_grid_column[key] == '5') {
7184
- new_grid_column[key] = '24';
7185
- } else if (new_grid_column[key] == '6') {
7186
- new_grid_column[key] = '2';
7187
- }
7188
- });
7189
- let grid_column_desktop = new_grid_column.lg != '0' ? new_grid_column.lg : '4';
7190
- let grid_column_tab = new_grid_column.md != '0' ? new_grid_column.md : '6';
7191
- let grid_column_mobile = new_grid_column.sm != '0' ? new_grid_column.sm : '12';
7192
- let gridColumn = "rt-col-md-" + grid_column_desktop + " rt-col-sm-" + grid_column_tab + " rt-col-xs-" + grid_column_mobile;
7193
- let colClasses = " rt-grid-item";
7194
- colClasses += " " + hover_animation;
7195
- return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
7196
- className: post.post_class + ' ' + gridColumn + ' ' + colClasses
7197
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
7198
- className: "rt-holder tpg-post-holder"
7199
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
7200
- className: "rt-detail rt-el-content-wrapper-flex"
7201
- }, show_thumb === 'show' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_common_Thumbnail__WEBPACK_IMPORTED_MODULE_1__["default"], {
7202
- attributes: attributes,
7203
- post: post
7204
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
7205
- className: "post-right-content"
7206
- }, show_title === 'show' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_common_Heading__WEBPACK_IMPORTED_MODULE_2__["default"], {
7207
- attributes: attributes,
7208
- post: post
7209
- }), show_meta === 'show' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_common_MetaData__WEBPACK_IMPORTED_MODULE_3__["default"], {
7210
- attributes: attributes,
7211
- post: post
7212
- }), (show_excerpt === 'show' || show_acf === 'show') && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_common_PostExcerpt__WEBPACK_IMPORTED_MODULE_6__["default"], {
7213
- attributes: attributes,
7214
- post: post
7215
- }), rttpgParams.hasPro && show_social_share === 'show' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_common_SocialShare__WEBPACK_IMPORTED_MODULE_4__["default"], null), show_read_more === 'show' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_common_ReadMore__WEBPACK_IMPORTED_MODULE_5__["default"], {
7216
- attributes: attributes
7217
- })))));
7218
- }
7219
-
7220
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (GridLayout5);
7221
-
7222
- /***/ }),
7223
-
7224
- /***/ "./src/blocks/grid-layout/layouts/grid-template/Layout.js":
7225
- /*!****************************************************************!*\
7226
- !*** ./src/blocks/grid-layout/layouts/grid-template/Layout.js ***!
7227
- \****************************************************************/
7228
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
7229
-
7230
- "use strict";
7231
- __webpack_require__.r(__webpack_exports__);
7232
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
7233
- /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
7234
- /* harmony export */ });
7235
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
7236
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
7237
- /* harmony import */ var _GridLayout1__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./GridLayout1 */ "./src/blocks/grid-layout/layouts/grid-template/GridLayout1.js");
7238
- /* harmony import */ var _GridLayout2__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./GridLayout2 */ "./src/blocks/grid-layout/layouts/grid-template/GridLayout2.js");
7239
- /* harmony import */ var _GridLayout3__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./GridLayout3 */ "./src/blocks/grid-layout/layouts/grid-template/GridLayout3.js");
7240
- /* harmony import */ var _GridLayout4__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./GridLayout4 */ "./src/blocks/grid-layout/layouts/grid-template/GridLayout4.js");
7241
- /* harmony import */ var _GridLayout5__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./GridLayout5 */ "./src/blocks/grid-layout/layouts/grid-template/GridLayout5.js");
7242
-
7243
-
7244
-
7245
-
7246
-
7247
-
7248
-
7249
-
7250
-
7251
-
7252
-
7253
- function Layout(_ref) {
7254
- let {
7255
- attributes,
7256
- post
7257
- } = _ref;
7258
- const {
7259
- grid_layout
7260
- } = attributes;
7261
- let layout = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_GridLayout1__WEBPACK_IMPORTED_MODULE_1__["default"], {
7262
- attributes: attributes,
7263
- post: post
7264
- });
7265
-
7266
- if ('grid-layout3' === grid_layout) {
7267
- layout = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_GridLayout2__WEBPACK_IMPORTED_MODULE_2__["default"], {
7268
- attributes: attributes,
7269
- post: post
7270
- });
7271
- } else if ('grid-layout4' === grid_layout) {
7272
- layout = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_GridLayout3__WEBPACK_IMPORTED_MODULE_3__["default"], {
7273
- attributes: attributes,
7274
- post: post
7275
- });
7276
- } else if ('grid-layout2' === grid_layout) {
7277
- layout = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_GridLayout4__WEBPACK_IMPORTED_MODULE_4__["default"], {
7278
- attributes: attributes,
7279
- post: post
7280
- });
7281
- } else if ('grid-layout5' === grid_layout) {
7282
- layout = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_GridLayout5__WEBPACK_IMPORTED_MODULE_5__["default"], {
7283
- attributes: attributes,
7284
- post: post
7285
- });
7286
- } else if ('grid-layout5-2' === grid_layout) {
7287
- layout = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_GridLayout5__WEBPACK_IMPORTED_MODULE_5__["default"], {
7288
- attributes: attributes,
7289
- post: post
7290
- });
7291
- } else if ('grid-layout6' === grid_layout) {
7292
- layout = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_GridLayout5__WEBPACK_IMPORTED_MODULE_5__["default"], {
7293
- attributes: attributes,
7294
- post: post
7295
- });
7296
- } else if ('grid-layout6-2' === grid_layout) {
7297
- layout = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_GridLayout5__WEBPACK_IMPORTED_MODULE_5__["default"], {
7298
- attributes: attributes,
7299
- post: post
7300
- });
7301
- } else if ('grid-layout7' === grid_layout) {
7302
- layout = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_GridLayout5__WEBPACK_IMPORTED_MODULE_5__["default"], {
7303
- attributes: attributes,
7304
- post: post
7305
- });
7306
- }
7307
-
7308
- return layout;
7309
- }
7310
-
7311
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Layout);
7312
-
7313
- /***/ }),
7314
-
7315
- /***/ "./src/components/Alignment.js":
7316
- /*!*************************************!*\
7317
- !*** ./src/components/Alignment.js ***!
7318
- \*************************************/
7319
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
7320
-
7321
- "use strict";
7322
- __webpack_require__.r(__webpack_exports__);
7323
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
7324
- /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
7325
- /* harmony export */ });
7326
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
7327
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
7328
- /* harmony import */ var _scss_alignment_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./scss/alignment.scss */ "./src/components/scss/alignment.scss");
7329
- /* harmony import */ var _Devices__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Devices */ "./src/components/Devices.js");
7330
-
7331
- const {
7332
- __
7333
- } = wp.i18n;
7334
- const {
7335
- useState
7336
- } = wp.element;
7337
- const {
7338
- Tooltip
7339
- } = wp.components;
7340
-
7341
-
7342
-
7343
- const Alignment = props => {
7344
- const {
7345
- value,
7346
- responsive,
7347
- onChange,
7348
- label,
7349
- content,
7350
- options
7351
- } = props;
7352
- const [device, setDevice] = useState(() => window.rttpgDevice || 'lg');
7353
-
7354
- const _filterValue = () => {
7355
- return value ? responsive ? value[device] : value : '';
7356
- };
7357
-
7358
- const [currentValue, setCurrentValue] = useState({
7359
- current: _filterValue()
7360
- });
7361
-
7362
- const setSettings = val => {
7363
- if (val == '') {
7364
- return;
7365
- }
7366
-
7367
- const final = responsive ? Object.assign({}, value, {
7368
- [device]: val
7369
- }) : val;
7370
- onChange(final);
7371
- setCurrentValue({
7372
- current: final
7373
- });
7374
- };
7375
-
7376
- const defaultData = options && Array.isArray(options) ? options : ['left', 'center', 'right', 'justify'];
7377
- return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
7378
- className: "rttpg-control-field rttpg-cf-alignment-wrap"
7379
- }, (label || responsive) && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
7380
- className: "rttpg-cf-head"
7381
- }, label && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("span", {
7382
- className: "rttpg-label"
7383
- }, label), responsive && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_Devices__WEBPACK_IMPORTED_MODULE_2__["default"], {
7384
- device: device,
7385
- onChange: _device => {
7386
- setDevice(_device);
7387
- const newData = JSON.parse(JSON.stringify(value));
7388
-
7389
- if (!newData[_device]) {
7390
- newData[_device] = '';
7391
- }
7392
-
7393
- onChange(newData);
7394
- }
7395
- })), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
7396
- className: "rttpg-cf-body rttpg-btn-group"
7397
- }, defaultData.map((data, index) => {
7398
- if (content) {
7399
- return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("button", {
7400
- className: (_filterValue() == data.value ? 'active' : '') + ' rttpg-button',
7401
- key: index,
7402
- onClick: () => setSettings(_filterValue() == data.value ? '' : data.value)
7403
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(Tooltip, {
7404
- text: __(data.label, 'the-post-grid')
7405
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("span", null, __(data.label, 'the-post-grid'))));
7406
- } else {
7407
- return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("button", {
7408
- className: (_filterValue() == data ? 'active' : '') + ' rttpg-button',
7409
- key: index,
7410
- onClick: () => setSettings(_filterValue() == data ? '' : data)
7411
- }, (data == 'left' || data === 'flex-start') && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(Tooltip, {
7412
- text: __('Left')
7413
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("i", {
7414
- className: "fas fa-align-left"
7415
- })), data == 'center' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(Tooltip, {
7416
- text: __('Middle')
7417
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("i", {
7418
- className: "fas fa-align-center"
7419
- })), (data == 'right' || data === 'flex-end') && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(Tooltip, {
7420
- text: __('Right')
7421
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("i", {
7422
- class: "fas fa-align-right"
7423
- })), data == 'justify' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(Tooltip, {
7424
- text: __('Right')
7425
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("i", {
7426
- class: "fas fa-align-justify"
7427
- })));
7428
- }
7429
- })));
7430
- };
7431
-
7432
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Alignment);
7433
-
7434
- /***/ }),
7435
-
7436
- /***/ "./src/components/BGImage.js":
7437
- /*!***********************************!*\
7438
- !*** ./src/components/BGImage.js ***!
7439
- \***********************************/
7440
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
7441
-
7442
- "use strict";
7443
- __webpack_require__.r(__webpack_exports__);
7444
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
7445
- /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
7446
- /* harmony export */ });
7447
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
7448
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
7449
- /* harmony import */ var _Color__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Color */ "./src/components/Color.js");
7450
- /* harmony import */ var _ImageAvater__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./ImageAvater */ "./src/components/ImageAvater.js");
7451
- /* harmony import */ var _SelectObj1__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./SelectObj1 */ "./src/components/SelectObj1.js");
7452
- /* harmony import */ var _scss_bgImage_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./scss/bgImage.scss */ "./src/components/scss/bgImage.scss");
7453
- /* harmony import */ var _Constants__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./Constants */ "./src/components/Constants.js");
7454
-
7455
- const {
7456
- __
7457
- } = wp.i18n;
7458
- const {
7459
- useState,
7460
- useEffect
7461
- } = wp.element;
7462
- const {
7463
- MediaUpload
7464
- } = wp.blockEditor;
7465
- const {
7466
- BaseControl,
7467
- Button
7468
- } = wp.components;
7469
-
7470
-
7471
-
7472
-
7473
-
7474
-
7475
- function BGImage(props) {
7476
- const [device, setDevice] = useState(() => window.rttpgDevice || 'md');
7477
- const {
7478
- label,
7479
- value,
7480
- image,
7481
- onChange
7482
- } = props;
7483
- const responsive = true;
7484
- const resAttr = ['imgPosition', 'imgAttachment', 'imgRepeat', 'imgSize'];
7485
- const defaultData = {
7486
- color: '',
7487
- img: {
7488
- imgURL: '',
7489
- imgID: ''
7490
- },
7491
- imgProperty: {
7492
- imgPosition: {
7493
- lg: ''
7494
- },
7495
- imgAttachment: {
7496
- lg: ''
7497
- },
7498
- imgRepeat: {
7499
- lg: ''
7500
- },
7501
- imgSize: {
7502
- lg: ''
7503
- }
7504
- }
7505
- };
7506
-
7507
- const setSettings = (val, type) => {
7508
- const newData = JSON.parse(JSON.stringify(value));
7509
-
7510
- if (resAttr.includes(type)) {
7511
- if (responsive) {
7512
- newData['imgProperty'] = val;
7513
- } else {
7514
- newData['imgProperty'] = val;
7515
- }
7516
- } else {
7517
- newData[type] = val;
7518
- } // if (resAttr.includes(type)) {
7519
- // if (responsive) {
7520
- // newData.imgProperty = val;
7521
- // } else {
7522
- // newData.imgProperty = val;
7523
- // }
7524
- // } else {
7525
- // newData[type] = val;
7526
- // }
7527
- // if (resAttr.includes(type)) {
7528
- // if (responsive) {
7529
- // newData.imgProperty[device][type] = val;
7530
- // } else {
7531
- // newData.imgProperty[type] = val;
7532
- // }
7533
- // } else {
7534
- // newData[type] = val;
7535
- // }
7536
-
7537
-
7538
- onChange(newData);
7539
- };
7540
-
7541
- const imgURLVal = value['img'] !== undefined ? value['img']['imgURL'] : '';
7542
- const imgIDVal = value['img'] !== undefined ? value['img']['imgID'] : '';
7543
- return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
7544
- className: "rttpg-control-field rttpg-cf-bg-img-wrap"
7545
- }, label && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("span", {
7546
- className: "rttpg-label"
7547
- }, label), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
7548
- className: "rttpg-bg-img"
7549
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_Color__WEBPACK_IMPORTED_MODULE_1__["default"], {
7550
- label: __('Color'),
7551
- color: value['color'] || '',
7552
- onChange: val => setSettings(val, 'color')
7553
- }), image !== false && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(BaseControl, {
7554
- label: __("Image")
7555
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(MediaUpload, {
7556
- onSelect: media => {
7557
- const imgobj = {
7558
- imgURL: media.url,
7559
- imgID: media.id
7560
- };
7561
- setSettings(imgobj, 'img');
7562
- },
7563
- allowedTypes: ["image"],
7564
- value: imgIDVal,
7565
- render: _ref => {
7566
- let {
7567
- open
7568
- } = _ref;
7569
- {
7570
- if (!imgURLVal) {
7571
- return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
7572
- onClick: open,
7573
- className: "rttpg-placeholder-image"
7574
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
7575
- className: "dashicon dashicons dashicons-insert"
7576
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", null, __('Insert')));
7577
- } else {
7578
- return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_ImageAvater__WEBPACK_IMPORTED_MODULE_2__["default"], {
7579
- imageUrl: imgURLVal,
7580
- onEditImage: open,
7581
- onDeleteImage: () => {
7582
- setSettings('', 'img');
7583
- }
7584
- });
7585
- }
7586
- }
7587
- }
7588
- }), imgURLVal && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_SelectObj1__WEBPACK_IMPORTED_MODULE_3__["default"], {
7589
- label: __('Position'),
7590
- responsive: true,
7591
- value: value['imgProperty'],
7592
- name: 'imgPosition',
7593
- options: _Constants__WEBPACK_IMPORTED_MODULE_5__.BACKGROUND_POSITION,
7594
- onChange: val => {
7595
- setSettings(val, 'imgPosition');
7596
- }
7597
- }), imgURLVal && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_SelectObj1__WEBPACK_IMPORTED_MODULE_3__["default"], {
7598
- label: __('Attachment'),
7599
- responsive: true,
7600
- value: value['imgProperty'],
7601
- name: 'imgAttachment',
7602
- options: _Constants__WEBPACK_IMPORTED_MODULE_5__.BACKGROUND_ATTACHMENT,
7603
- onChange: val => setSettings(val, 'imgAttachment')
7604
- }), imgURLVal && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_SelectObj1__WEBPACK_IMPORTED_MODULE_3__["default"], {
7605
- label: __('Repeat'),
7606
- responsive: true,
7607
- value: value['imgProperty'],
7608
- name: 'imgRepeat',
7609
- options: _Constants__WEBPACK_IMPORTED_MODULE_5__.BACKGROUND_REPEAT,
7610
- onChange: val => setSettings(val, 'imgRepeat')
7611
- }), imgURLVal && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_SelectObj1__WEBPACK_IMPORTED_MODULE_3__["default"], {
7612
- label: __('Size'),
7613
- responsive: true,
7614
- value: value['imgProperty'],
7615
- name: 'imgSize',
7616
- options: _Constants__WEBPACK_IMPORTED_MODULE_5__.BACKGROUND_SIZE,
7617
- onChange: val => setSettings(val, 'imgSize')
7618
- }))));
7619
- }
7620
-
7621
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (BGImage);
7622
-
7623
- /***/ }),
7624
-
7625
- /***/ "./src/components/Background.js":
7626
- /*!**************************************!*\
7627
- !*** ./src/components/Background.js ***!
7628
- \**************************************/
7629
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
7630
-
7631
- "use strict";
7632
- __webpack_require__.r(__webpack_exports__);
7633
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
7634
- /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
7635
- /* harmony export */ });
7636
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
7637
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
7638
- /* harmony import */ var _Constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Constants */ "./src/components/Constants.js");
7639
- /* harmony import */ var _Gradient__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Gradient */ "./src/components/Gradient.js");
7640
- /* harmony import */ var _BGImage__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./BGImage */ "./src/components/BGImage.js");
7641
- /* harmony import */ var _scss_background_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./scss/background.scss */ "./src/components/scss/background.scss");
7642
-
7643
- const {
7644
- __
7645
- } = wp.i18n;
7646
- const {
7647
- useState,
7648
- useEffect
7649
- } = wp.element;
7650
- const {
7651
- Button,
7652
- ButtonGroup,
7653
- Tooltip
7654
- } = wp.components;
7655
-
7656
-
7657
-
7658
-
7659
-
7660
- function Background(props) {
7661
- const defaultData = {
7662
- openBGColor: 0,
7663
- type: 'classic',
7664
- classic: {
7665
- 'color': '',
7666
- 'img': {
7667
- 'imgURL': '',
7668
- 'imgID': ''
7669
- },
7670
- 'imgProperty': {
7671
- 'imgPosition': {
7672
- 'lg': ''
7673
- },
7674
- 'imgAttachment': {
7675
- 'lg': ''
7676
- },
7677
- 'imgRepeat': {
7678
- 'lg': ''
7679
- },
7680
- 'imgSize': {
7681
- 'lg': ''
7682
- }
7683
- }
7684
- },
7685
- gradient: ''
7686
- };
7687
- const {
7688
- label,
7689
- value,
7690
- onChange
7691
- } = props;
7692
-
7693
- const setSettings = (val, type) => {
7694
- onChange(Object.assign({}, defaultData, value || {}, {
7695
- openBGColor: 1
7696
- }, {
7697
- [type]: val
7698
- }));
7699
- };
7700
-
7701
- return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
7702
- className: "rttpg-control-field rttpg-cf-background-wrap"
7703
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
7704
- className: "rttpg-cf-body"
7705
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
7706
- className: "rttpg-cf-body-btn-wrap"
7707
- }, label && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
7708
- className: "rttpg-cf-head"
7709
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("span", {
7710
- className: "rttpg-label"
7711
- }, label)), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(ButtonGroup, {
7712
- className: "rttpg-btn-group"
7713
- }, _Constants__WEBPACK_IMPORTED_MODULE_1__.BACKGROUND_TYPE.map(item => (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(Tooltip, {
7714
- text: item.label,
7715
- position: "top",
7716
- delay: 0
7717
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(Button, {
7718
- isLarge: true,
7719
- isPrimary: value['type'] === item.value,
7720
- isSecondary: value['type'] !== item.value,
7721
- onClick: () => setSettings(item.value, 'type')
7722
- }, item.value === 'classic' ? (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("i", {
7723
- className: "classic-btn fas fa-paint-brush"
7724
- }) : (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("i", {
7725
- className: "gradient-btn fas fa-barcode"
7726
- }))))), (Object.keys(value['classic']).length != 0 || value['gradient']) && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(Button, {
7727
- isSmall: true,
7728
- className: "rttpg-undo-btn",
7729
- icon: "image-rotate",
7730
- onClick: () => onChange(defaultData)
7731
- })), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
7732
- className: "rttpg-cf-body-content-wrap"
7733
- }, value['type'] === "classic" && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_BGImage__WEBPACK_IMPORTED_MODULE_3__["default"], {
7734
- image: props === null || props === void 0 ? void 0 : props.image,
7735
- value: value['classic'],
7736
- onChange: val => setSettings(val, 'classic')
7737
- }), value['type'] === "gradient" && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_Gradient__WEBPACK_IMPORTED_MODULE_2__["default"], {
7738
- value: value['gradient'],
7739
- onChange: val => setSettings(val, 'gradient')
7740
- }))));
7741
- }
7742
-
7743
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Background);
7744
-
7745
- /***/ }),
7746
-
7747
- /***/ "./src/components/BoxShadow.js":
7748
- /*!*************************************!*\
7749
- !*** ./src/components/BoxShadow.js ***!
7750
- \*************************************/
7751
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
7752
-
7753
- "use strict";
7754
- __webpack_require__.r(__webpack_exports__);
7755
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
7756
- /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
7757
- /* harmony export */ });
7758
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
7759
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
7760
- /* harmony import */ var _Range__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Range */ "./src/components/Range.js");
7761
- /* harmony import */ var _Color__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Color */ "./src/components/Color.js");
7762
- /* harmony import */ var _scss_boxshadow_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./scss/boxshadow.scss */ "./src/components/scss/boxshadow.scss");
7763
-
7764
- const {
7765
- __
7766
- } = wp.i18n;
7767
- const {
7768
- useState,
7769
- useEffect
7770
- } = wp.element;
7771
- const {
7772
- Dropdown,
7773
- Button,
7774
- SelectControl,
7775
- RangeControl,
7776
- ToggleControl
7777
- } = wp.components;
7778
-
7779
-
7780
-
7781
-
7782
- function BoxShadow(props) {
7783
- const {
7784
- label,
7785
- value: data,
7786
- onChange,
7787
- transition
7788
- } = props;
7789
-
7790
- const setSettings = function (val, type) {
7791
- let property = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
7792
- const newData = JSON.parse(JSON.stringify(data));
7793
-
7794
- if (type === 'width') {
7795
- newData[type][property] = val;
7796
- } else {
7797
- newData[type] = val;
7798
- }
7799
-
7800
- onChange(newData);
7801
- }; // const defData = {
7802
- // 'openShadow': 1,
7803
- // 'width': { 'top': '', 'right': '', 'bottom': '', 'left': '' },
7804
- // 'color': '',
7805
- // 'inset': false,
7806
- // 'transition': ''
7807
- // }
7808
-
7809
-
7810
- console.log(transition);
7811
- return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
7812
- className: "rttpg-control-field rttpg-cf-typography-wrap"
7813
- }, label && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("span", {
7814
- className: "rttpg-label"
7815
- }, label), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
7816
- className: "rttpg-typography"
7817
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(Dropdown, {
7818
- className: "rttpg-typography-dropdown-icon",
7819
- contentClassName: "rttpg-components-popover rttpg-cp-typography-content",
7820
- position: "bottom right",
7821
- renderToggle: _ref => {
7822
- let {
7823
- isOpen,
7824
- onToggle
7825
- } = _ref;
7826
- return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(Button, {
7827
- isSmall: true,
7828
- onClick: onToggle,
7829
- "aria-expanded": isOpen,
7830
- icon: "edit"
7831
- });
7832
- },
7833
- renderContent: () => (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
7834
- className: "rttpg-typography-content"
7835
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_Color__WEBPACK_IMPORTED_MODULE_2__["default"], {
7836
- label: __("Color"),
7837
- color: data['color'],
7838
- onChange: val => setSettings(val, 'color')
7839
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_Range__WEBPACK_IMPORTED_MODULE_1__["default"], {
7840
- label: __("Horizontal Offset"),
7841
- reset: true,
7842
- value: data['width']["top"],
7843
- onChange: val => setSettings(val, 'width', 'top'),
7844
- min: 0,
7845
- max: 100
7846
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_Range__WEBPACK_IMPORTED_MODULE_1__["default"], {
7847
- label: __("Vertical Offset"),
7848
- reset: true,
7849
- value: data['width']["right"],
7850
- onChange: val => setSettings(val, 'width', 'right'),
7851
- min: 0,
7852
- max: 100
7853
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_Range__WEBPACK_IMPORTED_MODULE_1__["default"], {
7854
- label: __("Shadow Blur"),
7855
- reset: true,
7856
- value: data['width']["bottom"],
7857
- onChange: val => setSettings(val, 'width', 'bottom'),
7858
- min: 0,
7859
- max: 100
7860
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_Range__WEBPACK_IMPORTED_MODULE_1__["default"], {
7861
- label: __("Shadow Spread"),
7862
- reset: true,
7863
- value: data['width']["left"],
7864
- onChange: val => setSettings(val, 'width', 'left'),
7865
- min: 0,
7866
- max: 100
7867
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
7868
- className: "rttpg-toggle-control-field"
7869
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(ToggleControl, {
7870
- label: "Inset",
7871
- checked: data['inset'],
7872
- onChange: val => setSettings(val, 'inset')
7873
- })), transition && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_Range__WEBPACK_IMPORTED_MODULE_1__["default"], {
7874
- label: __("Shadow Transition"),
7875
- reset: true,
7876
- value: data['transition'],
7877
- onChange: val => setSettings(val, 'transition'),
7878
- min: 0,
7879
- max: 5,
7880
- step: 0.1
7881
- }))
7882
- })));
7883
- }
7884
-
7885
- ;
7886
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (BoxShadow);
7887
-
7888
- /***/ }),
7889
-
7890
- /***/ "./src/components/Color.js":
7891
- /*!*********************************!*\
7892
- !*** ./src/components/Color.js ***!
7893
- \*********************************/
7894
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
7895
-
7896
- "use strict";
7897
- __webpack_require__.r(__webpack_exports__);
7898
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
7899
- /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
7900
- /* harmony export */ });
7901
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
7902
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
7903
- /* harmony import */ var _scss_color_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./scss/color.scss */ "./src/components/scss/color.scss");
7904
-
7905
- const {
7906
- __
7907
- } = wp.i18n;
7908
- const {
7909
- useState,
7910
- useEffect
7911
- } = wp.element;
7912
- const {
7913
- Dropdown,
7914
- Tooltip,
7915
- ColorPicker,
7916
- Button
7917
- } = wp.components;
7918
-
7919
-
7920
- function Color(_ref) {
7921
- let {
7922
- label,
7923
- color,
7924
- onChange
7925
- } = _ref;
7926
- const [bgColor, setBgColor] = useState(color);
7927
- useEffect(() => {
7928
- setBgColor(color);
7929
- }, [color]);
7930
-
7931
- const onChangeComplete = _ref2 => {
7932
- let {
7933
- rgb,
7934
- hex
7935
- } = _ref2;
7936
- let color = rgb ? `rgba(${rgb.r},${rgb.g},${rgb.b},${rgb.a})` : hex;
7937
- onChange(color);
7938
- };
7939
-
7940
- return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
7941
- className: "rttpg-control-field rttpg-cf-color-wrap"
7942
- }, label && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("span", {
7943
- className: "rttpg-label"
7944
- }, label), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
7945
- className: "rttpg-color"
7946
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(Dropdown, {
7947
- contentClassName: "rttpg-components-popover rttpg-cp-color-content",
7948
- renderToggle: _ref3 => {
7949
- let {
7950
- isOpen,
7951
- onToggle
7952
- } = _ref3;
7953
- return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(Tooltip, {
7954
- text: color || "default"
7955
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
7956
- className: "rttpg-color-ball"
7957
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
7958
- style: {
7959
- height: 25,
7960
- width: 25,
7961
- borderRadius: "50%",
7962
- boxShadow: "inset 0 0 0 1px rgba(0,0,0,.1)",
7963
- backgroundColor: bgColor
7964
- },
7965
- "aria-expanded": isOpen,
7966
- onClick: onToggle,
7967
- "aria-label": color || "default"
7968
- })));
7969
- },
7970
- renderContent: () => (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(ColorPicker, {
7971
- color: color,
7972
- onChangeComplete: color => onChangeComplete(color)
7973
- })
7974
- }), bgColor && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(Button, {
7975
- isSmall: true,
7976
- className: "rttpg-undo-btn",
7977
- icon: "image-rotate",
7978
- onClick: () => onChange(undefined)
7979
- })));
7980
- }
7981
-
7982
- ;
7983
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Color);
7984
-
7985
- /***/ }),
7986
-
7987
- /***/ "./src/components/Constants.js":
7988
- /*!*************************************!*\
7989
- !*** ./src/components/Constants.js ***!
7990
- \*************************************/
7991
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
7992
-
7993
- "use strict";
7994
- __webpack_require__.r(__webpack_exports__);
7995
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
7996
- /* harmony export */ "AUTHOR_LISTS": () => (/* binding */ AUTHOR_LISTS),
7997
- /* harmony export */ "BACKGROUND_ATTACHMENT": () => (/* binding */ BACKGROUND_ATTACHMENT),
7998
- /* harmony export */ "BACKGROUND_POSITION": () => (/* binding */ BACKGROUND_POSITION),
7999
- /* harmony export */ "BACKGROUND_REPEAT": () => (/* binding */ BACKGROUND_REPEAT),
8000
- /* harmony export */ "BACKGROUND_SIZE": () => (/* binding */ BACKGROUND_SIZE),
8001
- /* harmony export */ "BACKGROUND_TYPE": () => (/* binding */ BACKGROUND_TYPE),
8002
- /* harmony export */ "BG_HOVER_DIRECTION": () => (/* binding */ BG_HOVER_DIRECTION),
8003
- /* harmony export */ "BORDER_STYLES": () => (/* binding */ BORDER_STYLES),
8004
- /* harmony export */ "BOX_HOVER": () => (/* binding */ BOX_HOVER),
8005
- /* harmony export */ "BTN_WIDTH_TYPE": () => (/* binding */ BTN_WIDTH_TYPE),
8006
- /* harmony export */ "BUTTON_HOVER_EFFECT": () => (/* binding */ BUTTON_HOVER_EFFECT),
8007
- /* harmony export */ "BUTTON_ICON_HOVER_EFFECTS": () => (/* binding */ BUTTON_ICON_HOVER_EFFECTS),
8008
- /* harmony export */ "BUTTON_INFOBOX_HOVER_EFFECT": () => (/* binding */ BUTTON_INFOBOX_HOVER_EFFECT),
8009
- /* harmony export */ "BUTTON_INFOBOX_STYLE": () => (/* binding */ BUTTON_INFOBOX_STYLE),
8010
- /* harmony export */ "BUTTON_SIZES": () => (/* binding */ BUTTON_SIZES),
8011
- /* harmony export */ "BUTTON_TYPE": () => (/* binding */ BUTTON_TYPE),
8012
- /* harmony export */ "COL_OPTIONS": () => (/* binding */ COL_OPTIONS),
8013
- /* harmony export */ "DEVICES": () => (/* binding */ DEVICES),
8014
- /* harmony export */ "DIRECTION_TYPE": () => (/* binding */ DIRECTION_TYPE),
8015
- /* harmony export */ "EXCERPT_TYPE": () => (/* binding */ EXCERPT_TYPE),
8016
- /* harmony export */ "FONT_WEIGHTS": () => (/* binding */ FONT_WEIGHTS),
8017
- /* harmony export */ "GRID_STYLE": () => (/* binding */ GRID_STYLE),
8018
- /* harmony export */ "HEADING": () => (/* binding */ HEADING),
8019
- /* harmony export */ "ICON_HOVER_DIRECTION": () => (/* binding */ ICON_HOVER_DIRECTION),
8020
- /* harmony export */ "ICON_POSITION": () => (/* binding */ ICON_POSITION),
8021
- /* harmony export */ "MEDIA_TYPE": () => (/* binding */ MEDIA_TYPE),
8022
- /* harmony export */ "META_ORDERING_LABEL": () => (/* binding */ META_ORDERING_LABEL),
8023
- /* harmony export */ "META_POSITION": () => (/* binding */ META_POSITION),
8024
- /* harmony export */ "NORMAL_HOVER": () => (/* binding */ NORMAL_HOVER),
8025
- /* harmony export */ "OVERLAY_TYPE": () => (/* binding */ OVERLAY_TYPE),
8026
- /* harmony export */ "PAGINATION_TYPE": () => (/* binding */ PAGINATION_TYPE),
8027
- /* harmony export */ "POSTS_TYPE": () => (/* binding */ POSTS_TYPE),
8028
- /* harmony export */ "POST_LINK_TYPE": () => (/* binding */ POST_LINK_TYPE),
8029
- /* harmony export */ "POST_ORDER_BY": () => (/* binding */ POST_ORDER_BY),
8030
- /* harmony export */ "POST_SORT_ORDER": () => (/* binding */ POST_SORT_ORDER),
8031
- /* harmony export */ "PRINT_TAXONOMY": () => (/* binding */ PRINT_TAXONOMY),
8032
- /* harmony export */ "SECTION_TITLE_SOURCE": () => (/* binding */ SECTION_TITLE_SOURCE),
8033
- /* harmony export */ "SECTION_TITLE_STYLE": () => (/* binding */ SECTION_TITLE_STYLE),
8034
- /* harmony export */ "TAX_RELATION": () => (/* binding */ TAX_RELATION),
8035
- /* harmony export */ "TEXT_TRANSFORM": () => (/* binding */ TEXT_TRANSFORM),
8036
- /* harmony export */ "TITLE_POSITION": () => (/* binding */ TITLE_POSITION),
8037
- /* harmony export */ "TITLE_VISIBILITY_STYLE": () => (/* binding */ TITLE_VISIBILITY_STYLE)
8038
- /* harmony export */ });
8039
- const {
8040
- __
8041
- } = wp.i18n;
8042
- const DEVICES = {
8043
- Desktop: "md",
8044
- Tablet: "sm",
8045
- Mobile: "xs"
8046
- };
8047
- const NORMAL_HOVER = [{
8048
- label: "Normal",
8049
- value: "normal"
8050
- }, {
8051
- label: "Hover",
8052
- value: "hover"
8053
- }];
8054
- const BOX_HOVER = [{
8055
- label: "Normal",
8056
- value: "normal"
8057
- }, {
8058
- label: "Hover",
8059
- value: "hover"
8060
- }, {
8061
- label: "Box Hover",
8062
- value: "box_hover"
8063
- }];
8064
- const MEDIA_TYPE = [{
8065
- label: "Icon",
8066
- value: "icon"
8067
- }, {
8068
- label: "Image",
8069
- value: "image"
8070
- }, {
8071
- label: "None",
8072
- value: "none"
8073
- }];
8074
- const DIRECTION_TYPE = [{
8075
- label: "Left",
8076
- value: "left"
8077
- }, {
8078
- label: "Top",
8079
- value: "top"
8080
- }, {
8081
- label: "Right",
8082
- value: "right"
8083
- }];
8084
- const ICON_POSITION = [{
8085
- label: "Left",
8086
- value: "left"
8087
- }, {
8088
- label: "Right",
8089
- value: "right"
8090
- }];
8091
- const BTN_WIDTH_TYPE = [{
8092
- label: "Auto",
8093
- value: "auto"
8094
- }, {
8095
- label: "Full",
8096
- value: "full"
8097
- }, {
8098
- label: "Fixed",
8099
- value: "fixed"
8100
- }];
8101
- const BACKGROUND_TYPE = [{
8102
- label: __("Classic", "guten-blocks"),
8103
- value: "classic"
8104
- }, {
8105
- label: __("Gradient", "guten-blocks"),
8106
- value: "gradient"
8107
- }];
8108
- const BACKGROUND_POSITION = [{
8109
- label: __("Default", "guten-blocks"),
8110
- value: ""
8111
- }, {
8112
- label: __("Left Top", "guten-blocks"),
8113
- value: "left top"
8114
- }, {
8115
- label: __("Left Center", "guten-blocks"),
8116
- value: "left center"
8117
- }, {
8118
- label: __("Left Bottom", "guten-blocks"),
8119
- value: "left bottom"
8120
- }, {
8121
- label: __("Right Top", "guten-blocks"),
8122
- value: "right top"
8123
- }, {
8124
- label: __("Right Center", "guten-blocks"),
8125
- value: "right center"
8126
- }, {
8127
- label: __("Right Bottom", "guten-blocks"),
8128
- value: "right bottom"
8129
- }, {
8130
- label: __("Center Top", "guten-blocks"),
8131
- value: "center top"
8132
- }, {
8133
- label: __("Center Center", "guten-blocks"),
8134
- value: "center center"
8135
- }, {
8136
- label: __("Center Bottom", "guten-blocks"),
8137
- value: "center bottom"
8138
- }];
8139
- const BACKGROUND_SIZE = [{
8140
- label: __("Default", "guten-blocks"),
8141
- value: ""
8142
- }, {
8143
- label: __("Auto", "guten-blocks"),
8144
- value: "auto"
8145
- }, {
8146
- label: __("Cover", "guten-blocks"),
8147
- value: "cover"
8148
- }, {
8149
- label: __("Contain", "guten-blocks"),
8150
- value: "contain"
8151
- }];
8152
- const BACKGROUND_REPEAT = [{
8153
- label: __("Default", "guten-blocks"),
8154
- value: ""
8155
- }, {
8156
- label: __("No Repeat", "guten-blocks"),
8157
- value: "no-repeat"
8158
- }, {
8159
- label: __("Repeat", "guten-blocks"),
8160
- value: "repeat"
8161
- }, {
8162
- label: __("Repeat X", "guten-blocks"),
8163
- value: "repeat-x"
8164
- }, {
8165
- label: __("Repeat Y", "guten-blocks"),
8166
- value: "repeat-y"
8167
- }];
8168
- const BACKGROUND_ATTACHMENT = [{
8169
- label: __("Default", "guten-blocks"),
8170
- value: ""
8171
- }, {
8172
- label: __("Scroll", "guten-blocks"),
8173
- value: "scroll"
8174
- }, {
8175
- label: __("Fixed", "guten-blocks"),
8176
- value: "fixed"
8177
- }];
8178
- const TEXT_TRANSFORM = [{
8179
- label: __("None", "guten-blocks"),
8180
- value: "none"
8181
- }, {
8182
- label: __("Lowercase", "guten-blocks"),
8183
- value: "lowercase"
8184
- }, {
8185
- label: __("Capitalize", "guten-blocks"),
8186
- value: "capitalize"
8187
- }, {
8188
- label: __("Uppercase", "guten-blocks"),
8189
- value: "uppercase"
8190
- }];
8191
- const FONT_WEIGHTS = [{
8192
- label: __("Default", "guten-blocks"),
8193
- value: "default"
8194
- }, {
8195
- label: __("Light", "guten-blocks"),
8196
- value: "300"
8197
- }, {
8198
- label: __("Normal", "guten-blocks"),
8199
- value: "400"
8200
- }, {
8201
- label: __("Medium", "guten-blocks"),
8202
- value: "500"
8203
- }, {
8204
- label: __("Semi Bold", "guten-blocks"),
8205
- value: "600"
8206
- }, {
8207
- label: __("Bold", "guten-blocks"),
8208
- value: "700"
8209
- }, {
8210
- label: __("Extra Bold", "guten-blocks"),
8211
- value: "800"
8212
- }, {
8213
- label: __("Heavy Bold", "guten-blocks"),
8214
- value: "900"
8215
- }];
8216
- const HEADING = [{
8217
- label: __("H1", "guten-blocks"),
8218
- value: "h1"
8219
- }, {
8220
- label: __("H2", "guten-blocks"),
8221
- value: "h2"
8222
- }, {
8223
- label: __("H3", "guten-blocks"),
8224
- value: "h3"
8225
- }, {
8226
- label: __("H4", "guten-blocks"),
8227
- value: "h4"
8228
- }, {
8229
- label: __("H5", "guten-blocks"),
8230
- value: "h5"
8231
- }, {
8232
- label: __("H6", "guten-blocks"),
8233
- value: "h6"
8234
- }];
8235
- const BORDER_STYLES = [{
8236
- label: __("None"),
8237
- value: "none"
8238
- }, {
8239
- label: __("Solid"),
8240
- value: "solid"
8241
- }, {
8242
- label: __("Dashed"),
8243
- value: "dashed"
8244
- }, {
8245
- label: __("Dotted"),
8246
- value: "dotted"
8247
- }, {
8248
- label: __("Double"),
8249
- value: "double"
8250
- }, {
8251
- label: __("Groove"),
8252
- value: "groove"
8253
- }, {
8254
- label: __("Inset"),
8255
- value: "inset"
8256
- }, {
8257
- label: __("Outset"),
8258
- value: "outset"
8259
- }, {
8260
- label: __("Ridge"),
8261
- value: "ridge"
8262
- }]; // only apply fill and outline buttons
8263
-
8264
- const BUTTON_INFOBOX_HOVER_EFFECT = [{
8265
- label: __("Select Effect"),
8266
- value: ""
8267
- }, {
8268
- label: __("Bounce left to right"),
8269
- value: "rt-bounce-to-left"
8270
- }, {
8271
- label: __("Bounce right to left"),
8272
- value: "rt-bounce-to-right"
8273
- }, {
8274
- label: __("Bounce top to bottom"),
8275
- value: "rt-bounce-to-bottom"
8276
- }, {
8277
- label: __("Bounce bottom to top"),
8278
- value: "rt-bounce-to-top"
8279
- }, {
8280
- label: __("Rectangle out"),
8281
- value: "rt-rectangle-out"
8282
- }, {
8283
- label: __("Rectangle in"),
8284
- value: "rt-rectangle-in"
8285
- }, {
8286
- label: __("Shutter in horizontal"),
8287
- value: "rt-shutter-in-horizontal"
8288
- }, {
8289
- label: __("Shutter out horizontal"),
8290
- value: "rt-shutter-out-horizontal"
8291
- }, {
8292
- label: __("Shutter in vertical"),
8293
- value: "rt-shutter-in-vertical"
8294
- }, {
8295
- label: __("Shutter out vertical"),
8296
- value: "rt-shutter-out-vertical"
8297
- }];
8298
- const ICON_HOVER_DIRECTION = [{
8299
- label: __("Select Direction"),
8300
- value: ""
8301
- }, {
8302
- label: __("Top to bottom"),
8303
- value: "rt-top-to-bottom"
8304
- }, {
8305
- label: __("Bottom to top"),
8306
- value: "rt-bottom-to-top"
8307
- }, {
8308
- label: __("Right to left"),
8309
- value: "rt-right-to-left"
8310
- }, {
8311
- label: __("Left to right"),
8312
- value: "rt-left-to-right"
8313
- }];
8314
- const BG_HOVER_DIRECTION = [{
8315
- label: __("Normal"),
8316
- value: "rt-bg-normal"
8317
- }, {
8318
- label: __("Top to bottom"),
8319
- value: "rt-bg-top-to-bottom"
8320
- }, {
8321
- label: __("Bottom to top"),
8322
- value: "rt-bg-bottom-to-top"
8323
- }, {
8324
- label: __("Right to left"),
8325
- value: "rt-bg-right-to-left"
8326
- }, {
8327
- label: __("Left to right"),
8328
- value: "rt-bg-left-to-right"
8329
- }, {
8330
- label: __("Zoom in"),
8331
- value: "rt-bg-zoom-in"
8332
- }];
8333
- const BUTTON_INFOBOX_STYLE = [{
8334
- label: __("Text Button"),
8335
- value: "text-btn"
8336
- }, {
8337
- label: __("Fill Button"),
8338
- value: "fill-btn"
8339
- }, {
8340
- label: __("OutLine Button"),
8341
- value: "outline-btn"
8342
- }, {
8343
- label: __("Icon Button"),
8344
- value: "icon-btn"
8345
- }];
8346
- const BUTTON_TYPE = [{
8347
- label: __("Fill"),
8348
- value: "rt-fill-btn"
8349
- }, {
8350
- label: __("Fill Button With Outline"),
8351
- value: "rt-fill-btn-with-outline"
8352
- }, {
8353
- label: __("OutLine Button"),
8354
- value: "rt-outline-btn"
8355
- }, {
8356
- label: __("Icon Button"),
8357
- value: "rt-icon-btn"
8358
- }, {
8359
- label: __("Position Aware"),
8360
- value: "rt-position-aware-btn"
8361
- }];
8362
- const BUTTON_SIZES = [{
8363
- label: __("S"),
8364
- value: "rt-btn-sm"
8365
- }, {
8366
- label: __("M"),
8367
- value: "rt-btn-md"
8368
- }, {
8369
- label: __("L"),
8370
- value: "rt-btn-lg"
8371
- }, {
8372
- label: __("XL"),
8373
- value: "rt-btn-xl"
8374
- }]; // only apply fill and outline buttons
8375
-
8376
- const BUTTON_HOVER_EFFECT = [{
8377
- label: __("Default"),
8378
- value: "rt-btn-no-effect"
8379
- }, {
8380
- label: __("Bounce left to right"),
8381
- value: "rt-bounce-to-left"
8382
- }, {
8383
- label: __("Bounce right to left"),
8384
- value: "rt-bounce-to-right"
8385
- }, {
8386
- label: __("Bounce top to bottom"),
8387
- value: "rt-bounce-to-bottom"
8388
- }, {
8389
- label: __("Bounce bottom to top"),
8390
- value: "rt-bounce-to-top"
8391
- }, {
8392
- label: __("Rectangle out"),
8393
- value: "rt-rectangle-out"
8394
- }, {
8395
- label: __("Rectangle in"),
8396
- value: "rt-rectangle-in"
8397
- }, {
8398
- label: __("Shutter in horizontal"),
8399
- value: "rt-shutter-in-horizontal"
8400
- }, {
8401
- label: __("Shutter out horizontal"),
8402
- value: "rt-shutter-out-horizontal"
8403
- }, {
8404
- label: __("Shutter in vertical"),
8405
- value: "rt-shutter-in-vertical"
8406
- }, {
8407
- label: __("Shutter out vertical"),
8408
- value: "rt-shutter-out-vertical"
8409
- }, {
8410
- label: __("Slide down top left"),
8411
- value: "rt-slide-down-top-left"
8412
- }, {
8413
- label: __("Slide down top right"),
8414
- value: "rt-slide-down-top-right"
8415
- }, {
8416
- label: __("Slide up bottom left"),
8417
- value: "rt-slide-up-bottom-left"
8418
- }, {
8419
- label: __("Slide up bottom right"),
8420
- value: "rt-slide-up-bottom-right"
8421
- }, {
8422
- label: __("Swipe left to right"),
8423
- value: "rt-swipe-left-to-right"
8424
- }, {
8425
- label: __("Swipe right to left"),
8426
- value: "rt-swipe-right-to-left"
8427
- }, {
8428
- label: __("Swipe top to bottom"),
8429
- value: "rt-swipe-top-to-bottom"
8430
- }, {
8431
- label: __("Swipe bottom to top"),
8432
- value: "rt-swipe-bottom-to-top"
8433
- }];
8434
- const BUTTON_ICON_HOVER_EFFECTS = [{
8435
- label: __("Default"),
8436
- value: "rt-icon-effect-none"
8437
- }, //{ label: __("None"), value: "rt-icon-effect-none" },
8438
- {
8439
- label: __("Spin"),
8440
- value: "rt-icon-spin"
8441
- }, {
8442
- label: __("Shake Y"),
8443
- value: "rt-icon-shake-y"
8444
- }, {
8445
- label: __("Bounce In"),
8446
- value: "rt-icon-bounce-in"
8447
- }, {
8448
- label: __("Heart Beat"),
8449
- value: "rt-icon-heart-beat"
8450
- }, {
8451
- label: __("Right to left"),
8452
- value: "rt-icon-right-to-left"
8453
- }, {
8454
- label: __("Left to Right"),
8455
- value: "rt-icon-left-to-right"
8456
- }, {
8457
- label: __("Top to bottom"),
8458
- value: "rt-icon-top-to-bottom"
8459
- }, {
8460
- label: __("Bottom to top"),
8461
- value: "rt-icon-bottom-to-top"
8462
- }];
8463
- const COL_OPTIONS = [{
8464
- value: 'default',
8465
- label: __('Default', 'the-post-grid')
8466
- }, {
8467
- value: '1',
8468
- label: __('1 Col', 'the-post-grid')
8469
- }, {
8470
- value: '2',
8471
- label: __('2 Col', 'the-post-grid')
8472
- }, {
8473
- value: '3',
8474
- label: __('3 Col', 'the-post-grid')
8475
- }, {
8476
- value: '4',
8477
- label: __('4 Col', 'the-post-grid')
8478
- }, {
8479
- value: '5',
8480
- label: __('5 Col', 'the-post-grid')
8481
- }, {
8482
- value: '6',
8483
- label: __('6 Col', 'the-post-grid')
8484
- }];
8485
- const SECTION_TITLE_STYLE = [{
8486
- value: 'default',
8487
- label: __('Default', 'the-post-grid')
8488
- }, {
8489
- value: 'style1',
8490
- label: __('Style 1', 'the-post-grid')
8491
- }, {
8492
- value: 'style2',
8493
- label: __('Style 2', 'the-post-grid')
8494
- }, {
8495
- value: 'style3',
8496
- label: __('Style 3', 'the-post-grid')
8497
- }];
8498
- const SECTION_TITLE_SOURCE = [{
8499
- value: 'page_title',
8500
- label: __('Page Title', 'the-post-grid')
8501
- }, {
8502
- value: 'custom_title',
8503
- label: __('Custom Title', 'the-post-grid')
8504
- }];
8505
- const TITLE_VISIBILITY_STYLE = [{
8506
- value: 'default',
8507
- label: __('Default', 'the-post-grid')
8508
- }, {
8509
- value: 'one-line',
8510
- label: __('Show in 1 line', 'the-post-grid')
8511
- }, {
8512
- value: 'two-line',
8513
- label: __('Show in 2 lines', 'the-post-grid')
8514
- }, {
8515
- value: 'three-line',
8516
- label: __('Show in 3 lines', 'the-post-grid')
8517
- }, {
8518
- value: 'custom',
8519
- label: __('Custom', 'the-post-grid')
8520
- }];
8521
- const titlePosition = [{
8522
- value: 'default',
8523
- label: __('Default', 'the-post-grid')
8524
- }];
8525
-
8526
- if (rttpgParams.hasPro) {
8527
- titlePosition.push({
8528
- value: 'above_image',
8529
- label: __('Above Image', 'the-post-grid')
8530
- });
8531
- titlePosition.push({
8532
- value: 'below_image',
8533
- label: __('Below Image', 'the-post-grid')
8534
- });
8535
- }
8536
-
8537
- const TITLE_POSITION = titlePosition;
8538
- const orderBy = [{
8539
- value: 'date',
8540
- label: __('Date', 'the-post-grid')
8541
- }, {
8542
- value: 'ID',
8543
- label: __('Order by post ID', 'the-post-grid')
8544
- }, {
8545
- value: 'author',
8546
- label: __('Author', 'the-post-grid')
8547
- }, {
8548
- value: 'title',
8549
- label: __('Title', 'the-post-grid')
8550
- }, {
8551
- value: 'modified',
8552
- label: __('Last modified date', 'the-post-grid')
8553
- }, {
8554
- value: 'parent',
8555
- label: __('Post parent ID', 'the-post-grid')
8556
- }, {
8557
- value: 'comment_count',
8558
- label: __('Number of comments', 'the-post-grid')
8559
- }, {
8560
- value: 'menu_order',
8561
- label: __('Menu order', 'the-post-grid')
8562
- }];
8563
-
8564
- if (rttpgParams.hasPro) {
8565
- orderBy.push({
8566
- value: 'rand',
8567
- label: __('Random order', 'the-post-grid')
8568
- });
8569
- }
8570
-
8571
- const POST_ORDER_BY = orderBy;
8572
- const pagination = [{
8573
- value: 'pagination',
8574
- label: __('Default Pagination', 'the-post-grid')
8575
- }];
8576
-
8577
- if (rttpgParams.hasPro) {
8578
- pagination.push({
8579
- value: 'pagination_ajax',
8580
- label: __('Ajax Pagination ( Only for Grid )', 'the-post-grid')
8581
- });
8582
- pagination.push({
8583
- value: 'load_more',
8584
- label: __('Load More - On Click', 'the-post-grid')
8585
- });
8586
- pagination.push({
8587
- value: 'load_on_scroll',
8588
- label: __('Load On Scroll', 'the-post-grid')
8589
- });
8590
- }
8591
-
8592
- const PAGINATION_TYPE = pagination;
8593
- const post_link_select = [{
8594
- value: 'default',
8595
- label: __('Link to details page', 'the-post-grid')
8596
- }];
8597
-
8598
- if (rttpgParams.hasPro) {
8599
- post_link_select.push({
8600
- value: 'popup',
8601
- label: __('Single Popup', 'the-post-grid')
8602
- });
8603
- post_link_select.push({
8604
- value: 'multi_popup',
8605
- label: __('Multi Popup', 'the-post-grid')
8606
- });
8607
- }
8608
-
8609
- const POST_LINK_TYPE = post_link_select;
8610
- const metaPosition = [{
8611
- value: 'default',
8612
- label: __('Default', 'the-post-grid')
8613
- }];
8614
-
8615
- if (rttpgParams.hasPro) {
8616
- metaPosition.push({
8617
- value: 'above_title',
8618
- label: __('Above Title', 'the-post-grid')
8619
- });
8620
- metaPosition.push({
8621
- value: 'below_title',
8622
- label: __('Below Title', 'the-post-grid')
8623
- });
8624
- metaPosition.push({
8625
- value: 'above_excerpt',
8626
- label: __('Above excerpt', 'the-post-grid')
8627
- });
8628
- metaPosition.push({
8629
- value: 'below_excerpt',
8630
- label: __('Below excerpt', 'the-post-grid')
8631
- });
8632
- }
8633
-
8634
- const META_POSITION = metaPosition; // GRID_STYLE Constang
8635
-
8636
- const tpgGridStyle = [{
8637
- value: 'tpg-even',
8638
- label: __('Grid', 'the-post-grid')
8639
- }, {
8640
- value: 'tpg-full-height',
8641
- label: __('Grid Equal Height', 'the-post-grid')
8642
- }];
8643
-
8644
- if (rttpgParams.hasPro) {
8645
- tpgGridStyle.push({
8646
- value: 'masonry',
8647
- label: __('Masonry', 'the-post-grid')
8648
- });
8649
- }
8650
-
8651
- const GRID_STYLE = tpgGridStyle;
8652
- const EXCERPT_TYPE = [{
8653
- value: 'character',
8654
- label: __('Character', 'the-post-grid')
8655
- }, {
8656
- value: 'word',
8657
- label: __('Word', 'the-post-grid')
8658
- }, {
8659
- value: 'full',
8660
- label: __('Full Content', 'the-post-grid')
8661
- }];
8662
- const POST_SORT_ORDER = [{
8663
- value: 'desc',
8664
- label: __('DESC', 'the-post-grid')
8665
- }, {
8666
- value: 'asc',
8667
- label: __('ASC', 'the-post-grid')
8668
- }]; // POSTS_TYPE Constang
8669
-
8670
- const tpgPostType = [];
8671
- let getPostType = rttpgParams.post_type;
8672
-
8673
- for (let p in getPostType) {
8674
- tpgPostType.push({
8675
- value: p,
8676
- label: __(getPostType[p], 'the-post-grid')
8677
- });
8678
- }
8679
-
8680
- const POSTS_TYPE = tpgPostType;
8681
- const tpgAllUsers = [{
8682
- value: '',
8683
- label: __('Choose Author', 'the-post-grid')
8684
- }];
8685
- let getUsers = rttpgParams.get_users;
8686
-
8687
- for (let u in getUsers) {
8688
- tpgAllUsers.push({
8689
- value: u,
8690
- label: __(getUsers[u], 'the-post-grid')
8691
- });
8692
- }
8693
-
8694
- const AUTHOR_LISTS = tpgAllUsers;
8695
- const TAX_RELATION = [{
8696
- value: 'OR',
8697
- label: __('OR', 'the-post-grid')
8698
- }, {
8699
- value: 'AND',
8700
- label: __('AND', 'the-post-grid')
8701
- }];
8702
- const PRINT_TAXONOMY = taxonomy => {
8703
- let allTax = [];
8704
-
8705
- for (let tax in taxonomy) {
8706
- allTax.push({
8707
- value: tax,
8708
- label: __(taxonomy[tax], 'the-post-grid')
8709
- });
8710
- }
8711
-
8712
- return allTax;
8713
- };
8714
- const hover_overlay_type = [{
8715
- value: 'always',
8716
- label: __('Show Always', 'the-post-grid')
8717
- }, {
8718
- value: 'fadein-on-hover',
8719
- label: __('FadeIn on hover', 'the-post-grid')
8720
- }, {
8721
- value: 'fadeout-on-hover',
8722
- label: __('FadeOut on hover', 'the-post-grid')
8723
- }, {
8724
- value: 'slidein-on-hover',
8725
- label: __('SlideIn on hover', 'the-post-grid')
8726
- }, {
8727
- value: 'slideout-on-hover',
8728
- label: __('SlideOut on hover', 'the-post-grid')
8729
- }, {
8730
- value: 'zoomin-on-hover',
8731
- label: __('ZoomIn on hover', 'the-post-grid')
8732
- }, {
8733
- value: 'zoomout-on-hover',
8734
- label: __('ZoomOut on hover', 'the-post-grid')
8735
- }, {
8736
- value: 'zoominall-on-hover',
8737
- label: __('ZoomIn Content on hover', 'the-post-grid')
8738
- }, {
8739
- value: 'zoomoutall-on-hover',
8740
- label: __('ZoomOut Content on hover', 'the-post-grid')
8741
- }];
8742
- const OVERLAY_TYPE = hover_overlay_type;
8743
- const META_ORDERING_LABEL = [{
8744
- value: 'author',
8745
- label: 'Author'
8746
- }, {
8747
- value: 'date',
8748
- label: 'Date'
8749
- }, {
8750
- value: 'category',
8751
- label: 'Category'
8752
- }, {
8753
- value: 'tags',
8754
- label: 'Tags'
8755
- }, {
8756
- value: 'comment_count',
8757
- label: 'Comment Count'
8758
- }, {
8759
- value: 'post_count',
8760
- label: 'Post Count'
8761
- }];
8762
-
8763
- /***/ }),
8764
-
8765
- /***/ "./src/components/Devices.js":
8766
- /*!***********************************!*\
8767
- !*** ./src/components/Devices.js ***!
8768
- \***********************************/
8769
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
8770
-
8771
- "use strict";
8772
- __webpack_require__.r(__webpack_exports__);
8773
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
8774
- /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
8775
- /* harmony export */ });
8776
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
8777
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
8778
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
8779
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
8780
- /* harmony import */ var _scss_devices_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./scss/devices.scss */ "./src/components/scss/devices.scss");
8781
- /* harmony import */ var _helpers_useClickOutside__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../helpers/useClickOutside */ "./src/helpers/useClickOutside.js");
8782
-
8783
-
8784
- /* global wp */
8785
-
8786
- const {
8787
- __
8788
- } = wp.i18n;
8789
-
8790
-
8791
-
8792
- const Devices = props => {
8793
- const [switcherIsOpen, setSwitcherIsOpen] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false);
8794
- const [device, setDevice] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(() => props.device || 'lg');
8795
- const devicesRef = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)();
8796
- const closeDevices = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(() => setSwitcherIsOpen(false), []);
8797
- (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(() => {
8798
- if (device) {
8799
- window.rttpgDevice = device;
8800
- }
8801
- }, []);
8802
-
8803
- const onClickHandler = _device => {
8804
- window.rttpgDevice = _device;
8805
- setDevice(_device);
8806
- props.onChange(_device);
8807
- setSwitcherIsOpen(() => !switcherIsOpen);
8808
- };
8809
-
8810
- (0,_helpers_useClickOutside__WEBPACK_IMPORTED_MODULE_3__["default"])(devicesRef, closeDevices);
8811
- return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
8812
- ref: devicesRef,
8813
- className: `rttpg-device-switchers active-${device}${switcherIsOpen ? ' rttpg-device-switchers-open' : ''} `,
8814
- onClick: () => setSwitcherIsOpen(() => !switcherIsOpen)
8815
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
8816
- className: "rttpg-device-switchers-wrap"
8817
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("a", {
8818
- className: `rttpg-device-switcher rttpg-device-switcher-desktop${device === 'lg' ? ' active' : ''}`,
8819
- onClick: () => onClickHandler('lg'),
8820
- "data-tooltip": __('Desktop')
8821
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("i", {
8822
- className: "fas fa-desktop"
8823
- })), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("a", {
8824
- className: `rttpg-device-switcher rttpg-device-switcher-laptop${device === 'md' ? ' active' : ''}`,
8825
- onClick: () => onClickHandler('md'),
8826
- "data-tooltip": __('Tablet')
8827
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("i", {
8828
- className: "fas fa-tablet-alt"
8829
- })), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("a", {
8830
- className: `rttpg-device-switcher rttpg-device-switcher-tablet${device === 'sm' ? ' active' : ''}`,
8831
- onClick: () => onClickHandler('sm'),
8832
- "data-tooltip": __('Mobile')
8833
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("i", {
8834
- className: "fas fa-mobile-alt"
8835
- }))));
8836
- };
8837
-
8838
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Devices);
8839
-
8840
- /***/ }),
8841
-
8842
- /***/ "./src/components/Dimension.js":
8843
- /*!*************************************!*\
8844
- !*** ./src/components/Dimension.js ***!
8845
- \*************************************/
8846
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
8847
-
8848
- "use strict";
8849
- __webpack_require__.r(__webpack_exports__);
8850
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
8851
- /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
8852
- /* harmony export */ });
8853
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
8854
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
8855
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
8856
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
8857
- /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! prop-types */ "./node_modules/prop-types/index.js");
8858
- /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_4__);
8859
- /* harmony import */ var _Devices__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Devices */ "./src/components/Devices.js");
8860
- /* harmony import */ var _scss_dimension_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./scss/dimension.scss */ "./src/components/scss/dimension.scss");
8861
-
8862
-
8863
- /* global wp*/
8864
-
8865
-
8866
-
8867
-
8868
-
8869
- const Dimension = props => {
8870
- const {
8871
- responsive,
8872
- onChange,
8873
- units,
8874
- value: data,
8875
- type
8876
- } = props;
8877
- const [device, setDevice] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(() => window.rttpgDevice || 'lg');
8878
- const defaultData = {
8879
- isLinked: true,
8880
- unit: 'px',
8881
- value: ''
8882
- };
8883
- const currentData = responsive ? data[device] ? data[device] : defaultData : data || defaultData;
8884
-
8885
- const updateData = newData => {
8886
- newData.type = type;
8887
- onChange(newData);
8888
- };
8889
-
8890
- const onChangeDimension = (type, newValue) => {
8891
- let formattedValue = currentData.value ? currentData.value.split(" ") : ['0', '0', '0', '0'];
8892
-
8893
- if (currentData.isLinked) {
8894
- formattedValue = new Array(5).fill(formattedValue[0] || '0');
8895
- } else {
8896
- if (formattedValue.length < 4) {
8897
- formattedValue = new Array(5).fill(formattedValue[0] || '0');
8898
- }
8899
- }
8900
-
8901
- const [top, right, bottom, left] = formattedValue;
8902
- const newData = JSON.parse(JSON.stringify(data));
8903
- const updatedValue = currentData.isLinked ? `${newValue} ${newValue} ${newValue} ${newValue}` : `${type === 'top' ? `${newValue}` : `${top}`} ${type === 'right' ? `${newValue}` : `${right}`} ${type === 'bottom' ? `${newValue}` : `${bottom}`} ${type === 'left' ? `${newValue}` : `${left}`}`;
8904
-
8905
- if (responsive) {
8906
- newData[device].value = updatedValue;
8907
- } else {
8908
- newData.value = updatedValue;
8909
- }
8910
-
8911
- updateData(newData);
8912
- };
8913
-
8914
- const updateUnit = _unit => {
8915
- const newData = JSON.parse(JSON.stringify(data));
8916
-
8917
- if (responsive) {
8918
- newData[device].unit = _unit;
8919
- } else {
8920
- newData.unit = _unit;
8921
- }
8922
-
8923
- updateData(newData);
8924
- };
8925
-
8926
- const toggleIsLinked = () => {
8927
- const newData = JSON.parse(JSON.stringify(data));
8928
-
8929
- if (responsive) {
8930
- newData[device].isLinked = !newData[device].isLinked;
8931
-
8932
- if (newData[device].isLinked) {
8933
- newData[device].value = newData[device].value ? newData[device].value.split(" ")[0] : '0 0 0 0';
8934
- }
8935
- } else {
8936
- newData.isLinked = !newData.isLinked;
8937
- }
8938
-
8939
- updateData(newData);
8940
- };
8941
-
8942
- const dimensionTypes = ['top', 'right', 'bottom', 'left'];
8943
- let dimensionValues;
8944
-
8945
- if (currentData.isLinked) {
8946
- const firstValue = currentData !== null && currentData !== void 0 && currentData.value ? currentData.value.split(" ")[0] : '';
8947
- dimensionValues = new Array(5).fill(firstValue);
8948
- } else {
8949
- dimensionValues = currentData !== null && currentData !== void 0 && currentData.value ? currentData.value.split(" ") : ['0', '0', '0', '0'];
8950
- }
8951
-
8952
- return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
8953
- className: "rttpg-control-field rttpg-cf-dimension"
8954
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
8955
- className: "rttpg-cf-head"
8956
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
8957
- className: "rt-left-part"
8958
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
8959
- className: "rttpg-label"
8960
- }, props.label), responsive && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_Devices__WEBPACK_IMPORTED_MODULE_2__["default"], {
8961
- device: device,
8962
- onChange: _device => {
8963
- setDevice(_device);
8964
- const newData = JSON.parse(JSON.stringify(data));
8965
-
8966
- if (!newData[_device]) {
8967
- newData[_device] = defaultData;
8968
- updateData(newData);
8969
- }
8970
- }
8971
- })), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
8972
- className: "rt-right-part"
8973
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
8974
- className: "rttpg-units-choices"
8975
- }, (units && Array.isArray(units) ? units : ['px', 'em', '%']).map(_unit => (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("label", {
8976
- className: (currentData === null || currentData === void 0 ? void 0 : currentData.unit) === _unit || !(currentData !== null && currentData !== void 0 && currentData.unit) && _unit === defaultData.unit ? 'active' : '',
8977
- onClick: () => updateUnit(_unit)
8978
- }, _unit))))), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
8979
- className: "rttpg-cf-body"
8980
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
8981
- className: "rttpg-control-dimensions"
8982
- }, dimensionTypes.map((_item, _i) => {
8983
- return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
8984
- className: "rttpg-control-dimension"
8985
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("input", {
8986
- type: "number",
8987
- value: dimensionValues[_i],
8988
- "data-setting": _item,
8989
- onChange: e => onChangeDimension(_item, e.target.value)
8990
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("label", {
8991
- className: "rttpg-control-dimension-label"
8992
- }, _item));
8993
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
8994
- className: "rttpg-control-dimension linking"
8995
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("button", {
8996
- className: `rttpg-link-dimensions ${currentData !== null && currentData !== void 0 && currentData.isLinked ? "admin-links linked" : "editor-unlink"}`,
8997
- onClick: toggleIsLinked
8998
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("span", {
8999
- className: `rt-dm-link-icon dashicons dashicons-${currentData !== null && currentData !== void 0 && currentData.isLinked ? "admin-links linked" : "editor-unlink"}`
9000
- }))))));
9001
- };
9002
-
9003
- Dimension.propTypes = {
9004
- label: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().string),
9005
- value: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().object),
9006
- onChange: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().func.isRequired),
9007
- type: prop_types__WEBPACK_IMPORTED_MODULE_4___default().oneOf(['padding', 'margin', 'borderRadius'])
9008
- };
9009
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Dimension);
9010
-
9011
- /***/ }),
9012
-
9013
- /***/ "./src/components/Gradient.js":
9014
- /*!************************************!*\
9015
- !*** ./src/components/Gradient.js ***!
9016
- \************************************/
9017
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
9018
-
9019
- "use strict";
9020
- __webpack_require__.r(__webpack_exports__);
9021
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
9022
- /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
9023
- /* harmony export */ });
9024
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
9025
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
9026
- /* harmony import */ var _scss_gradient_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./scss/gradient.scss */ "./src/components/scss/gradient.scss");
9027
-
9028
- const {
9029
- __
9030
- } = wp.i18n;
9031
- const {
9032
- useState,
9033
- useEffect
9034
- } = wp.element;
9035
- const {
9036
- GradientPicker
9037
- } = wp.components;
9038
-
9039
-
9040
- function Gradient(props) {
9041
- const {
9042
- label,
9043
- value,
9044
- onChange
9045
- } = props;
9046
-
9047
- const setSettings = val => {
9048
- onChange(val);
9049
- };
9050
-
9051
- return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
9052
- className: "rttpg-control-field rttpg-cf-gradient-wrap"
9053
- }, label && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
9054
- className: "rttpg-cf-head"
9055
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("span", {
9056
- className: "rttpg-label"
9057
- }, label)), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
9058
- className: "rttpg-cf-body"
9059
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(GradientPicker, {
9060
- label: 'helloooooo',
9061
- value: value,
9062
- onChange: val => setSettings(val),
9063
- gradients: [{
9064
- name: 'Green',
9065
- gradient: 'linear-gradient(135deg, #80F1A6 0%, #EFD000 100%)',
9066
- slug: 'green'
9067
- }, {
9068
- name: 'Blue',
9069
- gradient: 'linear-gradient(45deg, #0066FF 0%, #0A51BB 100%)',
9070
- slug: 'blue'
9071
- }, {
9072
- name: 'Dark Blue',
9073
- gradient: 'linear-gradient(50deg, #15D2E3 10%, #11D6E2 40%, #10D7E2 80%)',
9074
- slug: 'darkBlue'
9075
- }, {
9076
- name: 'Yellow',
9077
- gradient: 'linear-gradient(135deg, #FBDA61 2.88%, #F76B1C 98.13%)',
9078
- slug: 'yellow'
9079
- }, {
9080
- name: 'Merun',
9081
- gradient: 'linear-gradient(135deg, #E25544 2.88%, #620C90 98.14%)',
9082
- slug: 'merun'
9083
- }]
9084
- })));
9085
- }
9086
-
9087
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Gradient);
9088
-
9089
- /***/ }),
9090
-
9091
- /***/ "./src/components/IconList.js":
9092
- /*!************************************!*\
9093
- !*** ./src/components/IconList.js ***!
9094
- \************************************/
9095
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
9096
-
9097
- "use strict";
9098
- __webpack_require__.r(__webpack_exports__);
9099
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
9100
- /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
9101
- /* harmony export */ });
9102
- /* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "./node_modules/@babel/runtime/helpers/esm/defineProperty.js");
9103
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
9104
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__);
9105
- /* harmony import */ var _scss_iconList_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./scss/iconList.scss */ "./src/components/scss/iconList.scss");
9106
- /* harmony import */ var _assets_iconList__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./assets/iconList */ "./src/components/assets/iconList.js");
9107
-
9108
-
9109
-
9110
- const {
9111
- __
9112
- } = wp.i18n;
9113
- const {
9114
- Component,
9115
- Fragment
9116
- } = wp.element;
9117
-
9118
-
9119
- class IconList extends Component {
9120
- constructor() {
9121
- super(...arguments);
9122
-
9123
- (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(this, "state", {
9124
- isOpen: false,
9125
- filterText: '',
9126
- showIcons: false
9127
- });
9128
- }
9129
-
9130
- render() {
9131
- const {
9132
- value,
9133
- label,
9134
- className
9135
- } = this.props;
9136
- const {
9137
- filterText,
9138
- isOpen
9139
- } = this.state;
9140
- let finalData = [];
9141
-
9142
- if (filterText.length > 2) {
9143
- _assets_iconList__WEBPACK_IMPORTED_MODULE_3__["default"].forEach(name => {
9144
- if (name.includes(filterText)) {
9145
- finalData.push(name);
9146
- }
9147
- });
9148
- } else {
9149
- finalData = _assets_iconList__WEBPACK_IMPORTED_MODULE_3__["default"];
9150
- }
9151
-
9152
- const hasIcon = value ? 'has-icon' : '';
9153
- return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)("div", {
9154
- className: `rttpg-field rttpg-icon-main-wrapper ${className}`
9155
- }, this.props.label && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)(Fragment, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)("label", {
9156
- class: "components-input-control__label"
9157
- }, label)), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)("div", {
9158
- className: `icon-inner-wrapper`
9159
- }, value && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)("span", {
9160
- onClick: () => this.props.onChange(''),
9161
- className: "rttpg-remove-icon far fa-trash-alt fa-fw"
9162
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)("div", {
9163
- className: `choose-icon ${hasIcon}`,
9164
- onClick: e => this.setState({
9165
- isOpen: !this.state.isOpen
9166
- })
9167
- }, value ? (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)("span", {
9168
- className: `default-icon ${value}`
9169
- }) : (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)("span", {
9170
- className: "fas fa-plus"
9171
- })), isOpen && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)("div", {
9172
- className: "rttpg-icon-wrapper"
9173
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)("span", {
9174
- onClick: e => this.setState({
9175
- isOpen: false
9176
- }),
9177
- className: "rttpg-remove-icon fas fa-times"
9178
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)("input", {
9179
- type: "text",
9180
- value: this.state.filterText,
9181
- placeholder: "Search...",
9182
- onChange: e => this.setState({
9183
- filterText: e.target.value
9184
- }),
9185
- autoComplete: "off"
9186
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)("div", {
9187
- className: "rttpg-icon-list-icons"
9188
- }, finalData.map(name => {
9189
- return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)("span", {
9190
- className: value == name ? 'rttpg-active' : '',
9191
- onClick: e => {
9192
- this.props.onChange(name);
9193
- this.setState({
9194
- isOpen: false
9195
- });
9196
- }
9197
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)("span", {
9198
- className: name
9199
- }));
9200
- })))));
9201
- }
9202
-
9203
- }
9204
-
9205
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (IconList);
9206
-
9207
- /***/ }),
9208
-
9209
- /***/ "./src/components/ImageAvater.js":
9210
- /*!***************************************!*\
9211
- !*** ./src/components/ImageAvater.js ***!
9212
- \***************************************/
9213
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
9214
-
9215
- "use strict";
9216
- __webpack_require__.r(__webpack_exports__);
9217
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
9218
- /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
9219
- /* harmony export */ });
9220
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
9221
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
9222
- /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ "./node_modules/prop-types/index.js");
9223
- /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
9224
-
9225
- const {
9226
- __
9227
- } = wp.i18n;
9228
-
9229
-
9230
- function ImageAvater(_ref) {
9231
- let {
9232
- imageUrl,
9233
- onDeleteImage,
9234
- onEditImage = null
9235
- } = _ref;
9236
- return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
9237
- className: "rttpg-image-avatar",
9238
- style: {
9239
- backgroundImage: `url(${imageUrl})`
9240
- }
9241
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("button", {
9242
- className: "open-image-button",
9243
- onClick: onEditImage
9244
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
9245
- className: `rttpg-media-actions`
9246
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("button", {
9247
- className: "button rttpg-btn-delete",
9248
- onClick: () => onDeleteImage()
9249
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("span", {
9250
- "aria-label": __('Close'),
9251
- className: "far fa-trash-alt fa-fw"
9252
- }))));
9253
- }
9254
-
9255
- ImageAvater.propTypes = {
9256
- imageUrl: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string.isRequired),
9257
- onDeleteImage: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func.isRequired)
9258
- };
9259
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ImageAvater);
9260
-
9261
- /***/ }),
9262
-
9263
- /***/ "./src/components/Media.js":
9264
- /*!*********************************!*\
9265
- !*** ./src/components/Media.js ***!
9266
- \*********************************/
9267
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
9268
-
9269
- "use strict";
9270
- __webpack_require__.r(__webpack_exports__);
9271
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
9272
- /* harmony export */ "Dashicon": () => (/* binding */ Dashicon),
9273
- /* harmony export */ "Tooltip": () => (/* binding */ Tooltip),
9274
- /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
9275
- /* harmony export */ });
9276
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
9277
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
9278
- /* harmony import */ var _scss_media_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./scss/media.scss */ "./src/components/scss/media.scss");
9279
-
9280
- const {
9281
- __
9282
- } = wp.i18n;
9283
-
9284
- const {
9285
- Component
9286
- } = wp.element;
9287
- const {
9288
- MediaUpload
9289
- } = wp.blockEditor;
9290
- const {
9291
- Tooltip,
9292
- Dashicon
9293
- } = wp.components;
9294
-
9295
- class Media extends Component {
9296
- setSettings(media) {
9297
- const {
9298
- multiple,
9299
- onChange,
9300
- value
9301
- } = this.props;
9302
-
9303
- if (multiple) {
9304
- let medias = [];
9305
- media.forEach(single => {
9306
- if (single && single.url) {
9307
- medias.push({
9308
- url: single.url,
9309
- id: single.id
9310
- });
9311
- }
9312
- });
9313
- onChange(value ? value.concat(medias) : medias);
9314
- } else {
9315
- if (media && media.url) {
9316
- onChange({
9317
- url: media.url,
9318
- id: media.id
9319
- });
9320
- }
9321
- }
9322
- }
9323
-
9324
- removeImage(id) {
9325
- const {
9326
- multiple,
9327
- onChange
9328
- } = this.props;
9329
-
9330
- if (multiple) {
9331
- let value = this.props.value.slice();
9332
- value.splice(id, 1);
9333
- onChange(value);
9334
- } else {
9335
- onChange({});
9336
- }
9337
- }
9338
-
9339
- isUrl(url) {
9340
- if (['wbm', 'jpg', 'jpeg', 'gif', 'png', 'svg'].indexOf(url.split('.').pop().toLowerCase()) != -1) {
9341
- return url;
9342
- } else {
9343
- return rttpgParams.plugin_url + 'assets/images/tpg-placeholder.jpg';
9344
- }
9345
- }
9346
-
9347
- render() {
9348
- const {
9349
- type,
9350
- multiple,
9351
- value,
9352
- panel,
9353
- video
9354
- } = this.props;
9355
- return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
9356
- className: "rttpg-media"
9357
- }, this.props.label && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("label", null, this.props.label), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(MediaUpload, {
9358
- onSelect: val => this.setSettings(val),
9359
- allowedTypes: type.length ? [...type] : ['image'],
9360
- multiple: multiple || false,
9361
- value: value,
9362
- render: _ref => {
9363
- let {
9364
- open
9365
- } = _ref;
9366
- return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
9367
- className: "rttpg-single-img"
9368
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", null, multiple ? (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", null, value.length > 0 && value.map((v, index) => {
9369
- return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("span", {
9370
- className: "rttpg-media-image-parent"
9371
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("img", {
9372
- src: this.isUrl(v.url),
9373
- alt: __('image')
9374
- }), panel && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
9375
- className: "rttpg-media-actions rttpg-field-button-list"
9376
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(Tooltip, {
9377
- text: __('Edit')
9378
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("button", {
9379
- className: "rttpg-button",
9380
- "aria-label": __('Edit'),
9381
- onClick: open,
9382
- role: "button"
9383
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("span", {
9384
- "aria-label": __('Edit'),
9385
- className: "fas fa-pencil-alt fa-fw"
9386
- }))), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(Tooltip, {
9387
- text: __('Remove')
9388
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("button", {
9389
- className: "rttpg-button",
9390
- "aria-label": __('Remove'),
9391
- onClick: () => this.removeImage(index),
9392
- role: "button"
9393
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("span", {
9394
- "aria-label": __('Close'),
9395
- className: "far fa-trash-alt fa-fw"
9396
- })))));
9397
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
9398
- onClick: open,
9399
- className: "rttpg-placeholder-image"
9400
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
9401
- className: "dashicon dashicons dashicons-insert"
9402
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", null, __('Insert')))) : value && value.url ? (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("span", {
9403
- className: "rttpg-media-image-parent"
9404
- }, video ? (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("video", {
9405
- controls: true,
9406
- autoPlay: true,
9407
- loop: true,
9408
- src: value.url
9409
- }) : (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("img", {
9410
- src: this.isUrl(value.url),
9411
- alt: __('image')
9412
- }), panel && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
9413
- className: "rttpg-media-actions rttpg-field-button-list"
9414
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(Tooltip, {
9415
- text: __('Edit')
9416
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("button", {
9417
- className: "rttpg-button",
9418
- "aria-label": __('Edit'),
9419
- onClick: open,
9420
- role: "button"
9421
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("span", {
9422
- "aria-label": __('Edit'),
9423
- className: "fas fa-pencil-alt fa-fw"
9424
- }))), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(Tooltip, {
9425
- text: __('Remove')
9426
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("button", {
9427
- className: "rttpg-button",
9428
- "aria-label": __('Remove'),
9429
- onClick: () => this.removeImage(value.id),
9430
- role: "button"
9431
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("span", {
9432
- "aria-label": __('Close'),
9433
- className: "far fa-trash-alt fa-fw"
9434
- }))))) : (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
9435
- onClick: open,
9436
- className: "rttpg-placeholder-image"
9437
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
9438
- className: "dashicon dashicons dashicons-insert"
9439
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", null, __('Insert')))));
9440
- }
9441
- }));
9442
- }
9443
-
9444
- }
9445
-
9446
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Media);
9447
-
9448
- /***/ }),
9449
-
9450
- /***/ "./src/components/Range.js":
9451
- /*!*********************************!*\
9452
- !*** ./src/components/Range.js ***!
9453
- \*********************************/
9454
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
9455
-
9456
- "use strict";
9457
- __webpack_require__.r(__webpack_exports__);
9458
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
9459
- /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
9460
- /* harmony export */ });
9461
- /* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js");
9462
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
9463
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__);
9464
- /* harmony import */ var _scss_rangeDevice_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./scss/rangeDevice.scss */ "./src/components/scss/rangeDevice.scss");
9465
-
9466
-
9467
- const {
9468
- RangeControl,
9469
- Button
9470
- } = wp.components;
9471
-
9472
-
9473
- function Range(props) {
9474
- const {
9475
- label,
9476
- value: data,
9477
- onChange,
9478
- min,
9479
- max,
9480
- step,
9481
- reset
9482
- } = props;
9483
- const dataAttributes = {
9484
- min,
9485
- max,
9486
- step
9487
- };
9488
-
9489
- const setSettings = val => {
9490
- onChange(val);
9491
- };
9492
-
9493
- return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)("div", {
9494
- className: "rttpg-control-field rttpg-cf-range-wrap"
9495
- }, label && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)("div", {
9496
- className: "rttpg-cf-head"
9497
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)("span", {
9498
- className: "rttpg-label"
9499
- }, label)), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)("div", {
9500
- className: "rttpg-cf-body"
9501
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)(RangeControl, (0,_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({
9502
- value: data,
9503
- onChange: val => {
9504
- setSettings(val);
9505
- }
9506
- }, dataAttributes)), reset && data ? (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)(Button, {
9507
- isSmall: true,
9508
- className: "rttpg-undo-btn",
9509
- icon: "image-rotate",
9510
- onClick: () => onChange(0)
9511
- }) : ''));
9512
- }
9513
-
9514
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Range);
9515
-
9516
- /***/ }),
9517
-
9518
- /***/ "./src/components/RangeDevice.js":
9519
- /*!***************************************!*\
9520
- !*** ./src/components/RangeDevice.js ***!
9521
- \***************************************/
9522
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
9523
-
9524
- "use strict";
9525
- __webpack_require__.r(__webpack_exports__);
9526
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
9527
- /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
9528
- /* harmony export */ });
9529
- /* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js");
9530
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
9531
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__);
9532
- /* harmony import */ var _Devices__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Devices */ "./src/components/Devices.js");
9533
- /* harmony import */ var _scss_rangeDevice_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./scss/rangeDevice.scss */ "./src/components/scss/rangeDevice.scss");
9534
-
9535
-
9536
- const {
9537
- __
9538
- } = wp.i18n;
9539
- const {
9540
- useState
9541
- } = wp.element;
9542
- const {
9543
- RangeControl,
9544
- Button
9545
- } = wp.components;
9546
-
9547
-
9548
-
9549
- function RangeDevice(props) {
9550
- const {
9551
- label,
9552
- value: data,
9553
- onChange,
9554
- responsive,
9555
- min,
9556
- max,
9557
- units,
9558
- step,
9559
- defultValue = {}
9560
- } = props;
9561
- const [device, setDevice] = useState(() => window.rttpgDevice || 'lg');
9562
- const [unit, setUnit] = useState('px');
9563
- const dataAttributes = {
9564
- min,
9565
- max,
9566
- step
9567
- };
9568
- const dftData = defultValue;
9569
-
9570
- const updateUnit = _unit => {
9571
- const newData = JSON.parse(JSON.stringify(data));
9572
-
9573
- if (false !== units) {
9574
- newData.unit = _unit;
9575
- }
9576
-
9577
- onChange(newData);
9578
- setUnit(_unit);
9579
- };
9580
-
9581
- const setSettings = val => {
9582
- const newData = JSON.parse(JSON.stringify(data));
9583
- newData[device] = val;
9584
-
9585
- if (false !== units) {
9586
- newData.unit = newData.unit || unit;
9587
- }
9588
-
9589
- onChange(newData);
9590
- };
9591
-
9592
- return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)("div", {
9593
- className: "rttpg-control-field rttpg-cf-range-wrap"
9594
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)("div", {
9595
- className: "rttpg-cf-head"
9596
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)("div", {
9597
- className: "rt-left-part"
9598
- }, label && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)("span", {
9599
- className: "rttpg-label"
9600
- }, label), responsive && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)(_Devices__WEBPACK_IMPORTED_MODULE_2__["default"], {
9601
- device: device,
9602
- onChange: _device => {
9603
- setDevice(_device);
9604
- const newData = JSON.parse(JSON.stringify(data));
9605
-
9606
- if (!newData[_device]) {
9607
- newData[_device] = '';
9608
-
9609
- if (false !== units) {
9610
- newData.unit = newData.unit || unit;
9611
- }
9612
- }
9613
-
9614
- onChange(newData);
9615
- }
9616
- })), units && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)("div", {
9617
- className: "rt-right-part"
9618
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)("div", {
9619
- className: "rttpg-units-choices"
9620
- }, (units && Array.isArray(units) ? units : ['px', 'em', '%']).map(_unit => (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)("label", {
9621
- className: (data === null || data === void 0 ? void 0 : data.unit) === _unit || !(data !== null && data !== void 0 && data.unit) && _unit === unit ? 'active' : '',
9622
- onClick: () => updateUnit(_unit)
9623
- }, _unit))))), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)("div", {
9624
- className: "rttpg-cf-body"
9625
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)(RangeControl, (0,_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({
9626
- className: "rttpg-control-field",
9627
- value: data[device],
9628
- onChange: val => {
9629
- setSettings(val);
9630
- }
9631
- }, dataAttributes)), (data[device] || data[device] !== 0) && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)(Button, {
9632
- isSmall: true,
9633
- className: "rttpg-undo-btn",
9634
- icon: "image-rotate",
9635
- onClick: () => onChange(dftData)
9636
- })));
9637
- }
9638
-
9639
- ;
9640
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (RangeDevice);
9641
-
9642
- /***/ }),
9643
-
9644
- /***/ "./src/components/SelectObj1.js":
9645
- /*!**************************************!*\
9646
- !*** ./src/components/SelectObj1.js ***!
9647
- \**************************************/
9648
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
9649
-
9650
- "use strict";
9651
- __webpack_require__.r(__webpack_exports__);
9652
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
9653
- /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
9654
- /* harmony export */ });
9655
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
9656
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
9657
- /* harmony import */ var _Devices__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Devices */ "./src/components/Devices.js");
9658
- /* harmony import */ var _scss_SelectObj1_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./scss/SelectObj1.scss */ "./src/components/scss/SelectObj1.scss");
9659
-
9660
-
9661
- const {
9662
- useState,
9663
- useEffect
9664
- } = wp.element;
9665
- const {
9666
- BaseControl,
9667
- SelectControl,
9668
- Button
9669
- } = wp.components;
9670
-
9671
-
9672
- function SelectObj1(props) {
9673
- const {
9674
- label,
9675
- value,
9676
- onChange,
9677
- responsive,
9678
- name,
9679
- options
9680
- } = props;
9681
- const [device, setDevice] = useState(() => window.rttpgDevice || 'lg');
9682
- const defaultData = {
9683
- [device]: ''
9684
- };
9685
-
9686
- const setSettings = val => {
9687
- const newData = JSON.parse(JSON.stringify(value));
9688
-
9689
- if (responsive) {
9690
- newData[name][device] = val;
9691
- } else {
9692
- newData[name] = val;
9693
- } //newData[device][name] = val;
9694
-
9695
-
9696
- onChange(newData);
9697
- };
9698
-
9699
- return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
9700
- className: "rttpg-control-field rttpg-cf-bg-property"
9701
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
9702
- className: "rttpg-cf-head"
9703
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("span", {
9704
- className: "rttpg-label"
9705
- }, label), responsive && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_Devices__WEBPACK_IMPORTED_MODULE_1__["default"], {
9706
- device: device,
9707
- onChange: _device => {
9708
- setDevice(_device);
9709
- const newData = JSON.parse(JSON.stringify(value));
9710
-
9711
- if (!newData[name]) {
9712
- newData[name] = defaultData;
9713
- onChange(newData);
9714
- }
9715
- }
9716
- })), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
9717
- className: "rttpg-cf-body"
9718
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(SelectControl, {
9719
- value: responsive ? value[name][device] : value[name],
9720
- options: options,
9721
- onChange: val => setSettings(val)
9722
- })));
9723
- }
9724
-
9725
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SelectObj1);
9726
-
9727
- /***/ }),
9728
-
9729
- /***/ "./src/components/Styles.js":
9730
- /*!**********************************!*\
9731
- !*** ./src/components/Styles.js ***!
9732
- \**********************************/
9733
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
9734
-
9735
- "use strict";
9736
- __webpack_require__.r(__webpack_exports__);
9737
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
9738
- /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
9739
- /* harmony export */ });
9740
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
9741
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
9742
- /* harmony import */ var _scss_styles_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./scss/styles.scss */ "./src/components/scss/styles.scss");
9743
-
9744
- const {
9745
- __
9746
- } = wp.i18n;
9747
-
9748
-
9749
- function Styles(props) {
9750
- const {
9751
- label,
9752
- value,
9753
- options,
9754
- columns = 3,
9755
- onChange
9756
- } = props;
9757
- return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
9758
- className: "rttpg-control-field rttpg-cf-styles-wrap"
9759
- }, label && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
9760
- className: "rttpg-cf-head"
9761
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("span", {
9762
- className: "rttpg-label"
9763
- }, label)), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
9764
- className: `rttpg-style-list rttpg-style-columns-${columns}`
9765
- }, options.map((data, index) => (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
9766
- role: "button",
9767
- tabindex: index,
9768
- "aria-label": data.label ? data.label : '',
9769
- onClick: () => onChange(data.value),
9770
- className: `${value == data.value ? 'rttpg-active' : ''}`
9771
- }, data.icon && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("span", {
9772
- className: "rttpg-layout rttpg-style-icon"
9773
- }, data.icon), data.svg && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("span", {
9774
- className: "rttpg-layout rttpg-style-svg"
9775
- }, data.svg), data.img && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("span", {
9776
- className: "rttpg-layout rttpg-style-img"
9777
- }, data.img), data.label && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("span", {
9778
- className: "rttpg-label"
9779
- }, data.label)))));
9780
- }
9781
-
9782
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Styles);
9783
-
9784
- /***/ }),
9785
-
9786
- /***/ "./src/components/Typography.js":
9787
- /*!**************************************!*\
9788
- !*** ./src/components/Typography.js ***!
9789
- \**************************************/
9790
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
9791
-
9792
- "use strict";
9793
- __webpack_require__.r(__webpack_exports__);
9794
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
9795
- /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
9796
- /* harmony export */ });
9797
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
9798
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
9799
- /* harmony import */ var _RangeDevice__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./RangeDevice */ "./src/components/RangeDevice.js");
9800
- /* harmony import */ var _Constants__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Constants */ "./src/components/Constants.js");
9801
- /* harmony import */ var _scss_typography_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./scss/typography.scss */ "./src/components/scss/typography.scss");
9802
-
9803
- const {
9804
- __
9805
- } = wp.i18n;
9806
- const {
9807
- useState,
9808
- useEffect
9809
- } = wp.element;
9810
- const {
9811
- Dropdown,
9812
- Button,
9813
- SelectControl
9814
- } = wp.components;
9815
-
9816
-
9817
-
9818
-
9819
- function Typography(props) {
9820
- const {
9821
- label,
9822
- value: data,
9823
- onChange
9824
- } = props;
9825
-
9826
- const setSettings = (val, type) => {
9827
- const newData = JSON.parse(JSON.stringify(data));
9828
- newData[type] = val;
9829
- onChange(newData);
9830
- };
9831
-
9832
- return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
9833
- className: "rttpg-control-field rttpg-cf-typography-wrap"
9834
- }, label && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("span", {
9835
- className: "rttpg-label"
9836
- }, label), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
9837
- className: "rttpg-typography"
9838
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(Dropdown, {
9839
- className: "rttpg-typography-dropdown-icon",
9840
- contentClassName: "rttpg-components-popover rttpg-cp-typography-content",
9841
- position: "bottom right",
9842
- renderToggle: _ref => {
9843
- let {
9844
- isOpen,
9845
- onToggle
9846
- } = _ref;
9847
- return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(Button, {
9848
- isSmall: true,
9849
- onClick: onToggle,
9850
- "aria-expanded": isOpen,
9851
- icon: "edit"
9852
- });
9853
- },
9854
- renderContent: () => (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
9855
- className: "rttpg-typography-content"
9856
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_RangeDevice__WEBPACK_IMPORTED_MODULE_1__["default"], {
9857
- label: __('Font Size'),
9858
- responsive: true,
9859
- value: data['size'],
9860
- units: ['px', 'em', '%'],
9861
- min: 1,
9862
- max: data["size"]["unit"] === "em" ? 10 : 200,
9863
- step: data["size"]["unit"] === "em" ? 0.1 : 1,
9864
- onChange: val => setSettings(val, 'size')
9865
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(SelectControl, {
9866
- label: __("Font Weight"),
9867
- value: data["weight"],
9868
- options: _Constants__WEBPACK_IMPORTED_MODULE_2__.FONT_WEIGHTS,
9869
- onChange: val => setSettings(val, 'weight')
9870
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(SelectControl, {
9871
- label: __("Text Transform"),
9872
- value: data["transform"],
9873
- options: _Constants__WEBPACK_IMPORTED_MODULE_2__.TEXT_TRANSFORM,
9874
- onChange: val => setSettings(val, 'transform')
9875
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_RangeDevice__WEBPACK_IMPORTED_MODULE_1__["default"], {
9876
- label: __('Letter Spacing'),
9877
- responsive: true,
9878
- value: data['spacing'],
9879
- units: ['px', 'em'],
9880
- min: -5,
9881
- max: data["spacing"]["unit"] === "em" ? 10 : 100,
9882
- step: data["spacing"]["unit"] === "em" ? 0.1 : 1,
9883
- onChange: val => setSettings(val, 'spacing')
9884
- }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_RangeDevice__WEBPACK_IMPORTED_MODULE_1__["default"], {
9885
- label: __('Line Height'),
9886
- responsive: true,
9887
- value: data['height'],
9888
- units: ['px', 'em'],
9889
- min: 1,
9890
- max: data["height"]["unit"] === "em" ? 10 : 100,
9891
- step: data["height"]["unit"] === "em" ? 0.1 : 1,
9892
- onChange: val => setSettings(val, 'height')
9893
- }))
9894
- })));
9895
- }
9896
-
9897
- ;
9898
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Typography);
9899
-
9900
- /***/ }),
9901
-
9902
- /***/ "./src/components/assets/iconList.js":
9903
- /*!*******************************************!*\
9904
- !*** ./src/components/assets/iconList.js ***!
9905
- \*******************************************/
9906
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
9907
-
9908
- "use strict";
9909
- __webpack_require__.r(__webpack_exports__);
9910
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
9911
- /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
9912
- /* harmony export */ });
9913
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (['fas fa-ad', 'fas fa-address-book', 'fas fa-address-card', 'fas fa-adjust', 'fas fa-air-freshener', 'fas fa-align-center', 'fas fa-align-justify', 'fas fa-align-left', 'fas fa-align-right', 'fas fa-allergies', 'fas fa-ambulance', 'fas fa-american-sign-language-interpreting', 'fas fa-anchor', 'fas fa-angle-double-down', 'fas fa-angle-double-left', 'fas fa-angle-double-right', 'fas fa-angle-double-up', 'fas fa-angle-down', 'fas fa-angle-left', 'fas fa-angle-right', 'fas fa-angle-up', 'fas fa-angry', 'fas fa-ankh', 'fas fa-apple-alt', 'fas fa-archive', 'fas fa-archway', 'fas fa-arrow-alt-circle-down', 'fas fa-arrow-alt-circle-left', 'fas fa-arrow-alt-circle-right', 'fas fa-arrow-alt-circle-up', 'fas fa-arrow-circle-down', 'fas fa-arrow-circle-left', 'fas fa-arrow-circle-right', 'fas fa-arrow-circle-up', 'fas fa-arrow-down', 'fas fa-arrow-left', 'fas fa-arrow-right', 'fas fa-arrow-up', 'fas fa-arrows-alt', 'fas fa-arrows-alt-h', 'fas fa-arrows-alt-v', 'fas fa-assistive-listening-systems', 'fas fa-asterisk', 'fas fa-at', 'fas fa-atlas', 'fas fa-atom', 'fas fa-audio-description', 'fas fa-award', 'fas fa-baby', 'fas fa-baby-carriage', 'fas fa-backspace', 'fas fa-backward', 'fas fa-balance-scale', 'fas fa-ban', 'fas fa-band-aid', 'fas fa-barcode', 'fas fa-bars', 'fas fa-baseball-ball', 'fas fa-basketball-ball', 'fas fa-bath', 'fas fa-battery-empty', 'fas fa-battery-full', 'fas fa-battery-half', 'fas fa-battery-quarter', 'fas fa-battery-three-quarters', 'fas fa-bed', 'fas fa-beer', 'fas fa-bell', 'fas fa-bell-slash', 'fas fa-bezier-curve', 'fas fa-bible', 'fas fa-bicycle', 'fas fa-binoculars', 'fas fa-biohazard', 'fas fa-birthday-cake', 'fas fa-blender', 'fas fa-blender-phone', 'fas fa-blind', 'fas fa-blog', 'fas fa-bold', 'fas fa-bolt', 'fas fa-bomb', 'fas fa-bone', 'fas fa-bong', 'fas fa-book', 'fas fa-book-dead', 'fas fa-book-open', 'fas fa-book-reader', 'fas fa-bookmark', 'fas fa-bowling-ball', 'fas fa-box', 'fas fa-box-open', 'fas fa-boxes', 'fas fa-braille', 'fas fa-brain', 'fas fa-briefcase', 'fas fa-briefcase-medical', 'fas fa-broadcast-tower', 'fas fa-broom', 'fas fa-brush', 'fas fa-bug', 'fas fa-building', 'fas fa-bullhorn', 'fas fa-bullseye', 'fas fa-burn', 'fas fa-bus', 'fas fa-bus-alt', 'fas fa-business-time', 'fas fa-calculator', 'fas fa-calendar', 'fas fa-calendar-alt', 'fas fa-calendar-check', 'fas fa-calendar-day', 'fas fa-calendar-minus', 'fas fa-calendar-plus', 'fas fa-calendar-times', 'fas fa-calendar-week', 'fas fa-camera', 'fas fa-camera-retro', 'fas fa-campground', 'fas fa-candy-cane', 'fas fa-cannabis', 'fas fa-capsules', 'fas fa-car', 'fas fa-car-alt', 'fas fa-car-battery', 'fas fa-car-crash', 'fas fa-car-side', 'fas fa-caret-down', 'fas fa-caret-left', 'fas fa-caret-right', 'fas fa-caret-square-down', 'fas fa-caret-square-left', 'fas fa-caret-square-right', 'fas fa-caret-square-up', 'fas fa-caret-up', 'fas fa-carrot', 'fas fa-cart-arrow-down', 'fas fa-cart-plus', 'fas fa-cash-register', 'fas fa-cat', 'fas fa-certificate', 'fas fa-chair', 'fas fa-chalkboard', 'fas fa-chalkboard-teacher', 'fas fa-charging-station', 'fas fa-chart-area', 'fas fa-chart-bar', 'fas fa-chart-line', 'fas fa-chart-pie', 'fas fa-check', 'fas fa-check-circle', 'fas fa-check-double', 'fas fa-check-square', 'fas fa-chess', 'fas fa-chess-bishop', 'fas fa-chess-board', 'fas fa-chess-king', 'fas fa-chess-knight', 'fas fa-chess-pawn', 'fas fa-chess-queen', 'fas fa-chess-rook', 'fas fa-chevron-circle-down', 'fas fa-chevron-circle-left', 'fas fa-chevron-circle-right', 'fas fa-chevron-circle-up', 'fas fa-chevron-down', 'fas fa-chevron-left', 'fas fa-chevron-right', 'fas fa-chevron-up', 'fas fa-child', 'fas fa-church', 'fas fa-circle', 'fas fa-circle-notch', 'fas fa-city', 'fas fa-clipboard', 'fas fa-clipboard-check', 'fas fa-clipboard-list', 'fas fa-clock', 'fas fa-clone', 'fas fa-closed-captioning', 'fas fa-cloud', 'fas fa-cloud-download-alt', 'fas fa-cloud-meatball', 'fas fa-cloud-moon', 'fas fa-cloud-moon-rain', 'fas fa-cloud-rain', 'fas fa-cloud-showers-heavy', 'fas fa-cloud-sun', 'fas fa-cloud-sun-rain', 'fas fa-cloud-upload-alt', 'fas fa-cocktail', 'fas fa-code', 'fas fa-code-branch', 'fas fa-coffee', 'fas fa-cog', 'fas fa-cogs', 'fas fa-coins', 'fas fa-columns', 'fas fa-comment', 'fas fa-comment-alt', 'fas fa-comment-dollar', 'fas fa-comment-dots', 'fas fa-comment-slash', 'fas fa-comments', 'fas fa-comments-dollar', 'fas fa-compact-disc', 'fas fa-compass', 'fas fa-compress', 'fas fa-compress-arrows-alt', 'fas fa-concierge-bell', 'fas fa-cookie', 'fas fa-cookie-bite', 'fas fa-copy', 'fas fa-copyright', 'fas fa-couch', 'fas fa-credit-card', 'fas fa-crop', 'fas fa-crop-alt', 'fas fa-cross', 'fas fa-crosshairs', 'fas fa-crow', 'fas fa-crown', 'fas fa-cube', 'fas fa-cubes', 'fas fa-cut', 'fas fa-database', 'fas fa-deaf', 'fas fa-democrat', 'fas fa-desktop', 'fas fa-dharmachakra', 'fas fa-diagnoses', 'fas fa-dice', 'fas fa-dice-d20', 'fas fa-dice-d6', 'fas fa-dice-five', 'fas fa-dice-four', 'fas fa-dice-one', 'fas fa-dice-six', 'fas fa-dice-three', 'fas fa-dice-two', 'fas fa-digital-tachograph', 'fas fa-directions', 'fas fa-divide', 'fas fa-dizzy', 'fas fa-dna', 'fas fa-dog', 'fas fa-dollar-sign', 'fas fa-dolly', 'fas fa-dolly-flatbed', 'fas fa-donate', 'fas fa-door-closed', 'fas fa-door-open', 'fas fa-dot-circle', 'fas fa-dove', 'fas fa-download', 'fas fa-drafting-compass', 'fas fa-dragon', 'fas fa-draw-polygon', 'fas fa-drum', 'fas fa-drum-steelpan', 'fas fa-drumstick-bite', 'fas fa-dumbbell', 'fas fa-dumpster', 'fas fa-dumpster-fire', 'fas fa-dungeon', 'fas fa-edit', 'fas fa-eject', 'fas fa-ellipsis-h', 'fas fa-ellipsis-v', 'fas fa-envelope', 'fas fa-envelope-open', 'fas fa-envelope-open-text', 'fas fa-envelope-square', 'fas fa-equals', 'fas fa-eraser', 'fas fa-ethernet', 'fas fa-euro-sign', 'fas fa-exchange-alt', 'fas fa-exclamation', 'fas fa-exclamation-circle', 'fas fa-exclamation-triangle', 'fas fa-expand', 'fas fa-expand-arrows-alt', 'fas fa-external-link-alt', 'fas fa-external-link-square-alt', 'fas fa-eye', 'fas fa-eye-dropper', 'fas fa-eye-slash', 'fas fa-fast-backward', 'fas fa-fast-forward', 'fas fa-fax', 'fas fa-feather', 'fas fa-feather-alt', 'fas fa-female', 'fas fa-fighter-jet', 'fas fa-file', 'fas fa-file-alt', 'fas fa-file-archive', 'fas fa-file-audio', 'fas fa-file-code', 'fas fa-file-contract', 'fas fa-file-csv', 'fas fa-file-download', 'fas fa-file-excel', 'fas fa-file-export', 'fas fa-file-image', 'fas fa-file-import', 'fas fa-file-invoice', 'fas fa-file-invoice-dollar', 'fas fa-file-medical', 'fas fa-file-medical-alt', 'fas fa-file-pdf', 'fas fa-file-powerpoint', 'fas fa-file-prescription', 'fas fa-file-signature', 'fas fa-file-upload', 'fas fa-file-video', 'fas fa-file-word', 'fas fa-fill', 'fas fa-fill-drip', 'fas fa-film', 'fas fa-filter', 'fas fa-fingerprint', 'fas fa-fire', 'fas fa-fire-alt', 'fas fa-fire-extinguisher', 'fas fa-first-aid', 'fas fa-fish', 'fas fa-fist-raised', 'fas fa-flag', 'fas fa-flag-checkered', 'fas fa-flag-usa', 'fas fa-flask', 'fas fa-flushed', 'fas fa-folder', 'fas fa-folder-minus', 'fas fa-folder-open', 'fas fa-folder-plus', 'fas fa-font', 'fas fa-football-ball', 'fas fa-forward', 'fas fa-frog', 'fas fa-frown', 'fas fa-frown-open', 'fas fa-funnel-dollar', 'fas fa-futbol', 'fas fa-gamepad', 'fas fa-gas-pump', 'fas fa-gavel', 'fas fa-gem', 'fas fa-genderless', 'fas fa-ghost', 'fas fa-gift', 'fas fa-gifts', 'fas fa-glass-cheers', 'fas fa-glass-martini', 'fas fa-glass-martini-alt', 'fas fa-glass-whiskey', 'fas fa-glasses', 'fas fa-globe', 'fas fa-globe-africa', 'fas fa-globe-americas', 'fas fa-globe-asia', 'fas fa-globe-europe', 'fas fa-golf-ball', 'fas fa-gopuram', 'fas fa-graduation-cap', 'fas fa-greater-than', 'fas fa-greater-than-equal', 'fas fa-grimace', 'fas fa-grin', 'fas fa-grin-alt', 'fas fa-grin-beam', 'fas fa-grin-beam-sweat', 'fas fa-grin-hearts', 'fas fa-grin-squint', 'fas fa-grin-squint-tears', 'fas fa-grin-stars', 'fas fa-grin-tears', 'fas fa-grin-tongue', 'fas fa-grin-tongue-squint', 'fas fa-grin-tongue-wink', 'fas fa-grin-wink', 'fas fa-grip-horizontal', 'fas fa-grip-lines', 'fas fa-grip-lines-vertical', 'fas fa-grip-vertical', 'fas fa-guitar', 'fas fa-h-square', 'fas fa-hammer', 'fas fa-hamsa', 'fas fa-hand-holding', 'fas fa-hand-holding-heart', 'fas fa-hand-holding-usd', 'fas fa-hand-lizard', 'fas fa-hand-paper', 'fas fa-hand-peace', 'fas fa-hand-point-down', 'fas fa-hand-point-left', 'fas fa-hand-point-right', 'fas fa-hand-point-up', 'fas fa-hand-pointer', 'fas fa-hand-rock', 'fas fa-hand-scissors', 'fas fa-hand-spock', 'fas fa-hands', 'fas fa-hands-helping', 'fas fa-handshake', 'fas fa-hanukiah', 'fas fa-hashtag', 'fas fa-hat-wizard', 'fas fa-haykal', 'fas fa-hdd', 'fas fa-heading', 'fas fa-headphones', 'fas fa-headphones-alt', 'fas fa-headset', 'fas fa-heart', 'fas fa-heart-broken', 'fas fa-heartbeat', 'fas fa-helicopter', 'fas fa-highlighter', 'fas fa-hiking', 'fas fa-hippo', 'fas fa-history', 'fas fa-hockey-puck', 'fas fa-holly-berry', 'fas fa-home', 'fas fa-horse', 'fas fa-horse-head', 'fas fa-hospital', 'fas fa-hospital-alt', 'fas fa-hospital-symbol', 'fas fa-hot-tub', 'fas fa-hotel', 'fas fa-hourglass', 'fas fa-hourglass-end', 'fas fa-hourglass-half', 'fas fa-hourglass-start', 'fas fa-house-damage', 'fas fa-hryvnia', 'fas fa-i-cursor', 'fas fa-icicles', 'fas fa-id-badge', 'fas fa-id-card', 'fas fa-id-card-alt', 'fas fa-igloo', 'fas fa-image', 'fas fa-images', 'fas fa-inbox', 'fas fa-indent', 'fas fa-industry', 'fas fa-infinity', 'fas fa-info', 'fas fa-info-circle', 'fas fa-italic', 'fas fa-jedi', 'fas fa-joint', 'fas fa-journal-whills', 'fas fa-kaaba', 'fas fa-key', 'fas fa-keyboard', 'fas fa-khanda', 'fas fa-kiss', 'fas fa-kiss-beam', 'fas fa-kiss-wink-heart', 'fas fa-kiwi-bird', 'fas fa-landmark', 'fas fa-language', 'fas fa-laptop', 'fas fa-laptop-code', 'fas fa-laugh', 'fas fa-laugh-beam', 'fas fa-laugh-squint', 'fas fa-laugh-wink', 'fas fa-layer-group', 'fas fa-leaf', 'fas fa-lemon', 'fas fa-less-than', 'fas fa-less-than-equal', 'fas fa-level-down-alt', 'fas fa-level-up-alt', 'fas fa-life-ring', 'fas fa-lightbulb', 'fas fa-link', 'fas fa-lira-sign', 'fas fa-list', 'fas fa-list-alt', 'fas fa-list-ol', 'fas fa-list-ul', 'fas fa-location-arrow', 'fas fa-lock', 'fas fa-lock-open', 'fas fa-long-arrow-alt-down', 'fas fa-long-arrow-alt-left', 'fas fa-long-arrow-alt-right', 'fas fa-long-arrow-alt-up', 'fas fa-low-vision', 'fas fa-luggage-cart', 'fas fa-magic', 'fas fa-magnet', 'fas fa-mail-bulk', 'fas fa-male', 'fas fa-map', 'fas fa-map-marked', 'fas fa-map-marked-alt', 'fas fa-map-marker', 'fas fa-map-marker-alt', 'fas fa-map-pin', 'fas fa-map-signs', 'fas fa-marker', 'fas fa-mars', 'fas fa-mars-double', 'fas fa-mars-stroke', 'fas fa-mars-stroke-h', 'fas fa-mars-stroke-v', 'fas fa-mask', 'fas fa-medal', 'fas fa-medkit', 'fas fa-meh', 'fas fa-meh-blank', 'fas fa-meh-rolling-eyes', 'fas fa-memory', 'fas fa-menorah', 'fas fa-mercury', 'fas fa-meteor', 'fas fa-microchip', 'fas fa-microphone', 'fas fa-microphone-alt', 'fas fa-microphone-alt-slash', 'fas fa-microphone-slash', 'fas fa-microscope', 'fas fa-minus', 'fas fa-minus-circle', 'fas fa-minus-square', 'fas fa-mitten', 'fas fa-mobile', 'fas fa-mobile-alt', 'fas fa-money-bill', 'fas fa-money-bill-alt', 'fas fa-money-bill-wave', 'fas fa-money-bill-wave-alt', 'fas fa-money-check', 'fas fa-money-check-alt', 'fas fa-monument', 'fas fa-moon', 'fas fa-mortar-pestle', 'fas fa-mosque', 'fas fa-motorcycle', 'fas fa-mountain', 'fas fa-mouse-pointer', 'fas fa-mug-hot', 'fas fa-music', 'fas fa-network-wired', 'fas fa-neuter', 'fas fa-newspaper', 'fas fa-not-equal', 'fas fa-notes-medical', 'fas fa-object-group', 'fas fa-object-ungroup', 'fas fa-oil-can', 'fas fa-om', 'fas fa-otter', 'fas fa-outdent', 'fas fa-paint-brush', 'fas fa-paint-roller', 'fas fa-palette', 'fas fa-pallet', 'fas fa-paper-plane', 'fas fa-paperclip', 'fas fa-parachute-box', 'fas fa-paragraph', 'fas fa-parking', 'fas fa-passport', 'fas fa-pastafarianism', 'fas fa-paste', 'fas fa-pause', 'fas fa-pause-circle', 'fas fa-paw', 'fas fa-peace', 'fas fa-pen', 'fas fa-pen-alt', 'fas fa-pen-fancy', 'fas fa-pen-nib', 'fas fa-pen-square', 'fas fa-pencil-alt', 'fas fa-pencil-ruler', 'fas fa-people-carry', 'fas fa-percent', 'fas fa-percentage', 'fas fa-person-booth', 'fas fa-phone', 'fas fa-phone-slash', 'fas fa-phone-square', 'fas fa-phone-volume', 'fas fa-piggy-bank', 'fas fa-pills', 'fas fa-place-of-worship', 'fas fa-plane', 'fas fa-plane-arrival', 'fas fa-plane-departure', 'fas fa-play', 'fas fa-play-circle', 'fas fa-plug', 'fas fa-plus', 'fas fa-plus-circle', 'fas fa-plus-square', 'fas fa-podcast', 'fas fa-poll', 'fas fa-poll-h', 'fas fa-poo', 'fas fa-poo-storm', 'fas fa-poop', 'fas fa-portrait', 'fas fa-pound-sign', 'fas fa-power-off', 'fas fa-pray', 'fas fa-praying-hands', 'fas fa-prescription', 'fas fa-prescription-bottle', 'fas fa-prescription-bottle-alt', 'fas fa-print', 'fas fa-procedures', 'fas fa-project-diagram', 'fas fa-puzzle-piece', 'fas fa-qrcode', 'fas fa-question', 'fas fa-question-circle', 'fas fa-quidditch', 'fas fa-quote-left', 'fas fa-quote-right', 'fas fa-quran', 'fas fa-radiation', 'fas fa-radiation-alt', 'fas fa-rainbow', 'fas fa-random', 'fas fa-receipt', 'fas fa-recycle', 'fas fa-redo', 'fas fa-redo-alt', 'fas fa-registered', 'fas fa-reply', 'fas fa-reply-all', 'fas fa-republican', 'fas fa-restroom', 'fas fa-retweet', 'fas fa-ribbon', 'fas fa-ring', 'fas fa-road', 'fas fa-robot', 'fas fa-rocket', 'fas fa-route', 'fas fa-rss', 'fas fa-rss-square', 'fas fa-ruble-sign', 'fas fa-ruler', 'fas fa-ruler-combined', 'fas fa-ruler-horizontal', 'fas fa-ruler-vertical', 'fas fa-running', 'fas fa-rupee-sign', 'fas fa-sad-cry', 'fas fa-sad-tear', 'fas fa-satellite', 'fas fa-satellite-dish', 'fas fa-save', 'fas fa-school', 'fas fa-screwdriver', 'fas fa-scroll', 'fas fa-sd-card', 'fas fa-search', 'fas fa-search-dollar', 'fas fa-search-location', 'fas fa-search-minus', 'fas fa-search-plus', 'fas fa-seedling', 'fas fa-server', 'fas fa-shapes', 'fas fa-share', 'fas fa-share-alt', 'fas fa-share-alt-square', 'fas fa-share-square', 'fas fa-shekel-sign', 'fas fa-shield-alt', 'fas fa-ship', 'fas fa-shipping-fast', 'fas fa-shoe-prints', 'fas fa-shopping-bag', 'fas fa-shopping-basket', 'fas fa-shopping-cart', 'fas fa-shower', 'fas fa-shuttle-van', 'fas fa-sign', 'fas fa-sign-in-alt', 'fas fa-sign-language', 'fas fa-sign-out-alt', 'fas fa-signal', 'fas fa-signature', 'fas fa-sim-card', 'fas fa-sitemap', 'fas fa-skating', 'fas fa-skiing', 'fas fa-skiing-nordic', 'fas fa-skull', 'fas fa-skull-crossbones', 'fas fa-slash', 'fas fa-sleigh', 'fas fa-sliders-h', 'fas fa-smile', 'fas fa-smile-beam', 'fas fa-smile-wink', 'fas fa-smog', 'fas fa-smoking', 'fas fa-smoking-ban', 'fas fa-sms', 'fas fa-snowboarding', 'fas fa-snowflake', 'fas fa-snowman', 'fas fa-snowplow', 'fas fa-socks', 'fas fa-solar-panel', 'fas fa-sort', 'fas fa-sort-alpha-down', 'fas fa-sort-alpha-up', 'fas fa-sort-amount-down', 'fas fa-sort-amount-up', 'fas fa-sort-down', 'fas fa-sort-numeric-down', 'fas fa-sort-numeric-up', 'fas fa-sort-up', 'fas fa-spa', 'fas fa-space-shuttle', 'fas fa-spider', 'fas fa-spinner', 'fas fa-splotch', 'fas fa-spray-can', 'fas fa-square', 'fas fa-square-full', 'fas fa-square-root-alt', 'fas fa-stamp', 'fas fa-star', 'fas fa-star-and-crescent', 'fas fa-star-half', 'fas fa-star-half-alt', 'fas fa-star-of-david', 'fas fa-star-of-life', 'fas fa-step-backward', 'fas fa-step-forward', 'fas fa-stethoscope', 'fas fa-sticky-note', 'fas fa-stop', 'fas fa-stop-circle', 'fas fa-stopwatch', 'fas fa-store', 'fas fa-store-alt', 'fas fa-stream', 'fas fa-street-view', 'fas fa-strikethrough', 'fas fa-stroopwafel', 'fas fa-subscript', 'fas fa-subway', 'fas fa-suitcase', 'fas fa-suitcase-rolling', 'fas fa-sun', 'fas fa-superscript', 'fas fa-surprise', 'fas fa-swatchbook', 'fas fa-swimmer', 'fas fa-swimming-pool', 'fas fa-synagogue', 'fas fa-sync', 'fas fa-sync-alt', 'fas fa-syringe', 'fas fa-table', 'fas fa-table-tennis', 'fas fa-tablet', 'fas fa-tablet-alt', 'fas fa-tablets', 'fas fa-tachometer-alt', 'fas fa-tag', 'fas fa-tags', 'fas fa-tape', 'fas fa-tasks', 'fas fa-taxi', 'fas fa-teeth', 'fas fa-teeth-open', 'fas fa-temperature-high', 'fas fa-temperature-low', 'fas fa-tenge', 'fas fa-terminal', 'fas fa-text-height', 'fas fa-text-width', 'fas fa-th', 'fas fa-th-large', 'fas fa-th-list', 'fas fa-theater-masks', 'fas fa-thermometer', 'fas fa-thermometer-empty', 'fas fa-thermometer-full', 'fas fa-thermometer-half', 'fas fa-thermometer-quarter', 'fas fa-thermometer-three-quarters', 'fas fa-thumbs-down', 'fas fa-thumbs-up', 'fas fa-thumbtack', 'fas fa-ticket-alt', 'fas fa-times', 'fas fa-times-circle', 'fas fa-tint', 'fas fa-tint-slash', 'fas fa-tired', 'fas fa-toggle-off', 'fas fa-toggle-on', 'fas fa-toilet', 'fas fa-toilet-paper', 'fas fa-toolbox', 'fas fa-tools', 'fas fa-tooth', 'fas fa-torah', 'fas fa-torii-gate', 'fas fa-tractor', 'fas fa-trademark', 'fas fa-traffic-light', 'fas fa-train', 'fas fa-tram', 'fas fa-transgender', 'fas fa-transgender-alt', 'fas fa-trash', 'fas fa-trash-alt', 'fas fa-tree', 'fas fa-trophy', 'fas fa-truck', 'fas fa-truck-loading', 'fas fa-truck-monster', 'fas fa-truck-moving', 'fas fa-truck-pickup', 'fas fa-tshirt', 'fas fa-tty', 'fas fa-tv', 'fas fa-umbrella', 'fas fa-umbrella-beach', 'fas fa-underline', 'fas fa-undo', 'fas fa-undo-alt', 'fas fa-universal-access', 'fas fa-university', 'fas fa-unlink', 'fas fa-unlock', 'fas fa-unlock-alt', 'fas fa-upload', 'fas fa-user', 'fas fa-user-alt', 'fas fa-user-alt-slash', 'fas fa-user-astronaut', 'fas fa-user-check', 'fas fa-user-circle', 'fas fa-user-clock', 'fas fa-user-cog', 'fas fa-user-edit', 'fas fa-user-friends', 'fas fa-user-graduate', 'fas fa-user-injured', 'fas fa-user-lock', 'fas fa-user-md', 'fas fa-user-minus', 'fas fa-user-ninja', 'fas fa-user-plus', 'fas fa-user-secret', 'fas fa-user-shield', 'fas fa-user-slash', 'fas fa-user-tag', 'fas fa-user-tie', 'fas fa-user-times', 'fas fa-users', 'fas fa-users-cog', 'fas fa-utensil-spoon', 'fas fa-utensils', 'fas fa-vector-square', 'fas fa-venus', 'fas fa-venus-double', 'fas fa-venus-mars', 'fas fa-vial', 'fas fa-vials', 'fas fa-video', 'fas fa-video-slash', 'fas fa-vihara', 'fas fa-volleyball-ball', 'fas fa-volume-down', 'fas fa-volume-mute', 'fas fa-volume-off', 'fas fa-volume-up', 'fas fa-vote-yea', 'fas fa-vr-cardboard', 'fas fa-walking', 'fas fa-wallet', 'fas fa-warehouse', 'fas fa-water', 'fas fa-weight', 'fas fa-weight-hanging', 'fas fa-wheelchair', 'fas fa-wifi', 'fas fa-wind', 'fas fa-window-close', 'fas fa-window-maximize', 'fas fa-window-minimize', 'fas fa-window-restore', 'fas fa-wine-bottle', 'fas fa-wine-glass', 'fas fa-wine-glass-alt', 'fas fa-won-sign', 'fas fa-wrench', 'fas fa-x-ray', 'fas fa-yen-sign', 'fas fa-yin-yang', 'far fa-address-book', 'far fa-address-card', 'far fa-angry', 'far fa-arrow-alt-circle-down', 'far fa-arrow-alt-circle-left', 'far fa-arrow-alt-circle-right', 'far fa-arrow-alt-circle-up', 'far fa-bell', 'far fa-bell-slash', 'far fa-bookmark', 'far fa-building', 'far fa-calendar', 'far fa-calendar-alt', 'far fa-calendar-check', 'far fa-calendar-minus', 'far fa-calendar-plus', 'far fa-calendar-times', 'far fa-caret-square-down', 'far fa-caret-square-left', 'far fa-caret-square-right', 'far fa-caret-square-up', 'far fa-chart-bar', 'far fa-check-circle', 'far fa-check-square', 'far fa-circle', 'far fa-clipboard', 'far fa-clock', 'far fa-clone', 'far fa-closed-captioning', 'far fa-comment', 'far fa-comment-alt', 'far fa-comment-dots', 'far fa-comments', 'far fa-compass', 'far fa-copy', 'far fa-copyright', 'far fa-credit-card', 'far fa-dizzy', 'far fa-dot-circle', 'far fa-edit', 'far fa-envelope', 'far fa-envelope-open', 'far fa-eye', 'far fa-eye-slash', 'far fa-file', 'far fa-file-alt', 'far fa-file-archive', 'far fa-file-audio', 'far fa-file-code', 'far fa-file-excel', 'far fa-file-image', 'far fa-file-pdf', 'far fa-file-powerpoint', 'far fa-file-video', 'far fa-file-word', 'far fa-flag', 'far fa-flushed', 'far fa-folder', 'far fa-folder-open', 'far fa-frown', 'far fa-frown-open', 'far fa-futbol', 'far fa-gem', 'far fa-grimace', 'far fa-grin', 'far fa-grin-alt', 'far fa-grin-beam', 'far fa-grin-beam-sweat', 'far fa-grin-hearts', 'far fa-grin-squint', 'far fa-grin-squint-tears', 'far fa-grin-stars', 'far fa-grin-tears', 'far fa-grin-tongue', 'far fa-grin-tongue-squint', 'far fa-grin-tongue-wink', 'far fa-grin-wink', 'far fa-hand-lizard', 'far fa-hand-paper', 'far fa-hand-peace', 'far fa-hand-point-down', 'far fa-hand-point-left', 'far fa-hand-point-right', 'far fa-hand-point-up', 'far fa-hand-pointer', 'far fa-hand-rock', 'far fa-hand-scissors', 'far fa-hand-spock', 'far fa-handshake', 'far fa-hdd', 'far fa-heart', 'far fa-hospital', 'far fa-hourglass', 'far fa-id-badge', 'far fa-id-card', 'far fa-image', 'far fa-images', 'far fa-keyboard', 'far fa-kiss', 'far fa-kiss-beam', 'far fa-kiss-wink-heart', 'far fa-laugh', 'far fa-laugh-beam', 'far fa-laugh-squint', 'far fa-laugh-wink', 'far fa-lemon', 'far fa-life-ring', 'far fa-lightbulb', 'far fa-list-alt', 'far fa-map', 'far fa-meh', 'far fa-meh-blank', 'far fa-meh-rolling-eyes', 'far fa-minus-square', 'far fa-money-bill-alt', 'far fa-moon', 'far fa-newspaper', 'far fa-object-group', 'far fa-object-ungroup', 'far fa-paper-plane', 'far fa-pause-circle', 'far fa-play-circle', 'far fa-plus-square', 'far fa-question-circle', 'far fa-registered', 'far fa-sad-cry', 'far fa-sad-tear', 'far fa-save', 'far fa-share-square', 'far fa-smile', 'far fa-smile-beam', 'far fa-smile-wink', 'far fa-snowflake', 'far fa-square', 'far fa-star', 'far fa-star-half', 'far fa-sticky-note', 'far fa-stop-circle', 'far fa-sun', 'far fa-surprise', 'far fa-thumbs-down', 'far fa-thumbs-up', 'far fa-times-circle', 'far fa-tired', 'far fa-trash-alt', 'far fa-user', 'far fa-user-circle', 'far fa-window-close', 'far fa-window-maximize', 'far fa-window-minimize', 'far fa-window-restore', 'fab fa-500px', 'fab fa-accessible-icon', 'fab fa-accusoft', 'fab fa-acquisitions-incorporated', 'fab fa-adn', 'fab fa-adobe', 'fab fa-adversal', 'fab fa-affiliatetheme', 'fab fa-algolia', 'fab fa-alipay', 'fab fa-amazon', 'fab fa-amazon-pay', 'fab fa-amilia', 'fab fa-android', 'fab fa-angellist', 'fab fa-angrycreative', 'fab fa-angular', 'fab fa-app-store', 'fab fa-app-store-ios', 'fab fa-apper', 'fab fa-apple', 'fab fa-apple-pay', 'fab fa-artstation', 'fab fa-asymmetrik', 'fab fa-atlassian', 'fab fa-audible', 'fab fa-autoprefixer', 'fab fa-avianex', 'fab fa-aviato', 'fab fa-aws', 'fab fa-bandcamp', 'fab fa-behance', 'fab fa-behance-square', 'fab fa-bimobject', 'fab fa-bitbucket', 'fab fa-bitcoin', 'fab fa-bity', 'fab fa-black-tie', 'fab fa-blackberry', 'fab fa-blogger', 'fab fa-blogger-b', 'fab fa-bluetooth', 'fab fa-bluetooth-b', 'fab fa-btc', 'fab fa-buromobelexperte', 'fab fa-buysellads', 'fab fa-canadian-maple-leaf', 'fab fa-cc-amazon-pay', 'fab fa-cc-amex', 'fab fa-cc-apple-pay', 'fab fa-cc-diners-club', 'fab fa-cc-discover', 'fab fa-cc-jcb', 'fab fa-cc-mastercard', 'fab fa-cc-paypal', 'fab fa-cc-stripe', 'fab fa-cc-visa', 'fab fa-centercode', 'fab fa-centos', 'fab fa-chrome', 'fab fa-cloudscale', 'fab fa-cloudsmith', 'fab fa-cloudversify', 'fab fa-codepen', 'fab fa-codiepie', 'fab fa-confluence', 'fab fa-connectdevelop', 'fab fa-contao', 'fab fa-cpanel', 'fab fa-creative-commons', 'fab fa-creative-commons-by', 'fab fa-creative-commons-nc', 'fab fa-creative-commons-nc-eu', 'fab fa-creative-commons-nc-jp', 'fab fa-creative-commons-nd', 'fab fa-creative-commons-pd', 'fab fa-creative-commons-pd-alt', 'fab fa-creative-commons-remix', 'fab fa-creative-commons-sa', 'fab fa-creative-commons-sampling', 'fab fa-creative-commons-sampling-plus', 'fab fa-creative-commons-share', 'fab fa-creative-commons-zero', 'fab fa-critical-role', 'fab fa-css3', 'fab fa-css3-alt', 'fab fa-cuttlefish', 'fab fa-d-and-d', 'fab fa-d-and-d-beyond', 'fab fa-dashcube', 'fab fa-delicious', 'fab fa-deploydog', 'fab fa-deskpro', 'fab fa-dev', 'fab fa-deviantart', 'fab fa-dhl', 'fab fa-diaspora', 'fab fa-digg', 'fab fa-digital-ocean', 'fab fa-discord', 'fab fa-discourse', 'fab fa-dochub', 'fab fa-docker', 'fab fa-draft2digital', 'fab fa-dribbble', 'fab fa-dribbble-square', 'fab fa-dropbox', 'fab fa-drupal', 'fab fa-dyalog', 'fab fa-earlybirds', 'fab fa-ebay', 'fab fa-edge', 'fab fa-elementor', 'fab fa-ello', 'fab fa-ember', 'fab fa-empire', 'fab fa-envira', 'fab fa-erlang', 'fab fa-ethereum', 'fab fa-etsy', 'fab fa-expeditedssl', 'fab fa-facebook', 'fab fa-facebook-f', 'fab fa-facebook-messenger', 'fab fa-facebook-square', 'fab fa-fantasy-flight-games', 'fab fa-fedex', 'fab fa-fedora', 'fab fa-figma', 'fab fa-firefox', 'fab fa-first-order', 'fab fa-first-order-alt', 'fab fa-firstdraft', 'fab fa-flickr', 'fab fa-flipboard', 'fab fa-fly', 'fab fa-font-awesome', 'fab fa-font-awesome-alt', 'fab fa-font-awesome-flag', 'fab fa-fonticons', 'fab fa-fonticons-fi', 'fab fa-fort-awesome', 'fab fa-fort-awesome-alt', 'fab fa-forumbee', 'fab fa-foursquare', 'fab fa-free-code-camp', 'fab fa-freebsd', 'fab fa-fulcrum', 'fab fa-galactic-republic', 'fab fa-galactic-senate', 'fab fa-get-pocket', 'fab fa-gg', 'fab fa-gg-circle', 'fab fa-git', 'fab fa-git-square', 'fab fa-github', 'fab fa-github-alt', 'fab fa-github-square', 'fab fa-gitkraken', 'fab fa-gitlab', 'fab fa-gitter', 'fab fa-glide', 'fab fa-glide-g', 'fab fa-gofore', 'fab fa-goodreads', 'fab fa-goodreads-g', 'fab fa-google', 'fab fa-google-drive', 'fab fa-google-play', 'fab fa-google-plus', 'fab fa-google-plus-g', 'fab fa-google-plus-square', 'fab fa-google-wallet', 'fab fa-gratipay', 'fab fa-grav', 'fab fa-gripfire', 'fab fa-grunt', 'fab fa-gulp', 'fab fa-hacker-news', 'fab fa-hacker-news-square', 'fab fa-hackerrank', 'fab fa-hips', 'fab fa-hire-a-helper', 'fab fa-hooli', 'fab fa-hornbill', 'fab fa-hotjar', 'fab fa-houzz', 'fab fa-html5', 'fab fa-hubspot', 'fab fa-imdb', 'fab fa-instagram', 'fab fa-intercom', 'fab fa-internet-explorer', 'fab fa-invision', 'fab fa-ioxhost', 'fab fa-itunes', 'fab fa-itunes-note', 'fab fa-java', 'fab fa-jedi-order', 'fab fa-jenkins', 'fab fa-jira', 'fab fa-joget', 'fab fa-joomla', 'fab fa-js', 'fab fa-js-square', 'fab fa-jsfiddle', 'fab fa-kaggle', 'fab fa-keybase', 'fab fa-keycdn', 'fab fa-kickstarter', 'fab fa-kickstarter-k', 'fab fa-korvue', 'fab fa-laravel', 'fab fa-lastfm', 'fab fa-lastfm-square', 'fab fa-leanpub', 'fab fa-less', 'fab fa-line', 'fab fa-linkedin', 'fab fa-linkedin-in', 'fab fa-linode', 'fab fa-linux', 'fab fa-lyft', 'fab fa-magento', 'fab fa-mailchimp', 'fab fa-mandalorian', 'fab fa-markdown', 'fab fa-mastodon', 'fab fa-maxcdn', 'fab fa-medapps', 'fab fa-medium', 'fab fa-medium-m', 'fab fa-medrt', 'fab fa-meetup', 'fab fa-megaport', 'fab fa-mendeley', 'fab fa-microsoft', 'fab fa-mix', 'fab fa-mixcloud', 'fab fa-mizuni', 'fab fa-modx', 'fab fa-monero', 'fab fa-napster', 'fab fa-neos', 'fab fa-nimblr', 'fab fa-nintendo-switch', 'fab fa-node', 'fab fa-node-js', 'fab fa-npm', 'fab fa-ns8', 'fab fa-nutritionix', 'fab fa-odnoklassniki', 'fab fa-odnoklassniki-square', 'fab fa-old-republic', 'fab fa-opencart', 'fab fa-openid', 'fab fa-opera', 'fab fa-optin-monster', 'fab fa-osi', 'fab fa-page4', 'fab fa-pagelines', 'fab fa-palfed', 'fab fa-patreon', 'fab fa-paypal', 'fab fa-penny-arcade', 'fab fa-periscope', 'fab fa-phabricator', 'fab fa-phoenix-framework', 'fab fa-phoenix-squadron', 'fab fa-php', 'fab fa-pied-piper', 'fab fa-pied-piper-alt', 'fab fa-pied-piper-hat', 'fab fa-pied-piper-pp', 'fab fa-pinterest', 'fab fa-pinterest-p', 'fab fa-pinterest-square', 'fab fa-playstation', 'fab fa-product-hunt', 'fab fa-pushed', 'fab fa-python', 'fab fa-qq', 'fab fa-quinscape', 'fab fa-quora', 'fab fa-r-project', 'fab fa-raspberry-pi', 'fab fa-ravelry', 'fab fa-react', 'fab fa-reacteurope', 'fab fa-readme', 'fab fa-rebel', 'fab fa-red-river', 'fab fa-reddit', 'fab fa-reddit-alien', 'fab fa-reddit-square', 'fab fa-redhat', 'fab fa-renren', 'fab fa-replyd', 'fab fa-researchgate', 'fab fa-resolving', 'fab fa-rev', 'fab fa-rocketchat', 'fab fa-rockrms', 'fab fa-safari', 'fab fa-sass', 'fab fa-schlix', 'fab fa-scribd', 'fab fa-searchengin', 'fab fa-sellcast', 'fab fa-sellsy', 'fab fa-servicestack', 'fab fa-shirtsinbulk', 'fab fa-shopware', 'fab fa-simplybuilt', 'fab fa-sistrix', 'fab fa-sith', 'fab fa-sketch', 'fab fa-skyatlas', 'fab fa-skype', 'fab fa-slack', 'fab fa-slack-hash', 'fab fa-slideshare', 'fab fa-snapchat', 'fab fa-snapchat-ghost', 'fab fa-snapchat-square', 'fab fa-soundcloud', 'fab fa-sourcetree', 'fab fa-speakap', 'fab fa-spotify', 'fab fa-squarespace', 'fab fa-stack-exchange', 'fab fa-stack-overflow', 'fab fa-staylinked', 'fab fa-steam', 'fab fa-steam-square', 'fab fa-steam-symbol', 'fab fa-sticker-mule', 'fab fa-strava', 'fab fa-stripe', 'fab fa-stripe-s', 'fab fa-studiovinari', 'fab fa-stumbleupon', 'fab fa-stumbleupon-circle', 'fab fa-superpowers', 'fab fa-supple', 'fab fa-suse', 'fab fa-teamspeak', 'fab fa-telegram', 'fab fa-telegram-plane', 'fab fa-tencent-weibo', 'fab fa-the-red-yeti', 'fab fa-themeco', 'fab fa-themeisle', 'fab fa-think-peaks', 'fab fa-trade-federation', 'fab fa-trello', 'fab fa-tripadvisor', 'fab fa-tumblr', 'fab fa-tumblr-square', 'fab fa-twitch', 'fab fa-twitter', 'fab fa-twitter-square', 'fab fa-typo3', 'fab fa-uber', 'fab fa-ubuntu', 'fab fa-uikit', 'fab fa-uniregistry', 'fab fa-untappd', 'fab fa-ups', 'fab fa-usb', 'fab fa-usps', 'fab fa-ussunnah', 'fab fa-vaadin', 'fab fa-viacoin', 'fab fa-viadeo', 'fab fa-viadeo-square', 'fab fa-viber', 'fab fa-vimeo', 'fab fa-vimeo-square', 'fab fa-vimeo-v', 'fab fa-vine', 'fab fa-vk', 'fab fa-vnv', 'fab fa-vuejs', 'fab fa-weebly', 'fab fa-weibo', 'fab fa-weixin', 'fab fa-whatsapp', 'fab fa-whatsapp-square', 'fab fa-whmcs', 'fab fa-wikipedia-w', 'fab fa-windows', 'fab fa-wix', 'fab fa-wizards-of-the-coast', 'fab fa-wolf-pack-battalion', 'fab fa-wordpress', 'fab fa-wordpress-simple', 'fab fa-wpbeginner', 'fab fa-wpexplorer', 'fab fa-wpforms', 'fab fa-wpressr', 'fab fa-xbox', 'fab fa-xing', 'fab fa-xing-square', 'fab fa-y-combinator', 'fab fa-yahoo', 'fab fa-yandex', 'fab fa-yandex-international', 'fab fa-yarn', 'fab fa-yelp', 'fab fa-yoast', 'fab fa-youtube', 'fab fa-youtube-square', 'fab fa-zhihu']);
9914
-
9915
- /***/ }),
9916
-
9917
- /***/ "./src/components/icon/icons.js":
9918
- /*!**************************************!*\
9919
- !*** ./src/components/icon/icons.js ***!
9920
- \**************************************/
9921
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
9922
-
9923
- "use strict";
9924
- __webpack_require__.r(__webpack_exports__);
9925
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
9926
- /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
9927
- /* harmony export */ });
9928
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
9929
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
9930
-
9931
- const {
9932
- __
9933
- } = wp.i18n;
9934
- const icons = {};
9935
- const img_path = rttpgParams.plugin_url + '/assets/images';
9936
- icons.grid_layout1 = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("img", {
9937
- src: `${img_path}/layouts/grid1.png`,
9938
- alt: __('Grid Layout 1')
9939
- });
9940
- icons.grid_layout2 = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("img", {
9941
- src: `${img_path}/layouts/grid_layout8.png`,
9942
- alt: __('Grid Layout 2')
9943
- });
9944
- icons.grid_layout3 = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("img", {
9945
- src: `${img_path}/layouts/grid12.png`,
9946
- alt: __('Grid Layout 3')
9947
- });
9948
- icons.grid_layout4 = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("img", {
9949
- src: `${img_path}/layouts/grid2.png`,
9950
- alt: __('Grid Layout 4')
9951
- });
9952
- icons.grid_layout5 = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("img", {
9953
- src: `${img_path}/layouts/grid_layout9.png`,
9954
- alt: __('Grid Layout 5')
9955
- });
9956
- icons.grid_layout6 = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("img", {
9957
- src: `${img_path}/layouts/grid_layout9-2.png`,
9958
- alt: __('Grid Layout 6')
9959
- });
9960
- icons.grid_layout7 = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("img", {
9961
- src: `${img_path}/layouts/grid_layout10.png`,
9962
- alt: __('Grid Layout 7')
9963
- });
9964
- icons.grid_layout8 = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("img", {
9965
- src: `${img_path}/layouts/grid_layout10-2.png`,
9966
- alt: __('Grid Layout 8')
9967
- });
9968
- icons.grid_layout9 = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("img", {
9969
- src: `${img_path}/layouts/gallery.png`,
9970
- alt: __('Grid Layout 9')
9971
- });
9972
- icons.list_layout1 = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("img", {
9973
- src: `${img_path}/layouts/list1.png`,
9974
- alt: __('List Layout 1')
9975
- });
9976
- icons.list_layout2 = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("img", {
9977
- src: `${img_path}/layouts/list3.png`,
9978
- alt: __('List Layout 2')
9979
- });
9980
- icons.list_layout3 = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("img", {
9981
- src: `${img_path}/layouts/list3-2.png`,
9982
- alt: __('List Layout 3')
9983
- });
9984
- icons.list_layout4 = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("img", {
9985
- src: `${img_path}/layouts/list4.png`,
9986
- alt: __('List Layout 4')
9987
- });
9988
- icons.list_layout5 = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("img", {
9989
- src: `${img_path}/layouts/list4-2.png`,
9990
- alt: __('List Layout 5')
9991
- });
9992
- icons.list_layout6 = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("img", {
9993
- src: `${img_path}/layouts/list_layout1.png`,
9994
- alt: __('List Layout 6')
9995
- });
9996
- icons.list_layout7 = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("img", {
9997
- src: `${img_path}/layouts/list_layout2.png`,
9998
- alt: __('List Layout 7')
9999
- });
10000
- icons.grid_hover1 = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("img", {
10001
- src: `${img_path}/layouts/grid3.png`,
10002
- alt: __('Grid Hover Layout 1')
10003
- });
10004
- icons.grid_hover2 = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("img", {
10005
- src: `${img_path}/layouts/grid4.png`,
10006
- alt: __('Grid Hover Layout 2')
10007
- });
10008
- icons.grid_hover3 = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("img", {
10009
- src: `${img_path}/layouts/grid5.png`,
10010
- alt: __('Grid Hover Layout 3')
10011
- });
10012
- icons.grid_hover4 = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("img", {
10013
- src: `${img_path}/layouts/grid16.png`,
10014
- alt: __('Grid Hover Layout 4')
10015
- });
10016
- icons.grid_hover5 = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("img", {
10017
- src: `${img_path}/layouts/grid16-2.png`,
10018
- alt: __('Grid Hover Layout 5')
10019
- });
10020
- icons.grid_hover6 = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("img", {
10021
- src: `${img_path}/layouts/grid_hover10.png`,
10022
- alt: __('Grid Hover Layout 6')
10023
- });
10024
- icons.grid_hover7 = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("img", {
10025
- src: `${img_path}/layouts/grid_hover10-2.png`,
10026
- alt: __('Grid Hover Layout 7')
10027
- });
10028
- icons.grid_hover8 = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("img", {
10029
- src: `${img_path}/layouts/grid_hover11.png`,
10030
- alt: __('Grid Hover Layout 8')
10031
- });
10032
- icons.grid_hover9 = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("img", {
10033
- src: `${img_path}/layouts/grid_hover11-2.png`,
10034
- alt: __('Grid Hover Layout 9')
10035
- });
10036
- icons.grid_hover10 = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("img", {
10037
- src: `${img_path}/layouts/grid_hover12.png`,
10038
- alt: __('Grid Hover Layout 10')
10039
- });
10040
- icons.grid_hover11 = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("img", {
10041
- src: `${img_path}/layouts/grid_hover12-2.png`,
10042
- alt: __('Grid Hover Layout 11')
10043
- });
10044
- icons.grid_hover12 = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("img", {
10045
- src: `${img_path}/layouts/grid_hover13.png`,
10046
- alt: __('Grid Hover Layout 12')
10047
- });
10048
- icons.grid_hover13 = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("img", {
10049
- src: `${img_path}/layouts/grid_hover9.png`,
10050
- alt: __('Grid Hover Layout 13')
10051
- });
10052
- icons.grid_hover14 = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("img", {
10053
- src: `${img_path}/layouts/grid_hover9-2.png`,
10054
- alt: __('Grid Hover Layout 14')
10055
- });
10056
- icons.grid_hover15 = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("img", {
10057
- src: `${img_path}/layouts/grid_hover15.png`,
10058
- alt: __('Grid Hover Layout 15')
10059
- });
10060
- icons.grid_hover16 = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("img", {
10061
- src: `${img_path}/layouts/grid_hover16.png`,
10062
- alt: __('Grid Hover Layout 16')
10063
- });
10064
- icons.slider_layout1 = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("img", {
10065
- src: `${img_path}/layouts/carousel1.png`,
10066
- alt: __('Slider Layout 1')
10067
- });
10068
- icons.slider_layout2 = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("img", {
10069
- src: `${img_path}/layouts/carousel1.1.png`,
10070
- alt: __('Slider Layout 2')
10071
- });
10072
- icons.slider_layout3 = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("img", {
10073
- src: `${img_path}/layouts/carousel1.3.png`,
10074
- alt: __('Slider Layout 3')
10075
- });
10076
- icons.slider_layout4 = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("img", {
10077
- src: `${img_path}/layouts/carousel2.2.png`,
10078
- alt: __('Slider Layout 4')
10079
- });
10080
- icons.slider_layout5 = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("img", {
10081
- src: `${img_path}/layouts/carousel2.png`,
10082
- alt: __('Slider Layout 5')
10083
- });
10084
- icons.slider_layout6 = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("img", {
10085
- src: `${img_path}/layouts/carousel6.6.png`,
10086
- alt: __('Slider Layout 6')
10087
- });
10088
- icons.slider_layout7 = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("img", {
10089
- src: `${img_path}/layouts/carousel7.7.png`,
10090
- alt: __('Slider Layout 7')
10091
- });
10092
- icons.slider_layout8 = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("img", {
10093
- src: `${img_path}/layouts/carousel8.8.png`,
10094
- alt: __('Slider Layout 8')
10095
- });
10096
- icons.slider_layout9 = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("img", {
10097
- src: `${img_path}/layouts/carousel9.9.png`,
10098
- alt: __('Slider Layout 9')
10099
- });
10100
- icons.slider_layout10 = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("img", {
10101
- src: `${img_path}/layouts/carousel10.2.png`,
10102
- alt: __('Slider Layout 10')
10103
- });
10104
- icons.slider_layout11 = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("img", {
10105
- src: `${img_path}/layouts/slider_layout11.png`,
10106
- alt: __('Slider Layout 11')
10107
- });
10108
- icons.slider_layout12 = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("img", {
10109
- src: `${img_path}/layouts/slider_layout12.png`,
10110
- alt: __('Slider Layout 12')
10111
- });
10112
- icons.slider_layout13 = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("img", {
10113
- src: `${img_path}/layouts/slider_layout13.png`,
10114
- alt: __('Slider Layout 13')
10115
- });
10116
- icons.slider_layout14 = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("img", {
10117
- src: `${img_path}/layouts/slider_layout14.png`,
10118
- alt: __('Slider Layout 14')
10119
- });
10120
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (icons);
10121
-
10122
- /***/ }),
10123
-
10124
- /***/ "./src/components/pagination/Pagination.js":
10125
- /*!*************************************************!*\
10126
- !*** ./src/components/pagination/Pagination.js ***!
10127
- \*************************************************/
10128
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
10129
-
10130
- "use strict";
10131
- __webpack_require__.r(__webpack_exports__);
10132
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
10133
- /* harmony export */ "default": () => (/* binding */ Pagination)
10134
- /* harmony export */ });
10135
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
10136
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
10137
- /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! prop-types */ "./node_modules/prop-types/index.js");
10138
- /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_2__);
10139
- /* harmony import */ var _page__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./page */ "./src/components/pagination/page.js");
10140
-
10141
-
10142
- const {
10143
- Component
10144
- } = wp.element;
10145
-
10146
- class Pagination extends Component {
10147
- render() {
10148
- const {
10149
- total,
10150
- current,
10151
- prevText,
10152
- nextText,
10153
- baseClassName,
10154
- onClickPage
10155
- } = this.props;
10156
-
10157
- if (!total) {
10158
- return null;
10159
- }
10160
-
10161
- let endSize = this.props.endSize < 1 ? 1 : this.props.endSize;
10162
- let midSize = this.props.midSize < 0 ? 2 : this.props.midSize;
10163
- let dots = false;
10164
- let pages = [];
10165
-
10166
- if (current && current > 1) {
10167
- pages.push({
10168
- isCurrent: false,
10169
- key: "prev",
10170
- onClick: () => onClickPage(current - 1),
10171
- text: prevText
10172
- });
10173
- }
10174
-
10175
- for (let n = 1; n <= this.props.total; n++) {
10176
- let isCurrent = n === current;
10177
-
10178
- if (isCurrent) {
10179
- dots = true;
10180
- pages.push({
10181
- isCurrent: true,
10182
- key: n,
10183
- onClick: () => onClickPage(n),
10184
- className: "pages",
10185
- text: n
10186
- });
10187
- } else {
10188
- if (n <= endSize || current && n >= current - midSize && n <= current + midSize || n > total - endSize) {
10189
- pages.push({
10190
- isLink: true,
10191
- key: n,
10192
- onClick: () => onClickPage(n),
10193
- className: "pages",
10194
- text: n
10195
- });
10196
- dots = true;
10197
- } else if (dots) {
10198
- pages.push({
10199
- isDots: true,
10200
- key: n,
10201
- onClick: () => console.log('dots'),
10202
- className: "pages",
10203
- text: "..."
10204
- });
10205
- dots = false;
10206
- }
10207
- }
10208
- }
10209
-
10210
- if (current && current < total) {
10211
- pages.push({
10212
- isCurrent: false,
10213
- key: "next",
10214
- onClick: () => onClickPage(current + 1),
10215
- text: nextText
10216
- });
10217
- }
10218
-
10219
- return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
10220
- className: baseClassName
10221
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("ul", {
10222
- className: "pagination-list"
10223
- }, pages.map(_ref => {
10224
- let {
10225
- isCurrent,
10226
- key,
10227
- text,
10228
- className,
10229
- onClick,
10230
- isDots,
10231
- isLink
10232
- } = _ref;
10233
- return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_page__WEBPACK_IMPORTED_MODULE_1__["default"], {
10234
- isCurrent: isCurrent,
10235
- key: key,
10236
- pageKey: key,
10237
- onClick: () => onClick(),
10238
- className: className,
10239
- isDots: isDots,
10240
- isLink: isLink
10241
- }, text);
10242
- })));
10243
- }
10244
-
10245
- }
10246
- ;
10247
- Pagination.defaultProps = {
10248
- total: 0,
10249
- current: 1,
10250
- prevText: '',
10251
- nextText: '',
10252
- endSize: 1,
10253
- midSize: 2,
10254
- baseClassName: 'rt-pagination'
10255
- };
10256
- Pagination.propTypes = {
10257
- total: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().number),
10258
- current: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().number),
10259
- prevText: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string),
10260
- nextText: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string),
10261
- endSize: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().number),
10262
- midSize: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().number),
10263
- baseClassName: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string),
10264
- onClickPage: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().func)
10265
- };
10266
-
10267
- /***/ }),
10268
-
10269
- /***/ "./src/components/pagination/page.js":
10270
- /*!*******************************************!*\
10271
- !*** ./src/components/pagination/page.js ***!
10272
- \*******************************************/
10273
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
10274
-
10275
- "use strict";
10276
- __webpack_require__.r(__webpack_exports__);
10277
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
10278
- /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
10279
- /* harmony export */ });
10280
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
10281
- /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
10282
- /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! prop-types */ "./node_modules/prop-types/index.js");
10283
- /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_2__);
10284
- /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
10285
- /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);
10286
-
10287
-
10288
-
10289
- const {
10290
- Component
10291
- } = wp.element;
10292
- const {
10293
- __
10294
- } = wp.i18n;
10295
-
10296
- class Page extends Component {
10297
- render() {
10298
- const {
10299
- className,
10300
- isCurrent,
10301
- isDots,
10302
- children,
10303
- pageKey,
10304
- onClick
10305
- } = this.props;
10306
- const classes = classnames__WEBPACK_IMPORTED_MODULE_1___default()(className, {
10307
- 'active': isCurrent
10308
- }, {
10309
- 'dots': isDots
10310
- });
10311
- return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("li", {
10312
- className: classes
10313
- }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("a", {
10314
- onClick: () => onClick(),
10315
- href: "#"
10316
- }, pageKey === 'prev' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("span", {
10317
- className: "fas fa-angle-left"
10318
- }), __(children), pageKey === 'next' && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("span", {
10319
- className: "fas fa-angle-right"
10320
- })));
10321
- }
10322
-
10323
- }
10324
-
10325
- Page.defaultProps = {
10326
- isCurrent: false,
10327
- isDots: false,
10328
- className: ''
10329
- };
10330
- Page.propTypes = {
10331
- isCurrent: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool),
10332
- className: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string),
10333
- key: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string),
10334
- isDots: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool),
10335
- onClick: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().func)
10336
- };
10337
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Page);
10338
-
10339
- /***/ }),
10340
-
10341
- /***/ "./src/helpers/useClickOutside.js":
10342
- /*!****************************************!*\
10343
- !*** ./src/helpers/useClickOutside.js ***!
10344
- \****************************************/
10345
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
10346
-
10347
- "use strict";
10348
- __webpack_require__.r(__webpack_exports__);
10349
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
10350
- /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
10351
- /* harmony export */ });
10352
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
10353
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
10354
- // Improved version of https://usehooks.com/useOnClickOutside/
10355
-
10356
- const useClickOutside = (ref, handler) => {
10357
- (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
10358
- let startedInside = false;
10359
- let startedWhenMounted = false;
10360
-
10361
- const listener = event => {
10362
- // Do nothing if `mousedown` or `touchstart` started inside ref element
10363
- if (startedInside || !startedWhenMounted) return; // Do nothing if clicking ref's element or descendent elements
10364
-
10365
- if (!ref.current || ref.current.contains(event.target)) return;
10366
- handler(event);
10367
- };
10368
-
10369
- const validateEventStart = event => {
10370
- startedWhenMounted = ref.current;
10371
- startedInside = ref.current && ref.current.contains(event.target);
10372
- };
10373
-
10374
- document.addEventListener("mousedown", validateEventStart);
10375
- document.addEventListener("touchstart", validateEventStart);
10376
- document.addEventListener("click", listener);
10377
- return () => {
10378
- document.removeEventListener("mousedown", validateEventStart);
10379
- document.removeEventListener("touchstart", validateEventStart);
10380
- document.removeEventListener("click", listener);
10381
- };
10382
- }, [ref, handler]);
10383
- };
10384
-
10385
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (useClickOutside);
10386
-
10387
- /***/ }),
10388
-
10389
- /***/ "./src/utils/css/CssGenerator.js":
10390
- /*!***************************************!*\
10391
- !*** ./src/utils/css/CssGenerator.js ***!
10392
- \***************************************/
10393
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
10394
-
10395
- "use strict";
10396
- __webpack_require__.r(__webpack_exports__);
10397
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
10398
- /* harmony export */ "CssGenerator": () => (/* binding */ CssGenerator),
10399
- /* harmony export */ "checkDepends": () => (/* binding */ checkDepends),
10400
- /* harmony export */ "objectAppend": () => (/* binding */ objectAppend),
10401
- /* harmony export */ "objectReplace": () => (/* binding */ objectReplace),
10402
- /* harmony export */ "singleField": () => (/* binding */ singleField)
10403
- /* harmony export */ });
10404
- /* harmony import */ var _babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/typeof */ "./node_modules/@babel/runtime/helpers/esm/typeof.js");
10405
- /* harmony import */ var _CssHelper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./CssHelper */ "./src/utils/css/CssHelper.js");
10406
-
10407
- // Replace Value
10408
-
10409
- const replaceData = (selector, key, value) => selector.replace(new RegExp(key, "g"), value); // Object Empty Check
10410
-
10411
-
10412
- const isEmpty = obj => (typeof obj === 'undefined' ? 'undefined' : (0,_babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__["default"])(obj)) === 'object' && Object.keys(obj).length !== 0; // {{RTTPG}} Replace
10413
-
10414
-
10415
- const replaceWarp = (selector, ID) => {
10416
- selector = selector.replace(new RegExp('{{RTTPG}}', "g"), '.rttpg-block-' + ID);
10417
- selector = selector.replace(new RegExp('{{RTTPG_ID}}', "g"), 'block-' + ID);
10418
- return selector;
10419
- };
10420
-
10421
- const objectReplace = (warp, value) => {
10422
- let output = '';
10423
- value.forEach(function (sel) {
10424
- output += sel + ';';
10425
- });
10426
- return warp + '{' + output + '}';
10427
- };
10428
- const objectAppend = (warp, value) => {
10429
- let output = '';
10430
- value.forEach(function (sel) {
10431
- output += warp + sel;
10432
- });
10433
- return output;
10434
- }; // Plain String/Number Field CSS Replace
10435
-
10436
- const singleField = (style, blockID, key, value) => {
10437
- value = typeof value != 'object' ? value : objectField(value).data;
10438
-
10439
- if (typeof style == 'string') {
10440
- if (style) {
10441
- if (value) {
10442
- const warpData = replaceWarp(style, blockID);
10443
-
10444
- if (typeof value == 'boolean') {
10445
- return [warpData];
10446
- } else {
10447
- if (warpData.indexOf('{{') === -1 && warpData.indexOf('{') < 0) {
10448
- return [warpData + value];
10449
- } else {
10450
- return [replaceData(warpData, '{{' + key + '}}', value)];
10451
- }
10452
- }
10453
- } else {
10454
- return [];
10455
- }
10456
- } else {
10457
- return [replaceWarp(value, blockID)]; // Custom CSS Field
10458
- }
10459
- } else {
10460
- const output = [];
10461
- style.forEach(function (sel) {
10462
- output.push(replaceData(replaceWarp(sel, blockID), '{{' + key + '}}', value));
10463
- });
10464
- return output;
10465
- }
10466
- }; // Object Field CSS Replace
10467
-
10468
- const objectField = (data, type) => {
10469
- if (data.openTypography) {
10470
- return {
10471
- data: (0,_CssHelper__WEBPACK_IMPORTED_MODULE_1__.cssTypography)(data),
10472
- action: 'append'
10473
- }; //Typography
10474
- } else if (data.openBg) {
10475
- return {
10476
- data: (0,_CssHelper__WEBPACK_IMPORTED_MODULE_1__.cssBackground)(data),
10477
- action: 'append'
10478
- }; //Background
10479
- } else if (data.openBorder) {
10480
- return {
10481
- data: (0,_CssHelper__WEBPACK_IMPORTED_MODULE_1__.cssBorder)(data),
10482
- action: 'append'
10483
- }; //Border
10484
- } else if (data.openShadow && data.color) {
10485
- return {
10486
- data: (0,_CssHelper__WEBPACK_IMPORTED_MODULE_1__.cssBoxShadow)(data),
10487
- action: 'append'
10488
- }; //Shadow
10489
- } else if (data.openFilter) {
10490
- return {
10491
- data: (0,_CssHelper__WEBPACK_IMPORTED_MODULE_1__.cssFilter)(data),
10492
- action: 'append'
10493
- }; //Shadow
10494
- } else if (data.direction) {
10495
- return {
10496
- data: (0,_CssHelper__WEBPACK_IMPORTED_MODULE_1__.cssGradient)(data, 'return'),
10497
- action: 'append'
10498
- }; //Gradient
10499
- } else if (typeof data.top != 'undefined' || typeof data.left != 'undefined' || typeof data.right != 'undefined' || typeof data.bottom != 'undefined') {
10500
- return {
10501
- data: (0,_CssHelper__WEBPACK_IMPORTED_MODULE_1__.cssDimension)(data),
10502
- action: 'replace'
10503
- }; //Dimension
10504
- } else if (data.openColor) {
10505
- if (data.replace) {
10506
- return {
10507
- data: (0,_CssHelper__WEBPACK_IMPORTED_MODULE_1__.cssColor)(data),
10508
- action: 'replace'
10509
- }; //Color Advanced
10510
- } else {
10511
- return {
10512
- data: (0,_CssHelper__WEBPACK_IMPORTED_MODULE_1__.cssColor)(data),
10513
- action: 'append'
10514
- }; //Color Advanced
10515
- }
10516
- } else if (data.openBGColor) {
10517
- return {
10518
- data: (0,_CssHelper__WEBPACK_IMPORTED_MODULE_1__.cssBackgroundColor)(data),
10519
- action: 'append'
10520
- };
10521
- } else if (type === 'padding') {
10522
- return {
10523
- data: (0,_CssHelper__WEBPACK_IMPORTED_MODULE_1__.cssPadding)(data),
10524
- action: 'append'
10525
- }; //dimension
10526
- } else if (type === 'borderRadius') {
10527
- return {
10528
- data: (0,_CssHelper__WEBPACK_IMPORTED_MODULE_1__.cssBorderRadius)(data),
10529
- action: 'append'
10530
- }; //dimension
10531
- } else if (type === 'margin') {
10532
- return {
10533
- data: (0,_CssHelper__WEBPACK_IMPORTED_MODULE_1__.cssMargin)(data),
10534
- action: 'append'
10535
- }; //dimension
10536
- } else if (type === 'border') {
10537
- return {
10538
- data: (0,_CssHelper__WEBPACK_IMPORTED_MODULE_1__.cssCustomBorder)(data),
10539
- action: 'append'
10540
- }; //dimension
10541
- } else {
10542
- return {
10543
- data: '',
10544
- action: 'append'
10545
- };
10546
- }
10547
- };
10548
-
10549
- const checkDepends = (settings, selectData) => {
10550
- let _depends = true;
10551
-
10552
- if (selectData.hasOwnProperty('depends')) {
10553
- selectData.depends.forEach(data => {
10554
- const previous = _depends;
10555
-
10556
- if (data.condition === '==' || data.condition === '===') {
10557
- if (typeof data.value == 'string' || typeof data.value == 'number' || typeof data.value == 'boolean') {
10558
- _depends = settings[data.key] === data.value;
10559
- } else {
10560
- let select = false;
10561
- data.value.forEach(function (arrData) {
10562
- if (settings[data.key] === arrData) {
10563
- select = true;
10564
- }
10565
- });
10566
-
10567
- if (select) {
10568
- _depends = true;
10569
- }
10570
- }
10571
- } else if (data.condition === '!=' || data.condition === '!==') {
10572
- if (typeof data.value == 'string' || typeof data.value == 'number' || typeof data.value == 'boolean') {
10573
- _depends = settings[data.key] !== data.value;
10574
- } else {
10575
- let _select = false;
10576
- data.value.forEach(function (arrData) {
10577
- if (settings[data.key] !== arrData) {
10578
- _select = true;
10579
- }
10580
- });
10581
-
10582
- if (_select) {
10583
- _depends = true;
10584
- }
10585
- }
10586
- }
10587
-
10588
- _depends = previous === false ? false : _depends;
10589
- });
10590
- }
10591
-
10592
- return _depends;
10593
- };
10594
- /**
10595
- * @param {*} settings
10596
- * @param {string} blockName
10597
- * @param {*} blockID
10598
- * @param isInline
10599
- */
10600
-
10601
- const CssGenerator = (settings, blockName, blockID, isInline) => {
10602
- if (!blockID) return;
10603
- let __CSS = '',
10604
- lg = [],
10605
- md = [],
10606
- sm = [],
10607
- xs = [],
10608
- notResponsiveCss = [];
10609
- Object.keys(settings).forEach(function (key) {
10610
- var _wp$blocks$getBlockTy;
10611
-
10612
- const attributes = typeof blockName === 'string' ? (_wp$blocks$getBlockTy = wp.blocks.getBlockType('rttpg/' + blockName)) === null || _wp$blocks$getBlockTy === void 0 ? void 0 : _wp$blocks$getBlockTy.attributes : blockName;
10613
-
10614
- if (attributes && attributes[key] && attributes[key].hasOwnProperty('style')) {
10615
- attributes[key].style.forEach((selectData, indexStyle) => {
10616
- if (selectData.hasOwnProperty('selector')) {
10617
- const cssSelector = selectData.selector;
10618
-
10619
- if (checkDepends(settings, selectData, key, indexStyle)) {
10620
- if (typeof settings[key] == 'object') {
10621
- let device = false;
10622
- let dimension = '';
10623
-
10624
- if (settings[key].lg) {
10625
- // Exta Large
10626
- device = true;
10627
- dimension = typeof settings[key].lg == 'object' ? objectField(settings[key].lg, settings[key].type).data : settings[key].lg + (settings[key].unit || '');
10628
- lg = lg.concat(singleField(cssSelector, blockID, key, dimension));
10629
- }
10630
-
10631
- if (settings[key].md) {
10632
- // Desktop
10633
- device = true;
10634
- dimension = typeof settings[key].md == 'object' ? objectField(settings[key].md, settings[key].type).data : settings[key].md + (settings[key].unit || '');
10635
- md = md.concat(singleField(cssSelector, blockID, key, dimension));
10636
- }
10637
-
10638
- if (settings[key].sm) {
10639
- // Tablet
10640
- device = true;
10641
- dimension = typeof settings[key].sm == 'object' ? objectField(settings[key].sm, settings[key].type).data : settings[key].sm + (settings[key].unit || '');
10642
- sm = sm.concat(singleField(cssSelector, blockID, key, dimension));
10643
- }
10644
-
10645
- if (settings[key].xs) {
10646
- // Phone
10647
- device = true;
10648
- dimension = typeof settings[key].xs == 'object' ? objectField(settings[key].xs, settings[key].type).data : settings[key].xs + (settings[key].unit || '');
10649
- xs = xs.concat(singleField(cssSelector, blockID, key, dimension));
10650
- }
10651
-
10652
- if (!device) {
10653
- // Object Field Type Only
10654
- const objectCss = objectField(settings[key], settings[key].type);
10655
- const repWarp = replaceWarp(cssSelector, blockID);
10656
-
10657
- if (typeof objectCss.data == 'object') {
10658
- if (Object.keys(objectCss.data).length !== 0) {
10659
- if (objectCss.data.background) {
10660
- notResponsiveCss.push(repWarp + objectCss.data.background);
10661
- } // Typography
10662
-
10663
-
10664
- if (isEmpty(objectCss.data.lg)) {
10665
- lg.push(objectReplace(repWarp, objectCss.data.lg));
10666
- }
10667
-
10668
- if (isEmpty(objectCss.data.md)) {
10669
- md.push(objectReplace(repWarp, objectCss.data.md));
10670
- }
10671
-
10672
- if (isEmpty(objectCss.data.sm)) {
10673
- sm.push(objectReplace(repWarp, objectCss.data.sm));
10674
- }
10675
-
10676
- if (isEmpty(objectCss.data.xs)) {
10677
- xs.push(objectReplace(repWarp, objectCss.data.xs));
10678
- }
10679
-
10680
- if (objectCss.data.simple) {
10681
- notResponsiveCss.push(repWarp + objectCss.data.simple);
10682
- }
10683
-
10684
- if (objectCss.data.font) {
10685
- lg.unshift(objectCss.data.font);
10686
- }
10687
-
10688
- if (objectCss.data.shape) {
10689
- objectCss.data.shape.forEach(function (el) {
10690
- notResponsiveCss.push(repWarp + el);
10691
- });
10692
-
10693
- if (isEmpty(objectCss.data.data.lg)) {
10694
- lg.push(objectAppend(repWarp, objectCss.data.data.lg));
10695
- }
10696
-
10697
- if (isEmpty(objectCss.data.data.md)) {
10698
- md.push(objectAppend(repWarp, objectCss.data.data.md));
10699
- }
10700
-
10701
- if (isEmpty(objectCss.data.data.sm)) {
10702
- sm.push(objectAppend(repWarp, objectCss.data.data.sm));
10703
- }
10704
-
10705
- if (isEmpty(objectCss.data.data.xs)) {
10706
- xs.push(objectAppend(repWarp, objectCss.data.data.xs));
10707
- }
10708
- }
10709
- }
10710
- } else if (objectCss.data && objectCss.data.indexOf('{{') === -1) {
10711
- if (objectCss.action === 'append') {
10712
- notResponsiveCss.push(repWarp + objectCss.data);
10713
- } else {
10714
- notResponsiveCss.push(singleField(cssSelector, blockID, key, objectCss.data));
10715
- }
10716
- }
10717
- }
10718
- } else {
10719
- if (key === 'hideTablet') {
10720
- if (isInline) {
10721
- sm = sm.concat(singleField(cssSelector, blockID, key, settings[key]));
10722
- }
10723
- } else if (key === 'hideMobile') {
10724
- if (isInline) {
10725
- xs = xs.concat(singleField(cssSelector, blockID, key, settings[key]));
10726
- }
10727
- } else {
10728
- if (settings[key]) {
10729
- notResponsiveCss = notResponsiveCss.concat(singleField(cssSelector, blockID, key, settings[key]));
10730
- }
10731
- }
10732
- }
10733
- }
10734
- }
10735
- });
10736
- }
10737
- }); // Join CSS
10738
- //lg
10739
-
10740
- if (lg.length > 0) {
10741
- __CSS += lg.join('');
10742
- } //md
10743
-
10744
-
10745
- if (md.length > 0) {
10746
- __CSS += '@media (max-width: 1024px) {' + md.join('') + '}';
10747
- } //sm
10748
-
10749
-
10750
- if (sm.length > 0) {
10751
- __CSS += '@media (max-width: 767px) {' + sm.join('') + '}';
10752
- } //xs
10753
- // if (xs.length > 0) {
10754
- // __CSS += '@media (max-width: 768px) {' + xs.join('') + '}';
10755
- // }
10756
-
10757
-
10758
- if (notResponsiveCss.length > 0) {
10759
- __CSS += notResponsiveCss.join('');
10760
- }
10761
-
10762
- if (isInline) {
10763
- return __CSS;
10764
- } // Set CSS
10765
-
10766
-
10767
- setStyle(__CSS, blockID);
10768
- }; //Set CSS to Head
10769
- // const setStyle = function setStyle(styleCss, blockID) {
10770
- // const styleSelector = window.document;
10771
- // const cssId = 'rttpg-block-css-' + blockID;
10772
- // if (styleSelector.getElementById(cssId) === null) {
10773
- // const cssInline = document.createElement('style');
10774
- // cssInline.id = cssId;
10775
- // cssInline.innerHTML = styleCss;
10776
- // styleSelector.getElementsByTagName("head")[0].appendChild(cssInline);
10777
- // } else {
10778
- // styleSelector.getElementById(cssId).innerHTML = styleCss;
10779
- // }
10780
- // };
10781
-
10782
- const setStyle = function setStyle(styleCss, blockID) {
10783
- const cssId = 'rttpg-block-css-' + blockID;
10784
- const iFrame = document.querySelector('iframe[name=editor-canvas]');
10785
-
10786
- if (iFrame) {
10787
- setTimeout(function () {
10788
- const doc = iFrame.contentDocument;
10789
-
10790
- if (doc) {
10791
- const iframeHead = doc.getElementsByTagName('head')[0];
10792
-
10793
- if (doc.getElementById(cssId) === null && iframeHead) {
10794
- const cssInline = document.createElement('style');
10795
- cssInline.id = cssId;
10796
- cssInline.innerHTML = styleCss;
10797
- iframeHead.appendChild(cssInline);
10798
- } else {
10799
- doc.getElementById(cssId).innerHTML = styleCss;
10800
- }
10801
-
10802
- if (doc.getElementById('rttpg-frontend-css') === null) {
10803
- const link = doc.createElement('link');
10804
- link.rel = 'stylesheet';
10805
- link.type = 'text/css';
10806
- link.href = rttpgParams.plugin_url + '/assets/css/frontend.css';
10807
- link.setAttribute('id', 'rttpg-frontend-css');
10808
- iframeHead.appendChild(link);
10809
- } // if (doc.getElementById('rttpg-preview-jquery') === null) {
10810
- // const script = doc.createElement('script');
10811
- // script.src = rttpgParams.site_url + '/wp-includes/js/jquery/jquery.min.js';
10812
- // script.setAttribute('id', 'rttpg-preview-jquery');
10813
- // iframeHead.appendChild(script);
10814
- // }
10815
- // if (doc.getElementById('rttpg-frontend-blocks-js') === null) {
10816
- // const script = doc.createElement('script');
10817
- // script.src = rttpgParams.plugin_url + '/assets/js/frontend-blocks.js';
10818
- // script.setAttribute('id', 'rttpg-frontend-blocks-js');
10819
- // iframeHead.appendChild(script);
10820
- // }
10821
-
10822
- }
10823
- }, 1);
10824
- } else {
10825
- const styleSelector = window.document;
10826
-
10827
- if (styleSelector.getElementById(cssId) === null) {
10828
- const cssInline = document.createElement('style');
10829
- cssInline.id = cssId;
10830
- cssInline.innerHTML = styleCss;
10831
- styleSelector.getElementsByTagName('head')[0].appendChild(cssInline);
10832
- } else {
10833
- styleSelector.getElementById(cssId).innerHTML = styleCss;
10834
- }
10835
- }
10836
- };
10837
-
10838
- /***/ }),
10839
-
10840
- /***/ "./src/utils/css/CssHelper.js":
10841
- /*!************************************!*\
10842
- !*** ./src/utils/css/CssHelper.js ***!
10843
- \************************************/
10844
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
10845
-
10846
- "use strict";
10847
- __webpack_require__.r(__webpack_exports__);
10848
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
10849
- /* harmony export */ "cssBackground": () => (/* binding */ cssBackground),
10850
- /* harmony export */ "cssBackgroundColor": () => (/* binding */ cssBackgroundColor),
10851
- /* harmony export */ "cssBorder": () => (/* binding */ cssBorder),
10852
- /* harmony export */ "cssBorderRadius": () => (/* binding */ cssBorderRadius),
10853
- /* harmony export */ "cssBoxShadow": () => (/* binding */ cssBoxShadow),
10854
- /* harmony export */ "cssColor": () => (/* binding */ cssColor),
10855
- /* harmony export */ "cssCustomBorder": () => (/* binding */ cssCustomBorder),
10856
- /* harmony export */ "cssDimension": () => (/* binding */ cssDimension),
10857
- /* harmony export */ "cssFilter": () => (/* binding */ cssFilter),
10858
- /* harmony export */ "cssGradient": () => (/* binding */ cssGradient),
10859
- /* harmony export */ "cssMargin": () => (/* binding */ cssMargin),
10860
- /* harmony export */ "cssPadding": () => (/* binding */ cssPadding),
10861
- /* harmony export */ "cssTypography": () => (/* binding */ cssTypography)
10862
- /* harmony export */ });
10863
- // CSS Gradient
10864
- var cssGradient = function cssGradient(v, type) {
10865
- let gradietValue = v.type === 'linear' ? 'linear-gradient(' + v.direction + 'deg, ' : 'radial-gradient( circle at ' + v.radial + ' , ';
10866
- gradietValue += v.color1 + ' ' + v.start + '%,' + v.color2 + ' ' + v.stop + '%)';
10867
-
10868
- if (type === 'object') {
10869
- return {
10870
- background: gradietValue
10871
- };
10872
- } else {
10873
- gradietValue = 'background:' + gradietValue + (v.clip ? '-webkit-background-clip: text; -webkit-text-fill-color: transparent;' : '');
10874
- return '{' + gradietValue + '}';
10875
- }
10876
- }; // CSS Box Shadow
10877
-
10878
- var cssBoxShadow = function cssBoxShadow(v) {
10879
- let data = '{';
10880
- data += 'box-shadow:' + (v.inset ? 'inset' : '') + ' ' + v.width.top + 'px ' + v.width.right + 'px ' + v.width.bottom + 'px ' + v.width.left + 'px ' + v.color + ';';
10881
-
10882
- if (v.transition !== undefined) {
10883
- data += 'transition: box-shadow ' + v.transition + 's;';
10884
- }
10885
-
10886
- data += '}';
10887
- return data; //return '{ box-shadow:' + (v.inset ? 'inset' : '') + ' ' + v.width.top + 'px ' + v.width.right + 'px ' + v.width.bottom + 'px ' + v.width.left + 'px ' + v.color + '; transition: box-shadow 0.5s;}';
10888
- }; // CSS Filter
10889
-
10890
- var cssFilter = function cssFilter(v) {
10891
- let data = '{';
10892
-
10893
- if (v.opacity !== undefined && v.opacity !== '') {
10894
- data += 'opacity:' + v.opacity + ';';
10895
- }
10896
-
10897
- data += 'filter:' + 'brightness(' + v.filter.brightness + '% ) ' + 'contrast(' + v.filter.contrast + '% ) ' + 'saturate(' + v.filter.saturate + '% ) ' + 'blur(' + v.filter.blur + 'px ) ' + 'hue-rotate(' + v.filter['hue-rotate'] + 'deg )' + ';';
10898
-
10899
- if (v.transition !== undefined && v.transition !== '') {
10900
- data += 'transition: filter ' + v.transition + 's;';
10901
- }
10902
-
10903
- data += '}';
10904
- return data;
10905
- }; // CSS Border
10906
-
10907
- var cssBorder = function cssBorder(v) {
10908
- v = Object.assign({}, {
10909
- type: 'solid',
10910
- width: {},
10911
- color: '#e5e5e5'
10912
- }, v);
10913
- const unit = v.width.unit ? v.width.unit : 'px';
10914
- return '{ border-color: ' + (v.color ? v.color : '#555d66') + '; border-style: ' + (v.type ? v.type : 'solid') + '; border-width: ' + cssDimension(v.width) + '; }';
10915
- }; // CSS Typography
10916
-
10917
- const _device = function _device(val, selector) {
10918
- let data = {};
10919
-
10920
- if (val && val.lg) {
10921
- data.lg = selector.replace(new RegExp('{{key}}', "g"), val.lg + (val.unit || ''));
10922
- }
10923
-
10924
- if (val && val.md) {
10925
- data.md = selector.replace(new RegExp('{{key}}', "g"), val.md + (val.unit || ''));
10926
- }
10927
-
10928
- if (val && val.sm) {
10929
- data.sm = selector.replace(new RegExp('{{key}}', "g"), val.sm + (val.unit || ''));
10930
- }
10931
-
10932
- if (val && val.xs) {
10933
- data.xs = selector.replace(new RegExp('{{key}}', "g"), val.xs + (val.unit || ''));
10934
- }
10935
-
10936
- return data;
10937
- };
10938
-
10939
- const _push = function _push(val, data) {
10940
- if (val.lg) {
10941
- data.lg.push(val.lg);
10942
- }
10943
-
10944
- if (val.md) {
10945
- data.md.push(val.md);
10946
- }
10947
-
10948
- if (val.sm) {
10949
- data.sm.push(val.sm);
10950
- }
10951
-
10952
- if (val.xs) {
10953
- data.xs.push(val.xs);
10954
- }
10955
-
10956
- return data;
10957
- };
10958
-
10959
- var cssTypography = function cssTypography(v) {
10960
- let font = '';
10961
-
10962
- if (v.family && v.family !== 'none') {
10963
- if (!['Arial', 'Tahoma', 'Verdana', 'Helvetica', 'Times New Roman', 'Trebuchet MS', 'Georgia'].includes(v.family)) {
10964
- font = "@import url('https://fonts.googleapis.com/css?family=" + v.family.replace(' ', '+') + ':' + (v.weight || 400) + "');";
10965
- }
10966
- }
10967
-
10968
- let data = {
10969
- lg: [],
10970
- md: [],
10971
- sm: [],
10972
- xs: []
10973
- };
10974
-
10975
- if (v.size) {
10976
- data = _push(_device(v.size, 'font-size:{{key}}'), data);
10977
- }
10978
-
10979
- if (v.height) {
10980
- data = _push(_device(v.height, 'line-height:{{key}} !important'), data);
10981
- }
10982
-
10983
- if (v.spacing) {
10984
- data = _push(_device(v.spacing, 'letter-spacing:{{key}}'), data);
10985
- }
10986
-
10987
- const simple = '{' + (v.family && v.family !== 'none' ? "font-family:'" + v.family + "'," + (v.type || "sans-serif") + ";" : '') + (v.weight ? 'font-weight:' + v.weight + ';' : '') + (v.color ? 'color:' + v.color + ';' : '') + (v.style ? 'font-style:' + v.style + ';' : '') + (v.transform ? 'text-transform:' + v.transform + ';' : '') + (v.decoration ? 'text-decoration:' + v.decoration + ';' : '') + '}';
10988
- return {
10989
- lg: data.lg,
10990
- md: data.md,
10991
- sm: data.sm,
10992
- xs: data.xs,
10993
- simple: simple,
10994
- font: font
10995
- };
10996
- }; // CSS Dimension
10997
-
10998
- const cssDimension = function cssDimension(v) {
10999
- const unit = v.unit ? v.unit : 'px';
11000
- let data = '';
11001
-
11002
- if (v.top || v.top === 0) {
11003
- data += v.top + unit + ' ';
11004
- }
11005
-
11006
- if (v.right || v.right === 0) {
11007
- data += v.right + unit + ' ';
11008
- }
11009
-
11010
- if (v.bottom || v.bottom === 0) {
11011
- data += v.bottom + unit + ' ';
11012
- }
11013
-
11014
- if (v.left || v.left === 0) {
11015
- data += v.left + unit + ' ';
11016
- }
11017
-
11018
- return data; //return (v.top || 0) + unit + ' ' + (v.right || 0) + unit + ' ' + (v.bottom || 0) + unit + ' ' + (v.left || 0) + unit;
11019
- }; // CSS Background
11020
-
11021
- const split_bg = function split_bg(type) {
11022
- const image = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
11023
- const imgPosition = arguments[2];
11024
- const imgAttachment = arguments[3];
11025
- const imgRepeat = arguments[4];
11026
- const imgSize = arguments[5];
11027
- const DefaultColor = arguments[6];
11028
- const bgGradient = arguments[7];
11029
- let bgData = DefaultColor ? 'background-color:' + DefaultColor + ';' : '';
11030
-
11031
- if (type === 'image') {
11032
- bgData += (image.hasOwnProperty('url') ? 'background-image:url(' + image.url + ');' : '') + (imgPosition ? 'background-position:' + imgPosition + ';' : '') + (imgAttachment ? 'background-attachment:' + imgAttachment + ';' : '') + (imgRepeat ? 'background-repeat:' + imgRepeat + ';' : '') + (imgSize ? 'background-size:' + imgSize + ';' : '');
11033
- } else if (type === 'gradient') {
11034
- if (bgGradient && bgGradient.type === 'linear') {
11035
- bgData += 'background-image: linear-gradient(' + bgGradient.direction + 'deg, ' + bgGradient.color1 + ' ' + bgGradient.start + '%,' + bgGradient.color2 + ' ' + bgGradient.stop + '%);';
11036
- } else {
11037
- bgData += 'background-image: radial-gradient( circle at ' + bgGradient.radial + ' , ' + bgGradient.color1 + ' ' + bgGradient.start + '%,' + bgGradient.color2 + ' ' + bgGradient.stop + '%);';
11038
- }
11039
- }
11040
-
11041
- return bgData;
11042
- };
11043
-
11044
- const cssBackground = function cssBackground(v) {
11045
- let background = '{';
11046
- background += split_bg(v.bgType, v.bgImage, v.bgimgPosition, v.bgimgAttachment, v.bgimgRepeat, v.bgimgSize, v.bgDefaultColor, v.bgGradient);
11047
- background += '}';
11048
-
11049
- if (v.bgType === 'video') {
11050
- if (v.bgVideoFallback) {
11051
- if (v.bgVideoFallback.url) {
11052
- background += 'background-image: url(' + v.bgVideoFallback.url + '); background-position: center; background-repeat: no-repeat; background-size: cover;';
11053
- }
11054
- }
11055
- }
11056
-
11057
- if (background !== '{}') {
11058
- return background;
11059
- }
11060
-
11061
- return {};
11062
- }; // CSS ColorAdvanced
11063
-
11064
- const cssColor = function cssColor(v) {
11065
- let data = v.clip ? '-webkit-background-clip: text; -webkit-text-fill-color: transparent;' : '';
11066
-
11067
- if (v.type === 'color') {
11068
- data += v.color ? 'background-image: none; background-color: ' + v.color + ';' : '';
11069
- } else if (v.type === 'gradient' && v.gradient) {
11070
- if (v.gradient && v.gradient.type === 'linear') {
11071
- data += 'background-image : linear-gradient(' + v.gradient.direction + 'deg, ' + v.gradient.color1 + ' ' + v.gradient.start + '%,' + v.gradient.color2 + ' ' + v.gradient.stop + '%);';
11072
- } else {
11073
- data += 'background-image : radial-gradient( circle at ' + v.gradient.radial + ' , ' + v.gradient.color1 + ' ' + v.gradient.start + '%,' + v.gradient.color2 + ' ' + v.gradient.stop + '%);';
11074
- }
11075
- }
11076
-
11077
- if (v.replace) {
11078
- return data;
11079
- } else {
11080
- return '{' + data + '}';
11081
- }
11082
- };
11083
- const cssBackgroundColor = v => {
11084
- let data = {
11085
- lg: [],
11086
- md: [],
11087
- sm: [],
11088
- xs: []
11089
- };
11090
- let simpleData = '';
11091
-
11092
- if (v.type === 'classic') {
11093
- if (v.classic.imgProperty['imgPosition']) {
11094
- data = _push(_device(v.classic.imgProperty['imgPosition'], 'background-position:{{key}} !important'), data);
11095
- }
11096
-
11097
- if (v.classic.imgProperty['imgAttachment']) {
11098
- data = _push(_device(v.classic.imgProperty['imgAttachment'], 'background-attachment:{{key}} !important'), data);
11099
- }
11100
-
11101
- if (v.classic.imgProperty['imgRepeat']) {
11102
- data = _push(_device(v.classic.imgProperty['imgRepeat'], 'background-repeat:{{key}} !important'), data);
11103
- }
11104
-
11105
- if (v.classic.imgProperty['imgSize']) {
11106
- data = _push(_device(v.classic.imgProperty['imgSize'], 'background-size:{{key}} !important'), data);
11107
- }
11108
-
11109
- let imgURLVal = v['classic']['img'] !== undefined ? v['classic']['img']['imgURL'] : '';
11110
- simpleData += v.classic['color'] ? 'background:' + v.classic['color'] + ';' : '';
11111
- simpleData += imgURLVal ? 'background-image:url(' + imgURLVal + ');' : '';
11112
- } else if (v.type === 'gradient' && v.gradient) {
11113
- simpleData += v.gradient ? 'background-image :' + v.gradient : '';
11114
- }
11115
-
11116
- const simple = '{' + simpleData + '}';
11117
- return {
11118
- lg: data.lg,
11119
- md: data.md,
11120
- sm: data.sm,
11121
- xs: data.xs,
11122
- simple: simple
11123
- };
11124
- }; // Generate dimension css
11125
-
11126
- const getDimensionCss = (data, cssProperty) => {
11127
- let _css = '';
11128
- const unit = data.unit || 'px';
11129
-
11130
- if (data !== null && data !== void 0 && data.isLinked) {
11131
- const value = data.value.split(' ')[0];
11132
- _css = `${cssProperty}:${value || '0'}${unit} `;
11133
- } else {
11134
- let temp = data.value ? data.value.split(" ") : ['0', '0', '0', '0'];
11135
-
11136
- if (temp[0] === '' || temp[1] === '' || temp[2] === '' || temp[3] === '') {
11137
- if (temp[0]) {
11138
- _css += `${cssProperty}-top:${temp[0]}${temp[0] !== '0' ? unit : ''};`;
11139
- }
11140
-
11141
- if (temp[1]) {
11142
- _css += `${cssProperty}-right:${temp[1]}${temp[1] !== '0' ? unit : ''};`;
11143
- }
11144
-
11145
- if (temp[2]) {
11146
- _css += `${cssProperty}-bottom:${temp[2]}${temp[2] !== '0' ? unit : ''};`;
11147
- }
11148
-
11149
- if (temp[3]) {
11150
- _css += `${cssProperty}-left:${temp[3]}${temp[3] !== '0' ? unit : ''};`;
11151
- }
11152
- } else {
11153
- _css = `${cssProperty}:${temp[0] ? temp[0] : `0`}${unit} ${temp[1] ? temp[1] : `0`}${unit} ${temp[2] ? temp[2] : `0`}${unit} ${temp[3] ? temp[3] : `0`}${unit}`;
11154
- }
11155
- }
11156
-
11157
- _css = '{' + _css + '}';
11158
- return _css;
11159
- }; // Generate dimension css
11160
-
11161
-
11162
- const getDimensionBorderCss = function (data, cssProperty) {
11163
- let postfix = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
11164
- let _css = '';
11165
- const unit = data.unit || 'px';
11166
-
11167
- if (data !== null && data !== void 0 && data.isLinked) {
11168
- const value = data.value.split(' ')[0];
11169
- _css = `${cssProperty}${postfix}:${value || '0'}${unit} `;
11170
- } else {
11171
- let temp = data.value ? data.value.split(" ") : ['0', '0', '0', '0'];
11172
-
11173
- if (temp[0] === '' || temp[1] === '' || temp[2] === '' || temp[3] === '') {
11174
- if (temp[0]) {
11175
- _css += `${cssProperty}-top${postfix}:${temp[0]}${temp[0] !== '0' ? unit : ''};`;
11176
- }
11177
-
11178
- if (temp[1]) {
11179
- _css += `${cssProperty}-right${postfix}:${temp[1]}${temp[1] !== '0' ? unit : ''};`;
11180
- }
11181
-
11182
- if (temp[2]) {
11183
- _css += `${cssProperty}-bottom${postfix}:${temp[2]}${temp[2] !== '0' ? unit : ''};`;
11184
- }
11185
-
11186
- if (temp[3]) {
11187
- _css += `${cssProperty}-left${postfix}:${temp[3]}${temp[3] !== '0' ? unit : ''};`;
11188
- }
11189
- } else {
11190
- _css = `${cssProperty}${postfix}:${temp[0] ? temp[0] : `0`}${unit} ${temp[1] ? temp[1] : `0`}${unit} ${temp[2] ? temp[2] : `0`}${unit} ${temp[3] ? temp[3] : `0`}${unit}`;
11191
- }
11192
- }
11193
-
11194
- _css = '{' + _css + '}';
11195
- return _css;
11196
- }; // CSS cssBorderRadius
11197
-
11198
-
11199
- const cssBorderRadius = v => {
11200
- return getDimensionCss(v, 'border-radius');
11201
- }; // CSS cssBorderRadius
11202
-
11203
- const cssPadding = v => {
11204
- return getDimensionCss(v, 'padding');
11205
- }; // CSS cssBorderRadius
11206
-
11207
- const cssMargin = v => {
11208
- return getDimensionCss(v, 'margin');
11209
- }; // CSS cssCustomBorder
11210
-
11211
- const cssCustomBorder = v => {
11212
- return getDimensionBorderCss(v, 'border', '-width');
11213
- };
11214
-
11215
- /***/ }),
11216
-
11217
- /***/ "./src/utils/css/ParseCss.js":
11218
- /*!***********************************!*\
11219
- !*** ./src/utils/css/ParseCss.js ***!
11220
- \***********************************/
11221
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
11222
-
11223
- "use strict";
11224
- __webpack_require__.r(__webpack_exports__);
11225
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
11226
- /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
11227
- /* harmony export */ });
11228
- /* harmony import */ var _CssGenerator__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./CssGenerator */ "./src/utils/css/CssGenerator.js");
11229
- /* global wp, jQuery, ajaxurl */
11230
-
11231
- const {
11232
- select
11233
- } = wp.data;
11234
-
11235
- const innerBlocks = function (blocks) {
11236
- let type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
11237
- let __CSS = '';
11238
-
11239
- if (type === true) {
11240
- __CSS = '';
11241
- type = false;
11242
- }
11243
-
11244
- blocks.map(row => {
11245
- const {
11246
- attributes,
11247
- name
11248
- } = row;
11249
- const [blockType, blockName] = name.split('/');
11250
-
11251
- if (blockType === 'rttpg' && attributes.uniqueId) {
11252
- __CSS += (0,_CssGenerator__WEBPACK_IMPORTED_MODULE_0__.CssGenerator)(attributes, blockName, attributes.uniqueId, true);
11253
- }
11254
-
11255
- if (row.innerBlocks && row.innerBlocks.length > 0) {
11256
- __CSS += innerBlocks(row.innerBlocks);
11257
- }
11258
- });
11259
- return __CSS;
11260
- };
11261
-
11262
- const isRttpgBlock = blocks => {
11263
- let hasBlock = false;
11264
- blocks.forEach(function (block) {
11265
- const {
11266
- name,
11267
- innerBlocks = []
11268
- } = block;
11269
- const [blockType, blockName] = name.split('/');
11270
-
11271
- if (blockType === 'rttpg') {
11272
- hasBlock = true;
11273
- }
11274
-
11275
- if (!hasBlock && innerBlocks.length > 0) {
11276
- hasBlock = isRttpgBlock(innerBlocks);
11277
- }
11278
- });
11279
- return hasBlock;
11280
- };
11281
-
11282
- const getData = pId => {
11283
- jQuery.ajax({
11284
- url: ajaxurl,
11285
- dataType: "json",
11286
- type: "POST",
11287
- data: {
11288
- postId: pId,
11289
- action: 'rttpg_block_css_get_posts'
11290
- }
11291
- }).then(function (response) {
11292
- if (response.success) {
11293
- const innerBlock = innerBlocks(wp.blocks.parse(response.data), true);
11294
-
11295
- if (innerBlock.css) {
11296
- jQuery.ajax({
11297
- url: ajaxurl,
11298
- dataType: "json",
11299
- type: "POST",
11300
- data: {
11301
- inner_css: innerBlock.css,
11302
- post_id: wp.data.select('core/editor').getCurrentPostId(),
11303
- action: 'rttpg_block_css_appended'
11304
- }
11305
- }).done(function (res) {
11306
- if (res.success) {// Save Data
11307
- }
11308
- });
11309
- }
11310
- }
11311
- });
11312
- };
11313
-
11314
- const parseBlock = blocks => {
11315
- blocks.forEach(function (block) {
11316
- if (block.name.indexOf('core/block') !== -1) {
11317
- getData(block.attributes.ref);
11318
- }
11319
-
11320
- if (block.innerBlocks && block.innerBlocks.length > 0) {
11321
- parseBlock(block.innerBlocks);
11322
- }
11323
- });
11324
- };
11325
-
11326
- const ParseCss = function () {
11327
- let setDatabase = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
11328
- window.bindCss = true;
11329
- const all_blocks = select('core/block-editor').getBlocks();
11330
- const {
11331
- getCurrentPostId
11332
- } = select('core/editor');
11333
- const hasRttpgBlocks = isRttpgBlock(all_blocks);
11334
- const blockCss = innerBlocks(all_blocks, true);
11335
-
11336
- if (setDatabase) {
11337
- parseBlock(all_blocks);
11338
- jQuery.ajax({
11339
- url: ajaxurl,
11340
- dataType: "json",
11341
- type: "POST",
11342
- data: {
11343
- block_css: blockCss,
11344
- post_id: getCurrentPostId,
11345
- has_block: hasRttpgBlocks,
11346
- action: 'rttpg_block_css_save'
11347
- }
11348
- });
11349
- }
11350
-
11351
- setTimeout(function () {
11352
- window.bindCss = false;
11353
- }, 900);
11354
- };
11355
-
11356
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ParseCss);
11357
-
11358
- /***/ }),
11359
-
11360
- /***/ "./node_modules/classnames/index.js":
11361
- /*!******************************************!*\
11362
- !*** ./node_modules/classnames/index.js ***!
11363
- \******************************************/
11364
- /***/ ((module, exports) => {
11365
-
11366
- var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
11367
- Copyright (c) 2018 Jed Watson.
11368
- Licensed under the MIT License (MIT), see
11369
- http://jedwatson.github.io/classnames
11370
- */
11371
- /* global define */
11372
-
11373
- (function () {
11374
- 'use strict';
11375
-
11376
- var hasOwn = {}.hasOwnProperty;
11377
-
11378
- function classNames() {
11379
- var classes = [];
11380
-
11381
- for (var i = 0; i < arguments.length; i++) {
11382
- var arg = arguments[i];
11383
- if (!arg) continue;
11384
-
11385
- var argType = typeof arg;
11386
-
11387
- if (argType === 'string' || argType === 'number') {
11388
- classes.push(arg);
11389
- } else if (Array.isArray(arg)) {
11390
- if (arg.length) {
11391
- var inner = classNames.apply(null, arg);
11392
- if (inner) {
11393
- classes.push(inner);
11394
- }
11395
- }
11396
- } else if (argType === 'object') {
11397
- if (arg.toString === Object.prototype.toString) {
11398
- for (var key in arg) {
11399
- if (hasOwn.call(arg, key) && arg[key]) {
11400
- classes.push(key);
11401
- }
11402
- }
11403
- } else {
11404
- classes.push(arg.toString());
11405
- }
11406
- }
11407
- }
11408
-
11409
- return classes.join(' ');
11410
- }
11411
-
11412
- if ( true && module.exports) {
11413
- classNames.default = classNames;
11414
- module.exports = classNames;
11415
- } else if (true) {
11416
- // register as 'classnames', consistent with npm package name
11417
- !(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_RESULT__ = (function () {
11418
- return classNames;
11419
- }).apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__),
11420
- __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
11421
- } else {}
11422
- }());
11423
-
11424
-
11425
- /***/ }),
11426
-
11427
- /***/ "./node_modules/flatpickr/dist/esm/index.js":
11428
- /*!**************************************************!*\
11429
- !*** ./node_modules/flatpickr/dist/esm/index.js ***!
11430
- \**************************************************/
11431
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
11432
-
11433
- "use strict";
11434
- __webpack_require__.r(__webpack_exports__);
11435
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
11436
- /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
11437
- /* harmony export */ });
11438
- /* harmony import */ var _types_options__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./types/options */ "./node_modules/flatpickr/dist/esm/types/options.js");
11439
- /* harmony import */ var _l10n_default__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./l10n/default */ "./node_modules/flatpickr/dist/esm/l10n/default.js");
11440
- /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./utils */ "./node_modules/flatpickr/dist/esm/utils/index.js");
11441
- /* harmony import */ var _utils_dom__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./utils/dom */ "./node_modules/flatpickr/dist/esm/utils/dom.js");
11442
- /* harmony import */ var _utils_dates__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./utils/dates */ "./node_modules/flatpickr/dist/esm/utils/dates.js");
11443
- /* harmony import */ var _utils_formatting__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./utils/formatting */ "./node_modules/flatpickr/dist/esm/utils/formatting.js");
11444
- /* harmony import */ var _utils_polyfills__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./utils/polyfills */ "./node_modules/flatpickr/dist/esm/utils/polyfills.js");
11445
- /* harmony import */ var _utils_polyfills__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_utils_polyfills__WEBPACK_IMPORTED_MODULE_6__);
11446
- var __assign = (undefined && undefined.__assign) || function () {
11447
- __assign = Object.assign || function(t) {
11448
- for (var s, i = 1, n = arguments.length; i < n; i++) {
11449
- s = arguments[i];
11450
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
11451
- t[p] = s[p];
11452
- }
11453
- return t;
11454
- };
11455
- return __assign.apply(this, arguments);
11456
- };
11457
- var __spreadArrays = (undefined && undefined.__spreadArrays) || function () {
11458
- for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
11459
- for (var r = Array(s), k = 0, i = 0; i < il; i++)
11460
- for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
11461
- r[k] = a[j];
11462
- return r;
11463
- };
11464
-
11465
-
11466
-
11467
-
11468
-
11469
-
11470
-
11471
- var DEBOUNCED_CHANGE_MS = 300;
11472
- function FlatpickrInstance(element, instanceConfig) {
11473
- var self = {
11474
- config: __assign(__assign({}, _types_options__WEBPACK_IMPORTED_MODULE_0__.defaults), flatpickr.defaultConfig),
11475
- l10n: _l10n_default__WEBPACK_IMPORTED_MODULE_1__["default"],
11476
- };
11477
- self.parseDate = (0,_utils_dates__WEBPACK_IMPORTED_MODULE_4__.createDateParser)({ config: self.config, l10n: self.l10n });
11478
- self._handlers = [];
11479
- self.pluginElements = [];
11480
- self.loadedPlugins = [];
11481
- self._bind = bind;
11482
- self._setHoursFromDate = setHoursFromDate;
11483
- self._positionCalendar = positionCalendar;
11484
- self.changeMonth = changeMonth;
11485
- self.changeYear = changeYear;
11486
- self.clear = clear;
11487
- self.close = close;
11488
- self.onMouseOver = onMouseOver;
11489
- self._createElement = _utils_dom__WEBPACK_IMPORTED_MODULE_3__.createElement;
11490
- self.createDay = createDay;
11491
- self.destroy = destroy;
11492
- self.isEnabled = isEnabled;
11493
- self.jumpToDate = jumpToDate;
11494
- self.updateValue = updateValue;
11495
- self.open = open;
11496
- self.redraw = redraw;
11497
- self.set = set;
11498
- self.setDate = setDate;
11499
- self.toggle = toggle;
11500
- function setupHelperFunctions() {
11501
- self.utils = {
11502
- getDaysInMonth: function (month, yr) {
11503
- if (month === void 0) { month = self.currentMonth; }
11504
- if (yr === void 0) { yr = self.currentYear; }
11505
- if (month === 1 && ((yr % 4 === 0 && yr % 100 !== 0) || yr % 400 === 0))
11506
- return 29;
11507
- return self.l10n.daysInMonth[month];
11508
- },
11509
- };
11510
- }
11511
- function init() {
11512
- self.element = self.input = element;
11513
- self.isOpen = false;
11514
- parseConfig();
11515
- setupLocale();
11516
- setupInputs();
11517
- setupDates();
11518
- setupHelperFunctions();
11519
- if (!self.isMobile)
11520
- build();
11521
- bindEvents();
11522
- if (self.selectedDates.length || self.config.noCalendar) {
11523
- if (self.config.enableTime) {
11524
- setHoursFromDate(self.config.noCalendar ? self.latestSelectedDateObj : undefined);
11525
- }
11526
- updateValue(false);
11527
- }
11528
- setCalendarWidth();
11529
- var isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
11530
- if (!self.isMobile && isSafari) {
11531
- positionCalendar();
11532
- }
11533
- triggerEvent("onReady");
11534
- }
11535
- function getClosestActiveElement() {
11536
- var _a;
11537
- return (((_a = self.calendarContainer) === null || _a === void 0 ? void 0 : _a.getRootNode())
11538
- .activeElement || document.activeElement);
11539
- }
11540
- function bindToInstance(fn) {
11541
- return fn.bind(self);
11542
- }
11543
- function setCalendarWidth() {
11544
- var config = self.config;
11545
- if (config.weekNumbers === false && config.showMonths === 1) {
11546
- return;
11547
- }
11548
- else if (config.noCalendar !== true) {
11549
- window.requestAnimationFrame(function () {
11550
- if (self.calendarContainer !== undefined) {
11551
- self.calendarContainer.style.visibility = "hidden";
11552
- self.calendarContainer.style.display = "block";
11553
- }
11554
- if (self.daysContainer !== undefined) {
11555
- var daysWidth = (self.days.offsetWidth + 1) * config.showMonths;
11556
- self.daysContainer.style.width = daysWidth + "px";
11557
- self.calendarContainer.style.width =
11558
- daysWidth +
11559
- (self.weekWrapper !== undefined
11560
- ? self.weekWrapper.offsetWidth
11561
- : 0) +
11562
- "px";
11563
- self.calendarContainer.style.removeProperty("visibility");
11564
- self.calendarContainer.style.removeProperty("display");
11565
- }
11566
- });
11567
- }
11568
- }
11569
- function updateTime(e) {
11570
- if (self.selectedDates.length === 0) {
11571
- var defaultDate = self.config.minDate === undefined ||
11572
- (0,_utils_dates__WEBPACK_IMPORTED_MODULE_4__.compareDates)(new Date(), self.config.minDate) >= 0
11573
- ? new Date()
11574
- : new Date(self.config.minDate.getTime());
11575
- var defaults = (0,_utils_dates__WEBPACK_IMPORTED_MODULE_4__.getDefaultHours)(self.config);
11576
- defaultDate.setHours(defaults.hours, defaults.minutes, defaults.seconds, defaultDate.getMilliseconds());
11577
- self.selectedDates = [defaultDate];
11578
- self.latestSelectedDateObj = defaultDate;
11579
- }
11580
- if (e !== undefined && e.type !== "blur") {
11581
- timeWrapper(e);
11582
- }
11583
- var prevValue = self._input.value;
11584
- setHoursFromInputs();
11585
- updateValue();
11586
- if (self._input.value !== prevValue) {
11587
- self._debouncedChange();
11588
- }
11589
- }
11590
- function ampm2military(hour, amPM) {
11591
- return (hour % 12) + 12 * (0,_utils__WEBPACK_IMPORTED_MODULE_2__.int)(amPM === self.l10n.amPM[1]);
11592
- }
11593
- function military2ampm(hour) {
11594
- switch (hour % 24) {
11595
- case 0:
11596
- case 12:
11597
- return 12;
11598
- default:
11599
- return hour % 12;
11600
- }
11601
- }
11602
- function setHoursFromInputs() {
11603
- if (self.hourElement === undefined || self.minuteElement === undefined)
11604
- return;
11605
- var hours = (parseInt(self.hourElement.value.slice(-2), 10) || 0) % 24, minutes = (parseInt(self.minuteElement.value, 10) || 0) % 60, seconds = self.secondElement !== undefined
11606
- ? (parseInt(self.secondElement.value, 10) || 0) % 60
11607
- : 0;
11608
- if (self.amPM !== undefined) {
11609
- hours = ampm2military(hours, self.amPM.textContent);
11610
- }
11611
- var limitMinHours = self.config.minTime !== undefined ||
11612
- (self.config.minDate &&
11613
- self.minDateHasTime &&
11614
- self.latestSelectedDateObj &&
11615
- (0,_utils_dates__WEBPACK_IMPORTED_MODULE_4__.compareDates)(self.latestSelectedDateObj, self.config.minDate, true) ===
11616
- 0);
11617
- var limitMaxHours = self.config.maxTime !== undefined ||
11618
- (self.config.maxDate &&
11619
- self.maxDateHasTime &&
11620
- self.latestSelectedDateObj &&
11621
- (0,_utils_dates__WEBPACK_IMPORTED_MODULE_4__.compareDates)(self.latestSelectedDateObj, self.config.maxDate, true) ===
11622
- 0);
11623
- if (self.config.maxTime !== undefined &&
11624
- self.config.minTime !== undefined &&
11625
- self.config.minTime > self.config.maxTime) {
11626
- var minBound = (0,_utils_dates__WEBPACK_IMPORTED_MODULE_4__.calculateSecondsSinceMidnight)(self.config.minTime.getHours(), self.config.minTime.getMinutes(), self.config.minTime.getSeconds());
11627
- var maxBound = (0,_utils_dates__WEBPACK_IMPORTED_MODULE_4__.calculateSecondsSinceMidnight)(self.config.maxTime.getHours(), self.config.maxTime.getMinutes(), self.config.maxTime.getSeconds());
11628
- var currentTime = (0,_utils_dates__WEBPACK_IMPORTED_MODULE_4__.calculateSecondsSinceMidnight)(hours, minutes, seconds);
11629
- if (currentTime > maxBound && currentTime < minBound) {
11630
- var result = (0,_utils_dates__WEBPACK_IMPORTED_MODULE_4__.parseSeconds)(minBound);
11631
- hours = result[0];
11632
- minutes = result[1];
11633
- seconds = result[2];
11634
- }
11635
- }
11636
- else {
11637
- if (limitMaxHours) {
11638
- var maxTime = self.config.maxTime !== undefined
11639
- ? self.config.maxTime
11640
- : self.config.maxDate;
11641
- hours = Math.min(hours, maxTime.getHours());
11642
- if (hours === maxTime.getHours())
11643
- minutes = Math.min(minutes, maxTime.getMinutes());
11644
- if (minutes === maxTime.getMinutes())
11645
- seconds = Math.min(seconds, maxTime.getSeconds());
11646
- }
11647
- if (limitMinHours) {
11648
- var minTime = self.config.minTime !== undefined
11649
- ? self.config.minTime
11650
- : self.config.minDate;
11651
- hours = Math.max(hours, minTime.getHours());
11652
- if (hours === minTime.getHours() && minutes < minTime.getMinutes())
11653
- minutes = minTime.getMinutes();
11654
- if (minutes === minTime.getMinutes())
11655
- seconds = Math.max(seconds, minTime.getSeconds());
11656
- }
11657
- }
11658
- setHours(hours, minutes, seconds);
11659
- }
11660
- function setHoursFromDate(dateObj) {
11661
- var date = dateObj || self.latestSelectedDateObj;
11662
- if (date && date instanceof Date) {
11663
- setHours(date.getHours(), date.getMinutes(), date.getSeconds());
11664
- }
11665
- }
11666
- function setHours(hours, minutes, seconds) {
11667
- if (self.latestSelectedDateObj !== undefined) {
11668
- self.latestSelectedDateObj.setHours(hours % 24, minutes, seconds || 0, 0);
11669
- }
11670
- if (!self.hourElement || !self.minuteElement || self.isMobile)
11671
- return;
11672
- self.hourElement.value = (0,_utils__WEBPACK_IMPORTED_MODULE_2__.pad)(!self.config.time_24hr
11673
- ? ((12 + hours) % 12) + 12 * (0,_utils__WEBPACK_IMPORTED_MODULE_2__.int)(hours % 12 === 0)
11674
- : hours);
11675
- self.minuteElement.value = (0,_utils__WEBPACK_IMPORTED_MODULE_2__.pad)(minutes);
11676
- if (self.amPM !== undefined)
11677
- self.amPM.textContent = self.l10n.amPM[(0,_utils__WEBPACK_IMPORTED_MODULE_2__.int)(hours >= 12)];
11678
- if (self.secondElement !== undefined)
11679
- self.secondElement.value = (0,_utils__WEBPACK_IMPORTED_MODULE_2__.pad)(seconds);
11680
- }
11681
- function onYearInput(event) {
11682
- var eventTarget = (0,_utils_dom__WEBPACK_IMPORTED_MODULE_3__.getEventTarget)(event);
11683
- var year = parseInt(eventTarget.value) + (event.delta || 0);
11684
- if (year / 1000 > 1 ||
11685
- (event.key === "Enter" && !/[^\d]/.test(year.toString()))) {
11686
- changeYear(year);
11687
- }
11688
- }
11689
- function bind(element, event, handler, options) {
11690
- if (event instanceof Array)
11691
- return event.forEach(function (ev) { return bind(element, ev, handler, options); });
11692
- if (element instanceof Array)
11693
- return element.forEach(function (el) { return bind(el, event, handler, options); });
11694
- element.addEventListener(event, handler, options);
11695
- self._handlers.push({
11696
- remove: function () { return element.removeEventListener(event, handler, options); },
11697
- });
11698
- }
11699
- function triggerChange() {
11700
- triggerEvent("onChange");
11701
- }
11702
- function bindEvents() {
11703
- if (self.config.wrap) {
11704
- ["open", "close", "toggle", "clear"].forEach(function (evt) {
11705
- Array.prototype.forEach.call(self.element.querySelectorAll("[data-" + evt + "]"), function (el) {
11706
- return bind(el, "click", self[evt]);
11707
- });
11708
- });
11709
- }
11710
- if (self.isMobile) {
11711
- setupMobile();
11712
- return;
11713
- }
11714
- var debouncedResize = (0,_utils__WEBPACK_IMPORTED_MODULE_2__.debounce)(onResize, 50);
11715
- self._debouncedChange = (0,_utils__WEBPACK_IMPORTED_MODULE_2__.debounce)(triggerChange, DEBOUNCED_CHANGE_MS);
11716
- if (self.daysContainer && !/iPhone|iPad|iPod/i.test(navigator.userAgent))
11717
- bind(self.daysContainer, "mouseover", function (e) {
11718
- if (self.config.mode === "range")
11719
- onMouseOver((0,_utils_dom__WEBPACK_IMPORTED_MODULE_3__.getEventTarget)(e));
11720
- });
11721
- bind(self._input, "keydown", onKeyDown);
11722
- if (self.calendarContainer !== undefined) {
11723
- bind(self.calendarContainer, "keydown", onKeyDown);
11724
- }
11725
- if (!self.config.inline && !self.config.static)
11726
- bind(window, "resize", debouncedResize);
11727
- if (window.ontouchstart !== undefined)
11728
- bind(window.document, "touchstart", documentClick);
11729
- else
11730
- bind(window.document, "mousedown", documentClick);
11731
- bind(window.document, "focus", documentClick, { capture: true });
11732
- if (self.config.clickOpens === true) {
11733
- bind(self._input, "focus", self.open);
11734
- bind(self._input, "click", self.open);
11735
- }
11736
- if (self.daysContainer !== undefined) {
11737
- bind(self.monthNav, "click", onMonthNavClick);
11738
- bind(self.monthNav, ["keyup", "increment"], onYearInput);
11739
- bind(self.daysContainer, "click", selectDate);
11740
- }
11741
- if (self.timeContainer !== undefined &&
11742
- self.minuteElement !== undefined &&
11743
- self.hourElement !== undefined) {
11744
- var selText = function (e) {
11745
- return (0,_utils_dom__WEBPACK_IMPORTED_MODULE_3__.getEventTarget)(e).select();
11746
- };
11747
- bind(self.timeContainer, ["increment"], updateTime);
11748
- bind(self.timeContainer, "blur", updateTime, { capture: true });
11749
- bind(self.timeContainer, "click", timeIncrement);
11750
- bind([self.hourElement, self.minuteElement], ["focus", "click"], selText);
11751
- if (self.secondElement !== undefined)
11752
- bind(self.secondElement, "focus", function () { return self.secondElement && self.secondElement.select(); });
11753
- if (self.amPM !== undefined) {
11754
- bind(self.amPM, "click", function (e) {
11755
- updateTime(e);
11756
- });
11757
- }
11758
- }
11759
- if (self.config.allowInput) {
11760
- bind(self._input, "blur", onBlur);
11761
- }
11762
- }
11763
- function jumpToDate(jumpDate, triggerChange) {
11764
- var jumpTo = jumpDate !== undefined
11765
- ? self.parseDate(jumpDate)
11766
- : self.latestSelectedDateObj ||
11767
- (self.config.minDate && self.config.minDate > self.now
11768
- ? self.config.minDate
11769
- : self.config.maxDate && self.config.maxDate < self.now
11770
- ? self.config.maxDate
11771
- : self.now);
11772
- var oldYear = self.currentYear;
11773
- var oldMonth = self.currentMonth;
11774
- try {
11775
- if (jumpTo !== undefined) {
11776
- self.currentYear = jumpTo.getFullYear();
11777
- self.currentMonth = jumpTo.getMonth();
11778
- }
11779
- }
11780
- catch (e) {
11781
- e.message = "Invalid date supplied: " + jumpTo;
11782
- self.config.errorHandler(e);
11783
- }
11784
- if (triggerChange && self.currentYear !== oldYear) {
11785
- triggerEvent("onYearChange");
11786
- buildMonthSwitch();
11787
- }
11788
- if (triggerChange &&
11789
- (self.currentYear !== oldYear || self.currentMonth !== oldMonth)) {
11790
- triggerEvent("onMonthChange");
11791
- }
11792
- self.redraw();
11793
- }
11794
- function timeIncrement(e) {
11795
- var eventTarget = (0,_utils_dom__WEBPACK_IMPORTED_MODULE_3__.getEventTarget)(e);
11796
- if (~eventTarget.className.indexOf("arrow"))
11797
- incrementNumInput(e, eventTarget.classList.contains("arrowUp") ? 1 : -1);
11798
- }
11799
- function incrementNumInput(e, delta, inputElem) {
11800
- var target = e && (0,_utils_dom__WEBPACK_IMPORTED_MODULE_3__.getEventTarget)(e);
11801
- var input = inputElem ||
11802
- (target && target.parentNode && target.parentNode.firstChild);
11803
- var event = createEvent("increment");
11804
- event.delta = delta;
11805
- input && input.dispatchEvent(event);
11806
- }
11807
- function build() {
11808
- var fragment = window.document.createDocumentFragment();
11809
- self.calendarContainer = (0,_utils_dom__WEBPACK_IMPORTED_MODULE_3__.createElement)("div", "flatpickr-calendar");
11810
- self.calendarContainer.tabIndex = -1;
11811
- if (!self.config.noCalendar) {
11812
- fragment.appendChild(buildMonthNav());
11813
- self.innerContainer = (0,_utils_dom__WEBPACK_IMPORTED_MODULE_3__.createElement)("div", "flatpickr-innerContainer");
11814
- if (self.config.weekNumbers) {
11815
- var _a = buildWeeks(), weekWrapper = _a.weekWrapper, weekNumbers = _a.weekNumbers;
11816
- self.innerContainer.appendChild(weekWrapper);
11817
- self.weekNumbers = weekNumbers;
11818
- self.weekWrapper = weekWrapper;
11819
- }
11820
- self.rContainer = (0,_utils_dom__WEBPACK_IMPORTED_MODULE_3__.createElement)("div", "flatpickr-rContainer");
11821
- self.rContainer.appendChild(buildWeekdays());
11822
- if (!self.daysContainer) {
11823
- self.daysContainer = (0,_utils_dom__WEBPACK_IMPORTED_MODULE_3__.createElement)("div", "flatpickr-days");
11824
- self.daysContainer.tabIndex = -1;
11825
- }
11826
- buildDays();
11827
- self.rContainer.appendChild(self.daysContainer);
11828
- self.innerContainer.appendChild(self.rContainer);
11829
- fragment.appendChild(self.innerContainer);
11830
- }
11831
- if (self.config.enableTime) {
11832
- fragment.appendChild(buildTime());
11833
- }
11834
- (0,_utils_dom__WEBPACK_IMPORTED_MODULE_3__.toggleClass)(self.calendarContainer, "rangeMode", self.config.mode === "range");
11835
- (0,_utils_dom__WEBPACK_IMPORTED_MODULE_3__.toggleClass)(self.calendarContainer, "animate", self.config.animate === true);
11836
- (0,_utils_dom__WEBPACK_IMPORTED_MODULE_3__.toggleClass)(self.calendarContainer, "multiMonth", self.config.showMonths > 1);
11837
- self.calendarContainer.appendChild(fragment);
11838
- var customAppend = self.config.appendTo !== undefined &&
11839
- self.config.appendTo.nodeType !== undefined;
11840
- if (self.config.inline || self.config.static) {
11841
- self.calendarContainer.classList.add(self.config.inline ? "inline" : "static");
11842
- if (self.config.inline) {
11843
- if (!customAppend && self.element.parentNode)
11844
- self.element.parentNode.insertBefore(self.calendarContainer, self._input.nextSibling);
11845
- else if (self.config.appendTo !== undefined)
11846
- self.config.appendTo.appendChild(self.calendarContainer);
11847
- }
11848
- if (self.config.static) {
11849
- var wrapper = (0,_utils_dom__WEBPACK_IMPORTED_MODULE_3__.createElement)("div", "flatpickr-wrapper");
11850
- if (self.element.parentNode)
11851
- self.element.parentNode.insertBefore(wrapper, self.element);
11852
- wrapper.appendChild(self.element);
11853
- if (self.altInput)
11854
- wrapper.appendChild(self.altInput);
11855
- wrapper.appendChild(self.calendarContainer);
11856
- }
11857
- }
11858
- if (!self.config.static && !self.config.inline)
11859
- (self.config.appendTo !== undefined
11860
- ? self.config.appendTo
11861
- : window.document.body).appendChild(self.calendarContainer);
11862
- }
11863
- function createDay(className, date, _dayNumber, i) {
11864
- var dateIsEnabled = isEnabled(date, true), dayElement = (0,_utils_dom__WEBPACK_IMPORTED_MODULE_3__.createElement)("span", className, date.getDate().toString());
11865
- dayElement.dateObj = date;
11866
- dayElement.$i = i;
11867
- dayElement.setAttribute("aria-label", self.formatDate(date, self.config.ariaDateFormat));
11868
- if (className.indexOf("hidden") === -1 &&
11869
- (0,_utils_dates__WEBPACK_IMPORTED_MODULE_4__.compareDates)(date, self.now) === 0) {
11870
- self.todayDateElem = dayElement;
11871
- dayElement.classList.add("today");
11872
- dayElement.setAttribute("aria-current", "date");
11873
- }
11874
- if (dateIsEnabled) {
11875
- dayElement.tabIndex = -1;
11876
- if (isDateSelected(date)) {
11877
- dayElement.classList.add("selected");
11878
- self.selectedDateElem = dayElement;
11879
- if (self.config.mode === "range") {
11880
- (0,_utils_dom__WEBPACK_IMPORTED_MODULE_3__.toggleClass)(dayElement, "startRange", self.selectedDates[0] &&
11881
- (0,_utils_dates__WEBPACK_IMPORTED_MODULE_4__.compareDates)(date, self.selectedDates[0], true) === 0);
11882
- (0,_utils_dom__WEBPACK_IMPORTED_MODULE_3__.toggleClass)(dayElement, "endRange", self.selectedDates[1] &&
11883
- (0,_utils_dates__WEBPACK_IMPORTED_MODULE_4__.compareDates)(date, self.selectedDates[1], true) === 0);
11884
- if (className === "nextMonthDay")
11885
- dayElement.classList.add("inRange");
11886
- }
11887
- }
11888
- }
11889
- else {
11890
- dayElement.classList.add("flatpickr-disabled");
11891
- }
11892
- if (self.config.mode === "range") {
11893
- if (isDateInRange(date) && !isDateSelected(date))
11894
- dayElement.classList.add("inRange");
11895
- }
11896
- if (self.weekNumbers &&
11897
- self.config.showMonths === 1 &&
11898
- className !== "prevMonthDay" &&
11899
- i % 7 === 6) {
11900
- self.weekNumbers.insertAdjacentHTML("beforeend", "<span class='flatpickr-day'>" + self.config.getWeek(date) + "</span>");
11901
- }
11902
- triggerEvent("onDayCreate", dayElement);
11903
- return dayElement;
11904
- }
11905
- function focusOnDayElem(targetNode) {
11906
- targetNode.focus();
11907
- if (self.config.mode === "range")
11908
- onMouseOver(targetNode);
11909
- }
11910
- function getFirstAvailableDay(delta) {
11911
- var startMonth = delta > 0 ? 0 : self.config.showMonths - 1;
11912
- var endMonth = delta > 0 ? self.config.showMonths : -1;
11913
- for (var m = startMonth; m != endMonth; m += delta) {
11914
- var month = self.daysContainer.children[m];
11915
- var startIndex = delta > 0 ? 0 : month.children.length - 1;
11916
- var endIndex = delta > 0 ? month.children.length : -1;
11917
- for (var i = startIndex; i != endIndex; i += delta) {
11918
- var c = month.children[i];
11919
- if (c.className.indexOf("hidden") === -1 && isEnabled(c.dateObj))
11920
- return c;
11921
- }
11922
- }
11923
- return undefined;
11924
- }
11925
- function getNextAvailableDay(current, delta) {
11926
- var givenMonth = current.className.indexOf("Month") === -1
11927
- ? current.dateObj.getMonth()
11928
- : self.currentMonth;
11929
- var endMonth = delta > 0 ? self.config.showMonths : -1;
11930
- var loopDelta = delta > 0 ? 1 : -1;
11931
- for (var m = givenMonth - self.currentMonth; m != endMonth; m += loopDelta) {
11932
- var month = self.daysContainer.children[m];
11933
- var startIndex = givenMonth - self.currentMonth === m
11934
- ? current.$i + delta
11935
- : delta < 0
11936
- ? month.children.length - 1
11937
- : 0;
11938
- var numMonthDays = month.children.length;
11939
- for (var i = startIndex; i >= 0 && i < numMonthDays && i != (delta > 0 ? numMonthDays : -1); i += loopDelta) {
11940
- var c = month.children[i];
11941
- if (c.className.indexOf("hidden") === -1 &&
11942
- isEnabled(c.dateObj) &&
11943
- Math.abs(current.$i - i) >= Math.abs(delta))
11944
- return focusOnDayElem(c);
11945
- }
11946
- }
11947
- self.changeMonth(loopDelta);
11948
- focusOnDay(getFirstAvailableDay(loopDelta), 0);
11949
- return undefined;
11950
- }
11951
- function focusOnDay(current, offset) {
11952
- var activeElement = getClosestActiveElement();
11953
- var dayFocused = isInView(activeElement || document.body);
11954
- var startElem = current !== undefined
11955
- ? current
11956
- : dayFocused
11957
- ? activeElement
11958
- : self.selectedDateElem !== undefined && isInView(self.selectedDateElem)
11959
- ? self.selectedDateElem
11960
- : self.todayDateElem !== undefined && isInView(self.todayDateElem)
11961
- ? self.todayDateElem
11962
- : getFirstAvailableDay(offset > 0 ? 1 : -1);
11963
- if (startElem === undefined) {
11964
- self._input.focus();
11965
- }
11966
- else if (!dayFocused) {
11967
- focusOnDayElem(startElem);
11968
- }
11969
- else {
11970
- getNextAvailableDay(startElem, offset);
11971
- }
11972
- }
11973
- function buildMonthDays(year, month) {
11974
- var firstOfMonth = (new Date(year, month, 1).getDay() - self.l10n.firstDayOfWeek + 7) % 7;
11975
- var prevMonthDays = self.utils.getDaysInMonth((month - 1 + 12) % 12, year);
11976
- var daysInMonth = self.utils.getDaysInMonth(month, year), days = window.document.createDocumentFragment(), isMultiMonth = self.config.showMonths > 1, prevMonthDayClass = isMultiMonth ? "prevMonthDay hidden" : "prevMonthDay", nextMonthDayClass = isMultiMonth ? "nextMonthDay hidden" : "nextMonthDay";
11977
- var dayNumber = prevMonthDays + 1 - firstOfMonth, dayIndex = 0;
11978
- for (; dayNumber <= prevMonthDays; dayNumber++, dayIndex++) {
11979
- days.appendChild(createDay("flatpickr-day " + prevMonthDayClass, new Date(year, month - 1, dayNumber), dayNumber, dayIndex));
11980
- }
11981
- for (dayNumber = 1; dayNumber <= daysInMonth; dayNumber++, dayIndex++) {
11982
- days.appendChild(createDay("flatpickr-day", new Date(year, month, dayNumber), dayNumber, dayIndex));
11983
- }
11984
- for (var dayNum = daysInMonth + 1; dayNum <= 42 - firstOfMonth &&
11985
- (self.config.showMonths === 1 || dayIndex % 7 !== 0); dayNum++, dayIndex++) {
11986
- days.appendChild(createDay("flatpickr-day " + nextMonthDayClass, new Date(year, month + 1, dayNum % daysInMonth), dayNum, dayIndex));
11987
- }
11988
- var dayContainer = (0,_utils_dom__WEBPACK_IMPORTED_MODULE_3__.createElement)("div", "dayContainer");
11989
- dayContainer.appendChild(days);
11990
- return dayContainer;
11991
- }
11992
- function buildDays() {
11993
- if (self.daysContainer === undefined) {
11994
- return;
11995
- }
11996
- (0,_utils_dom__WEBPACK_IMPORTED_MODULE_3__.clearNode)(self.daysContainer);
11997
- if (self.weekNumbers)
11998
- (0,_utils_dom__WEBPACK_IMPORTED_MODULE_3__.clearNode)(self.weekNumbers);
11999
- var frag = document.createDocumentFragment();
12000
- for (var i = 0; i < self.config.showMonths; i++) {
12001
- var d = new Date(self.currentYear, self.currentMonth, 1);
12002
- d.setMonth(self.currentMonth + i);
12003
- frag.appendChild(buildMonthDays(d.getFullYear(), d.getMonth()));
12004
- }
12005
- self.daysContainer.appendChild(frag);
12006
- self.days = self.daysContainer.firstChild;
12007
- if (self.config.mode === "range" && self.selectedDates.length === 1) {
12008
- onMouseOver();
12009
- }
12010
- }
12011
- function buildMonthSwitch() {
12012
- if (self.config.showMonths > 1 ||
12013
- self.config.monthSelectorType !== "dropdown")
12014
- return;
12015
- var shouldBuildMonth = function (month) {
12016
- if (self.config.minDate !== undefined &&
12017
- self.currentYear === self.config.minDate.getFullYear() &&
12018
- month < self.config.minDate.getMonth()) {
12019
- return false;
12020
- }
12021
- return !(self.config.maxDate !== undefined &&
12022
- self.currentYear === self.config.maxDate.getFullYear() &&
12023
- month > self.config.maxDate.getMonth());
12024
- };
12025
- self.monthsDropdownContainer.tabIndex = -1;
12026
- self.monthsDropdownContainer.innerHTML = "";
12027
- for (var i = 0; i < 12; i++) {
12028
- if (!shouldBuildMonth(i))
12029
- continue;
12030
- var month = (0,_utils_dom__WEBPACK_IMPORTED_MODULE_3__.createElement)("option", "flatpickr-monthDropdown-month");
12031
- month.value = new Date(self.currentYear, i).getMonth().toString();
12032
- month.textContent = (0,_utils_formatting__WEBPACK_IMPORTED_MODULE_5__.monthToStr)(i, self.config.shorthandCurrentMonth, self.l10n);
12033
- month.tabIndex = -1;
12034
- if (self.currentMonth === i) {
12035
- month.selected = true;
12036
- }
12037
- self.monthsDropdownContainer.appendChild(month);
12038
- }
12039
- }
12040
- function buildMonth() {
12041
- var container = (0,_utils_dom__WEBPACK_IMPORTED_MODULE_3__.createElement)("div", "flatpickr-month");
12042
- var monthNavFragment = window.document.createDocumentFragment();
12043
- var monthElement;
12044
- if (self.config.showMonths > 1 ||
12045
- self.config.monthSelectorType === "static") {
12046
- monthElement = (0,_utils_dom__WEBPACK_IMPORTED_MODULE_3__.createElement)("span", "cur-month");
12047
- }
12048
- else {
12049
- self.monthsDropdownContainer = (0,_utils_dom__WEBPACK_IMPORTED_MODULE_3__.createElement)("select", "flatpickr-monthDropdown-months");
12050
- self.monthsDropdownContainer.setAttribute("aria-label", self.l10n.monthAriaLabel);
12051
- bind(self.monthsDropdownContainer, "change", function (e) {
12052
- var target = (0,_utils_dom__WEBPACK_IMPORTED_MODULE_3__.getEventTarget)(e);
12053
- var selectedMonth = parseInt(target.value, 10);
12054
- self.changeMonth(selectedMonth - self.currentMonth);
12055
- triggerEvent("onMonthChange");
12056
- });
12057
- buildMonthSwitch();
12058
- monthElement = self.monthsDropdownContainer;
12059
- }
12060
- var yearInput = (0,_utils_dom__WEBPACK_IMPORTED_MODULE_3__.createNumberInput)("cur-year", { tabindex: "-1" });
12061
- var yearElement = yearInput.getElementsByTagName("input")[0];
12062
- yearElement.setAttribute("aria-label", self.l10n.yearAriaLabel);
12063
- if (self.config.minDate) {
12064
- yearElement.setAttribute("min", self.config.minDate.getFullYear().toString());
12065
- }
12066
- if (self.config.maxDate) {
12067
- yearElement.setAttribute("max", self.config.maxDate.getFullYear().toString());
12068
- yearElement.disabled =
12069
- !!self.config.minDate &&
12070
- self.config.minDate.getFullYear() === self.config.maxDate.getFullYear();
12071
- }
12072
- var currentMonth = (0,_utils_dom__WEBPACK_IMPORTED_MODULE_3__.createElement)("div", "flatpickr-current-month");
12073
- currentMonth.appendChild(monthElement);
12074
- currentMonth.appendChild(yearInput);
12075
- monthNavFragment.appendChild(currentMonth);
12076
- container.appendChild(monthNavFragment);
12077
- return {
12078
- container: container,
12079
- yearElement: yearElement,
12080
- monthElement: monthElement,
12081
- };
12082
- }
12083
- function buildMonths() {
12084
- (0,_utils_dom__WEBPACK_IMPORTED_MODULE_3__.clearNode)(self.monthNav);
12085
- self.monthNav.appendChild(self.prevMonthNav);
12086
- if (self.config.showMonths) {
12087
- self.yearElements = [];
12088
- self.monthElements = [];
12089
- }
12090
- for (var m = self.config.showMonths; m--;) {
12091
- var month = buildMonth();
12092
- self.yearElements.push(month.yearElement);
12093
- self.monthElements.push(month.monthElement);
12094
- self.monthNav.appendChild(month.container);
12095
- }
12096
- self.monthNav.appendChild(self.nextMonthNav);
12097
- }
12098
- function buildMonthNav() {
12099
- self.monthNav = (0,_utils_dom__WEBPACK_IMPORTED_MODULE_3__.createElement)("div", "flatpickr-months");
12100
- self.yearElements = [];
12101
- self.monthElements = [];
12102
- self.prevMonthNav = (0,_utils_dom__WEBPACK_IMPORTED_MODULE_3__.createElement)("span", "flatpickr-prev-month");
12103
- self.prevMonthNav.innerHTML = self.config.prevArrow;
12104
- self.nextMonthNav = (0,_utils_dom__WEBPACK_IMPORTED_MODULE_3__.createElement)("span", "flatpickr-next-month");
12105
- self.nextMonthNav.innerHTML = self.config.nextArrow;
12106
- buildMonths();
12107
- Object.defineProperty(self, "_hidePrevMonthArrow", {
12108
- get: function () { return self.__hidePrevMonthArrow; },
12109
- set: function (bool) {
12110
- if (self.__hidePrevMonthArrow !== bool) {
12111
- (0,_utils_dom__WEBPACK_IMPORTED_MODULE_3__.toggleClass)(self.prevMonthNav, "flatpickr-disabled", bool);
12112
- self.__hidePrevMonthArrow = bool;
12113
- }
12114
- },
12115
- });
12116
- Object.defineProperty(self, "_hideNextMonthArrow", {
12117
- get: function () { return self.__hideNextMonthArrow; },
12118
- set: function (bool) {
12119
- if (self.__hideNextMonthArrow !== bool) {
12120
- (0,_utils_dom__WEBPACK_IMPORTED_MODULE_3__.toggleClass)(self.nextMonthNav, "flatpickr-disabled", bool);
12121
- self.__hideNextMonthArrow = bool;
12122
- }
12123
- },
12124
- });
12125
- self.currentYearElement = self.yearElements[0];
12126
- updateNavigationCurrentMonth();
12127
- return self.monthNav;
12128
- }
12129
- function buildTime() {
12130
- self.calendarContainer.classList.add("hasTime");
12131
- if (self.config.noCalendar)
12132
- self.calendarContainer.classList.add("noCalendar");
12133
- var defaults = (0,_utils_dates__WEBPACK_IMPORTED_MODULE_4__.getDefaultHours)(self.config);
12134
- self.timeContainer = (0,_utils_dom__WEBPACK_IMPORTED_MODULE_3__.createElement)("div", "flatpickr-time");
12135
- self.timeContainer.tabIndex = -1;
12136
- var separator = (0,_utils_dom__WEBPACK_IMPORTED_MODULE_3__.createElement)("span", "flatpickr-time-separator", ":");
12137
- var hourInput = (0,_utils_dom__WEBPACK_IMPORTED_MODULE_3__.createNumberInput)("flatpickr-hour", {
12138
- "aria-label": self.l10n.hourAriaLabel,
12139
- });
12140
- self.hourElement = hourInput.getElementsByTagName("input")[0];
12141
- var minuteInput = (0,_utils_dom__WEBPACK_IMPORTED_MODULE_3__.createNumberInput)("flatpickr-minute", {
12142
- "aria-label": self.l10n.minuteAriaLabel,
12143
- });
12144
- self.minuteElement = minuteInput.getElementsByTagName("input")[0];
12145
- self.hourElement.tabIndex = self.minuteElement.tabIndex = -1;
12146
- self.hourElement.value = (0,_utils__WEBPACK_IMPORTED_MODULE_2__.pad)(self.latestSelectedDateObj
12147
- ? self.latestSelectedDateObj.getHours()
12148
- : self.config.time_24hr
12149
- ? defaults.hours
12150
- : military2ampm(defaults.hours));
12151
- self.minuteElement.value = (0,_utils__WEBPACK_IMPORTED_MODULE_2__.pad)(self.latestSelectedDateObj
12152
- ? self.latestSelectedDateObj.getMinutes()
12153
- : defaults.minutes);
12154
- self.hourElement.setAttribute("step", self.config.hourIncrement.toString());
12155
- self.minuteElement.setAttribute("step", self.config.minuteIncrement.toString());
12156
- self.hourElement.setAttribute("min", self.config.time_24hr ? "0" : "1");
12157
- self.hourElement.setAttribute("max", self.config.time_24hr ? "23" : "12");
12158
- self.hourElement.setAttribute("maxlength", "2");
12159
- self.minuteElement.setAttribute("min", "0");
12160
- self.minuteElement.setAttribute("max", "59");
12161
- self.minuteElement.setAttribute("maxlength", "2");
12162
- self.timeContainer.appendChild(hourInput);
12163
- self.timeContainer.appendChild(separator);
12164
- self.timeContainer.appendChild(minuteInput);
12165
- if (self.config.time_24hr)
12166
- self.timeContainer.classList.add("time24hr");
12167
- if (self.config.enableSeconds) {
12168
- self.timeContainer.classList.add("hasSeconds");
12169
- var secondInput = (0,_utils_dom__WEBPACK_IMPORTED_MODULE_3__.createNumberInput)("flatpickr-second");
12170
- self.secondElement = secondInput.getElementsByTagName("input")[0];
12171
- self.secondElement.value = (0,_utils__WEBPACK_IMPORTED_MODULE_2__.pad)(self.latestSelectedDateObj
12172
- ? self.latestSelectedDateObj.getSeconds()
12173
- : defaults.seconds);
12174
- self.secondElement.setAttribute("step", self.minuteElement.getAttribute("step"));
12175
- self.secondElement.setAttribute("min", "0");
12176
- self.secondElement.setAttribute("max", "59");
12177
- self.secondElement.setAttribute("maxlength", "2");
12178
- self.timeContainer.appendChild((0,_utils_dom__WEBPACK_IMPORTED_MODULE_3__.createElement)("span", "flatpickr-time-separator", ":"));
12179
- self.timeContainer.appendChild(secondInput);
12180
- }
12181
- if (!self.config.time_24hr) {
12182
- self.amPM = (0,_utils_dom__WEBPACK_IMPORTED_MODULE_3__.createElement)("span", "flatpickr-am-pm", self.l10n.amPM[(0,_utils__WEBPACK_IMPORTED_MODULE_2__.int)((self.latestSelectedDateObj
12183
- ? self.hourElement.value
12184
- : self.config.defaultHour) > 11)]);
12185
- self.amPM.title = self.l10n.toggleTitle;
12186
- self.amPM.tabIndex = -1;
12187
- self.timeContainer.appendChild(self.amPM);
12188
- }
12189
- return self.timeContainer;
12190
- }
12191
- function buildWeekdays() {
12192
- if (!self.weekdayContainer)
12193
- self.weekdayContainer = (0,_utils_dom__WEBPACK_IMPORTED_MODULE_3__.createElement)("div", "flatpickr-weekdays");
12194
- else
12195
- (0,_utils_dom__WEBPACK_IMPORTED_MODULE_3__.clearNode)(self.weekdayContainer);
12196
- for (var i = self.config.showMonths; i--;) {
12197
- var container = (0,_utils_dom__WEBPACK_IMPORTED_MODULE_3__.createElement)("div", "flatpickr-weekdaycontainer");
12198
- self.weekdayContainer.appendChild(container);
12199
- }
12200
- updateWeekdays();
12201
- return self.weekdayContainer;
12202
- }
12203
- function updateWeekdays() {
12204
- if (!self.weekdayContainer) {
12205
- return;
12206
- }
12207
- var firstDayOfWeek = self.l10n.firstDayOfWeek;
12208
- var weekdays = __spreadArrays(self.l10n.weekdays.shorthand);
12209
- if (firstDayOfWeek > 0 && firstDayOfWeek < weekdays.length) {
12210
- weekdays = __spreadArrays(weekdays.splice(firstDayOfWeek, weekdays.length), weekdays.splice(0, firstDayOfWeek));
12211
- }
12212
- for (var i = self.config.showMonths; i--;) {
12213
- self.weekdayContainer.children[i].innerHTML = "\n <span class='flatpickr-weekday'>\n " + weekdays.join("</span><span class='flatpickr-weekday'>") + "\n </span>\n ";
12214
- }
12215
- }
12216
- function buildWeeks() {
12217
- self.calendarContainer.classList.add("hasWeeks");
12218
- var weekWrapper = (0,_utils_dom__WEBPACK_IMPORTED_MODULE_3__.createElement)("div", "flatpickr-weekwrapper");
12219
- weekWrapper.appendChild((0,_utils_dom__WEBPACK_IMPORTED_MODULE_3__.createElement)("span", "flatpickr-weekday", self.l10n.weekAbbreviation));
12220
- var weekNumbers = (0,_utils_dom__WEBPACK_IMPORTED_MODULE_3__.createElement)("div", "flatpickr-weeks");
12221
- weekWrapper.appendChild(weekNumbers);
12222
- return {
12223
- weekWrapper: weekWrapper,
12224
- weekNumbers: weekNumbers,
12225
- };
12226
- }
12227
- function changeMonth(value, isOffset) {
12228
- if (isOffset === void 0) { isOffset = true; }
12229
- var delta = isOffset ? value : value - self.currentMonth;
12230
- if ((delta < 0 && self._hidePrevMonthArrow === true) ||
12231
- (delta > 0 && self._hideNextMonthArrow === true))
12232
- return;
12233
- self.currentMonth += delta;
12234
- if (self.currentMonth < 0 || self.currentMonth > 11) {
12235
- self.currentYear += self.currentMonth > 11 ? 1 : -1;
12236
- self.currentMonth = (self.currentMonth + 12) % 12;
12237
- triggerEvent("onYearChange");
12238
- buildMonthSwitch();
12239
- }
12240
- buildDays();
12241
- triggerEvent("onMonthChange");
12242
- updateNavigationCurrentMonth();
12243
- }
12244
- function clear(triggerChangeEvent, toInitial) {
12245
- if (triggerChangeEvent === void 0) { triggerChangeEvent = true; }
12246
- if (toInitial === void 0) { toInitial = true; }
12247
- self.input.value = "";
12248
- if (self.altInput !== undefined)
12249
- self.altInput.value = "";
12250
- if (self.mobileInput !== undefined)
12251
- self.mobileInput.value = "";
12252
- self.selectedDates = [];
12253
- self.latestSelectedDateObj = undefined;
12254
- if (toInitial === true) {
12255
- self.currentYear = self._initialDate.getFullYear();
12256
- self.currentMonth = self._initialDate.getMonth();
12257
- }
12258
- if (self.config.enableTime === true) {
12259
- var _a = (0,_utils_dates__WEBPACK_IMPORTED_MODULE_4__.getDefaultHours)(self.config), hours = _a.hours, minutes = _a.minutes, seconds = _a.seconds;
12260
- setHours(hours, minutes, seconds);
12261
- }
12262
- self.redraw();
12263
- if (triggerChangeEvent)
12264
- triggerEvent("onChange");
12265
- }
12266
- function close() {
12267
- self.isOpen = false;
12268
- if (!self.isMobile) {
12269
- if (self.calendarContainer !== undefined) {
12270
- self.calendarContainer.classList.remove("open");
12271
- }
12272
- if (self._input !== undefined) {
12273
- self._input.classList.remove("active");
12274
- }
12275
- }
12276
- triggerEvent("onClose");
12277
- }
12278
- function destroy() {
12279
- if (self.config !== undefined)
12280
- triggerEvent("onDestroy");
12281
- for (var i = self._handlers.length; i--;) {
12282
- self._handlers[i].remove();
12283
- }
12284
- self._handlers = [];
12285
- if (self.mobileInput) {
12286
- if (self.mobileInput.parentNode)
12287
- self.mobileInput.parentNode.removeChild(self.mobileInput);
12288
- self.mobileInput = undefined;
12289
- }
12290
- else if (self.calendarContainer && self.calendarContainer.parentNode) {
12291
- if (self.config.static && self.calendarContainer.parentNode) {
12292
- var wrapper = self.calendarContainer.parentNode;
12293
- wrapper.lastChild && wrapper.removeChild(wrapper.lastChild);
12294
- if (wrapper.parentNode) {
12295
- while (wrapper.firstChild)
12296
- wrapper.parentNode.insertBefore(wrapper.firstChild, wrapper);
12297
- wrapper.parentNode.removeChild(wrapper);
12298
- }
12299
- }
12300
- else
12301
- self.calendarContainer.parentNode.removeChild(self.calendarContainer);
12302
- }
12303
- if (self.altInput) {
12304
- self.input.type = "text";
12305
- if (self.altInput.parentNode)
12306
- self.altInput.parentNode.removeChild(self.altInput);
12307
- delete self.altInput;
12308
- }
12309
- if (self.input) {
12310
- self.input.type = self.input._type;
12311
- self.input.classList.remove("flatpickr-input");
12312
- self.input.removeAttribute("readonly");
12313
- }
12314
- [
12315
- "_showTimeInput",
12316
- "latestSelectedDateObj",
12317
- "_hideNextMonthArrow",
12318
- "_hidePrevMonthArrow",
12319
- "__hideNextMonthArrow",
12320
- "__hidePrevMonthArrow",
12321
- "isMobile",
12322
- "isOpen",
12323
- "selectedDateElem",
12324
- "minDateHasTime",
12325
- "maxDateHasTime",
12326
- "days",
12327
- "daysContainer",
12328
- "_input",
12329
- "_positionElement",
12330
- "innerContainer",
12331
- "rContainer",
12332
- "monthNav",
12333
- "todayDateElem",
12334
- "calendarContainer",
12335
- "weekdayContainer",
12336
- "prevMonthNav",
12337
- "nextMonthNav",
12338
- "monthsDropdownContainer",
12339
- "currentMonthElement",
12340
- "currentYearElement",
12341
- "navigationCurrentMonth",
12342
- "selectedDateElem",
12343
- "config",
12344
- ].forEach(function (k) {
12345
- try {
12346
- delete self[k];
12347
- }
12348
- catch (_) { }
12349
- });
12350
- }
12351
- function isCalendarElem(elem) {
12352
- return self.calendarContainer.contains(elem);
12353
- }
12354
- function documentClick(e) {
12355
- if (self.isOpen && !self.config.inline) {
12356
- var eventTarget_1 = (0,_utils_dom__WEBPACK_IMPORTED_MODULE_3__.getEventTarget)(e);
12357
- var isCalendarElement = isCalendarElem(eventTarget_1);
12358
- var isInput = eventTarget_1 === self.input ||
12359
- eventTarget_1 === self.altInput ||
12360
- self.element.contains(eventTarget_1) ||
12361
- (e.path &&
12362
- e.path.indexOf &&
12363
- (~e.path.indexOf(self.input) ||
12364
- ~e.path.indexOf(self.altInput)));
12365
- var lostFocus = !isInput &&
12366
- !isCalendarElement &&
12367
- !isCalendarElem(e.relatedTarget);
12368
- var isIgnored = !self.config.ignoredFocusElements.some(function (elem) {
12369
- return elem.contains(eventTarget_1);
12370
- });
12371
- if (lostFocus && isIgnored) {
12372
- if (self.config.allowInput) {
12373
- self.setDate(self._input.value, false, self.config.altInput
12374
- ? self.config.altFormat
12375
- : self.config.dateFormat);
12376
- }
12377
- if (self.timeContainer !== undefined &&
12378
- self.minuteElement !== undefined &&
12379
- self.hourElement !== undefined &&
12380
- self.input.value !== "" &&
12381
- self.input.value !== undefined) {
12382
- updateTime();
12383
- }
12384
- self.close();
12385
- if (self.config &&
12386
- self.config.mode === "range" &&
12387
- self.selectedDates.length === 1)
12388
- self.clear(false);
12389
- }
12390
- }
12391
- }
12392
- function changeYear(newYear) {
12393
- if (!newYear ||
12394
- (self.config.minDate && newYear < self.config.minDate.getFullYear()) ||
12395
- (self.config.maxDate && newYear > self.config.maxDate.getFullYear()))
12396
- return;
12397
- var newYearNum = newYear, isNewYear = self.currentYear !== newYearNum;
12398
- self.currentYear = newYearNum || self.currentYear;
12399
- if (self.config.maxDate &&
12400
- self.currentYear === self.config.maxDate.getFullYear()) {
12401
- self.currentMonth = Math.min(self.config.maxDate.getMonth(), self.currentMonth);
12402
- }
12403
- else if (self.config.minDate &&
12404
- self.currentYear === self.config.minDate.getFullYear()) {
12405
- self.currentMonth = Math.max(self.config.minDate.getMonth(), self.currentMonth);
12406
- }
12407
- if (isNewYear) {
12408
- self.redraw();
12409
- triggerEvent("onYearChange");
12410
- buildMonthSwitch();
12411
- }
12412
- }
12413
- function isEnabled(date, timeless) {
12414
- var _a;
12415
- if (timeless === void 0) { timeless = true; }
12416
- var dateToCheck = self.parseDate(date, undefined, timeless);
12417
- if ((self.config.minDate &&
12418
- dateToCheck &&
12419
- (0,_utils_dates__WEBPACK_IMPORTED_MODULE_4__.compareDates)(dateToCheck, self.config.minDate, timeless !== undefined ? timeless : !self.minDateHasTime) < 0) ||
12420
- (self.config.maxDate &&
12421
- dateToCheck &&
12422
- (0,_utils_dates__WEBPACK_IMPORTED_MODULE_4__.compareDates)(dateToCheck, self.config.maxDate, timeless !== undefined ? timeless : !self.maxDateHasTime) > 0))
12423
- return false;
12424
- if (!self.config.enable && self.config.disable.length === 0)
12425
- return true;
12426
- if (dateToCheck === undefined)
12427
- return false;
12428
- var bool = !!self.config.enable, array = (_a = self.config.enable) !== null && _a !== void 0 ? _a : self.config.disable;
12429
- for (var i = 0, d = void 0; i < array.length; i++) {
12430
- d = array[i];
12431
- if (typeof d === "function" &&
12432
- d(dateToCheck))
12433
- return bool;
12434
- else if (d instanceof Date &&
12435
- dateToCheck !== undefined &&
12436
- d.getTime() === dateToCheck.getTime())
12437
- return bool;
12438
- else if (typeof d === "string") {
12439
- var parsed = self.parseDate(d, undefined, true);
12440
- return parsed && parsed.getTime() === dateToCheck.getTime()
12441
- ? bool
12442
- : !bool;
12443
- }
12444
- else if (typeof d === "object" &&
12445
- dateToCheck !== undefined &&
12446
- d.from &&
12447
- d.to &&
12448
- dateToCheck.getTime() >= d.from.getTime() &&
12449
- dateToCheck.getTime() <= d.to.getTime())
12450
- return bool;
12451
- }
12452
- return !bool;
12453
- }
12454
- function isInView(elem) {
12455
- if (self.daysContainer !== undefined)
12456
- return (elem.className.indexOf("hidden") === -1 &&
12457
- elem.className.indexOf("flatpickr-disabled") === -1 &&
12458
- self.daysContainer.contains(elem));
12459
- return false;
12460
- }
12461
- function onBlur(e) {
12462
- var isInput = e.target === self._input;
12463
- var valueChanged = self._input.value.trimEnd() !== getDateStr();
12464
- if (isInput &&
12465
- valueChanged &&
12466
- !(e.relatedTarget && isCalendarElem(e.relatedTarget))) {
12467
- self.setDate(self._input.value, true, e.target === self.altInput
12468
- ? self.config.altFormat
12469
- : self.config.dateFormat);
12470
- }
12471
- }
12472
- function onKeyDown(e) {
12473
- var eventTarget = (0,_utils_dom__WEBPACK_IMPORTED_MODULE_3__.getEventTarget)(e);
12474
- var isInput = self.config.wrap
12475
- ? element.contains(eventTarget)
12476
- : eventTarget === self._input;
12477
- var allowInput = self.config.allowInput;
12478
- var allowKeydown = self.isOpen && (!allowInput || !isInput);
12479
- var allowInlineKeydown = self.config.inline && isInput && !allowInput;
12480
- if (e.keyCode === 13 && isInput) {
12481
- if (allowInput) {
12482
- self.setDate(self._input.value, true, eventTarget === self.altInput
12483
- ? self.config.altFormat
12484
- : self.config.dateFormat);
12485
- self.close();
12486
- return eventTarget.blur();
12487
- }
12488
- else {
12489
- self.open();
12490
- }
12491
- }
12492
- else if (isCalendarElem(eventTarget) ||
12493
- allowKeydown ||
12494
- allowInlineKeydown) {
12495
- var isTimeObj = !!self.timeContainer &&
12496
- self.timeContainer.contains(eventTarget);
12497
- switch (e.keyCode) {
12498
- case 13:
12499
- if (isTimeObj) {
12500
- e.preventDefault();
12501
- updateTime();
12502
- focusAndClose();
12503
- }
12504
- else
12505
- selectDate(e);
12506
- break;
12507
- case 27:
12508
- e.preventDefault();
12509
- focusAndClose();
12510
- break;
12511
- case 8:
12512
- case 46:
12513
- if (isInput && !self.config.allowInput) {
12514
- e.preventDefault();
12515
- self.clear();
12516
- }
12517
- break;
12518
- case 37:
12519
- case 39:
12520
- if (!isTimeObj && !isInput) {
12521
- e.preventDefault();
12522
- var activeElement = getClosestActiveElement();
12523
- if (self.daysContainer !== undefined &&
12524
- (allowInput === false ||
12525
- (activeElement && isInView(activeElement)))) {
12526
- var delta_1 = e.keyCode === 39 ? 1 : -1;
12527
- if (!e.ctrlKey)
12528
- focusOnDay(undefined, delta_1);
12529
- else {
12530
- e.stopPropagation();
12531
- changeMonth(delta_1);
12532
- focusOnDay(getFirstAvailableDay(1), 0);
12533
- }
12534
- }
12535
- }
12536
- else if (self.hourElement)
12537
- self.hourElement.focus();
12538
- break;
12539
- case 38:
12540
- case 40:
12541
- e.preventDefault();
12542
- var delta = e.keyCode === 40 ? 1 : -1;
12543
- if ((self.daysContainer &&
12544
- eventTarget.$i !== undefined) ||
12545
- eventTarget === self.input ||
12546
- eventTarget === self.altInput) {
12547
- if (e.ctrlKey) {
12548
- e.stopPropagation();
12549
- changeYear(self.currentYear - delta);
12550
- focusOnDay(getFirstAvailableDay(1), 0);
12551
- }
12552
- else if (!isTimeObj)
12553
- focusOnDay(undefined, delta * 7);
12554
- }
12555
- else if (eventTarget === self.currentYearElement) {
12556
- changeYear(self.currentYear - delta);
12557
- }
12558
- else if (self.config.enableTime) {
12559
- if (!isTimeObj && self.hourElement)
12560
- self.hourElement.focus();
12561
- updateTime(e);
12562
- self._debouncedChange();
12563
- }
12564
- break;
12565
- case 9:
12566
- if (isTimeObj) {
12567
- var elems = [
12568
- self.hourElement,
12569
- self.minuteElement,
12570
- self.secondElement,
12571
- self.amPM,
12572
- ]
12573
- .concat(self.pluginElements)
12574
- .filter(function (x) { return x; });
12575
- var i = elems.indexOf(eventTarget);
12576
- if (i !== -1) {
12577
- var target = elems[i + (e.shiftKey ? -1 : 1)];
12578
- e.preventDefault();
12579
- (target || self._input).focus();
12580
- }
12581
- }
12582
- else if (!self.config.noCalendar &&
12583
- self.daysContainer &&
12584
- self.daysContainer.contains(eventTarget) &&
12585
- e.shiftKey) {
12586
- e.preventDefault();
12587
- self._input.focus();
12588
- }
12589
- break;
12590
- default:
12591
- break;
12592
- }
12593
- }
12594
- if (self.amPM !== undefined && eventTarget === self.amPM) {
12595
- switch (e.key) {
12596
- case self.l10n.amPM[0].charAt(0):
12597
- case self.l10n.amPM[0].charAt(0).toLowerCase():
12598
- self.amPM.textContent = self.l10n.amPM[0];
12599
- setHoursFromInputs();
12600
- updateValue();
12601
- break;
12602
- case self.l10n.amPM[1].charAt(0):
12603
- case self.l10n.amPM[1].charAt(0).toLowerCase():
12604
- self.amPM.textContent = self.l10n.amPM[1];
12605
- setHoursFromInputs();
12606
- updateValue();
12607
- break;
12608
- }
12609
- }
12610
- if (isInput || isCalendarElem(eventTarget)) {
12611
- triggerEvent("onKeyDown", e);
12612
- }
12613
- }
12614
- function onMouseOver(elem, cellClass) {
12615
- if (cellClass === void 0) { cellClass = "flatpickr-day"; }
12616
- if (self.selectedDates.length !== 1 ||
12617
- (elem &&
12618
- (!elem.classList.contains(cellClass) ||
12619
- elem.classList.contains("flatpickr-disabled"))))
12620
- return;
12621
- var hoverDate = elem
12622
- ? elem.dateObj.getTime()
12623
- : self.days.firstElementChild.dateObj.getTime(), initialDate = self.parseDate(self.selectedDates[0], undefined, true).getTime(), rangeStartDate = Math.min(hoverDate, self.selectedDates[0].getTime()), rangeEndDate = Math.max(hoverDate, self.selectedDates[0].getTime());
12624
- var containsDisabled = false;
12625
- var minRange = 0, maxRange = 0;
12626
- for (var t = rangeStartDate; t < rangeEndDate; t += _utils_dates__WEBPACK_IMPORTED_MODULE_4__.duration.DAY) {
12627
- if (!isEnabled(new Date(t), true)) {
12628
- containsDisabled =
12629
- containsDisabled || (t > rangeStartDate && t < rangeEndDate);
12630
- if (t < initialDate && (!minRange || t > minRange))
12631
- minRange = t;
12632
- else if (t > initialDate && (!maxRange || t < maxRange))
12633
- maxRange = t;
12634
- }
12635
- }
12636
- var hoverableCells = Array.from(self.rContainer.querySelectorAll("*:nth-child(-n+" + self.config.showMonths + ") > ." + cellClass));
12637
- hoverableCells.forEach(function (dayElem) {
12638
- var date = dayElem.dateObj;
12639
- var timestamp = date.getTime();
12640
- var outOfRange = (minRange > 0 && timestamp < minRange) ||
12641
- (maxRange > 0 && timestamp > maxRange);
12642
- if (outOfRange) {
12643
- dayElem.classList.add("notAllowed");
12644
- ["inRange", "startRange", "endRange"].forEach(function (c) {
12645
- dayElem.classList.remove(c);
12646
- });
12647
- return;
12648
- }
12649
- else if (containsDisabled && !outOfRange)
12650
- return;
12651
- ["startRange", "inRange", "endRange", "notAllowed"].forEach(function (c) {
12652
- dayElem.classList.remove(c);
12653
- });
12654
- if (elem !== undefined) {
12655
- elem.classList.add(hoverDate <= self.selectedDates[0].getTime()
12656
- ? "startRange"
12657
- : "endRange");
12658
- if (initialDate < hoverDate && timestamp === initialDate)
12659
- dayElem.classList.add("startRange");
12660
- else if (initialDate > hoverDate && timestamp === initialDate)
12661
- dayElem.classList.add("endRange");
12662
- if (timestamp >= minRange &&
12663
- (maxRange === 0 || timestamp <= maxRange) &&
12664
- (0,_utils_dates__WEBPACK_IMPORTED_MODULE_4__.isBetween)(timestamp, initialDate, hoverDate))
12665
- dayElem.classList.add("inRange");
12666
- }
12667
- });
12668
- }
12669
- function onResize() {
12670
- if (self.isOpen && !self.config.static && !self.config.inline)
12671
- positionCalendar();
12672
- }
12673
- function open(e, positionElement) {
12674
- if (positionElement === void 0) { positionElement = self._positionElement; }
12675
- if (self.isMobile === true) {
12676
- if (e) {
12677
- e.preventDefault();
12678
- var eventTarget = (0,_utils_dom__WEBPACK_IMPORTED_MODULE_3__.getEventTarget)(e);
12679
- if (eventTarget) {
12680
- eventTarget.blur();
12681
- }
12682
- }
12683
- if (self.mobileInput !== undefined) {
12684
- self.mobileInput.focus();
12685
- self.mobileInput.click();
12686
- }
12687
- triggerEvent("onOpen");
12688
- return;
12689
- }
12690
- else if (self._input.disabled || self.config.inline) {
12691
- return;
12692
- }
12693
- var wasOpen = self.isOpen;
12694
- self.isOpen = true;
12695
- if (!wasOpen) {
12696
- self.calendarContainer.classList.add("open");
12697
- self._input.classList.add("active");
12698
- triggerEvent("onOpen");
12699
- positionCalendar(positionElement);
12700
- }
12701
- if (self.config.enableTime === true && self.config.noCalendar === true) {
12702
- if (self.config.allowInput === false &&
12703
- (e === undefined ||
12704
- !self.timeContainer.contains(e.relatedTarget))) {
12705
- setTimeout(function () { return self.hourElement.select(); }, 50);
12706
- }
12707
- }
12708
- }
12709
- function minMaxDateSetter(type) {
12710
- return function (date) {
12711
- var dateObj = (self.config["_" + type + "Date"] = self.parseDate(date, self.config.dateFormat));
12712
- var inverseDateObj = self.config["_" + (type === "min" ? "max" : "min") + "Date"];
12713
- if (dateObj !== undefined) {
12714
- self[type === "min" ? "minDateHasTime" : "maxDateHasTime"] =
12715
- dateObj.getHours() > 0 ||
12716
- dateObj.getMinutes() > 0 ||
12717
- dateObj.getSeconds() > 0;
12718
- }
12719
- if (self.selectedDates) {
12720
- self.selectedDates = self.selectedDates.filter(function (d) { return isEnabled(d); });
12721
- if (!self.selectedDates.length && type === "min")
12722
- setHoursFromDate(dateObj);
12723
- updateValue();
12724
- }
12725
- if (self.daysContainer) {
12726
- redraw();
12727
- if (dateObj !== undefined)
12728
- self.currentYearElement[type] = dateObj.getFullYear().toString();
12729
- else
12730
- self.currentYearElement.removeAttribute(type);
12731
- self.currentYearElement.disabled =
12732
- !!inverseDateObj &&
12733
- dateObj !== undefined &&
12734
- inverseDateObj.getFullYear() === dateObj.getFullYear();
12735
- }
12736
- };
12737
- }
12738
- function parseConfig() {
12739
- var boolOpts = [
12740
- "wrap",
12741
- "weekNumbers",
12742
- "allowInput",
12743
- "allowInvalidPreload",
12744
- "clickOpens",
12745
- "time_24hr",
12746
- "enableTime",
12747
- "noCalendar",
12748
- "altInput",
12749
- "shorthandCurrentMonth",
12750
- "inline",
12751
- "static",
12752
- "enableSeconds",
12753
- "disableMobile",
12754
- ];
12755
- var userConfig = __assign(__assign({}, JSON.parse(JSON.stringify(element.dataset || {}))), instanceConfig);
12756
- var formats = {};
12757
- self.config.parseDate = userConfig.parseDate;
12758
- self.config.formatDate = userConfig.formatDate;
12759
- Object.defineProperty(self.config, "enable", {
12760
- get: function () { return self.config._enable; },
12761
- set: function (dates) {
12762
- self.config._enable = parseDateRules(dates);
12763
- },
12764
- });
12765
- Object.defineProperty(self.config, "disable", {
12766
- get: function () { return self.config._disable; },
12767
- set: function (dates) {
12768
- self.config._disable = parseDateRules(dates);
12769
- },
12770
- });
12771
- var timeMode = userConfig.mode === "time";
12772
- if (!userConfig.dateFormat && (userConfig.enableTime || timeMode)) {
12773
- var defaultDateFormat = flatpickr.defaultConfig.dateFormat || _types_options__WEBPACK_IMPORTED_MODULE_0__.defaults.dateFormat;
12774
- formats.dateFormat =
12775
- userConfig.noCalendar || timeMode
12776
- ? "H:i" + (userConfig.enableSeconds ? ":S" : "")
12777
- : defaultDateFormat + " H:i" + (userConfig.enableSeconds ? ":S" : "");
12778
- }
12779
- if (userConfig.altInput &&
12780
- (userConfig.enableTime || timeMode) &&
12781
- !userConfig.altFormat) {
12782
- var defaultAltFormat = flatpickr.defaultConfig.altFormat || _types_options__WEBPACK_IMPORTED_MODULE_0__.defaults.altFormat;
12783
- formats.altFormat =
12784
- userConfig.noCalendar || timeMode
12785
- ? "h:i" + (userConfig.enableSeconds ? ":S K" : " K")
12786
- : defaultAltFormat + (" h:i" + (userConfig.enableSeconds ? ":S" : "") + " K");
12787
- }
12788
- Object.defineProperty(self.config, "minDate", {
12789
- get: function () { return self.config._minDate; },
12790
- set: minMaxDateSetter("min"),
12791
- });
12792
- Object.defineProperty(self.config, "maxDate", {
12793
- get: function () { return self.config._maxDate; },
12794
- set: minMaxDateSetter("max"),
12795
- });
12796
- var minMaxTimeSetter = function (type) { return function (val) {
12797
- self.config[type === "min" ? "_minTime" : "_maxTime"] = self.parseDate(val, "H:i:S");
12798
- }; };
12799
- Object.defineProperty(self.config, "minTime", {
12800
- get: function () { return self.config._minTime; },
12801
- set: minMaxTimeSetter("min"),
12802
- });
12803
- Object.defineProperty(self.config, "maxTime", {
12804
- get: function () { return self.config._maxTime; },
12805
- set: minMaxTimeSetter("max"),
12806
- });
12807
- if (userConfig.mode === "time") {
12808
- self.config.noCalendar = true;
12809
- self.config.enableTime = true;
12810
- }
12811
- Object.assign(self.config, formats, userConfig);
12812
- for (var i = 0; i < boolOpts.length; i++)
12813
- self.config[boolOpts[i]] =
12814
- self.config[boolOpts[i]] === true ||
12815
- self.config[boolOpts[i]] === "true";
12816
- _types_options__WEBPACK_IMPORTED_MODULE_0__.HOOKS.filter(function (hook) { return self.config[hook] !== undefined; }).forEach(function (hook) {
12817
- self.config[hook] = (0,_utils__WEBPACK_IMPORTED_MODULE_2__.arrayify)(self.config[hook] || []).map(bindToInstance);
12818
- });
12819
- self.isMobile =
12820
- !self.config.disableMobile &&
12821
- !self.config.inline &&
12822
- self.config.mode === "single" &&
12823
- !self.config.disable.length &&
12824
- !self.config.enable &&
12825
- !self.config.weekNumbers &&
12826
- /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
12827
- for (var i = 0; i < self.config.plugins.length; i++) {
12828
- var pluginConf = self.config.plugins[i](self) || {};
12829
- for (var key in pluginConf) {
12830
- if (_types_options__WEBPACK_IMPORTED_MODULE_0__.HOOKS.indexOf(key) > -1) {
12831
- self.config[key] = (0,_utils__WEBPACK_IMPORTED_MODULE_2__.arrayify)(pluginConf[key])
12832
- .map(bindToInstance)
12833
- .concat(self.config[key]);
12834
- }
12835
- else if (typeof userConfig[key] === "undefined")
12836
- self.config[key] = pluginConf[key];
12837
- }
12838
- }
12839
- if (!userConfig.altInputClass) {
12840
- self.config.altInputClass =
12841
- getInputElem().className + " " + self.config.altInputClass;
12842
- }
12843
- triggerEvent("onParseConfig");
12844
- }
12845
- function getInputElem() {
12846
- return self.config.wrap
12847
- ? element.querySelector("[data-input]")
12848
- : element;
12849
- }
12850
- function setupLocale() {
12851
- if (typeof self.config.locale !== "object" &&
12852
- typeof flatpickr.l10ns[self.config.locale] === "undefined")
12853
- self.config.errorHandler(new Error("flatpickr: invalid locale " + self.config.locale));
12854
- self.l10n = __assign(__assign({}, flatpickr.l10ns.default), (typeof self.config.locale === "object"
12855
- ? self.config.locale
12856
- : self.config.locale !== "default"
12857
- ? flatpickr.l10ns[self.config.locale]
12858
- : undefined));
12859
- _utils_formatting__WEBPACK_IMPORTED_MODULE_5__.tokenRegex.D = "(" + self.l10n.weekdays.shorthand.join("|") + ")";
12860
- _utils_formatting__WEBPACK_IMPORTED_MODULE_5__.tokenRegex.l = "(" + self.l10n.weekdays.longhand.join("|") + ")";
12861
- _utils_formatting__WEBPACK_IMPORTED_MODULE_5__.tokenRegex.M = "(" + self.l10n.months.shorthand.join("|") + ")";
12862
- _utils_formatting__WEBPACK_IMPORTED_MODULE_5__.tokenRegex.F = "(" + self.l10n.months.longhand.join("|") + ")";
12863
- _utils_formatting__WEBPACK_IMPORTED_MODULE_5__.tokenRegex.K = "(" + self.l10n.amPM[0] + "|" + self.l10n.amPM[1] + "|" + self.l10n.amPM[0].toLowerCase() + "|" + self.l10n.amPM[1].toLowerCase() + ")";
12864
- var userConfig = __assign(__assign({}, instanceConfig), JSON.parse(JSON.stringify(element.dataset || {})));
12865
- if (userConfig.time_24hr === undefined &&
12866
- flatpickr.defaultConfig.time_24hr === undefined) {
12867
- self.config.time_24hr = self.l10n.time_24hr;
12868
- }
12869
- self.formatDate = (0,_utils_dates__WEBPACK_IMPORTED_MODULE_4__.createDateFormatter)(self);
12870
- self.parseDate = (0,_utils_dates__WEBPACK_IMPORTED_MODULE_4__.createDateParser)({ config: self.config, l10n: self.l10n });
12871
- }
12872
- function positionCalendar(customPositionElement) {
12873
- if (typeof self.config.position === "function") {
12874
- return void self.config.position(self, customPositionElement);
12875
- }
12876
- if (self.calendarContainer === undefined)
12877
- return;
12878
- triggerEvent("onPreCalendarPosition");
12879
- var positionElement = customPositionElement || self._positionElement;
12880
- var calendarHeight = Array.prototype.reduce.call(self.calendarContainer.children, (function (acc, child) { return acc + child.offsetHeight; }), 0), calendarWidth = self.calendarContainer.offsetWidth, configPos = self.config.position.split(" "), configPosVertical = configPos[0], configPosHorizontal = configPos.length > 1 ? configPos[1] : null, inputBounds = positionElement.getBoundingClientRect(), distanceFromBottom = window.innerHeight - inputBounds.bottom, showOnTop = configPosVertical === "above" ||
12881
- (configPosVertical !== "below" &&
12882
- distanceFromBottom < calendarHeight &&
12883
- inputBounds.top > calendarHeight);
12884
- var top = window.pageYOffset +
12885
- inputBounds.top +
12886
- (!showOnTop ? positionElement.offsetHeight + 2 : -calendarHeight - 2);
12887
- (0,_utils_dom__WEBPACK_IMPORTED_MODULE_3__.toggleClass)(self.calendarContainer, "arrowTop", !showOnTop);
12888
- (0,_utils_dom__WEBPACK_IMPORTED_MODULE_3__.toggleClass)(self.calendarContainer, "arrowBottom", showOnTop);
12889
- if (self.config.inline)
12890
- return;
12891
- var left = window.pageXOffset + inputBounds.left;
12892
- var isCenter = false;
12893
- var isRight = false;
12894
- if (configPosHorizontal === "center") {
12895
- left -= (calendarWidth - inputBounds.width) / 2;
12896
- isCenter = true;
12897
- }
12898
- else if (configPosHorizontal === "right") {
12899
- left -= calendarWidth - inputBounds.width;
12900
- isRight = true;
12901
- }
12902
- (0,_utils_dom__WEBPACK_IMPORTED_MODULE_3__.toggleClass)(self.calendarContainer, "arrowLeft", !isCenter && !isRight);
12903
- (0,_utils_dom__WEBPACK_IMPORTED_MODULE_3__.toggleClass)(self.calendarContainer, "arrowCenter", isCenter);
12904
- (0,_utils_dom__WEBPACK_IMPORTED_MODULE_3__.toggleClass)(self.calendarContainer, "arrowRight", isRight);
12905
- var right = window.document.body.offsetWidth -
12906
- (window.pageXOffset + inputBounds.right);
12907
- var rightMost = left + calendarWidth > window.document.body.offsetWidth;
12908
- var centerMost = right + calendarWidth > window.document.body.offsetWidth;
12909
- (0,_utils_dom__WEBPACK_IMPORTED_MODULE_3__.toggleClass)(self.calendarContainer, "rightMost", rightMost);
12910
- if (self.config.static)
12911
- return;
12912
- self.calendarContainer.style.top = top + "px";
12913
- if (!rightMost) {
12914
- self.calendarContainer.style.left = left + "px";
12915
- self.calendarContainer.style.right = "auto";
12916
- }
12917
- else if (!centerMost) {
12918
- self.calendarContainer.style.left = "auto";
12919
- self.calendarContainer.style.right = right + "px";
12920
- }
12921
- else {
12922
- var doc = getDocumentStyleSheet();
12923
- if (doc === undefined)
12924
- return;
12925
- var bodyWidth = window.document.body.offsetWidth;
12926
- var centerLeft = Math.max(0, bodyWidth / 2 - calendarWidth / 2);
12927
- var centerBefore = ".flatpickr-calendar.centerMost:before";
12928
- var centerAfter = ".flatpickr-calendar.centerMost:after";
12929
- var centerIndex = doc.cssRules.length;
12930
- var centerStyle = "{left:" + inputBounds.left + "px;right:auto;}";
12931
- (0,_utils_dom__WEBPACK_IMPORTED_MODULE_3__.toggleClass)(self.calendarContainer, "rightMost", false);
12932
- (0,_utils_dom__WEBPACK_IMPORTED_MODULE_3__.toggleClass)(self.calendarContainer, "centerMost", true);
12933
- doc.insertRule(centerBefore + "," + centerAfter + centerStyle, centerIndex);
12934
- self.calendarContainer.style.left = centerLeft + "px";
12935
- self.calendarContainer.style.right = "auto";
12936
- }
12937
- }
12938
- function getDocumentStyleSheet() {
12939
- var editableSheet = null;
12940
- for (var i = 0; i < document.styleSheets.length; i++) {
12941
- var sheet = document.styleSheets[i];
12942
- if (!sheet.cssRules)
12943
- continue;
12944
- try {
12945
- sheet.cssRules;
12946
- }
12947
- catch (err) {
12948
- continue;
12949
- }
12950
- editableSheet = sheet;
12951
- break;
12952
- }
12953
- return editableSheet != null ? editableSheet : createStyleSheet();
12954
- }
12955
- function createStyleSheet() {
12956
- var style = document.createElement("style");
12957
- document.head.appendChild(style);
12958
- return style.sheet;
12959
- }
12960
- function redraw() {
12961
- if (self.config.noCalendar || self.isMobile)
12962
- return;
12963
- buildMonthSwitch();
12964
- updateNavigationCurrentMonth();
12965
- buildDays();
12966
- }
12967
- function focusAndClose() {
12968
- self._input.focus();
12969
- if (window.navigator.userAgent.indexOf("MSIE") !== -1 ||
12970
- navigator.msMaxTouchPoints !== undefined) {
12971
- setTimeout(self.close, 0);
12972
- }
12973
- else {
12974
- self.close();
12975
- }
12976
- }
12977
- function selectDate(e) {
12978
- e.preventDefault();
12979
- e.stopPropagation();
12980
- var isSelectable = function (day) {
12981
- return day.classList &&
12982
- day.classList.contains("flatpickr-day") &&
12983
- !day.classList.contains("flatpickr-disabled") &&
12984
- !day.classList.contains("notAllowed");
12985
- };
12986
- var t = (0,_utils_dom__WEBPACK_IMPORTED_MODULE_3__.findParent)((0,_utils_dom__WEBPACK_IMPORTED_MODULE_3__.getEventTarget)(e), isSelectable);
12987
- if (t === undefined)
12988
- return;
12989
- var target = t;
12990
- var selectedDate = (self.latestSelectedDateObj = new Date(target.dateObj.getTime()));
12991
- var shouldChangeMonth = (selectedDate.getMonth() < self.currentMonth ||
12992
- selectedDate.getMonth() >
12993
- self.currentMonth + self.config.showMonths - 1) &&
12994
- self.config.mode !== "range";
12995
- self.selectedDateElem = target;
12996
- if (self.config.mode === "single")
12997
- self.selectedDates = [selectedDate];
12998
- else if (self.config.mode === "multiple") {
12999
- var selectedIndex = isDateSelected(selectedDate);
13000
- if (selectedIndex)
13001
- self.selectedDates.splice(parseInt(selectedIndex), 1);
13002
- else
13003
- self.selectedDates.push(selectedDate);
13004
- }
13005
- else if (self.config.mode === "range") {
13006
- if (self.selectedDates.length === 2) {
13007
- self.clear(false, false);
13008
- }
13009
- self.latestSelectedDateObj = selectedDate;
13010
- self.selectedDates.push(selectedDate);
13011
- if ((0,_utils_dates__WEBPACK_IMPORTED_MODULE_4__.compareDates)(selectedDate, self.selectedDates[0], true) !== 0)
13012
- self.selectedDates.sort(function (a, b) { return a.getTime() - b.getTime(); });
13013
- }
13014
- setHoursFromInputs();
13015
- if (shouldChangeMonth) {
13016
- var isNewYear = self.currentYear !== selectedDate.getFullYear();
13017
- self.currentYear = selectedDate.getFullYear();
13018
- self.currentMonth = selectedDate.getMonth();
13019
- if (isNewYear) {
13020
- triggerEvent("onYearChange");
13021
- buildMonthSwitch();
13022
- }
13023
- triggerEvent("onMonthChange");
13024
- }
13025
- updateNavigationCurrentMonth();
13026
- buildDays();
13027
- updateValue();
13028
- if (!shouldChangeMonth &&
13029
- self.config.mode !== "range" &&
13030
- self.config.showMonths === 1)
13031
- focusOnDayElem(target);
13032
- else if (self.selectedDateElem !== undefined &&
13033
- self.hourElement === undefined) {
13034
- self.selectedDateElem && self.selectedDateElem.focus();
13035
- }
13036
- if (self.hourElement !== undefined)
13037
- self.hourElement !== undefined && self.hourElement.focus();
13038
- if (self.config.closeOnSelect) {
13039
- var single = self.config.mode === "single" && !self.config.enableTime;
13040
- var range = self.config.mode === "range" &&
13041
- self.selectedDates.length === 2 &&
13042
- !self.config.enableTime;
13043
- if (single || range) {
13044
- focusAndClose();
13045
- }
13046
- }
13047
- triggerChange();
13048
- }
13049
- var CALLBACKS = {
13050
- locale: [setupLocale, updateWeekdays],
13051
- showMonths: [buildMonths, setCalendarWidth, buildWeekdays],
13052
- minDate: [jumpToDate],
13053
- maxDate: [jumpToDate],
13054
- positionElement: [updatePositionElement],
13055
- clickOpens: [
13056
- function () {
13057
- if (self.config.clickOpens === true) {
13058
- bind(self._input, "focus", self.open);
13059
- bind(self._input, "click", self.open);
13060
- }
13061
- else {
13062
- self._input.removeEventListener("focus", self.open);
13063
- self._input.removeEventListener("click", self.open);
13064
- }
13065
- },
13066
- ],
13067
- };
13068
- function set(option, value) {
13069
- if (option !== null && typeof option === "object") {
13070
- Object.assign(self.config, option);
13071
- for (var key in option) {
13072
- if (CALLBACKS[key] !== undefined)
13073
- CALLBACKS[key].forEach(function (x) { return x(); });
13074
- }
13075
- }
13076
- else {
13077
- self.config[option] = value;
13078
- if (CALLBACKS[option] !== undefined)
13079
- CALLBACKS[option].forEach(function (x) { return x(); });
13080
- else if (_types_options__WEBPACK_IMPORTED_MODULE_0__.HOOKS.indexOf(option) > -1)
13081
- self.config[option] = (0,_utils__WEBPACK_IMPORTED_MODULE_2__.arrayify)(value);
13082
- }
13083
- self.redraw();
13084
- updateValue(true);
13085
- }
13086
- function setSelectedDate(inputDate, format) {
13087
- var dates = [];
13088
- if (inputDate instanceof Array)
13089
- dates = inputDate.map(function (d) { return self.parseDate(d, format); });
13090
- else if (inputDate instanceof Date || typeof inputDate === "number")
13091
- dates = [self.parseDate(inputDate, format)];
13092
- else if (typeof inputDate === "string") {
13093
- switch (self.config.mode) {
13094
- case "single":
13095
- case "time":
13096
- dates = [self.parseDate(inputDate, format)];
13097
- break;
13098
- case "multiple":
13099
- dates = inputDate
13100
- .split(self.config.conjunction)
13101
- .map(function (date) { return self.parseDate(date, format); });
13102
- break;
13103
- case "range":
13104
- dates = inputDate
13105
- .split(self.l10n.rangeSeparator)
13106
- .map(function (date) { return self.parseDate(date, format); });
13107
- break;
13108
- default:
13109
- break;
13110
- }
13111
- }
13112
- else
13113
- self.config.errorHandler(new Error("Invalid date supplied: " + JSON.stringify(inputDate)));
13114
- self.selectedDates = (self.config.allowInvalidPreload
13115
- ? dates
13116
- : dates.filter(function (d) { return d instanceof Date && isEnabled(d, false); }));
13117
- if (self.config.mode === "range")
13118
- self.selectedDates.sort(function (a, b) { return a.getTime() - b.getTime(); });
13119
- }
13120
- function setDate(date, triggerChange, format) {
13121
- if (triggerChange === void 0) { triggerChange = false; }
13122
- if (format === void 0) { format = self.config.dateFormat; }
13123
- if ((date !== 0 && !date) || (date instanceof Array && date.length === 0))
13124
- return self.clear(triggerChange);
13125
- setSelectedDate(date, format);
13126
- self.latestSelectedDateObj =
13127
- self.selectedDates[self.selectedDates.length - 1];
13128
- self.redraw();
13129
- jumpToDate(undefined, triggerChange);
13130
- setHoursFromDate();
13131
- if (self.selectedDates.length === 0) {
13132
- self.clear(false);
13133
- }
13134
- updateValue(triggerChange);
13135
- if (triggerChange)
13136
- triggerEvent("onChange");
13137
- }
13138
- function parseDateRules(arr) {
13139
- return arr
13140
- .slice()
13141
- .map(function (rule) {
13142
- if (typeof rule === "string" ||
13143
- typeof rule === "number" ||
13144
- rule instanceof Date) {
13145
- return self.parseDate(rule, undefined, true);
13146
- }
13147
- else if (rule &&
13148
- typeof rule === "object" &&
13149
- rule.from &&
13150
- rule.to)
13151
- return {
13152
- from: self.parseDate(rule.from, undefined),
13153
- to: self.parseDate(rule.to, undefined),
13154
- };
13155
- return rule;
13156
- })
13157
- .filter(function (x) { return x; });
13158
- }
13159
- function setupDates() {
13160
- self.selectedDates = [];
13161
- self.now = self.parseDate(self.config.now) || new Date();
13162
- var preloadedDate = self.config.defaultDate ||
13163
- ((self.input.nodeName === "INPUT" ||
13164
- self.input.nodeName === "TEXTAREA") &&
13165
- self.input.placeholder &&
13166
-