reduxframework / redux-framework

redux-core/inc/classes/class-redux-args.php

Indentation +384 added lines, -384 removed lines

@@ -11,388 +11,388 @@
 
 if ( ! class_exists( 'Redux_Args', false ) ) {
 
-	/**
-	 * Class Redux_Args
-	 */
-	class Redux_Args {
-
-		/**
-		 * Returns entire arguments array.
-		 *
-		 * @var array|mixed
-		 */
-		public $get = array();
-
-		/**
-		 * ReduxFramework object.
-		 *
-		 * @var ReduxFramework|null
-		 */
-		private ?ReduxFramework $parent;
-
-		/**
-		 * Switch to omit social icons if dev_mode is set to true and Redux defaults are used.
-		 *
-		 * @var bool
-		 */
-		public bool $omit_icons = false;
-
-		/**
-		 * Switch to omit support menu items if dev_mode is set to true and redux defaults are used.
-		 *
-		 * @var bool
-		 */
-		public bool $omit_items = false;
-
-		/**
-		 * Flag to force dev_mod to true if in localhost or WP_DEBUG is set to true.
-		 *
-		 * @var bool
-		 */
-		public bool $dev_mode_forced = false;
-
-		/**
-		 * Redux_Args constructor.
-		 *
-		 * @param ReduxFramework $redux ReduxFramework object.
-		 * @param array          $args  Global arguments array.
-		 */
-		public function __construct( ReduxFramework $redux, array $args ) {
-			$this->parent = $redux;
-
-			$default = array(
-				'opt_name'                         => '',
-				'last_tab'                         => '',
-				'menu_icon'                        => '',
-				'menu_title'                       => '',
-				'page_title'                       => '',
-				'page_slug'                        => '',
-				'page_permissions'                 => 'manage_options',
-				'menu_type'                        => 'menu',
-				'page_parent'                      => 'themes.php',
-				'page_priority'                    => null,
-				'allow_sub_menu'                   => true,
-				'save_defaults'                    => true,
-				'footer_credit'                    => '',
-				'async_typography'                 => false,
-				'disable_google_fonts_link'        => false,
-				'class'                            => '',
-				'admin_bar'                        => true,
-				'admin_bar_priority'               => 999,
-				'admin_bar_icon'                   => '',
-				'help_tabs'                        => array(),
-				'help_sidebar'                     => '',
-				'database'                         => '',
-				'customizer'                       => false,
-				'global_variable'                  => '',
-				'output'                           => true,
-				'output_variables_prefix'          => '--',
-				'compiler_output_variables_prefix' => '$',
-				'compiler'                         => true,
-				'output_tag'                       => true,
-				'output_location'                  => array( 'frontend' ),
-				'transient_time'                   => '',
-				'default_show'                     => false,
-				'default_mark'                     => '',
-				'disable_save_warn'                => false,
-				'open_expanded'                    => false,
-				'hide_expand'                      => false,
-				'network_admin'                    => false,
-				'network_sites'                    => true,
-				'hide_reset'                       => false,
-				'hide_save'                        => false,
-				'hints'                            => array(
-					'icon'          => 'el el-question-sign',
-					'icon_position' => 'right',
-					'icon_color'    => 'lightgray',
-					'icon_size'     => 'normal',
-					'tip_style'     => array(
-						'color'   => 'light',
-						'shadow'  => true,
-						'rounded' => false,
-						'style'   => '',
-					),
-					'tip_position'  => array(
-						'my' => 'top_left',
-						'at' => 'bottom_right',
-					),
-					'tip_effect'    => array(
-						'show' => array(
-							'effect'   => 'slide',
-							'duration' => '500',
-							'event'    => 'mouseover',
-						),
-						'hide' => array(
-							'effect'   => 'fade',
-							'duration' => '500',
-							'event'    => 'click mouseleave',
-						),
-					),
-				),
-				'font_weights'                     => array(
-					array(
-						'id'   => '400',
-						'name' => __( 'Regular 400', 'redux-framework' ),
-					),
-					array(
-						'id'   => '400italic',
-						'name' => __( 'Regular 400 Italic', 'redux-framework' ),
-					),
-					array(
-						'id'   => '700',
-						'name' => __( 'Bold 700', 'redux-framework' ),
-					),
-					array(
-						'id'   => '700italic',
-						'name' => __( 'Bold 700 Italic', 'redux-framework' ),
-					),
-				),
-				'show_import_export'               => true,
-				'show_options_object'              => true,
-				'dev_mode'                         => true,
-				'templates_path'                   => '',
-				'ajax_save'                        => true,
-				'use_cdn'                          => true,
-				'cdn_check_time'                   => 1440,
-				'options_api'                      => true,
-				'allow_tracking'                   => true,
-				'admin_theme'                      => 'wp',
-				'elusive_frontend'                 => false,
-				'fontawesome_frontend'             => false,
-				'flyout_submenus'                  => true,
-				'font_display'                     => 'swap', // block|swap|fallback|optional.
-				'load_on_cron'                     => false,
-				'search'                           => false,
-			);
-
-			$args = Redux_Functions::parse_args( $args, $default );
-
-			$args = $this->args( $args );
-
-			$args = $this->default_cleanup( $args );
-
-			if ( ! in_array( $args['font_display'], array( 'block', 'swap', 'fallback', 'optional' ), true ) ) {
-				$args['font_display'] = 'swap';
-			}
-
-			if ( isset( $args['async_typography'] ) && $args['async_typography'] ) {
-				$args['async_typography'] = false;
-			}
-
-			$this->get = $args;
-
-			$this->parent->args = $args;
-
-			if ( 'redux_extensions_demo' !== $args['opt_name'] && 'redux_demo' !== $args['opt_name'] ) {
-				$this->change_demo_defaults( $args );
-			}
-		}
-
-		/**
-		 * Builds and sanitizes a global args array.
-		 *
-		 * @param     array $args Global args.
-		 *
-		 * @return array
-		 */
-		private function args( array $args ): array {
-			$args = $this->no_errors_please( $args );
-
-			$this->parent->old_opt_name = $args['opt_name'];
-
-			$args = $this->filters( $args );
-
-			if ( ! function_exists( 'wp_rand' ) ) {
-				require_once ABSPATH . '/wp-includes/pluggable.php';
-			}
-
-			if ( $args['opt_name'] === $this->parent->old_opt_name ) {
-				$this->parent->old_opt_name = null;
-				unset( $this->parent->old_opt_name );
-			}
-
-			// Do not save the defaults if we're on a live preview!
-			if ( 'customize' === $GLOBALS['pagenow'] && isset( $_GET['customize_theme'] ) && ! empty( $_GET['customize_theme'] ) ) { // phpcs:ignore WordPress.Security.NonceVerification
-				$args['save_defaults'] = false;
-			}
-
-			return $this->shim( $args );
-		}
-
-		/**
-		 * Apply filters to arg data.
-		 *
-		 * @param     array $args Global args.
-		 *
-		 * @return mixed|void
-		 */
-		private function filters( array $args ) {
-			/**
-			 * Filter 'redux/args/{opt_name}'
-			 *
-			 * @param     array     $args ReduxFramework configuration
-			 */
-
-			// phpcs:ignore WordPress.NamingConventions.ValidHookName
-			$args = apply_filters( "redux/args/{$args['opt_name']}", $args );
-
-			/**
-			 * Filter 'redux/options/{opt_name}/args'
-			 *
-			 * @param     array     $args ReduxFramework configuration
-			 */
-
-			// phpcs:ignore WordPress.NamingConventions.ValidHookName
-			return apply_filters( "redux/options/{$args['opt_name']}/args", $args );
-		}
-
-		/**
-		 * Sanitize args that should not be empty.
-		 *
-		 * @param     array $args Global args.
-		 *
-		 * @return array
-		 */
-		private function no_errors_please( array $args ): array {
-			if ( empty( $args['transient_time'] ) ) {
-				$args['transient_time'] = 60 * MINUTE_IN_SECONDS;
-			}
-
-			if ( empty( $args['footer_credit'] ) ) {
-
-				$footer_text = sprintf(
-				/* translators: 1: Redux, 2: Link to plugin review */
-					__( 'Enjoyed %1$s? Please leave us a %2$s rating. We really appreciate your support!', 'redux-framework' ),
-					'<strong>' . __( 'Redux', 'redux-framework' ) . '</strong>',
-					'<a href="https://wordpress.org/support/plugin/redux-framework/reviews/?filter=5/#new-post" target="_blank">&#9733;&#9733;&#9733;&#9733;&#9733;</a>'
-				);
-				$args['footer_credit'] = '<span id="footer-thankyou">' . $footer_text . '</span>';
-			}
-
-			if ( empty( $args['menu_title'] ) ) {
-				$args['menu_title'] = esc_html__( 'Options', 'redux-framework' );
-			}
-
-			if ( empty( $args['page_title'] ) ) {
-				$args['page_title'] = esc_html__( 'Options', 'redux-framework' );
-			}
-
-			// Auto creates the page_slug appropriately.
-			if ( empty( $args['page_slug'] ) ) {
-				if ( ! empty( $args['display_name'] ) ) {
-					$args['page_slug'] = sanitize_html_class( $args['display_name'] );
-				} elseif ( ! empty( $args['page_title'] ) ) {
-					$args['page_slug'] = sanitize_html_class( $args['page_title'] );
-				} elseif ( ! empty( $args['menu_title'] ) ) {
-					$args['page_slug'] = sanitize_html_class( $args['menu_title'] );
-				} else {
-					$args['page_slug'] = str_replace( '-', '_', $args['opt_name'] );
-				}
-			}
-
-			return $args;
-		}
-
-		/**
-		 * Shims for much older v3 configs.
-		 *
-		 * @param     array $args Global args.
-		 *
-		 * @return array
-		 */
-		private function shim( array $args ): array {
-			/**
-			 * SHIM SECTION
-			 * Old variables and ways of doing things that need correcting.  ;)
-			 * */
-			// Variable name change.
-			if ( ! empty( $args['page_cap'] ) ) {
-				$args['page_permissions'] = $args['page_cap'];
-				unset( $args['page_cap'] );
-			}
-
-			if ( ! empty( $args['page_position'] ) ) {
-				$args['page_priority'] = $args['page_position'];
-				unset( $args['page_position'] );
-			}
-
-			if ( ! empty( $args['page_type'] ) ) {
-				$args['menu_type'] = $args['page_type'];
-				unset( $args['page_type'] );
-			}
-
-			return $args;
-		}
-
-		/**
-		 * Verify to see if dev has bothered to change admin bar links and share icons from demo data to their own.
-		 *
-		 * @param array $args Global args.
-		 */
-		private function change_demo_defaults( array $args ) {
-			if ( $args['dev_mode'] || true === Redux_Helpers::is_local_host() ) {
-				if ( ! empty( $args['admin_bar_links'] ) ) {
-					foreach ( $args['admin_bar_links'] as $arr ) {
-						if ( is_array( $arr ) && ! empty( $arr ) ) {
-							foreach ( $arr as $y ) {
-								if ( strpos( Redux_Core::strtolower( $y ), 'redux' ) !== false ) {
-									$this->omit_items = true;
-									break;
-								}
-							}
-						}
-					}
-				}
-
-				if ( ! empty( $args['share_icons'] ) ) {
-					foreach ( $args['share_icons'] as $arr ) {
-						if ( is_array( $arr ) && ! empty( $arr ) ) {
-							foreach ( $arr as $y ) {
-								if ( strpos( Redux_Core::strtolower( $y ), 'redux' ) !== false ) {
-									$this->omit_icons = true;
-								}
-							}
-						}
-					}
-				}
-			}
-		}
-
-		/**
-		 * Fix other arg criteria that sometimes gets hosed up.
-		 *
-		 * @param array $args Global args.
-		 *
-		 * @return array
-		 * @noinspection PhpStrictComparisonWithOperandsOfDifferentTypesInspection
-		 */
-		private function default_cleanup( array $args ): array {
-
-			// Fix the global variable name.
-			if ( '' === $args['global_variable'] && false !== $args['global_variable'] ) {
-				$args['global_variable'] = str_replace( '-', '_', $args['opt_name'] );
-			}
-
-			if ( isset( $args['customizer_only'] ) && $args['customizer_only'] ) {
-				$args['menu_type']      = 'hidden';
-				$args['customizer']     = true;
-				$args['admin_bar']      = false;
-				$args['allow_sub_menu'] = false;
-			}
-
-			// Check if the Airplane Mode plugin is installed.
-			if ( class_exists( 'Airplane_Mode_Core' ) ) {
-				$airplane = Airplane_Mode_Core::getInstance();
-				if ( method_exists( $airplane, 'enabled' ) ) {
-					if ( $airplane->enabled() ) {
-						$args['use_cdn'] = false;
-					}
-				} elseif ( 'on' === $airplane->check_status() ) {
-					$args['use_cdn'] = false;
-				}
-			}
-
-			return $args;
-		}
-	}
+    /**
+     * Class Redux_Args
+     */
+    class Redux_Args {
+
+        /**
+         * Returns entire arguments array.
+         *
+         * @var array|mixed
+         */
+        public $get = array();
+
+        /**
+         * ReduxFramework object.
+         *
+         * @var ReduxFramework|null
+         */
+        private ?ReduxFramework $parent;
+
+        /**
+         * Switch to omit social icons if dev_mode is set to true and Redux defaults are used.
+         *
+         * @var bool
+         */
+        public bool $omit_icons = false;
+
+        /**
+         * Switch to omit support menu items if dev_mode is set to true and redux defaults are used.
+         *
+         * @var bool
+         */
+        public bool $omit_items = false;
+
+        /**
+         * Flag to force dev_mod to true if in localhost or WP_DEBUG is set to true.
+         *
+         * @var bool
+         */
+        public bool $dev_mode_forced = false;
+
+        /**
+         * Redux_Args constructor.
+         *
+         * @param ReduxFramework $redux ReduxFramework object.
+         * @param array          $args  Global arguments array.
+         */
+        public function __construct( ReduxFramework $redux, array $args ) {
+            $this->parent = $redux;
+
+            $default = array(
+                'opt_name'                         => '',
+                'last_tab'                         => '',
+                'menu_icon'                        => '',
+                'menu_title'                       => '',
+                'page_title'                       => '',
+                'page_slug'                        => '',
+                'page_permissions'                 => 'manage_options',
+                'menu_type'                        => 'menu',
+                'page_parent'                      => 'themes.php',
+                'page_priority'                    => null,
+                'allow_sub_menu'                   => true,
+                'save_defaults'                    => true,
+                'footer_credit'                    => '',
+                'async_typography'                 => false,
+                'disable_google_fonts_link'        => false,
+                'class'                            => '',
+                'admin_bar'                        => true,
+                'admin_bar_priority'               => 999,
+                'admin_bar_icon'                   => '',
+                'help_tabs'                        => array(),
+                'help_sidebar'                     => '',
+                'database'                         => '',
+                'customizer'                       => false,
+                'global_variable'                  => '',
+                'output'                           => true,
+                'output_variables_prefix'          => '--',
+                'compiler_output_variables_prefix' => '$',
+                'compiler'                         => true,
+                'output_tag'                       => true,
+                'output_location'                  => array( 'frontend' ),
+                'transient_time'                   => '',
+                'default_show'                     => false,
+                'default_mark'                     => '',
+                'disable_save_warn'                => false,
+                'open_expanded'                    => false,
+                'hide_expand'                      => false,
+                'network_admin'                    => false,
+                'network_sites'                    => true,
+                'hide_reset'                       => false,
+                'hide_save'                        => false,
+                'hints'                            => array(
+                    'icon'          => 'el el-question-sign',
+                    'icon_position' => 'right',
+                    'icon_color'    => 'lightgray',
+                    'icon_size'     => 'normal',
+                    'tip_style'     => array(
+                        'color'   => 'light',
+                        'shadow'  => true,
+                        'rounded' => false,
+                        'style'   => '',
+                    ),
+                    'tip_position'  => array(
+                        'my' => 'top_left',
+                        'at' => 'bottom_right',
+                    ),
+                    'tip_effect'    => array(
+                        'show' => array(
+                            'effect'   => 'slide',
+                            'duration' => '500',
+                            'event'    => 'mouseover',
+                        ),
+                        'hide' => array(
+                            'effect'   => 'fade',
+                            'duration' => '500',
+                            'event'    => 'click mouseleave',
+                        ),
+                    ),
+                ),
+                'font_weights'                     => array(
+                    array(
+                        'id'   => '400',
+                        'name' => __( 'Regular 400', 'redux-framework' ),
+                    ),
+                    array(
+                        'id'   => '400italic',
+                        'name' => __( 'Regular 400 Italic', 'redux-framework' ),
+                    ),
+                    array(
+                        'id'   => '700',
+                        'name' => __( 'Bold 700', 'redux-framework' ),
+                    ),
+                    array(
+                        'id'   => '700italic',
+                        'name' => __( 'Bold 700 Italic', 'redux-framework' ),
+                    ),
+                ),
+                'show_import_export'               => true,
+                'show_options_object'              => true,
+                'dev_mode'                         => true,
+                'templates_path'                   => '',
+                'ajax_save'                        => true,
+                'use_cdn'                          => true,
+                'cdn_check_time'                   => 1440,
+                'options_api'                      => true,
+                'allow_tracking'                   => true,
+                'admin_theme'                      => 'wp',
+                'elusive_frontend'                 => false,
+                'fontawesome_frontend'             => false,
+                'flyout_submenus'                  => true,
+                'font_display'                     => 'swap', // block|swap|fallback|optional.
+                'load_on_cron'                     => false,
+                'search'                           => false,
+            );
+
+            $args = Redux_Functions::parse_args( $args, $default );
+
+            $args = $this->args( $args );
+
+            $args = $this->default_cleanup( $args );
+
+            if ( ! in_array( $args['font_display'], array( 'block', 'swap', 'fallback', 'optional' ), true ) ) {
+                $args['font_display'] = 'swap';
+            }
+
+            if ( isset( $args['async_typography'] ) && $args['async_typography'] ) {
+                $args['async_typography'] = false;
+            }
+
+            $this->get = $args;
+
+            $this->parent->args = $args;
+
+            if ( 'redux_extensions_demo' !== $args['opt_name'] && 'redux_demo' !== $args['opt_name'] ) {
+                $this->change_demo_defaults( $args );
+            }
+        }
+
+        /**
+         * Builds and sanitizes a global args array.
+         *
+         * @param     array $args Global args.
+         *
+         * @return array
+         */
+        private function args( array $args ): array {
+            $args = $this->no_errors_please( $args );
+
+            $this->parent->old_opt_name = $args['opt_name'];
+
+            $args = $this->filters( $args );
+
+            if ( ! function_exists( 'wp_rand' ) ) {
+                require_once ABSPATH . '/wp-includes/pluggable.php';
+            }
+
+            if ( $args['opt_name'] === $this->parent->old_opt_name ) {
+                $this->parent->old_opt_name = null;
+                unset( $this->parent->old_opt_name );
+            }
+
+            // Do not save the defaults if we're on a live preview!
+            if ( 'customize' === $GLOBALS['pagenow'] && isset( $_GET['customize_theme'] ) && ! empty( $_GET['customize_theme'] ) ) { // phpcs:ignore WordPress.Security.NonceVerification
+                $args['save_defaults'] = false;
+            }
+
+            return $this->shim( $args );
+        }
+
+        /**
+         * Apply filters to arg data.
+         *
+         * @param     array $args Global args.
+         *
+         * @return mixed|void
+         */
+        private function filters( array $args ) {
+            /**
+             * Filter 'redux/args/{opt_name}'
+             *
+             * @param     array     $args ReduxFramework configuration
+             */
+
+            // phpcs:ignore WordPress.NamingConventions.ValidHookName
+            $args = apply_filters( "redux/args/{$args['opt_name']}", $args );
+
+            /**
+             * Filter 'redux/options/{opt_name}/args'
+             *
+             * @param     array     $args ReduxFramework configuration
+             */
+
+            // phpcs:ignore WordPress.NamingConventions.ValidHookName
+            return apply_filters( "redux/options/{$args['opt_name']}/args", $args );
+        }
+
+        /**
+         * Sanitize args that should not be empty.
+         *
+         * @param     array $args Global args.
+         *
+         * @return array
+         */
+        private function no_errors_please( array $args ): array {
+            if ( empty( $args['transient_time'] ) ) {
+                $args['transient_time'] = 60 * MINUTE_IN_SECONDS;
+            }
+
+            if ( empty( $args['footer_credit'] ) ) {
+
+                $footer_text = sprintf(
+                /* translators: 1: Redux, 2: Link to plugin review */
+                    __( 'Enjoyed %1$s? Please leave us a %2$s rating. We really appreciate your support!', 'redux-framework' ),
+                    '<strong>' . __( 'Redux', 'redux-framework' ) . '</strong>',
+                    '<a href="https://wordpress.org/support/plugin/redux-framework/reviews/?filter=5/#new-post" target="_blank">&#9733;&#9733;&#9733;&#9733;&#9733;</a>'
+                );
+                $args['footer_credit'] = '<span id="footer-thankyou">' . $footer_text . '</span>';
+            }
+
+            if ( empty( $args['menu_title'] ) ) {
+                $args['menu_title'] = esc_html__( 'Options', 'redux-framework' );
+            }
+
+            if ( empty( $args['page_title'] ) ) {
+                $args['page_title'] = esc_html__( 'Options', 'redux-framework' );
+            }
+
+            // Auto creates the page_slug appropriately.
+            if ( empty( $args['page_slug'] ) ) {
+                if ( ! empty( $args['display_name'] ) ) {
+                    $args['page_slug'] = sanitize_html_class( $args['display_name'] );
+                } elseif ( ! empty( $args['page_title'] ) ) {
+                    $args['page_slug'] = sanitize_html_class( $args['page_title'] );
+                } elseif ( ! empty( $args['menu_title'] ) ) {
+                    $args['page_slug'] = sanitize_html_class( $args['menu_title'] );
+                } else {
+                    $args['page_slug'] = str_replace( '-', '_', $args['opt_name'] );
+                }
+            }
+
+            return $args;
+        }
+
+        /**
+         * Shims for much older v3 configs.
+         *
+         * @param     array $args Global args.
+         *
+         * @return array
+         */
+        private function shim( array $args ): array {
+            /**
+             * SHIM SECTION
+             * Old variables and ways of doing things that need correcting.  ;)
+             * */
+            // Variable name change.
+            if ( ! empty( $args['page_cap'] ) ) {
+                $args['page_permissions'] = $args['page_cap'];
+                unset( $args['page_cap'] );
+            }
+
+            if ( ! empty( $args['page_position'] ) ) {
+                $args['page_priority'] = $args['page_position'];
+                unset( $args['page_position'] );
+            }
+
+            if ( ! empty( $args['page_type'] ) ) {
+                $args['menu_type'] = $args['page_type'];
+                unset( $args['page_type'] );
+            }
+
+            return $args;
+        }
+
+        /**
+         * Verify to see if dev has bothered to change admin bar links and share icons from demo data to their own.
+         *
+         * @param array $args Global args.
+         */
+        private function change_demo_defaults( array $args ) {
+            if ( $args['dev_mode'] || true === Redux_Helpers::is_local_host() ) {
+                if ( ! empty( $args['admin_bar_links'] ) ) {
+                    foreach ( $args['admin_bar_links'] as $arr ) {
+                        if ( is_array( $arr ) && ! empty( $arr ) ) {
+                            foreach ( $arr as $y ) {
+                                if ( strpos( Redux_Core::strtolower( $y ), 'redux' ) !== false ) {
+                                    $this->omit_items = true;
+                                    break;
+                                }
+                            }
+                        }
+                    }
+                }
+
+                if ( ! empty( $args['share_icons'] ) ) {
+                    foreach ( $args['share_icons'] as $arr ) {
+                        if ( is_array( $arr ) && ! empty( $arr ) ) {
+                            foreach ( $arr as $y ) {
+                                if ( strpos( Redux_Core::strtolower( $y ), 'redux' ) !== false ) {
+                                    $this->omit_icons = true;
+                                }
+                            }
+                        }
+                    }
+                }
+            }
+        }
+
+        /**
+         * Fix other arg criteria that sometimes gets hosed up.
+         *
+         * @param array $args Global args.
+         *
+         * @return array
+         * @noinspection PhpStrictComparisonWithOperandsOfDifferentTypesInspection
+         */
+        private function default_cleanup( array $args ): array {
+
+            // Fix the global variable name.
+            if ( '' === $args['global_variable'] && false !== $args['global_variable'] ) {
+                $args['global_variable'] = str_replace( '-', '_', $args['opt_name'] );
+            }
+
+            if ( isset( $args['customizer_only'] ) && $args['customizer_only'] ) {
+                $args['menu_type']      = 'hidden';
+                $args['customizer']     = true;
+                $args['admin_bar']      = false;
+                $args['allow_sub_menu'] = false;
+            }
+
+            // Check if the Airplane Mode plugin is installed.
+            if ( class_exists( 'Airplane_Mode_Core' ) ) {
+                $airplane = Airplane_Mode_Core::getInstance();
+                if ( method_exists( $airplane, 'enabled' ) ) {
+                    if ( $airplane->enabled() ) {
+                        $args['use_cdn'] = false;
+                    }
+                } elseif ( 'on' === $airplane->check_status() ) {
+                    $args['use_cdn'] = false;
+                }
+            }
+
+            return $args;
+        }
+    }
 }

redux-core/inc/validation/unique_slug/class-redux-validation-unique-slug.php

Indentation +78 added lines, -78 removed lines

@@ -12,82 +12,82 @@
 
 if ( ! class_exists( 'Redux_Validation_Unique_Slug', false ) ) {
 
-	/**
-	 * Class Redux_Validation_Unique_Slug
-	 */
-	class Redux_Validation_Unique_Slug extends Redux_Validate {
-
-		/**
-		 * Field Validation Function.
-		 * Takes the vars and validates them
-		 *
-		 * @since ReduxFramework 3.0.0
-		 */
-		public function validate() {
-			global $wpdb, $wp_rewrite;
-
-			$this->field['msg']              = $this->field['msg'] ?? esc_html__( 'That URL slug is in use, please choose another.', 'redux-framework' );
-			$this->field['flush_permalinks'] = $this->field['flush_permalinks'] ?? false;
-
-			$slug = $this->value;
-
-			$post_name_check = '';
-
-			$feeds = $wp_rewrite->feeds;
-			if ( ! is_array( $feeds ) ) {
-				$feeds = array();
-			}
-
-			// Post slugs must be unique across all posts.
-			$result = wp_cache_get( 'redux-post-name' );
-			if ( false === $result ) {
-				// phpcs:ignore WordPress.DB.DirectDatabaseQuery
-				$post_name_check = $wpdb->get_var( $wpdb->prepare( "SELECT post_name FROM $wpdb->posts WHERE post_name = %s LIMIT 1", $slug ) );
-
-				wp_cache_set( 'redux-post-name', $post_name_check );
-			}
-
-			/**
-			 * Filter whether the post slug would be bad as a flat slug.
-			 *
-			 * @since 3.1.0
-			 *
-			 * @param bool   $bad_slug  Whether the post slug would be bad as a flat slug.
-			 * @param string $slug      The post slug.
-			 * @param string $post_type Post type.
-			 */
-			if ( $post_name_check || in_array( $slug, $feeds, true ) || apply_filters( 'wp_unique_post_slug_is_bad_attachment_slug', false, $slug ) ) {
-				$suffix = 2;
-
-				do {
-					$alt_post_name = _truncate_post_slug( $slug, 200 - ( strlen( $suffix ) + 1 ) ) . "-$suffix";
-
-					$result = wp_cache_get( 'redux-alt-post-name' );
-					if ( false === $result ) {
-						// phpcs:ignore WordPress.DB.DirectDatabaseQuery
-						$post_name_check = $wpdb->get_var( $wpdb->prepare( "SELECT post_name FROM $wpdb->posts WHERE post_name = %s LIMIT 1", $alt_post_name ) );
-
-						wp_cache_set( 'redux-alt-post-name', $result );
-					}
-
-					++$suffix;
-				} while ( $post_name_check );
-
-				$slug                   = $alt_post_name;
-				$this->value            = ( isset( $this->current ) ) ? $this->current : '';
-				$this->field['msg']     = sprintf( $this->field['msg'], $slug );
-				$this->field['current'] = $this->value;
-				$this->error            = $this->field;
-			} elseif ( isset( $this->field['flush_permalinks'] ) && true === $this->field['flush_permalinks'] ) {
-				add_action( 'init', array( $this, 'flush_permalinks' ), 99 );
-			}
-		}
-
-		/**
-		 * Flush WordPress permalinks.
-		 */
-		public function flush_permalinks() {
-			flush_rewrite_rules();
-		}
-	}
+    /**
+     * Class Redux_Validation_Unique_Slug
+     */
+    class Redux_Validation_Unique_Slug extends Redux_Validate {
+
+        /**
+         * Field Validation Function.
+         * Takes the vars and validates them
+         *
+         * @since ReduxFramework 3.0.0
+         */
+        public function validate() {
+            global $wpdb, $wp_rewrite;
+
+            $this->field['msg']              = $this->field['msg'] ?? esc_html__( 'That URL slug is in use, please choose another.', 'redux-framework' );
+            $this->field['flush_permalinks'] = $this->field['flush_permalinks'] ?? false;
+
+            $slug = $this->value;
+
+            $post_name_check = '';
+
+            $feeds = $wp_rewrite->feeds;
+            if ( ! is_array( $feeds ) ) {
+                $feeds = array();
+            }
+
+            // Post slugs must be unique across all posts.
+            $result = wp_cache_get( 'redux-post-name' );
+            if ( false === $result ) {
+                // phpcs:ignore WordPress.DB.DirectDatabaseQuery
+                $post_name_check = $wpdb->get_var( $wpdb->prepare( "SELECT post_name FROM $wpdb->posts WHERE post_name = %s LIMIT 1", $slug ) );
+
+                wp_cache_set( 'redux-post-name', $post_name_check );
+            }
+
+            /**
+             * Filter whether the post slug would be bad as a flat slug.
+             *
+             * @since 3.1.0
+             *
+             * @param bool   $bad_slug  Whether the post slug would be bad as a flat slug.
+             * @param string $slug      The post slug.
+             * @param string $post_type Post type.
+             */
+            if ( $post_name_check || in_array( $slug, $feeds, true ) || apply_filters( 'wp_unique_post_slug_is_bad_attachment_slug', false, $slug ) ) {
+                $suffix = 2;
+
+                do {
+                    $alt_post_name = _truncate_post_slug( $slug, 200 - ( strlen( $suffix ) + 1 ) ) . "-$suffix";
+
+                    $result = wp_cache_get( 'redux-alt-post-name' );
+                    if ( false === $result ) {
+                        // phpcs:ignore WordPress.DB.DirectDatabaseQuery
+                        $post_name_check = $wpdb->get_var( $wpdb->prepare( "SELECT post_name FROM $wpdb->posts WHERE post_name = %s LIMIT 1", $alt_post_name ) );
+
+                        wp_cache_set( 'redux-alt-post-name', $result );
+                    }
+
+                    ++$suffix;
+                } while ( $post_name_check );
+
+                $slug                   = $alt_post_name;
+                $this->value            = ( isset( $this->current ) ) ? $this->current : '';
+                $this->field['msg']     = sprintf( $this->field['msg'], $slug );
+                $this->field['current'] = $this->value;
+                $this->error            = $this->field;
+            } elseif ( isset( $this->field['flush_permalinks'] ) && true === $this->field['flush_permalinks'] ) {
+                add_action( 'init', array( $this, 'flush_permalinks' ), 99 );
+            }
+        }
+
+        /**
+         * Flush WordPress permalinks.
+         */
+        public function flush_permalinks() {
+            flush_rewrite_rules();
+        }
+    }
 }

redux-core/inc/validation/no_special_chars/class-redux-validation-no-special-chars.php

Indentation +28 added lines, -28 removed lines

@@ -12,32 +12,32 @@
 
 if ( ! class_exists( 'Redux_Validation_No_Special_Chars', false ) ) {
 
-	/**
-	 * Class Redux_Validation_No_Special_Chars
-	 */
-	class Redux_Validation_No_Special_Chars extends Redux_Validate {
-
-		/**
-		 * Field Render Function.
-		 * Takes the vars and validates them
-		 *
-		 * @since ReduxFramework 1.0.0
-		 */
-		public function validate() {
-			$this->field['msg'] = $this->field['msg'] ?? esc_html__( 'You must not enter any special characters in this field, all special characters have been removed.', 'redux-framework' );
-
-			$val = preg_match( '/[^a-zA-Z0-9_ -]/', $this->value );
-
-			if ( $val > 0 ) {
-				$this->field['current'] = $this->current;
-
-				$this->warning = $this->field;
-			}
-
-			$this->value = preg_replace( '/[^a-zA-Z0-9_ -]/', '', $this->value );
-
-			$this->field['current'] = $this->value;
-			$this->sanitize         = $this->field;
-		}
-	}
+    /**
+     * Class Redux_Validation_No_Special_Chars
+     */
+    class Redux_Validation_No_Special_Chars extends Redux_Validate {
+
+        /**
+         * Field Render Function.
+         * Takes the vars and validates them
+         *
+         * @since ReduxFramework 1.0.0
+         */
+        public function validate() {
+            $this->field['msg'] = $this->field['msg'] ?? esc_html__( 'You must not enter any special characters in this field, all special characters have been removed.', 'redux-framework' );
+
+            $val = preg_match( '/[^a-zA-Z0-9_ -]/', $this->value );
+
+            if ( $val > 0 ) {
+                $this->field['current'] = $this->current;
+
+                $this->warning = $this->field;
+            }
+
+            $this->value = preg_replace( '/[^a-zA-Z0-9_ -]/', '', $this->value );
+
+            $this->field['current'] = $this->value;
+            $this->sanitize         = $this->field;
+        }
+    }
 }

redux-framework.php

Indentation +3 added lines, -3 removed lines

@@ -28,15 +28,15 @@
 defined( 'ABSPATH' ) || exit;
 
 if ( ! defined( 'REDUX_PLUGIN_FILE' ) ) {
-	define( 'REDUX_PLUGIN_FILE', __FILE__ );
+    define( 'REDUX_PLUGIN_FILE', __FILE__ );
 }
 
 // This must be required before vendor/autoload.php so QM can serve its own message about PHP compatibility.
 require_once __DIR__ . '/redux-core/inc/classes/class-redux-php.php';
 
 if ( ! Redux_PHP::version_met() ) {
-	add_action( 'all_admin_notices', 'Redux_PHP::php_version_nope' );
-	return;
+    add_action( 'all_admin_notices', 'Redux_PHP::php_version_nope' );
+    return;
 }
 
 // Require the main plugin class.

redux-core/inc/fields/slider/class-redux-slider.php

Indentation +435 added lines, -435 removed lines

@@ -13,357 +13,357 @@ 
 
 if ( ! class_exists( 'Redux_Slider', false ) ) {
 
-	/**
-	 * Class Redux_Slider
-	 */
-	class Redux_Slider extends Redux_Field {
-
-		/**
-		 * No value readout.
-		 *
-		 * @var int
-		 */
-		private int $display_none = 0;
-
-		/**
-		 * Label value readout.
-		 *
-		 * @var int
-		 */
-		private int $display_label = 1;
-
-		/**
-		 * Text value readout.
-		 *
-		 * @var int
-		 */
-		private int $display_text = 2;
-
-		/**
-		 * Select box value readout.
-		 *
-		 * @var int
-		 */
-		private int $display_select = 3;
-
-		/**
-		 * Select2 options.
-		 *
-		 * @var string
-		 */
-		private string $select2_data = '';
-
-		/**
-		 * Set field and value defaults.
-		 */
-		public function set_defaults() {
-			$defaults = array(
-				'handles'       => 1,
-				'resolution'    => 1,
-				'display_value' => 'text',
-				'float_mark'    => '.',
-				'forced'        => true,
-				'min'           => 0,
-				'max'           => 1,
-				'step'          => 1,
-			);
-
-			$this->field = wp_parse_args( $this->field, $defaults );
-
-			// Sanitize float mark.
-			if ( ',' !== $this->field['float_mark'] && '.' !== $this->field['float_mark'] ) {
-				$this->field['float_mark'] = '.';
-			}
-
-			// Sanitize resolution value.
-			$this->field['resolution'] = $this->clean_val( $this->field['resolution'] );
-
-			// Sanitize handle value.
-			if ( 0 === $this->field['handles'] || 1 === $this->field['handles'] ) {
-				$this->field['handles'] = 1;
-			} else {
-				$this->field['handles'] = 2;
-			}
-
-			// Sanitize display value.
-			if ( 'label' === $this->field['display_value'] ) {
-				$this->field['display_value'] = $this->display_label;
-			} elseif ( 'select' === $this->field['display_value'] ) {
-				$this->field['display_value'] = $this->display_select;
-			} elseif ( 'none' === $this->field['display_value'] ) {
-				$this->field['display_value'] = $this->display_none;
-			} else {
-				$this->field['display_value'] = $this->display_text;
-			}
-		}
-
-		/**
-		 * Sanitize value.
-		 *
-		 * @param mixed $val Value to sanitize.
-		 *
-		 * @return float|int
-		 */
-		private function clean_val( $val ) {
-			if ( is_float( $val ) ) {
-				$clear_var = floatval( $val );
-			} else {
-				$clear_var = intval( $val );
-			}
-
-			return $clear_var;
-		}
-
-		/**
-		 * Clean default values.
-		 *
-		 * @param mixed $val Default values.
-		 *
-		 * @return float|int
-		 */
-		private function clean_default( $val ) {
-			if ( empty( $val ) && ! empty( $this->field['default'] ) && $this->clean_val( $this->field['min'] ) >= 1 ) {
-				$val = $this->clean_val( $this->field['default'] );
-			}
-
-			if ( empty( $val ) && $this->clean_val( $this->field['min'] ) >= 1 ) {
-				$val = $this->clean_val( $this->field['min'] );
-			}
-
-			if ( empty( $val ) ) {
-				$val = 0;
-			}
-
-			// Extra Validation.
-			if ( $val < $this->field['min'] ) {
-				$val = $this->clean_val( $this->field['min'] );
-			} elseif ( $val > $this->field['max'] ) {
-				$val = $this->clean_val( $this->field['max'] );
-			}
-
-			return $val;
-		}
-
-		/**
-		 * Sanitize default array.
-		 *
-		 * @param array $val Defaults.
-		 *
-		 * @return array
-		 */
-		private function clean_default_array( array $val ): array {
-			$one = $this->value[1];
-			$two = $this->value[2];
-
-			if ( empty( $one ) && ! empty( $this->field['default'][1] ) && $this->clean_val( $this->field['min'] ) >= 1 ) {
-				$one = $this->clean_val( $this->field['default'][1] );
-			}
-
-			if ( empty( $one ) && $this->clean_val( $this->field['min'] ) >= 1 ) {
-				$one = $this->clean_val( $this->field['min'] );
-			}
-
-			if ( empty( $one ) ) {
-				$one = 0;
-			}
-
-			if ( empty( $two ) && ! empty( $this->field['default'][2] ) && $this->clean_val( $this->field['min'] ) >= 1 ) {
-				$two = $this->clean_val( $this->field['default'][1] + 1 );
-			}
-
-			if ( empty( $two ) && $this->clean_val( $this->field['min'] ) >= 1 ) {
-				$two = $this->clean_val( $this->field['default'][1] + 1 );
-			}
-
-			if ( empty( $two ) ) {
-				$two = $this->field['default'][1] + 1;
-			}
-
-			$val[0] = $one;
-			$val[1] = $two;
-
-			return $val;
-		}
-
-		/**
-		 * Clean the field data to the fields defaults given the parameters.
-		 *
-		 * @since Redux_Framework 3.1.8
-		 */
-		private function clean() {
-
-			// Set min to 0 if no value is set.
-			$this->field['min'] = empty( $this->field['min'] ) ? 0 : $this->clean_val( $this->field['min'] );
-
-			// Set max to min + 1 if empty.
-			$this->field['max'] = empty( $this->field['max'] ) ? $this->field['min'] + 1 : $this->clean_val( $this->field['max'] );
-
-			// Set step to 1 if step is empty ot step > max.
-			$this->field['step'] = empty( $this->field['step'] ) || $this->field['step'] > $this->field['max'] ? 1 : $this->clean_val( $this->field['step'] );
-
-			if ( 2 === $this->field['handles'] ) {
-				if ( ! is_array( $this->value ) ) {
-					$this->value = array();
-
-					$this->value[1] = 0;
-					$this->value[2] = 1;
-				}
-
-				$this->value = $this->clean_default_array( $this->value );
-			} else {
-				if ( is_array( $this->value ) ) {
-					$this->value = 0;
-				}
-
-				$this->value = $this->clean_default( $this->value );
-			}
-
-			// More dummy checks.
-			if ( ! is_array( $this->value ) && 2 === $this->field['handles'] ) {
-				$this->value[0] = $this->field['min'];
-				$this->value[1] = $this->field['min'] + 1;
-			}
-
-			if ( is_array( $this->value ) && 1 === $this->field['handles'] ) {
-				$this->value = $this->field['min'];
-			}
-		}
-
-		/**
-		 * Enqueue Function.
-		 * If this field requires any scripts, or css define this function and register/enqueue the scripts/css
-		 *
-		 * @since ReduxFramework 3.1.8
-		 */
-		public function enqueue() {
-			$min = Redux_Functions::is_min();
-
-			wp_enqueue_style( 'select2-js' );
-
-			wp_enqueue_style(
-				'redux-nouislider',
-				Redux_Core::$url . "assets/css/vendor/nouislider$min.css",
-				array(),
-				'5.0.0'
-			);
-
-			wp_register_script(
-				'redux-nouislider',
-				Redux_Core::$url . 'assets/js/vendor/nouislider/redux.jquery.nouislider' . $min . '.js',
-				array( 'jquery' ),
-				'5.0.0',
-				true
-			);
-
-			wp_enqueue_script(
-				'redux-field-slider',
-				Redux_Core::$url . 'inc/fields/slider/redux-slider' . $min . '.js',
-				array( 'jquery', 'redux-nouislider', 'redux-js', 'select2-js' ),
-				$this->timestamp,
-				true
-			);
-
-			if ( $this->parent->args['dev_mode'] ) {
-				wp_enqueue_style(
-					'redux-field-slider',
-					Redux_Core::$url . 'inc/fields/slider/redux-slider.css',
-					array(),
-					$this->timestamp
-				);
-			}
-		}
-
-		/**
-		 * Field Render Function.
-		 * Takes the vars and outputs the HTML for the field in the settings
-		 *
-		 * @since ReduxFramework 0.0.4
-		 */
-		public function render() {
-			$this->clean();
-
-			$field_id   = $this->field['id'];
-			$field_name = $this->field['name'] . $this->field['name_suffix'];
-
-			// Set handle number variable.
-			$two_handles = false;
-			if ( 2 === $this->field['handles'] ) {
-				$two_handles = true;
-			}
-
-			// Set default values(s).
-			if ( true === $two_handles ) {
-				$val_one = $this->value[0];
-				$val_two = $this->value[1];
-
-				$html  = 'data-default-one=' . $val_one . ' ';
-				$html .= 'data-default-two=' . $val_two . ' ';
-
-				$name_one = $field_name . '[1]';
-				$name_two = $field_name . '[2]';
-
-				$id_one = $field_id . '[1]';
-				$id_two = $field_id . '[2]';
-			} else {
-				$val_one = $this->value;
-				$val_two = '';
-
-				$html = 'data-default-one=' . $val_one;
-
-				$name_one = $field_name;
-				$name_two = '';
-
-				$id_one = $field_id;
-				$id_two = '';
-			}
-
-			$show_input  = false;
-			$show_label  = false;
-			$show_select = false;
-
-			// TEXT output.
-			if ( $this->display_text === $this->field['display_value'] ) {
-				$show_input = true;
-				echo '<input
+    /**
+     * Class Redux_Slider
+     */
+    class Redux_Slider extends Redux_Field {
+
+        /**
+         * No value readout.
+         *
+         * @var int
+         */
+        private int $display_none = 0;
+
+        /**
+         * Label value readout.
+         *
+         * @var int
+         */
+        private int $display_label = 1;
+
+        /**
+         * Text value readout.
+         *
+         * @var int
+         */
+        private int $display_text = 2;
+
+        /**
+         * Select box value readout.
+         *
+         * @var int
+         */
+        private int $display_select = 3;
+
+        /**
+         * Select2 options.
+         *
+         * @var string
+         */
+        private string $select2_data = '';
+
+        /**
+         * Set field and value defaults.
+         */
+        public function set_defaults() {
+            $defaults = array(
+                'handles'       => 1,
+                'resolution'    => 1,
+                'display_value' => 'text',
+                'float_mark'    => '.',
+                'forced'        => true,
+                'min'           => 0,
+                'max'           => 1,
+                'step'          => 1,
+            );
+
+            $this->field = wp_parse_args( $this->field, $defaults );
+
+            // Sanitize float mark.
+            if ( ',' !== $this->field['float_mark'] && '.' !== $this->field['float_mark'] ) {
+                $this->field['float_mark'] = '.';
+            }
+
+            // Sanitize resolution value.
+            $this->field['resolution'] = $this->clean_val( $this->field['resolution'] );
+
+            // Sanitize handle value.
+            if ( 0 === $this->field['handles'] || 1 === $this->field['handles'] ) {
+                $this->field['handles'] = 1;
+            } else {
+                $this->field['handles'] = 2;
+            }
+
+            // Sanitize display value.
+            if ( 'label' === $this->field['display_value'] ) {
+                $this->field['display_value'] = $this->display_label;
+            } elseif ( 'select' === $this->field['display_value'] ) {
+                $this->field['display_value'] = $this->display_select;
+            } elseif ( 'none' === $this->field['display_value'] ) {
+                $this->field['display_value'] = $this->display_none;
+            } else {
+                $this->field['display_value'] = $this->display_text;
+            }
+        }
+
+        /**
+         * Sanitize value.
+         *
+         * @param mixed $val Value to sanitize.
+         *
+         * @return float|int
+         */
+        private function clean_val( $val ) {
+            if ( is_float( $val ) ) {
+                $clear_var = floatval( $val );
+            } else {
+                $clear_var = intval( $val );
+            }
+
+            return $clear_var;
+        }
+
+        /**
+         * Clean default values.
+         *
+         * @param mixed $val Default values.
+         *
+         * @return float|int
+         */
+        private function clean_default( $val ) {
+            if ( empty( $val ) && ! empty( $this->field['default'] ) && $this->clean_val( $this->field['min'] ) >= 1 ) {
+                $val = $this->clean_val( $this->field['default'] );
+            }
+
+            if ( empty( $val ) && $this->clean_val( $this->field['min'] ) >= 1 ) {
+                $val = $this->clean_val( $this->field['min'] );
+            }
+
+            if ( empty( $val ) ) {
+                $val = 0;
+            }
+
+            // Extra Validation.
+            if ( $val < $this->field['min'] ) {
+                $val = $this->clean_val( $this->field['min'] );
+            } elseif ( $val > $this->field['max'] ) {
+                $val = $this->clean_val( $this->field['max'] );
+            }
+
+            return $val;
+        }
+
+        /**
+         * Sanitize default array.
+         *
+         * @param array $val Defaults.
+         *
+         * @return array
+         */
+        private function clean_default_array( array $val ): array {
+            $one = $this->value[1];
+            $two = $this->value[2];
+
+            if ( empty( $one ) && ! empty( $this->field['default'][1] ) && $this->clean_val( $this->field['min'] ) >= 1 ) {
+                $one = $this->clean_val( $this->field['default'][1] );
+            }
+
+            if ( empty( $one ) && $this->clean_val( $this->field['min'] ) >= 1 ) {
+                $one = $this->clean_val( $this->field['min'] );
+            }
+
+            if ( empty( $one ) ) {
+                $one = 0;
+            }
+
+            if ( empty( $two ) && ! empty( $this->field['default'][2] ) && $this->clean_val( $this->field['min'] ) >= 1 ) {
+                $two = $this->clean_val( $this->field['default'][1] + 1 );
+            }
+
+            if ( empty( $two ) && $this->clean_val( $this->field['min'] ) >= 1 ) {
+                $two = $this->clean_val( $this->field['default'][1] + 1 );
+            }
+
+            if ( empty( $two ) ) {
+                $two = $this->field['default'][1] + 1;
+            }
+
+            $val[0] = $one;
+            $val[1] = $two;
+
+            return $val;
+        }
+
+        /**
+         * Clean the field data to the fields defaults given the parameters.
+         *
+         * @since Redux_Framework 3.1.8
+         */
+        private function clean() {
+
+            // Set min to 0 if no value is set.
+            $this->field['min'] = empty( $this->field['min'] ) ? 0 : $this->clean_val( $this->field['min'] );
+
+            // Set max to min + 1 if empty.
+            $this->field['max'] = empty( $this->field['max'] ) ? $this->field['min'] + 1 : $this->clean_val( $this->field['max'] );
+
+            // Set step to 1 if step is empty ot step > max.
+            $this->field['step'] = empty( $this->field['step'] ) || $this->field['step'] > $this->field['max'] ? 1 : $this->clean_val( $this->field['step'] );
+
+            if ( 2 === $this->field['handles'] ) {
+                if ( ! is_array( $this->value ) ) {
+                    $this->value = array();
+
+                    $this->value[1] = 0;
+                    $this->value[2] = 1;
+                }
+
+                $this->value = $this->clean_default_array( $this->value );
+            } else {
+                if ( is_array( $this->value ) ) {
+                    $this->value = 0;
+                }
+
+                $this->value = $this->clean_default( $this->value );
+            }
+
+            // More dummy checks.
+            if ( ! is_array( $this->value ) && 2 === $this->field['handles'] ) {
+                $this->value[0] = $this->field['min'];
+                $this->value[1] = $this->field['min'] + 1;
+            }
+
+            if ( is_array( $this->value ) && 1 === $this->field['handles'] ) {
+                $this->value = $this->field['min'];
+            }
+        }
+
+        /**
+         * Enqueue Function.
+         * If this field requires any scripts, or css define this function and register/enqueue the scripts/css
+         *
+         * @since ReduxFramework 3.1.8
+         */
+        public function enqueue() {
+            $min = Redux_Functions::is_min();
+
+            wp_enqueue_style( 'select2-js' );
+
+            wp_enqueue_style(
+                'redux-nouislider',
+                Redux_Core::$url . "assets/css/vendor/nouislider$min.css",
+                array(),
+                '5.0.0'
+            );
+
+            wp_register_script(
+                'redux-nouislider',
+                Redux_Core::$url . 'assets/js/vendor/nouislider/redux.jquery.nouislider' . $min . '.js',
+                array( 'jquery' ),
+                '5.0.0',
+                true
+            );
+
+            wp_enqueue_script(
+                'redux-field-slider',
+                Redux_Core::$url . 'inc/fields/slider/redux-slider' . $min . '.js',
+                array( 'jquery', 'redux-nouislider', 'redux-js', 'select2-js' ),
+                $this->timestamp,
+                true
+            );
+
+            if ( $this->parent->args['dev_mode'] ) {
+                wp_enqueue_style(
+                    'redux-field-slider',
+                    Redux_Core::$url . 'inc/fields/slider/redux-slider.css',
+                    array(),
+                    $this->timestamp
+                );
+            }
+        }
+
+        /**
+         * Field Render Function.
+         * Takes the vars and outputs the HTML for the field in the settings
+         *
+         * @since ReduxFramework 0.0.4
+         */
+        public function render() {
+            $this->clean();
+
+            $field_id   = $this->field['id'];
+            $field_name = $this->field['name'] . $this->field['name_suffix'];
+
+            // Set handle number variable.
+            $two_handles = false;
+            if ( 2 === $this->field['handles'] ) {
+                $two_handles = true;
+            }
+
+            // Set default values(s).
+            if ( true === $two_handles ) {
+                $val_one = $this->value[0];
+                $val_two = $this->value[1];
+
+                $html  = 'data-default-one=' . $val_one . ' ';
+                $html .= 'data-default-two=' . $val_two . ' ';
+
+                $name_one = $field_name . '[1]';
+                $name_two = $field_name . '[2]';
+
+                $id_one = $field_id . '[1]';
+                $id_two = $field_id . '[2]';
+            } else {
+                $val_one = $this->value;
+                $val_two = '';
+
+                $html = 'data-default-one=' . $val_one;
+
+                $name_one = $field_name;
+                $name_two = '';
+
+                $id_one = $field_id;
+                $id_two = '';
+            }
+
+            $show_input  = false;
+            $show_label  = false;
+            $show_select = false;
+
+            // TEXT output.
+            if ( $this->display_text === $this->field['display_value'] ) {
+                $show_input = true;
+                echo '<input
 						type="text"
                         name="' . esc_attr( $name_one ) . '"
                         id="' . esc_attr( $id_one ) . '"
                         value="' . esc_attr( $val_one ) . '"
                         class="redux-slider-input redux-slider-input-one-' . esc_attr( $field_id ) . ' ' . esc_attr( $this->field['class'] ) . '"/>';
 
-				// LABEL output.
-			} elseif ( $this->display_label === $this->field['display_value'] ) {
-				$show_label = true;
+                // LABEL output.
+            } elseif ( $this->display_label === $this->field['display_value'] ) {
+                $show_label = true;
 
-				$label_num = $two_handles ? '-one' : '';
+                $label_num = $two_handles ? '-one' : '';
 
-				echo '<div class="redux-slider-label' . esc_attr( $label_num ) . '"
+                echo '<div class="redux-slider-label' . esc_attr( $label_num ) . '"
                        id="redux-slider-label-one-' . esc_attr( $field_id ) . '"
                        name="' . esc_attr( $name_one ) . '">
                   </div>';
 
-				// SELECT output.
-			} elseif ( $this->display_select === $this->field['display_value'] ) {
-				$show_select = true;
+                // SELECT output.
+            } elseif ( $this->display_select === $this->field['display_value'] ) {
+                $show_select = true;
 
-				if ( isset( $this->field['select2'] ) ) {
-					$this->field['select2'] = wp_parse_args( $this->field['select2'], $this->select2_config );
-				} else {
-					$this->field['select2'] = $this->select2_config;
-				}
+                if ( isset( $this->field['select2'] ) ) {
+                    $this->field['select2'] = wp_parse_args( $this->field['select2'], $this->select2_config );
+                } else {
+                    $this->field['select2'] = $this->select2_config;
+                }
 
-				$this->field['select2'] = Redux_Functions::sanitize_camel_case_array_keys( $this->field['select2'] );
+                $this->field['select2'] = Redux_Functions::sanitize_camel_case_array_keys( $this->field['select2'] );
 
-				$this->select2_data = Redux_Functions::create_data_string( $this->field['select2'] );
+                $this->select2_data = Redux_Functions::create_data_string( $this->field['select2'] );
 
-				echo '<select
+                echo '<select
 						class="redux-slider-select-one redux-slider-select-one-' . esc_attr( $field_id ) . ' ' . esc_attr( $this->field['class'] ) . '"
                         name="' . esc_attr( $name_one ) . '"
                         id="' . esc_attr( $id_one ) . '" ' . esc_attr( $this->select2_data ) . '></select>';
-			}
+            }
 
-			// DIV output.
-			echo '<div
+            // DIV output.
+            echo '<div
 	                class="redux-slider-container ' . esc_attr( $this->field['class'] ) . '"
 	                id="' . esc_attr( $field_id ) . '"
 	                data-id="' . esc_attr( $field_id ) . '"
@@ -377,136 +377,136 @@ 
 	                data-float-mark="' . esc_attr( $this->field['float_mark'] ) . '"
 	                data-resolution="' . esc_attr( $this->field['resolution'] ) . '" ' . esc_html( $html ) . '></div>';
 
-			// Double slider output.
-			if ( true === $two_handles ) {
+            // Double slider output.
+            if ( true === $two_handles ) {
 
-				// TEXT.
-				if ( true === $show_input ) {
-					echo '<input
+                // TEXT.
+                if ( true === $show_input ) {
+                    echo '<input
 							type="text"
                             name="' . esc_attr( $name_two ) . '"
                             id="' . esc_attr( $id_two ) . '"
                             value="' . esc_attr( $val_two ) . '"
                             class="redux-slider-input redux-slider-input-two-' . esc_attr( $field_id ) . ' ' . esc_attr( $this->field['class'] ) . '"/>';
-				}
+                }
 
-				// LABEL.
-				if ( true === $show_label ) {
-					echo '<div
+                // LABEL.
+                if ( true === $show_label ) {
+                    echo '<div
 							class="redux-slider-label-two"
                             id="redux-slider-label-two-' . esc_attr( $field_id ) . '"
                             name="' . esc_attr( $name_two ) . '"></div>';
-				}
+                }
 
-				// SELECT.
-				if ( true === $show_select ) {
-					echo '<select
+                // SELECT.
+                if ( true === $show_select ) {
+                    echo '<select
 								class="redux-slider-select-two redux-slider-select-two-' . esc_attr( $field_id ) . ' ' . esc_attr( $this->field['class'] ) . '"
                                 name="' . esc_attr( $name_two ) . '"
                                 id="' . esc_attr( $id_two ) . '" ' . esc_attr( $this->select2_data ) . '></select>';
-				}
-			}
+                }
+            }
 
-			// NO output (input hidden).
-			if ( $this->display_none === $this->field['display_value'] || $this->display_label === $this->field['display_value'] ) {
-				echo '<input
+            // NO output (input hidden).
+            if ( $this->display_none === $this->field['display_value'] || $this->display_label === $this->field['display_value'] ) {
+                echo '<input
 							type="hidden"
 	                        class="redux-slider-value-one-' . esc_attr( $field_id ) . ' ' . esc_attr( $this->field['class'] ) . '"
 	                        name="' . esc_attr( $name_one ) . '"
 	                        id="' . esc_attr( $id_one ) . '"
 	                        value="' . esc_attr( $val_one ) . '"/>';
 
-				// double slider hidden output.
-				if ( true === $two_handles ) {
-					echo '<input
+                // double slider hidden output.
+                if ( true === $two_handles ) {
+                    echo '<input
 								type="hidden"
 	                            class="redux-slider-value-two-' . esc_attr( $field_id ) . ' ' . esc_attr( $this->field['class'] ) . '"
 	                            name="' . esc_attr( $name_two ) . '"
 	                            id="' . esc_attr( $id_two ) . '"
 	                            value="' . esc_attr( $val_two ) . '"/>';
-				}
-			}
-		}
-
-		/**
-		 * CSS/compiler output.
-		 *
-		 * @param string|null|array $style CSS styles.
-		 */
-		public function output( $style = '' ) {
-			if ( ! empty( $this->value ) ) {
-				if ( ! empty( $this->field['output'] ) && is_array( $this->field['output'] ) ) {
-					$css                      = $this->parse_css( $this->value, $this->field['output'] );
-					$this->parent->outputCSS .= esc_attr( $css );
-				}
-
-				if ( ! empty( $this->field['compiler'] ) && is_array( $this->field['compiler'] ) ) {
-					$css                        = $this->parse_css( $this->value, $this->field['compiler'] );
-					$this->parent->compilerCSS .= esc_attr( $css );
-				}
-			}
-		}
-
-		/**
-		 * Compile CSS data for output.
-		 *
-		 * @param mixed $value Value.
-		 * @param mixed $output .
-		 *
-		 * @return string
-		 */
-		private function parse_css( $value, $output ): string {
-			// No notices.
-			$css = '';
-
-			$unit = $this->field['output_unit'] ?? 'px';
-
-			// Must be an array.
-			if ( is_array( $output ) ) {
-				if ( is_array( $value ) ) {
-					foreach ( $output as $idx => $arr ) {
-
-						if ( is_array( $arr ) ) {
-							foreach ( $arr as $selector => $mode ) {
-								if ( '' !== $mode && '' !== $selector ) {
-									$css .= $selector . '{' . $mode . ':' . $value[ $idx ] . $unit . ';}';
-								}
-							}
-						}
-					}
-				} else {
-					foreach ( $output as $selector => $mode ) {
-						if ( '' !== $mode && '' !== $selector ) {
-							$css .= $selector . '{' . $mode . ':' . $value . $unit . ';}';
-						}
-					}
-				}
-			}
-
-			return $css;
-		}
-
-		/**
-		 * Generate CSS style (unused, but needed).
-		 *
-		 * @param string $data Field data.
-		 *
-		 * @return string
-		 */
-		public function css_style( $data ): string {
-			return '';
-		}
-
-		/**
-		 * Enable output_variables to be generated.
-		 *
-		 * @since       4.0.3
-		 * @return void
-		 */
-		public function output_variables() {
-			// No code needed, just defining the method is enough.
-		}
-	}
+                }
+            }
+        }
+
+        /**
+         * CSS/compiler output.
+         *
+         * @param string|null|array $style CSS styles.
+         */
+        public function output( $style = '' ) {
+            if ( ! empty( $this->value ) ) {
+                if ( ! empty( $this->field['output'] ) && is_array( $this->field['output'] ) ) {
+                    $css                      = $this->parse_css( $this->value, $this->field['output'] );
+                    $this->parent->outputCSS .= esc_attr( $css );
+                }
+
+                if ( ! empty( $this->field['compiler'] ) && is_array( $this->field['compiler'] ) ) {
+                    $css                        = $this->parse_css( $this->value, $this->field['compiler'] );
+                    $this->parent->compilerCSS .= esc_attr( $css );
+                }
+            }
+        }
+
+        /**
+         * Compile CSS data for output.
+         *
+         * @param mixed $value Value.
+         * @param mixed $output .
+         *
+         * @return string
+         */
+        private function parse_css( $value, $output ): string {
+            // No notices.
+            $css = '';
+
+            $unit = $this->field['output_unit'] ?? 'px';
+
+            // Must be an array.
+            if ( is_array( $output ) ) {
+                if ( is_array( $value ) ) {
+                    foreach ( $output as $idx => $arr ) {
+
+                        if ( is_array( $arr ) ) {
+                            foreach ( $arr as $selector => $mode ) {
+                                if ( '' !== $mode && '' !== $selector ) {
+                                    $css .= $selector . '{' . $mode . ':' . $value[ $idx ] . $unit . ';}';
+                                }
+                            }
+                        }
+                    }
+                } else {
+                    foreach ( $output as $selector => $mode ) {
+                        if ( '' !== $mode && '' !== $selector ) {
+                            $css .= $selector . '{' . $mode . ':' . $value . $unit . ';}';
+                        }
+                    }
+                }
+            }
+
+            return $css;
+        }
+
+        /**
+         * Generate CSS style (unused, but needed).
+         *
+         * @param string $data Field data.
+         *
+         * @return string
+         */
+        public function css_style( $data ): string {
+            return '';
+        }
+
+        /**
+         * Enable output_variables to be generated.
+         *
+         * @since       4.0.3
+         * @return void
+         */
+        public function output_variables() {
+            // No code needed, just defining the method is enough.
+        }
+    }
 }
 
 class_alias( 'Redux_Slider', 'ReduxFramework_Slider' );

Spacing +1 added lines, -1 removed lines

@@ -469,7 +469,7 @@
 						if ( is_array( $arr ) ) {
 							foreach ( $arr as $selector => $mode ) {
 								if ( '' !== $mode && '' !== $selector ) {
-									$css .= $selector . '{' . $mode . ':' . $value[ $idx ] . $unit . ';}';
+									$css .= $selector . '{' . $mode . ':' . $value[$idx] . $unit . ';}';
 								}
 							}
 						}

redux-core/inc/fields/typography/class-redux-typography.php

Spacing +21 added lines, -21 removed lines

@@ -286,7 +286,7 @@ 
 				}
 
 				// Is selected font a Google font.
-				if ( isset( Redux_Core::$fonts['google'][ $font_family[0] ] ) ) {
+				if ( isset( Redux_Core::$fonts['google'][$font_family[0]] ) ) {
 					$is_google_font = '1';
 				}
 
@@ -763,8 +763,8 @@ 
 				$style = '';
 				if ( isset( $this->field['preview']['always_display'] ) ) {
 					if ( true === filter_var( $this->field['preview']['always_display'], FILTER_VALIDATE_BOOLEAN ) ) {
-						if ( true === (bool) $is_google_font ) {
-							$this->typography_preview[ $font_family[0] ] = array(
+						if ( true === ( bool ) $is_google_font ) {
+							$this->typography_preview[$font_family[0]] = array(
 								'font-style' => array( $this->value['font-weight'] . $this->value['font-style'] ),
 								'subset'     => array( $this->value['subsets'] ),
 							);
@@ -1220,7 +1220,7 @@ 
 				}
 			}
 
-			$this->set_google_fonts( (array) $font );
+			$this->set_google_fonts( ( array ) $font );
 		}
 
 		/**
@@ -1249,7 +1249,7 @@ 
 					$arr = array();
 					foreach ( $lc_fonts as $key => $value ) {
 						$key         = str_replace( ', ', ',', $key );
-						$arr[ $key ] = $value;
+						$arr[$key] = $value;
 					}
 
 					if ( is_array( $this->field['custom_fonts'] ) ) {
@@ -1257,7 +1257,7 @@ 
 
 						foreach ( $lc_fonts as $font_arr ) {
 							foreach ( $font_arr as $key => $value ) {
-								$arr[ Redux_Core::strtolower( $key ) ] = $key;
+								$arr[Redux_Core::strtolower( $key )] = $key;
 							}
 						}
 					}
@@ -1284,16 +1284,16 @@ 
 						$font['font-family'] = str_replace( ' ', '+', $font['font-family'] );
 
 						// Push data to parent typography variable.
-						if ( empty( Redux_Core::$typography[ $font['font-family'] ] ) ) {
-							Redux_Core::$typography[ $font['font-family'] ] = array();
+						if ( empty( Redux_Core::$typography[$font['font-family']] ) ) {
+							Redux_Core::$typography[$font['font-family']] = array();
 						}
 
 						if ( isset( $this->field['all-styles'] ) || isset( $this->field['all-subsets'] ) ) {
 							if ( empty( $font['font-options'] ) ) {
 								$this->get_google_array();
 
-								if ( isset( Redux_Core::$google_array ) && ! empty( Redux_Core::$google_array ) && isset( Redux_Core::$google_array[ $family ] ) ) {
-									$font['font-options'] = Redux_Core::$google_array[ $family ];
+								if ( isset( Redux_Core::$google_array ) && ! empty( Redux_Core::$google_array ) && isset( Redux_Core::$google_array[$family] ) ) {
+									$font['font-options'] = Redux_Core::$google_array[$family];
 								}
 							} else {
 								$font['font-options'] = json_decode( $font['font-options'], true );
@@ -1302,10 +1302,10 @@ 
 
 						if ( isset( $font['font-options'] ) && ! empty( $font['font-options'] ) && isset( $this->field['all-styles'] ) && filter_var( $this->field['all-styles'], FILTER_VALIDATE_BOOLEAN ) ) {
 							if ( ! empty( $font['font-options']['variants'] ) ) {
-								if ( ! isset( Redux_Core::$typography[ $font['font-family'] ]['all-styles'] ) || empty( Redux_Core::$typography[ $font['font-family'] ]['all-styles'] ) ) {
-									Redux_Core::$typography[ $font['font-family'] ]['all-styles'] = array();
+								if ( ! isset( Redux_Core::$typography[$font['font-family']]['all-styles'] ) || empty( Redux_Core::$typography[$font['font-family']]['all-styles'] ) ) {
+									Redux_Core::$typography[$font['font-family']]['all-styles'] = array();
 									foreach ( $font['font-options']['variants'] as $variant ) {
-										Redux_Core::$typography[ $font['font-family'] ]['all-styles'][] = $variant['id'];
+										Redux_Core::$typography[$font['font-family']]['all-styles'][] = $variant['id'];
 									}
 								}
 							}
@@ -1313,10 +1313,10 @@ 
 
 						if ( isset( $font['font-options'] ) && ! empty( $font['font-options'] ) && isset( $this->field['all-subsets'] ) && $this->field['all-styles'] ) {
 							if ( ! empty( $font['font-options']['subsets'] ) ) {
-								if ( ! isset( Redux_Core::$typography[ $font['font-family'] ]['all-subsets'] ) || empty( Redux_Core::$typography[ $font['font-family'] ]['all-subsets'] ) ) {
-									Redux_Core::$typography[ $font['font-family'] ]['all-subsets'] = array();
+								if ( ! isset( Redux_Core::$typography[$font['font-family']]['all-subsets'] ) || empty( Redux_Core::$typography[$font['font-family']]['all-subsets'] ) ) {
+									Redux_Core::$typography[$font['font-family']]['all-subsets'] = array();
 									foreach ( $font['font-options']['subsets'] as $variant ) {
-										Redux_Core::$typography[ $font['font-family'] ]['all-subsets'][] = $variant['id'];
+										Redux_Core::$typography[$font['font-family']]['all-subsets'][] = $variant['id'];
 									}
 								}
 							}
@@ -1325,7 +1325,7 @@ 
 						$style = '';
 
 						if ( ! empty( $font['font-weight'] ) ) {
-							if ( empty( Redux_Core::$typography[ $font['font-family'] ]['font-weight'] ) || ! in_array( $font['font-weight'], Redux_Core::$typography[ $font['font-family'] ]['font-weight'], true ) ) {
+							if ( empty( Redux_Core::$typography[$font['font-family']]['font-weight'] ) || ! in_array( $font['font-weight'], Redux_Core::$typography[$font['font-family']]['font-weight'], true ) ) {
 								$style = $font['font-weight'];
 							}
 
@@ -1333,14 +1333,14 @@ 
 								$style .= $font['font-style'];
 							}
 
-							if ( empty( Redux_Core::$typography[ $font['font-family'] ]['font-style'] ) || ! in_array( $style, Redux_Core::$typography[ $font['font-family'] ]['font-style'], true ) ) {
-								Redux_Core::$typography[ $font['font-family'] ]['font-style'][] = $style;
+							if ( empty( Redux_Core::$typography[$font['font-family']]['font-style'] ) || ! in_array( $style, Redux_Core::$typography[$font['font-family']]['font-style'], true ) ) {
+								Redux_Core::$typography[$font['font-family']]['font-style'][] = $style;
 							}
 						}
 
 						if ( ! empty( $font['subsets'] ) ) {
-							if ( empty( Redux_Core::$typography[ $font['font-family'] ]['subset'] ) || ! in_array( $font['subsets'], Redux_Core::$typography[ $font['font-family'] ]['subset'], true ) ) {
-								Redux_Core::$typography[ $font['font-family'] ]['subset'][] = $font['subsets'];
+							if ( empty( Redux_Core::$typography[$font['font-family']]['subset'] ) || ! in_array( $font['subsets'], Redux_Core::$typography[$font['font-family']]['subset'], true ) ) {
+								Redux_Core::$typography[$font['font-family']]['subset'][] = $font['subsets'];
 							}
 						}
 					}

Indentation +1350 added lines, -1350 removed lines

@@ -12,357 +12,357 @@ 
 
 if ( ! class_exists( 'Redux_Typography', false ) ) {
 
-	/**
-	 * Class Redux_Typography
-	 */
-	class Redux_Typography extends Redux_Field {
-
-		/**
-		 * Array of data for typography preview.
-		 *
-		 * @var array
-		 */
-		private $typography_preview = array();
-
-		/**
-		 *  Standard font array.
-		 *
-		 * @var array $std_fonts
-		 */
-		private $std_fonts = array(
-			'Arial, Helvetica, sans-serif'            => 'Arial, Helvetica, sans-serif',
-			'\'Arial Black\', Gadget, sans-serif'     => '\'Arial Black\', Gadget, sans-serif',
-			'\'Bookman Old Style\', serif'            => '\'Bookman Old Style\', serif',
-			'\'Comic Sans MS\', cursive'              => '\'Comic Sans MS\', cursive',
-			'Courier, monospace'                      => 'Courier, monospace',
-			'Garamond, serif'                         => 'Garamond, serif',
-			'Georgia, serif'                          => 'Georgia, serif',
-			'Impact, Charcoal, sans-serif'            => 'Impact, Charcoal, sans-serif',
-			'\'Lucida Console\', Monaco, monospace'   => '\'Lucida Console\', Monaco, monospace',
-			'\'Lucida Sans Unicode\', \'Lucida Grande\', sans-serif' => '\'Lucida Sans Unicode\', \'Lucida Grande\', sans-serif',
-			'\'MS Sans Serif\', Geneva, sans-serif'   => '\'MS Sans Serif\', Geneva, sans-serif',
-			'\'MS Serif\', \'New York\', sans-serif'  => '\'MS Serif\', \'New York\', sans-serif',
-			'\'Palatino Linotype\', \'Book Antiqua\', Palatino, serif' => '\'Palatino Linotype\', \'Book Antiqua\', Palatino, serif',
-			'Tahoma,Geneva, sans-serif'               => 'Tahoma, Geneva, sans-serif',
-			'\'Times New Roman\', Times,serif'        => '\'Times New Roman\', Times, serif',
-			'\'Trebuchet MS\', Helvetica, sans-serif' => '\'Trebuchet MS\', Helvetica, sans-serif',
-			'Verdana, Geneva, sans-serif'             => 'Verdana, Geneva, sans-serif',
-		);
-
-		/**
-		 * Default font weights.
-		 *
-		 * @var string[]
-		 */
-		private $default_font_weights = array(
-			'400'       => 'Normal 400',
-			'700'       => 'Bold 700',
-			'400italic' => 'Normal 400 Italic',
-			'700italic' => 'Bold 700 Italic',
-		);
-
-		/**
-		 * User font array.
-		 *
-		 * @var bool $user_fonts
-		 */
-		private $user_fonts = true;
-
-		/**
-		 * Redux_Field constructor.
-		 *
-		 * @param array  $field  Field array.
-		 * @param string $value  Field values.
-		 * @param null   $redux  ReduxFramework object pointer.
-		 *
-		 * @throws ReflectionException Exception.
-		 */
-		public function __construct( $field = array(), $value = null, $redux = null ) { // phpcs:ignore Generic.CodeAnalysis.UselessOverridingMethod
-			parent::__construct( $field, $value, $redux );
-
-			$this->parent = $redux;
-			$this->field  = $field;
-			$this->value  = $value;
-
-			$this->set_defaults();
-
-			$path_info = Redux_Helpers::path_info( __FILE__ );
-			$this->dir = trailingslashit( dirname( $path_info['real_path'] ) );
-			$this->url = trailingslashit( dirname( $path_info['url'] ) );
-
-			$this->timestamp = Redux_Core::$version;
-			if ( $redux->args['dev_mode'] ) {
-				$this->timestamp .= '.' . time();
-			}
-		}
-
-		/**
-		 * Sets default values for field.
-		 */
-		public function set_defaults() {
-			// Shim out old arg to new.
-			if ( isset( $this->field['all_styles'] ) && ! empty( $this->field['all_styles'] ) ) {
-				$this->field['all-styles'] = $this->field['all_styles'];
-				unset( $this->field['all_styles'] );
-			}
-
-			$defaults = array(
-				'font-family'             => true,
-				'font-size'               => true,
-				'font-weight'             => true,
-				'font-style'              => true,
-				'font-backup'             => false,
-				'subsets'                 => true,
-				'custom_fonts'            => true,
-				'text-align'              => true,
-				'text-transform'          => false,
-				'font-variant'            => false,
-				'text-decoration'         => false,
-				'color'                   => true,
-				'preview'                 => true,
-				'line-height'             => true,
-				'multi'                   => array(
-					'subsets' => false,
-					'weight'  => false,
-				),
-				'word-spacing'            => false,
-				'letter-spacing'          => false,
-				'google'                  => true,
-				'font_family_clear'       => true,
-				'allow_empty_line_height' => false,
-				'margin-top'              => false,
-				'margin-bottom'           => false,
-				'text-shadow'             => false,
-				'word-spacing-unit'       => '',
-				'letter-spacing-unit'     => '',
-				'font-size-unit'          => '',
-				'margin-top-unit'         => '',
-				'margin-bottom-unit'      => '',
-			);
-
-			$this->field = wp_parse_args( $this->field, $defaults );
-
-			if ( isset( $this->field['color_alpha'] ) ) {
-				if ( is_array( $this->field['color_alpha'] ) ) {
-					$this->field['color_alpha']['color']        = $this->field['color_alpha']['color'] ?? false;
-					$this->field['color_alpha']['shadow-color'] = $this->field['color_alpha']['shadow-color'] ?? false;
-				} else {
-					$mode                                       = $this->field['color_alpha'];
-					$this->field['color_alpha']                 = array();
-					$this->field['color_alpha']['color']        = $mode;
-					$this->field['color_alpha']['shadow-color'] = $mode;
-				}
-			} else {
-				$this->field['color_alpha']['color']        = false;
-				$this->field['color_alpha']['shadow-color'] = false;
-			}
-
-			// Set value defaults.
-			$defaults = array(
-				'font-family'       => '',
-				'font-options'      => '',
-				'font-backup'       => '',
-				'text-align'        => '',
-				'text-transform'    => '',
-				'font-variant'      => '',
-				'text-decoration'   => '',
-				'line-height'       => '',
-				'word-spacing'      => '',
-				'letter-spacing'    => '',
-				'subsets'           => '',
-				'google'            => false,
-				'font-script'       => '',
-				'font-weight'       => '',
-				'font-style'        => '',
-				'color'             => '',
-				'font-size'         => '',
-				'margin-top'        => '',
-				'margin-bottom'     => '',
-				'shadow-color'      => '#000000',
-				'shadow-horizontal' => '1',
-				'shadow-vertical'   => '1',
-				'shadow-blur'       => '4',
-			);
-
-			$this->value = wp_parse_args( $this->value, $defaults );
-
-			if ( empty( $this->field['units'] ) || ! in_array( $this->field['units'], Redux_Helpers::$array_units, true ) ) {
-				$this->field['units'] = 'px';
-			}
-
-			// Get the Google array.
-			$this->get_google_array();
-
-			if ( empty( $this->field['fonts'] ) ) {
-				$this->user_fonts     = false;
-				$this->field['fonts'] = $this->std_fonts;
-			}
-
-			$this->field['weights'] = $this->field['weights'] ?? $this->default_font_weights;
-
-			// Localize std fonts.
-			$this->localize_std_fonts();
-		}
-
-		/**
-		 * Localize font array
-		 *
-		 * @param array  $field Field array.
-		 * @param string $value Value.
-		 *
-		 * @return array
-		 */
-		public function localize( array $field, string $value = '' ): array {
-			$params = array();
-
-			if ( true === $this->user_fonts && ! empty( $this->field['fonts'] ) ) {
-				$params['std_font'] = $this->field['fonts'];
-			}
-
-			return $params;
-		}
-
-		/**
-		 * Field Render Function.
-		 * Takes the vars and outputs the HTML for the field in the settings
-		 *
-		 * @since ReduxFramework 1.0.0
-		 */
-		public function render() {
-			// Since fonts declared is CSS (@font-face) are not rendered in the preview,
-			// they can be declared in a CSS file and passed here, so they DO display in
-			// font preview.  Do NOT pass style.css in your theme, as that will mess up
-			// admin page styling.  It's recommended to pass a CSS file with ONLY font
-			// declarations.
-			// If field is set and not blank, then enqueue field.
-			if ( isset( $this->field['ext-font-css'] ) && '' !== $this->field['ext-font-css'] ) {
-				wp_enqueue_style( 'redux-external-fonts', $this->field['ext-font-css'], array(), $this->timestamp );
-			}
-
-			if ( empty( $this->field['units'] ) && ! empty( $this->field['default']['units'] ) ) {
-				$this->field['units'] = $this->field['default']['units'];
-			}
-
-			$unit = $this->field['units'];
-
-			echo '<div id="' . esc_attr( $this->field['id'] ) . '" class="redux-typography-container" data-id="' . esc_attr( $this->field['id'] ) . '" data-units="' . esc_attr( $unit ) . '">';
-
-			$this->select2_config['allowClear'] = true;
-
-			if ( isset( $this->field['select2'] ) ) {
-				$this->field['select2'] = wp_parse_args( $this->field['select2'], $this->select2_config );
-			} else {
-				$this->field['select2'] = $this->select2_config;
-			}
-
-			$this->field['select2'] = Redux_Functions::sanitize_camel_case_array_keys( $this->field['select2'] );
-
-			$select2_data = Redux_Functions::create_data_string( $this->field['select2'] );
-
-			$google_set     = false;
-			$is_google_font = '0';
-
-			// If no fontFamily array exists, create one and set array 0
-			// with font value.
-			if ( ! isset( $font_family ) ) {
-				$font_family    = array();
-				$font_family[0] = $this->value['font-family'];
-				$font_family[1] = '';
-			}
-
-			/* Font Family */
-			if ( true === $this->field['font-family'] ) {
-				if ( filter_var( $this->value['google'], FILTER_VALIDATE_BOOLEAN ) ) {
-
-					// Divide and conquer.
-					$font_family = explode( ', ', $this->value['font-family'], 2 );
-
-					// If array 0 is empty and array 1 is not.
-					if ( empty( $font_family[0] ) && ! empty( $font_family[1] ) ) {
-
-						// Make array 0 = array 1.
-						$font_family[0] = $font_family[1];
-					}
-				}
-
-				// Is selected font a Google font.
-				if ( isset( Redux_Core::$fonts['google'][ $font_family[0] ] ) ) {
-					$is_google_font = '1';
-				}
-
-				// If not a Google font, show all font families.
-				if ( '1' !== $is_google_font ) {
-					$font_family[0] = $this->value['font-family'];
-				}
-
-				$user_fonts = '0';
-				if ( true === $this->user_fonts ) {
-					$user_fonts = '1';
-				}
-
-				echo '<input
+    /**
+     * Class Redux_Typography
+     */
+    class Redux_Typography extends Redux_Field {
+
+        /**
+         * Array of data for typography preview.
+         *
+         * @var array
+         */
+        private $typography_preview = array();
+
+        /**
+         *  Standard font array.
+         *
+         * @var array $std_fonts
+         */
+        private $std_fonts = array(
+            'Arial, Helvetica, sans-serif'            => 'Arial, Helvetica, sans-serif',
+            '\'Arial Black\', Gadget, sans-serif'     => '\'Arial Black\', Gadget, sans-serif',
+            '\'Bookman Old Style\', serif'            => '\'Bookman Old Style\', serif',
+            '\'Comic Sans MS\', cursive'              => '\'Comic Sans MS\', cursive',
+            'Courier, monospace'                      => 'Courier, monospace',
+            'Garamond, serif'                         => 'Garamond, serif',
+            'Georgia, serif'                          => 'Georgia, serif',
+            'Impact, Charcoal, sans-serif'            => 'Impact, Charcoal, sans-serif',
+            '\'Lucida Console\', Monaco, monospace'   => '\'Lucida Console\', Monaco, monospace',
+            '\'Lucida Sans Unicode\', \'Lucida Grande\', sans-serif' => '\'Lucida Sans Unicode\', \'Lucida Grande\', sans-serif',
+            '\'MS Sans Serif\', Geneva, sans-serif'   => '\'MS Sans Serif\', Geneva, sans-serif',
+            '\'MS Serif\', \'New York\', sans-serif'  => '\'MS Serif\', \'New York\', sans-serif',
+            '\'Palatino Linotype\', \'Book Antiqua\', Palatino, serif' => '\'Palatino Linotype\', \'Book Antiqua\', Palatino, serif',
+            'Tahoma,Geneva, sans-serif'               => 'Tahoma, Geneva, sans-serif',
+            '\'Times New Roman\', Times,serif'        => '\'Times New Roman\', Times, serif',
+            '\'Trebuchet MS\', Helvetica, sans-serif' => '\'Trebuchet MS\', Helvetica, sans-serif',
+            'Verdana, Geneva, sans-serif'             => 'Verdana, Geneva, sans-serif',
+        );
+
+        /**
+         * Default font weights.
+         *
+         * @var string[]
+         */
+        private $default_font_weights = array(
+            '400'       => 'Normal 400',
+            '700'       => 'Bold 700',
+            '400italic' => 'Normal 400 Italic',
+            '700italic' => 'Bold 700 Italic',
+        );
+
+        /**
+         * User font array.
+         *
+         * @var bool $user_fonts
+         */
+        private $user_fonts = true;
+
+        /**
+         * Redux_Field constructor.
+         *
+         * @param array  $field  Field array.
+         * @param string $value  Field values.
+         * @param null   $redux  ReduxFramework object pointer.
+         *
+         * @throws ReflectionException Exception.
+         */
+        public function __construct( $field = array(), $value = null, $redux = null ) { // phpcs:ignore Generic.CodeAnalysis.UselessOverridingMethod
+            parent::__construct( $field, $value, $redux );
+
+            $this->parent = $redux;
+            $this->field  = $field;
+            $this->value  = $value;
+
+            $this->set_defaults();
+
+            $path_info = Redux_Helpers::path_info( __FILE__ );
+            $this->dir = trailingslashit( dirname( $path_info['real_path'] ) );
+            $this->url = trailingslashit( dirname( $path_info['url'] ) );
+
+            $this->timestamp = Redux_Core::$version;
+            if ( $redux->args['dev_mode'] ) {
+                $this->timestamp .= '.' . time();
+            }
+        }
+
+        /**
+         * Sets default values for field.
+         */
+        public function set_defaults() {
+            // Shim out old arg to new.
+            if ( isset( $this->field['all_styles'] ) && ! empty( $this->field['all_styles'] ) ) {
+                $this->field['all-styles'] = $this->field['all_styles'];
+                unset( $this->field['all_styles'] );
+            }
+
+            $defaults = array(
+                'font-family'             => true,
+                'font-size'               => true,
+                'font-weight'             => true,
+                'font-style'              => true,
+                'font-backup'             => false,
+                'subsets'                 => true,
+                'custom_fonts'            => true,
+                'text-align'              => true,
+                'text-transform'          => false,
+                'font-variant'            => false,
+                'text-decoration'         => false,
+                'color'                   => true,
+                'preview'                 => true,
+                'line-height'             => true,
+                'multi'                   => array(
+                    'subsets' => false,
+                    'weight'  => false,
+                ),
+                'word-spacing'            => false,
+                'letter-spacing'          => false,
+                'google'                  => true,
+                'font_family_clear'       => true,
+                'allow_empty_line_height' => false,
+                'margin-top'              => false,
+                'margin-bottom'           => false,
+                'text-shadow'             => false,
+                'word-spacing-unit'       => '',
+                'letter-spacing-unit'     => '',
+                'font-size-unit'          => '',
+                'margin-top-unit'         => '',
+                'margin-bottom-unit'      => '',
+            );
+
+            $this->field = wp_parse_args( $this->field, $defaults );
+
+            if ( isset( $this->field['color_alpha'] ) ) {
+                if ( is_array( $this->field['color_alpha'] ) ) {
+                    $this->field['color_alpha']['color']        = $this->field['color_alpha']['color'] ?? false;
+                    $this->field['color_alpha']['shadow-color'] = $this->field['color_alpha']['shadow-color'] ?? false;
+                } else {
+                    $mode                                       = $this->field['color_alpha'];
+                    $this->field['color_alpha']                 = array();
+                    $this->field['color_alpha']['color']        = $mode;
+                    $this->field['color_alpha']['shadow-color'] = $mode;
+                }
+            } else {
+                $this->field['color_alpha']['color']        = false;
+                $this->field['color_alpha']['shadow-color'] = false;
+            }
+
+            // Set value defaults.
+            $defaults = array(
+                'font-family'       => '',
+                'font-options'      => '',
+                'font-backup'       => '',
+                'text-align'        => '',
+                'text-transform'    => '',
+                'font-variant'      => '',
+                'text-decoration'   => '',
+                'line-height'       => '',
+                'word-spacing'      => '',
+                'letter-spacing'    => '',
+                'subsets'           => '',
+                'google'            => false,
+                'font-script'       => '',
+                'font-weight'       => '',
+                'font-style'        => '',
+                'color'             => '',
+                'font-size'         => '',
+                'margin-top'        => '',
+                'margin-bottom'     => '',
+                'shadow-color'      => '#000000',
+                'shadow-horizontal' => '1',
+                'shadow-vertical'   => '1',
+                'shadow-blur'       => '4',
+            );
+
+            $this->value = wp_parse_args( $this->value, $defaults );
+
+            if ( empty( $this->field['units'] ) || ! in_array( $this->field['units'], Redux_Helpers::$array_units, true ) ) {
+                $this->field['units'] = 'px';
+            }
+
+            // Get the Google array.
+            $this->get_google_array();
+
+            if ( empty( $this->field['fonts'] ) ) {
+                $this->user_fonts     = false;
+                $this->field['fonts'] = $this->std_fonts;
+            }
+
+            $this->field['weights'] = $this->field['weights'] ?? $this->default_font_weights;
+
+            // Localize std fonts.
+            $this->localize_std_fonts();
+        }
+
+        /**
+         * Localize font array
+         *
+         * @param array  $field Field array.
+         * @param string $value Value.
+         *
+         * @return array
+         */
+        public function localize( array $field, string $value = '' ): array {
+            $params = array();
+
+            if ( true === $this->user_fonts && ! empty( $this->field['fonts'] ) ) {
+                $params['std_font'] = $this->field['fonts'];
+            }
+
+            return $params;
+        }
+
+        /**
+         * Field Render Function.
+         * Takes the vars and outputs the HTML for the field in the settings
+         *
+         * @since ReduxFramework 1.0.0
+         */
+        public function render() {
+            // Since fonts declared is CSS (@font-face) are not rendered in the preview,
+            // they can be declared in a CSS file and passed here, so they DO display in
+            // font preview.  Do NOT pass style.css in your theme, as that will mess up
+            // admin page styling.  It's recommended to pass a CSS file with ONLY font
+            // declarations.
+            // If field is set and not blank, then enqueue field.
+            if ( isset( $this->field['ext-font-css'] ) && '' !== $this->field['ext-font-css'] ) {
+                wp_enqueue_style( 'redux-external-fonts', $this->field['ext-font-css'], array(), $this->timestamp );
+            }
+
+            if ( empty( $this->field['units'] ) && ! empty( $this->field['default']['units'] ) ) {
+                $this->field['units'] = $this->field['default']['units'];
+            }
+
+            $unit = $this->field['units'];
+
+            echo '<div id="' . esc_attr( $this->field['id'] ) . '" class="redux-typography-container" data-id="' . esc_attr( $this->field['id'] ) . '" data-units="' . esc_attr( $unit ) . '">';
+
+            $this->select2_config['allowClear'] = true;
+
+            if ( isset( $this->field['select2'] ) ) {
+                $this->field['select2'] = wp_parse_args( $this->field['select2'], $this->select2_config );
+            } else {
+                $this->field['select2'] = $this->select2_config;
+            }
+
+            $this->field['select2'] = Redux_Functions::sanitize_camel_case_array_keys( $this->field['select2'] );
+
+            $select2_data = Redux_Functions::create_data_string( $this->field['select2'] );
+
+            $google_set     = false;
+            $is_google_font = '0';
+
+            // If no fontFamily array exists, create one and set array 0
+            // with font value.
+            if ( ! isset( $font_family ) ) {
+                $font_family    = array();
+                $font_family[0] = $this->value['font-family'];
+                $font_family[1] = '';
+            }
+
+            /* Font Family */
+            if ( true === $this->field['font-family'] ) {
+                if ( filter_var( $this->value['google'], FILTER_VALIDATE_BOOLEAN ) ) {
+
+                    // Divide and conquer.
+                    $font_family = explode( ', ', $this->value['font-family'], 2 );
+
+                    // If array 0 is empty and array 1 is not.
+                    if ( empty( $font_family[0] ) && ! empty( $font_family[1] ) ) {
+
+                        // Make array 0 = array 1.
+                        $font_family[0] = $font_family[1];
+                    }
+                }
+
+                // Is selected font a Google font.
+                if ( isset( Redux_Core::$fonts['google'][ $font_family[0] ] ) ) {
+                    $is_google_font = '1';
+                }
+
+                // If not a Google font, show all font families.
+                if ( '1' !== $is_google_font ) {
+                    $font_family[0] = $this->value['font-family'];
+                }
+
+                $user_fonts = '0';
+                if ( true === $this->user_fonts ) {
+                    $user_fonts = '1';
+                }
+
+                echo '<input
 						type="hidden"
 						class="redux-typography-font-family ' . esc_attr( $this->field['class'] ) . '"
 						data-user-fonts="' . esc_attr( $user_fonts ) . '" name="' . esc_attr( $this->field['name'] . $this->field['name_suffix'] ) . '[font-family]"
 						value="' . esc_attr( $this->value['font-family'] ) . '"
 						data-id="' . esc_attr( $this->field['id'] ) . '"  />';
 
-				echo '<input
+                echo '<input
 						type="hidden"
 						class="redux-typography-font-options ' . esc_attr( $this->field['class'] ) . '"
 						name="' . esc_attr( $this->field['name'] . $this->field['name_suffix'] ) . '[font-options]"
 						value="' . esc_attr( $this->value['font-options'] ) . '"
 						data-id="' . esc_attr( $this->field['id'] ) . '"  />';
 
-				echo '<input
+                echo '<input
 						type="hidden"
 						class="redux-typography-google-font" value="' . esc_attr( $is_google_font ) . '"
 						id="' . esc_attr( $this->field['id'] ) . '-google-font">';
 
-				echo '<div class="select_wrapper typography-family" style="width: 220px; margin-right: 5px;">';
-				echo '<label for="' . esc_attr( $this->field['id'] ) . '-family">' . esc_html__( 'Font Family', 'redux-framework' ) . '</label>';
+                echo '<div class="select_wrapper typography-family" style="width: 220px; margin-right: 5px;">';
+                echo '<label for="' . esc_attr( $this->field['id'] ) . '-family">' . esc_html__( 'Font Family', 'redux-framework' ) . '</label>';
 
-				$placeholder = esc_html__( 'Font family', 'redux-framework' );
+                $placeholder = esc_html__( 'Font family', 'redux-framework' );
 
-				$new_arr                = $this->field['select2'];
-				$new_arr['allow-clear'] = $this->field['font_family_clear'];
-				$new_data               = Redux_Functions::create_data_string( $new_arr );
+                $new_arr                = $this->field['select2'];
+                $new_arr['allow-clear'] = $this->field['font_family_clear'];
+                $new_data               = Redux_Functions::create_data_string( $new_arr );
 
-				echo '<select class=" redux-typography redux-typography-family select2-container ' . esc_attr( $this->field['class'] ) . '" id="' . esc_attr( $this->field['id'] ) . '-family" data-placeholder="' . esc_attr( $placeholder ) . '" data-id="' . esc_attr( $this->field['id'] ) . '" data-value="' . esc_attr( $font_family[0] ) . '"' . esc_html( $new_data ) . '>';
+                echo '<select class=" redux-typography redux-typography-family select2-container ' . esc_attr( $this->field['class'] ) . '" id="' . esc_attr( $this->field['id'] ) . '-family" data-placeholder="' . esc_attr( $placeholder ) . '" data-id="' . esc_attr( $this->field['id'] ) . '" data-value="' . esc_attr( $font_family[0] ) . '"' . esc_html( $new_data ) . '>';
 
-				echo '</select>';
-				echo '</div>';
+                echo '</select>';
+                echo '</div>';
 
-				if ( true === $this->field['google'] ) {
+                if ( true === $this->field['google'] ) {
 
-					// Set a flag, so we know to set a header style or not.
-					echo '<input
+                    // Set a flag, so we know to set a header style or not.
+                    echo '<input
 							type="hidden"
 							class="redux-typography-google ' . esc_attr( $this->field['class'] ) . '"
 							id="' . esc_attr( $this->field['id'] ) . '-google" name="' . esc_attr( $this->field['name'] . $this->field['name_suffix'] ) . '[google]"
 							type="text" value="' . esc_attr( $this->field['google'] ) . '"
 							data-id="' . esc_attr( $this->field['id'] ) . '" />';
 
-					$google_set = true;
-				}
-			}
+                    $google_set = true;
+                }
+            }
 
-			/* Backup Font */
-			if ( true === $this->field['font-family'] && true === $this->field['google'] ) {
-				if ( false === $google_set ) {
-					// Set a flag, so we know to set a header style or not.
-					echo '<input
+            /* Backup Font */
+            if ( true === $this->field['font-family'] && true === $this->field['google'] ) {
+                if ( false === $google_set ) {
+                    // Set a flag, so we know to set a header style or not.
+                    echo '<input
 							type="hidden"
 							class="redux-typography-google ' . esc_attr( $this->field['class'] ) . '"
 							id="' . esc_attr( $this->field['id'] ) . '-google" name="' . esc_attr( $this->field['name'] . $this->field['name_suffix'] ) . '[google]"
 							type="text" value="' . esc_attr( $this->field['google'] ) . '"
 							data-id="' . esc_attr( $this->field['id'] ) . '"  />';
-				}
+                }
 
-				if ( true === $this->field['font-backup'] ) {
-					echo '<div class="select_wrapper typography-family-backup" style="width: 220px; margin-right: 5px;">';
-					echo '<label for="' . esc_attr( $this->field['id'] ) . '-family-backup">' . esc_html__( 'Backup Font Family', 'redux-framework' ) . '</label>';
-					echo '<select
+                if ( true === $this->field['font-backup'] ) {
+                    echo '<div class="select_wrapper typography-family-backup" style="width: 220px; margin-right: 5px;">';
+                    echo '<label for="' . esc_attr( $this->field['id'] ) . '-family-backup">' . esc_html__( 'Backup Font Family', 'redux-framework' ) . '</label>';
+                    echo '<select
 							data-placeholder="' . esc_html__( 'Backup Font Family', 'redux-framework' ) . '"
 							name="' . esc_attr( $this->field['name'] . $this->field['name_suffix'] ) . '[font-backup]"
 							class="redux-typography redux-typography-family-backup ' . esc_attr( $this->field['class'] ) . '"
@@ -370,62 +370,62 @@ 
 							data-id="' . esc_attr( $this->field['id'] ) . '"
 							data-value="' . esc_attr( $this->value['font-backup'] ) . '"' . esc_attr( $select2_data ) . '>';
 
-					echo '<option data-google="false" data-details="" value=""></option>';
+                    echo '<option data-google="false" data-details="" value=""></option>';
 
-					foreach ( $this->field['fonts'] as $i => $family ) {
-						echo '<option data-google="true" value="' . esc_attr( $i ) . '" ' . selected( $this->value['font-backup'], $i, false ) . '>' . esc_html( $family ) . '</option>';
-					}
+                    foreach ( $this->field['fonts'] as $i => $family ) {
+                        echo '<option data-google="true" value="' . esc_attr( $i ) . '" ' . selected( $this->value['font-backup'], $i, false ) . '>' . esc_html( $family ) . '</option>';
+                    }
 
-					echo '</select></div>';
-				}
-			}
+                    echo '</select></div>';
+                }
+            }
 
-			/* Font Style/Weight */
-			if ( true === $this->field['font-style'] || true === $this->field['font-weight'] ) {
-				echo '<div data-weights="' . rawurlencode( wp_json_encode( $this->field['weights'] ) ) . '" class="select_wrapper typography-style" original-title="' . esc_html__( 'Font style', 'redux-framework' ) . '">';
-				echo '<label for="' . esc_attr( $this->field['id'] ) . '_style">' . esc_html__( 'Font Weight &amp; Style', 'redux-framework' ) . '</label>';
+            /* Font Style/Weight */
+            if ( true === $this->field['font-style'] || true === $this->field['font-weight'] ) {
+                echo '<div data-weights="' . rawurlencode( wp_json_encode( $this->field['weights'] ) ) . '" class="select_wrapper typography-style" original-title="' . esc_html__( 'Font style', 'redux-framework' ) . '">';
+                echo '<label for="' . esc_attr( $this->field['id'] ) . '_style">' . esc_html__( 'Font Weight &amp; Style', 'redux-framework' ) . '</label>';
 
-				$style = $this->value['font-weight'] . $this->value['font-style'];
+                $style = $this->value['font-weight'] . $this->value['font-style'];
 
-				echo '<input
+                echo '<input
 						type="hidden"
 						class="typography-font-weight" name="' . esc_attr( $this->field['name'] . $this->field['name_suffix'] ) . '[font-weight]"
 						value="' . esc_attr( $this->value['font-weight'] ) . '"
 						data-id="' . esc_attr( $this->field['id'] ) . '"  /> ';
 
-				echo '<input
+                echo '<input
 						type="hidden"
 						class="typography-font-style" name="' . esc_attr( $this->field['name'] . $this->field['name_suffix'] ) . '[font-style]"
 						value="' . esc_attr( $this->value['font-style'] ) . '"
 						data-id="' . esc_attr( $this->field['id'] ) . '"  /> ';
-				$multi = ( isset( $this->field['multi']['weight'] ) && $this->field['multi']['weight'] ) ? ' multiple="multiple"' : '';
-				echo '<select' . esc_html( $multi ) . '
+                $multi = ( isset( $this->field['multi']['weight'] ) && $this->field['multi']['weight'] ) ? ' multiple="multiple"' : '';
+                echo '<select' . esc_html( $multi ) . '
 				        data-placeholder="' . esc_html__( 'Style', 'redux-framework' ) . '"
 				        class="redux-typography redux-typography-style select ' . esc_attr( $this->field['class'] ) . '"
 				        original-title="' . esc_html__( 'Font style', 'redux-framework' ) . '"
 				        id="' . esc_attr( $this->field['id'] ) . '_style" data-id="' . esc_attr( $this->field['id'] ) . '"
 				        data-value="' . esc_attr( $style ) . '"' . esc_attr( $select2_data ) . '>';
 
-				if ( empty( $this->value['subsets'] ) || empty( $this->value['font-weight'] ) ) {
-					echo '<option value=""></option>';
-				}
+                if ( empty( $this->value['subsets'] ) || empty( $this->value['font-weight'] ) ) {
+                    echo '<option value=""></option>';
+                }
 
-				echo '</select></div>';
-			}
+                echo '</select></div>';
+            }
 
-			/* Font Script */
-			if ( true === $this->field['font-family'] && true === $this->field['subsets'] && true === $this->field['google'] ) {
-				echo '<div class="select_wrapper typography-script tooltip" original-title="' . esc_html__( 'Font subsets', 'redux-framework' ) . '">';
-				echo '<input
+            /* Font Script */
+            if ( true === $this->field['font-family'] && true === $this->field['subsets'] && true === $this->field['google'] ) {
+                echo '<div class="select_wrapper typography-script tooltip" original-title="' . esc_html__( 'Font subsets', 'redux-framework' ) . '">';
+                echo '<input
 						type="hidden"
 						class="typography-subsets"
 						name="' . esc_attr( $this->field['name'] . $this->field['name_suffix'] ) . '[subsets]"
 						value="' . esc_attr( $this->value['subsets'] ) . '"
 						data-id="' . esc_attr( $this->field['id'] ) . '"  /> ';
 
-				echo '<label for="' . esc_attr( $this->field['id'] ) . '-subsets">' . esc_html__( 'Font Subsets', 'redux-framework' ) . '</label>';
-				$multi = ( isset( $this->field['multi']['subsets'] ) && $this->field['multi']['subsets'] ) ? ' multiple="multiple"' : '';
-				echo '<select' . esc_html( $multi ) . '
+                echo '<label for="' . esc_attr( $this->field['id'] ) . '-subsets">' . esc_html__( 'Font Subsets', 'redux-framework' ) . '</label>';
+                $multi = ( isset( $this->field['multi']['subsets'] ) && $this->field['multi']['subsets'] ) ? ' multiple="multiple"' : '';
+                echo '<select' . esc_html( $multi ) . '
 						data-placeholder="' . esc_html__( 'Subsets', 'redux-framework' ) . '"
 						class="redux-typography redux-typography-subsets ' . esc_attr( $this->field['class'] ) . '"
 						original-title="' . esc_html__( 'Font script', 'redux-framework' ) . '"
@@ -433,18 +433,18 @@ 
 						data-value="' . esc_attr( $this->value['subsets'] ) . '"
 						data-id="' . esc_attr( $this->field['id'] ) . '"' . esc_attr( $select2_data ) . '>';
 
-				if ( empty( $this->value['subsets'] ) ) {
-					echo '<option value=""></option>';
-				}
+                if ( empty( $this->value['subsets'] ) ) {
+                    echo '<option value=""></option>';
+                }
 
-				echo '</select></div>';
-			}
+                echo '</select></div>';
+            }
 
-			/* Font Align */
-			if ( true === $this->field['text-align'] ) {
-				echo '<div class="select_wrapper typography-align tooltip" original-title="' . esc_html__( 'Text Align', 'redux-framework' ) . '">';
-				echo '<label for="' . esc_attr( $this->field['id'] ) . '-align">' . esc_html__( 'Text Align', 'redux-framework' ) . '</label>';
-				echo '<select
+            /* Font Align */
+            if ( true === $this->field['text-align'] ) {
+                echo '<div class="select_wrapper typography-align tooltip" original-title="' . esc_html__( 'Text Align', 'redux-framework' ) . '">';
+                echo '<label for="' . esc_attr( $this->field['id'] ) . '-align">' . esc_html__( 'Text Align', 'redux-framework' ) . '</label>';
+                echo '<select
 						data-placeholder="' . esc_html__( 'Text Align', 'redux-framework' ) . '"
 						class="redux-typography redux-typography-align ' . esc_attr( $this->field['class'] ) . '"
 						original-title="' . esc_html__( 'Text Align', 'redux-framework' ) . '"
@@ -453,29 +453,29 @@ 
 						data-value="' . esc_attr( $this->value['text-align'] ) . '"
 						data-id="' . esc_attr( $this->field['id'] ) . '"' . esc_attr( $select2_data ) . '>';
 
-				echo '<option value=""></option>';
-
-				$align = array(
-					esc_html__( 'inherit', 'redux-framework' ),
-					esc_html__( 'left', 'redux-framework' ),
-					esc_html__( 'right', 'redux-framework' ),
-					esc_html__( 'center', 'redux-framework' ),
-					esc_html__( 'justify', 'redux-framework' ),
-					esc_html__( 'initial', 'redux-framework' ),
-				);
-
-				foreach ( $align as $v ) {
-					echo '<option value="' . esc_attr( $v ) . '" ' . selected( $this->value['text-align'], $v, false ) . '>' . esc_html( ucfirst( $v ) ) . '</option>';
-				}
-
-				echo '</select></div>';
-			}
-
-			/* Text Transform */
-			if ( true === $this->field['text-transform'] ) {
-				echo '<div class="select_wrapper typography-transform tooltip" original-title="' . esc_html__( 'Text Transform', 'redux-framework' ) . '">';
-				echo '<label for="' . esc_attr( $this->field['id'] ) . '-transform">' . esc_html__( 'Text Transform', 'redux-framework' ) . '</label>';
-				echo '<select
+                echo '<option value=""></option>';
+
+                $align = array(
+                    esc_html__( 'inherit', 'redux-framework' ),
+                    esc_html__( 'left', 'redux-framework' ),
+                    esc_html__( 'right', 'redux-framework' ),
+                    esc_html__( 'center', 'redux-framework' ),
+                    esc_html__( 'justify', 'redux-framework' ),
+                    esc_html__( 'initial', 'redux-framework' ),
+                );
+
+                foreach ( $align as $v ) {
+                    echo '<option value="' . esc_attr( $v ) . '" ' . selected( $this->value['text-align'], $v, false ) . '>' . esc_html( ucfirst( $v ) ) . '</option>';
+                }
+
+                echo '</select></div>';
+            }
+
+            /* Text Transform */
+            if ( true === $this->field['text-transform'] ) {
+                echo '<div class="select_wrapper typography-transform tooltip" original-title="' . esc_html__( 'Text Transform', 'redux-framework' ) . '">';
+                echo '<label for="' . esc_attr( $this->field['id'] ) . '-transform">' . esc_html__( 'Text Transform', 'redux-framework' ) . '</label>';
+                echo '<select
 						data-placeholder="' . esc_html__( 'Text Transform', 'redux-framework' ) . '"
 						class="redux-typography redux-typography-transform ' . esc_attr( $this->field['class'] ) . '"
 						original-title="' . esc_html__( 'Text Transform', 'redux-framework' ) . '"
@@ -484,29 +484,29 @@ 
 						data-value="' . esc_attr( $this->value['text-transform'] ) . '"
 						data-id="' . esc_attr( $this->field['id'] ) . '"' . esc_attr( $select2_data ) . '>';
 
-				echo '<option value=""></option>';
-
-				$values = array(
-					esc_html__( 'none', 'redux-framework' ),
-					esc_html__( 'capitalize', 'redux-framework' ),
-					esc_html__( 'uppercase', 'redux-framework' ),
-					esc_html__( 'lowercase', 'redux-framework' ),
-					esc_html__( 'initial', 'redux-framework' ),
-					esc_html__( 'inherit', 'redux-framework' ),
-				);
-
-				foreach ( $values as $v ) {
-					echo '<option value="' . esc_attr( $v ) . '" ' . selected( $this->value['text-transform'], $v, false ) . '>' . esc_html( ucfirst( $v ) ) . '</option>';
-				}
-
-				echo '</select></div>';
-			}
-
-			/* Font Variant */
-			if ( true === $this->field['font-variant'] ) {
-				echo '<div class="select_wrapper typography-font-variant tooltip" original-title="' . esc_html__( 'Font Variant', 'redux-framework' ) . '">';
-				echo '<label for="' . esc_attr( $this->field['id'] ) . '-font-variant">' . esc_html__( 'Font Variant', 'redux-framework' ) . '</label>';
-				echo '<select
+                echo '<option value=""></option>';
+
+                $values = array(
+                    esc_html__( 'none', 'redux-framework' ),
+                    esc_html__( 'capitalize', 'redux-framework' ),
+                    esc_html__( 'uppercase', 'redux-framework' ),
+                    esc_html__( 'lowercase', 'redux-framework' ),
+                    esc_html__( 'initial', 'redux-framework' ),
+                    esc_html__( 'inherit', 'redux-framework' ),
+                );
+
+                foreach ( $values as $v ) {
+                    echo '<option value="' . esc_attr( $v ) . '" ' . selected( $this->value['text-transform'], $v, false ) . '>' . esc_html( ucfirst( $v ) ) . '</option>';
+                }
+
+                echo '</select></div>';
+            }
+
+            /* Font Variant */
+            if ( true === $this->field['font-variant'] ) {
+                echo '<div class="select_wrapper typography-font-variant tooltip" original-title="' . esc_html__( 'Font Variant', 'redux-framework' ) . '">';
+                echo '<label for="' . esc_attr( $this->field['id'] ) . '-font-variant">' . esc_html__( 'Font Variant', 'redux-framework' ) . '</label>';
+                echo '<select
 						data-placeholder="' . esc_html__( 'Font Variant', 'redux-framework' ) . '"
 						class="redux-typography redux-typography-font-variant ' . esc_attr( $this->field['class'] ) . '"
 						original-title="' . esc_html__( 'Font Variant', 'redux-framework' ) . '"
@@ -515,26 +515,26 @@ 
 						data-value="' . esc_attr( $this->value['font-variant'] ) . '"
 						data-id="' . esc_attr( $this->field['id'] ) . '"' . esc_attr( $select2_data ) . '>';
 
-				echo '<option value=""></option>';
+                echo '<option value=""></option>';
 
-				$values = array(
-					esc_html__( 'inherit', 'redux-framework' ),
-					esc_html__( 'normal', 'redux-framework' ),
-					esc_html__( 'small-caps', 'redux-framework' ),
-				);
+                $values = array(
+                    esc_html__( 'inherit', 'redux-framework' ),
+                    esc_html__( 'normal', 'redux-framework' ),
+                    esc_html__( 'small-caps', 'redux-framework' ),
+                );
 
-				foreach ( $values as $v ) {
-					echo '<option value="' . esc_attr( $v ) . '" ' . selected( $this->value['font-variant'], $v, false ) . '>' . esc_attr( ucfirst( $v ) ) . '</option>';
-				}
+                foreach ( $values as $v ) {
+                    echo '<option value="' . esc_attr( $v ) . '" ' . selected( $this->value['font-variant'], $v, false ) . '>' . esc_attr( ucfirst( $v ) ) . '</option>';
+                }
 
-				echo '</select></div>';
-			}
+                echo '</select></div>';
+            }
 
-			/* Text Decoration */
-			if ( true === $this->field['text-decoration'] ) {
-				echo '<div class="select_wrapper typography-decoration tooltip" original-title="' . esc_html__( 'Text Decoration', 'redux-framework' ) . '">';
-				echo '<label for="' . esc_attr( $this->field['id'] ) . '-decoration">' . esc_html__( 'Text Decoration', 'redux-framework' ) . '</label>';
-				echo '<select
+            /* Text Decoration */
+            if ( true === $this->field['text-decoration'] ) {
+                echo '<div class="select_wrapper typography-decoration tooltip" original-title="' . esc_html__( 'Text Decoration', 'redux-framework' ) . '">';
+                echo '<label for="' . esc_attr( $this->field['id'] ) . '-decoration">' . esc_html__( 'Text Decoration', 'redux-framework' ) . '</label>';
+                echo '<select
 						data-placeholder="' . esc_html__( 'Text Decoration', 'redux-framework' ) . '"
 						class="redux-typography redux-typography-decoration ' . esc_attr( $this->field['class'] ) . '"
 						original-title="' . esc_html__( 'Text Decoration', 'redux-framework' ) . '"
@@ -543,32 +543,32 @@ 
 						data-value="' . esc_attr( $this->value['text-decoration'] ) . '"
 						data-id="' . esc_attr( $this->field['id'] ) . '"' . esc_attr( $select2_data ) . '>';
 
-				echo '<option value=""></option>';
+                echo '<option value=""></option>';
 
-				$values = array(
-					esc_html__( 'none', 'redux-framework' ),
-					esc_html__( 'inherit', 'redux-framework' ),
-					esc_html__( 'underline', 'redux-framework' ),
-					esc_html__( 'overline', 'redux-framework' ),
-					esc_html__( 'line-through', 'redux-framework' ),
-					esc_html__( 'blink', 'redux-framework' ),
-				);
+                $values = array(
+                    esc_html__( 'none', 'redux-framework' ),
+                    esc_html__( 'inherit', 'redux-framework' ),
+                    esc_html__( 'underline', 'redux-framework' ),
+                    esc_html__( 'overline', 'redux-framework' ),
+                    esc_html__( 'line-through', 'redux-framework' ),
+                    esc_html__( 'blink', 'redux-framework' ),
+                );
 
-				foreach ( $values as $v ) {
-					echo '<option value="' . esc_attr( $v ) . '" ' . selected( $this->value['text-decoration'], $v, false ) . '>' . esc_html( ucfirst( $v ) ) . '</option>';
-				}
+                foreach ( $values as $v ) {
+                    echo '<option value="' . esc_attr( $v ) . '" ' . selected( $this->value['text-decoration'], $v, false ) . '>' . esc_html( ucfirst( $v ) ) . '</option>';
+                }
 
-				echo '</select></div>';
-			}
+                echo '</select></div>';
+            }
 
-			/* Font Size */
-			if ( true === $this->field['font-size'] ) {
-				$the_unit = '' !== $this->field['font-size-unit'] ? $this->field['font-size-unit'] : $unit;
+            /* Font Size */
+            if ( true === $this->field['font-size'] ) {
+                $the_unit = '' !== $this->field['font-size-unit'] ? $this->field['font-size-unit'] : $unit;
 
-				echo '<div class="input_wrapper font-size redux-container-typography">';
-				echo '<label for="' . esc_attr( $this->field['id'] ) . '-size">' . esc_html__( 'Font Size', 'redux-framework' ) . '</label>';
-				echo '<div class="input-append">';
-				echo '<input
+                echo '<div class="input_wrapper font-size redux-container-typography">';
+                echo '<label for="' . esc_attr( $this->field['id'] ) . '-size">' . esc_html__( 'Font Size', 'redux-framework' ) . '</label>';
+                echo '<div class="input-append">';
+                echo '<input
 						type="text"
 						class="span2 redux-typography redux-typography-size mini typography-input ' . esc_attr( $this->field['class'] ) . '"
 						title="' . esc_html__( 'Font Size', 'redux-framework' ) . '"
@@ -577,20 +577,20 @@ 
 						value="' . esc_attr( str_replace( Redux_Helpers::$array_units, '', $this->value['font-size'] ) ) . '"
 						data-unit="' . esc_attr( $the_unit ) . '"
 						data-value="' . esc_attr( str_replace( Redux_Helpers::$array_units, '', $this->value['font-size'] ) ) . '">';
-				echo '<span class="add-on">' . esc_html( $the_unit ) . '</span>';
-				echo '</div>';
-				echo '<input type="hidden" class="typography-font-size" name="' . esc_attr( $this->field['name'] . $this->field['name_suffix'] ) . '[font-size]" value="' . esc_attr( $this->value['font-size'] ) . '" data-id="' . esc_attr( $this->field['id'] ) . '"/>';
-				echo '</div>';
-			}
-
-			/* Line Height */
-			if ( true === $this->field['line-height'] ) {
-				$the_unit = $this->field['line-height-unit'] ?? $unit;
-
-				echo '<div class="input_wrapper line-height redux-container-typography">';
-				echo '<label for="' . esc_attr( $this->field['id'] ) . '-height">' . esc_html__( 'Line Height', 'redux-framework' ) . '</label>';
-				echo '<div class="input-append">';
-				echo '<input
+                echo '<span class="add-on">' . esc_html( $the_unit ) . '</span>';
+                echo '</div>';
+                echo '<input type="hidden" class="typography-font-size" name="' . esc_attr( $this->field['name'] . $this->field['name_suffix'] ) . '[font-size]" value="' . esc_attr( $this->value['font-size'] ) . '" data-id="' . esc_attr( $this->field['id'] ) . '"/>';
+                echo '</div>';
+            }
+
+            /* Line Height */
+            if ( true === $this->field['line-height'] ) {
+                $the_unit = $this->field['line-height-unit'] ?? $unit;
+
+                echo '<div class="input_wrapper line-height redux-container-typography">';
+                echo '<label for="' . esc_attr( $this->field['id'] ) . '-height">' . esc_html__( 'Line Height', 'redux-framework' ) . '</label>';
+                echo '<div class="input-append">';
+                echo '<input
 						type="text"
 						class="span2 redux-typography redux-typography-height mini typography-input ' . esc_attr( $this->field['class'] ) . '"
 						title="' . esc_html__( 'Line Height', 'redux-framework' ) . '"
@@ -600,25 +600,25 @@ 
 						data-allow-empty="' . esc_attr( $this->field['allow_empty_line_height'] ) . '"
 						data-unit="' . esc_attr( $the_unit ) . '"
 						data-value="' . esc_attr( str_replace( Redux_Helpers::$array_units, '', $this->value['line-height'] ) ) . '">';
-				echo '<span class="add-on">' . esc_html( '' === $the_unit ? '&nbsp;' : $the_unit ) . '</span>';
-				echo '</div>';
-				echo '<input
+                echo '<span class="add-on">' . esc_html( '' === $the_unit ? '&nbsp;' : $the_unit ) . '</span>';
+                echo '</div>';
+                echo '<input
 						type="hidden"
 						class="typography-line-height"
 						name="' . esc_attr( $this->field['name'] . $this->field['name_suffix'] ) . '[line-height]"
 						value="' . esc_attr( $this->value['line-height'] ) . '"
 						data-id="' . esc_attr( $this->field['id'] ) . '"/>';
-				echo '</div>';
-			}
+                echo '</div>';
+            }
 
-			/* Word Spacing */
-			if ( true === $this->field['word-spacing'] ) {
-				$the_unit = '' !== $this->field['word-spacing-unit'] ? $this->field['word-spacing-unit'] : $unit;
+            /* Word Spacing */
+            if ( true === $this->field['word-spacing'] ) {
+                $the_unit = '' !== $this->field['word-spacing-unit'] ? $this->field['word-spacing-unit'] : $unit;
 
-				echo '<div class="input_wrapper word-spacing redux-container-typography">';
-				echo '<label for="' . esc_attr( $this->field['id'] ) . '-word">' . esc_html__( 'Word Spacing', 'redux-framework' ) . '</label>';
-				echo '<div class="input-append">';
-				echo '<input
+                echo '<div class="input_wrapper word-spacing redux-container-typography">';
+                echo '<label for="' . esc_attr( $this->field['id'] ) . '-word">' . esc_html__( 'Word Spacing', 'redux-framework' ) . '</label>';
+                echo '<div class="input-append">';
+                echo '<input
 						type="text"
 						class="span2 redux-typography redux-typography-word mini typography-input ' . esc_attr( $this->field['class'] ) . '"
 						title="' . esc_html__( 'Word Spacing', 'redux-framework' ) . '"
@@ -628,20 +628,20 @@ 
 						value="' . esc_attr( str_replace( $the_unit, '', $this->value['word-spacing'] ) ) . '"
 						data-value="' . esc_attr( str_replace( $the_unit, '', $this->value['word-spacing'] ) ) . '">';
 
-				echo '<span class="add-on">' . esc_html( $the_unit ) . '</span>';
-				echo '</div>';
-				echo '<input type="hidden" class="typography-word-spacing" name="' . esc_attr( $this->field['name'] . $this->field['name_suffix'] ) . '[word-spacing] " value="' . esc_attr( $this->value['word-spacing'] ) . '" data-id="' . esc_attr( $this->field['id'] ) . '"/>';
-				echo '</div>';
-			}
+                echo '<span class="add-on">' . esc_html( $the_unit ) . '</span>';
+                echo '</div>';
+                echo '<input type="hidden" class="typography-word-spacing" name="' . esc_attr( $this->field['name'] . $this->field['name_suffix'] ) . '[word-spacing] " value="' . esc_attr( $this->value['word-spacing'] ) . '" data-id="' . esc_attr( $this->field['id'] ) . '"/>';
+                echo '</div>';
+            }
 
-			/* Letter Spacing */
-			if ( true === $this->field['letter-spacing'] ) {
-				$the_unit = '' !== $this->field['letter-spacing-unit'] ? $this->field['letter-spacing-unit'] : $unit;
+            /* Letter Spacing */
+            if ( true === $this->field['letter-spacing'] ) {
+                $the_unit = '' !== $this->field['letter-spacing-unit'] ? $this->field['letter-spacing-unit'] : $unit;
 
-				echo '<div class="input_wrapper letter-spacing redux-container-typography">';
-				echo '<label for="' . esc_attr( $this->field['id'] ) . '-letter">' . esc_html__( 'Letter Spacing', 'redux-framework' ) . '</label>';
-				echo '<div class="input-append">';
-				echo '<input
+                echo '<div class="input_wrapper letter-spacing redux-container-typography">';
+                echo '<label for="' . esc_attr( $this->field['id'] ) . '-letter">' . esc_html__( 'Letter Spacing', 'redux-framework' ) . '</label>';
+                echo '<div class="input-append">';
+                echo '<input
 						type="text"
 						class="span2 redux-typography redux-typography-letter mini typography-input ' . esc_attr( $this->field['class'] ) . '"
 						title="' . esc_html__( 'Letter Spacing', 'redux-framework' ) . '"
@@ -651,28 +651,28 @@ 
 						value="' . esc_attr( str_replace( $the_unit, '', $this->value['letter-spacing'] ) ) . '"
 						data-value="' . esc_attr( str_replace( $the_unit, '', $this->value['letter-spacing'] ) ) . '">';
 
-				echo '<span class="add-on">' . esc_html( $the_unit ) . '</span>';
-				echo '</div>';
-				echo '<input
+                echo '<span class="add-on">' . esc_html( $the_unit ) . '</span>';
+                echo '</div>';
+                echo '<input
 						type="hidden"
 						class="typography-letter-spacing"
 						name="' . esc_attr( $this->field['name'] . $this->field['name_suffix'] ) . '[letter-spacing]"
 						value="' . esc_attr( $this->value['letter-spacing'] ) . '"
 						data-id="' . esc_attr( $this->field['id'] ) . '"  />';
 
-				echo '</div>';
-			}
+                echo '</div>';
+            }
 
-			echo '<div class="clearfix"></div>';
+            echo '<div class="clearfix"></div>';
 
-			// Margins.
-			if ( $this->field['margin-top'] ) {
-				$the_unit = '' !== $this->field['margin-top-unit'] ? $this->field['margin-top-unit'] : $unit;
+            // Margins.
+            if ( $this->field['margin-top'] ) {
+                $the_unit = '' !== $this->field['margin-top-unit'] ? $this->field['margin-top-unit'] : $unit;
 
-				echo '<div class="input_wrapper margin-top redux-container-typography">';
-				echo '<label for="' . esc_attr( $this->field['id'] ) . '-margin-top">' . esc_html__( 'Margin Top', 'redux-framework' ) . '</label>';
-				echo '<div class="input-append">';
-				echo '<input
+                echo '<div class="input_wrapper margin-top redux-container-typography">';
+                echo '<label for="' . esc_attr( $this->field['id'] ) . '-margin-top">' . esc_html__( 'Margin Top', 'redux-framework' ) . '</label>';
+                echo '<div class="input-append">';
+                echo '<input
 						type="text"
 						class="span2 redux-typography redux-typography-margin-top mini typography-input ' . esc_attr( $this->field['class'] ) . '"
 						title="' . esc_html__( 'Margin Top', 'redux-framework' ) . '"
@@ -681,25 +681,25 @@ 
 						data-unit="' . esc_attr( $the_unit ) . '"
 						value="' . esc_attr( str_replace( $the_unit, '', $this->value['margin-top'] ) ) . '"
 						data-value="' . esc_attr( str_replace( $the_unit, '', $this->value['margin-top'] ) ) . '">';
-				echo '<span class="add-on">' . esc_html( $the_unit ) . '</span>';
-				echo '</div>';
-				echo '<input
+                echo '<span class="add-on">' . esc_html( $the_unit ) . '</span>';
+                echo '</div>';
+                echo '<input
 						type="hidden"
 						class="typography-margin-top"
 						name="' . esc_attr( $this->field['name'] . $this->field['name_suffix'] ) . '[margin-top]"
 						value="' . esc_attr( $this->value['margin-top'] ) . '"
 						data-id="' . esc_attr( $this->field['id'] ) . '"  />';
-				echo '</div>';
-			}
+                echo '</div>';
+            }
 
-			/* Bottom Margin */
-			if ( $this->field['margin-bottom'] ) {
-				$the_unit = '' !== $this->field['margin-bottom-unit'] ? $this->field['margin-bottom-unit'] : $unit;
+            /* Bottom Margin */
+            if ( $this->field['margin-bottom'] ) {
+                $the_unit = '' !== $this->field['margin-bottom-unit'] ? $this->field['margin-bottom-unit'] : $unit;
 
-				echo '<div class="input_wrapper margin-bottom redux-container-typography">';
-				echo '<label for="' . esc_attr( $this->field['id'] ) . '-margin-bottom">' . esc_html__( 'Margin Bottom', 'redux-framework' ) . '</label>';
-				echo '<div class="input-append">';
-				echo '<input
+                echo '<div class="input_wrapper margin-bottom redux-container-typography">';
+                echo '<label for="' . esc_attr( $this->field['id'] ) . '-margin-bottom">' . esc_html__( 'Margin Bottom', 'redux-framework' ) . '</label>';
+                echo '<div class="input-append">';
+                echo '<input
 						type="text"
 						class="span2 redux-typography redux-typography-margin-bottom mini typography-input ' . esc_attr( $this->field['class'] ) . '"
 						title="' . esc_html__( 'Margin Bottom', 'redux-framework' ) . '"
@@ -708,106 +708,106 @@ 
 						data-unit="' . esc_attr( $the_unit ) . '"
 						value="' . esc_attr( str_replace( $the_unit, '', $this->value['margin-bottom'] ) ) . '"
 						data-value="' . esc_attr( str_replace( $the_unit, '', $this->value['margin-bottom'] ) ) . '">';
-				echo '<span class="add-on">' . esc_html( $the_unit ) . '</span>';
-				echo '</div>';
-				echo '<input type="hidden" class="typography-margin-bottom" name="' . esc_attr( $this->field['name'] . $this->field['name_suffix'] ) . '[margin-bottom]" value="' . esc_attr( $this->value['margin-bottom'] ) . '" data-id="' . esc_attr( $this->field['id'] ) . '"  />';
-				echo '</div>';
-			}
-
-			if ( $this->field['margin-top'] || $this->field['margin-bottom'] ) {
-				echo '<div class="clearfix"></div>';
-			}
-
-			/* Font Color */
-			if ( true === $this->field['color'] ) {
-				$default = '';
-
-				if ( empty( $this->field['default']['color'] ) && ! empty( $this->field['color'] ) ) {
-					$default = $this->value['color'];
-				} elseif ( ! empty( $this->field['default']['color'] ) ) {
-					$default = $this->field['default']['color'];
-				}
-
-				echo '<div class="picker-wrapper">';
-				echo '<label for="' . esc_attr( $this->field['id'] ) . '-color">' . esc_html__( 'Font Color', 'redux-framework' ) . '</label>';
-				echo '<div id="' . esc_attr( $this->field['id'] ) . '_color_picker" class="colorSelector typography-color">';
-				echo '<div style="background-color: ' . esc_attr( $this->value['color'] ) . '"></div>';
-				echo '</div>';
-				echo '<input ';
-				echo 'data-default-color="' . esc_attr( $default ) . '"';
-				echo 'class="color-picker redux-color redux-typography-color ' . esc_attr( $this->field['class'] ) . '"';
-				echo 'original-title="' . esc_html__( 'Font color', 'redux-framework' ) . '"';
-				echo 'id="' . esc_attr( $this->field['id'] ) . '-color"';
-				echo 'name="' . esc_attr( $this->field['name'] . $this->field['name_suffix'] ) . '[color]"';
-				echo 'type="text"';
-				echo 'value="' . esc_attr( $this->value['color'] ) . '"';
-				echo 'data-id="' . esc_attr( $this->field['id'] ) . '"';
-
-				$data = array(
-					'field' => $this->field,
-					'index' => 'color',
-				);
-
-				echo Redux_Functions_Ex::output_alpha_data( $data ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
-
-				echo '>';
-				echo '</div>';
-			}
-
-			echo '<div class="clearfix"></div>';
-
-			/* Font Preview */
-			if ( ! isset( $this->field['preview'] ) || false !== $this->field['preview'] ) {
-				$g_text = $this->field['preview']['text'] ?? '1 2 3 4 5 6 7 8 9 0 A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z';
-
-				$style = '';
-				if ( isset( $this->field['preview']['always_display'] ) ) {
-					if ( true === filter_var( $this->field['preview']['always_display'], FILTER_VALIDATE_BOOLEAN ) ) {
-						if ( true === (bool) $is_google_font ) {
-							$this->typography_preview[ $font_family[0] ] = array(
-								'font-style' => array( $this->value['font-weight'] . $this->value['font-style'] ),
-								'subset'     => array( $this->value['subsets'] ),
-							);
-
-							wp_deregister_style( 'redux-typography-preview' );
-							wp_dequeue_style( 'redux-typography-preview' );
-
-							wp_enqueue_style( 'redux-typography-preview', $this->make_google_web_font_link( $this->typography_preview ), array(), $this->timestamp );
-						}
-
-						$style = 'display: block; font-family: ' . esc_attr( $this->value['font-family'] ) . '; font-weight: ' . esc_attr( $this->value['font-weight'] ) . ';';
-					}
-				}
-
-				if ( isset( $this->field['preview']['font-size'] ) ) {
-					$style .= 'font-size: ' . $this->field['preview']['font-size'] . ';';
-					$in_use = '1';
-				} else {
-					$in_use = '0';
-				}
-
-				// Filter to disable Google font updates.
-				if ( apply_filters( "redux/{$this->parent->args['opt_name']}/field/typography/google_font_update", true ) ) { // phpcs:ignored WordPress.NamingConventions.ValidHookName
-					if ( Redux_Helpers::google_fonts_update_needed() && ! get_option( 'auto_update_redux_google_fonts', false ) && $this->field['font-family'] && $this->field['google'] ) {
-						$nonce = wp_create_nonce( 'redux_update_google_fonts' );
-
-						echo '<div data-nonce="' . esc_attr( $nonce ) . '" class="redux-update-google-fonts update-message notice inline notice-warning notice-alt">';
-						echo '<p>' . esc_html__( 'Your Google Fonts are out of date. To update them, please click one of the following:', 'redux-framework' );
-						echo '&nbsp;<a href="#" class="update-google-fonts" data-action="automatic" aria-label="' . esc_attr__( 'Automated updates', 'redux-framework' ) . '">' . esc_html__( 'Automated updates', 'redux-framework' ) . '</a> ' . esc_html__( 'or', 'redux-framework' ) . ' <a href="#" class="update-google-fonts" data-action="manual" aria-label="' . esc_attr__( 'one-time update', 'redux-framework' ) . '">' . esc_html__( 'one-time update', 'redux-framework' ) . '</a>.';
-						echo '</p>';
-						echo '</div>';
-					}
-				}
-
-				echo '<p data-preview-size="' . esc_attr( $in_use ) . '" class="clear ' . esc_attr( $this->field['id'] ) . '_previewer typography-preview" style="' . esc_attr( $style ) . '">' . esc_html( $g_text ) . '</p>';
-
-				if ( $this->field['text-shadow'] ) {
-
-					/* Shadow Colour */
-					echo '<div class="picker-wrapper">';
-					echo '<label for="' . esc_attr( $this->field['id'] ) . '-shadow-color">' . esc_html__( 'Shadow Color', 'redux-framework' ) . '</label>';
-					echo '<div id="' . esc_attr( $this->field['id'] ) . '_color_picker" class="colorSelector typography-shadow-color"><div style="background-color: ' . esc_attr( $this->value['color'] ) . '"></div></div>';
-					echo '<input
+                echo '<span class="add-on">' . esc_html( $the_unit ) . '</span>';
+                echo '</div>';
+                echo '<input type="hidden" class="typography-margin-bottom" name="' . esc_attr( $this->field['name'] . $this->field['name_suffix'] ) . '[margin-bottom]" value="' . esc_attr( $this->value['margin-bottom'] ) . '" data-id="' . esc_attr( $this->field['id'] ) . '"  />';
+                echo '</div>';
+            }
+
+            if ( $this->field['margin-top'] || $this->field['margin-bottom'] ) {
+                echo '<div class="clearfix"></div>';
+            }
+
+            /* Font Color */
+            if ( true === $this->field['color'] ) {
+                $default = '';
+
+                if ( empty( $this->field['default']['color'] ) && ! empty( $this->field['color'] ) ) {
+                    $default = $this->value['color'];
+                } elseif ( ! empty( $this->field['default']['color'] ) ) {
+                    $default = $this->field['default']['color'];
+                }
+
+                echo '<div class="picker-wrapper">';
+                echo '<label for="' . esc_attr( $this->field['id'] ) . '-color">' . esc_html__( 'Font Color', 'redux-framework' ) . '</label>';
+                echo '<div id="' . esc_attr( $this->field['id'] ) . '_color_picker" class="colorSelector typography-color">';
+                echo '<div style="background-color: ' . esc_attr( $this->value['color'] ) . '"></div>';
+                echo '</div>';
+                echo '<input ';
+                echo 'data-default-color="' . esc_attr( $default ) . '"';
+                echo 'class="color-picker redux-color redux-typography-color ' . esc_attr( $this->field['class'] ) . '"';
+                echo 'original-title="' . esc_html__( 'Font color', 'redux-framework' ) . '"';
+                echo 'id="' . esc_attr( $this->field['id'] ) . '-color"';
+                echo 'name="' . esc_attr( $this->field['name'] . $this->field['name_suffix'] ) . '[color]"';
+                echo 'type="text"';
+                echo 'value="' . esc_attr( $this->value['color'] ) . '"';
+                echo 'data-id="' . esc_attr( $this->field['id'] ) . '"';
+
+                $data = array(
+                    'field' => $this->field,
+                    'index' => 'color',
+                );
+
+                echo Redux_Functions_Ex::output_alpha_data( $data ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
+
+                echo '>';
+                echo '</div>';
+            }
+
+            echo '<div class="clearfix"></div>';
+
+            /* Font Preview */
+            if ( ! isset( $this->field['preview'] ) || false !== $this->field['preview'] ) {
+                $g_text = $this->field['preview']['text'] ?? '1 2 3 4 5 6 7 8 9 0 A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z';
+
+                $style = '';
+                if ( isset( $this->field['preview']['always_display'] ) ) {
+                    if ( true === filter_var( $this->field['preview']['always_display'], FILTER_VALIDATE_BOOLEAN ) ) {
+                        if ( true === (bool) $is_google_font ) {
+                            $this->typography_preview[ $font_family[0] ] = array(
+                                'font-style' => array( $this->value['font-weight'] . $this->value['font-style'] ),
+                                'subset'     => array( $this->value['subsets'] ),
+                            );
+
+                            wp_deregister_style( 'redux-typography-preview' );
+                            wp_dequeue_style( 'redux-typography-preview' );
+
+                            wp_enqueue_style( 'redux-typography-preview', $this->make_google_web_font_link( $this->typography_preview ), array(), $this->timestamp );
+                        }
+
+                        $style = 'display: block; font-family: ' . esc_attr( $this->value['font-family'] ) . '; font-weight: ' . esc_attr( $this->value['font-weight'] ) . ';';
+                    }
+                }
+
+                if ( isset( $this->field['preview']['font-size'] ) ) {
+                    $style .= 'font-size: ' . $this->field['preview']['font-size'] . ';';
+                    $in_use = '1';
+                } else {
+                    $in_use = '0';
+                }
+
+                // Filter to disable Google font updates.
+                if ( apply_filters( "redux/{$this->parent->args['opt_name']}/field/typography/google_font_update", true ) ) { // phpcs:ignored WordPress.NamingConventions.ValidHookName
+                    if ( Redux_Helpers::google_fonts_update_needed() && ! get_option( 'auto_update_redux_google_fonts', false ) && $this->field['font-family'] && $this->field['google'] ) {
+                        $nonce = wp_create_nonce( 'redux_update_google_fonts' );
+
+                        echo '<div data-nonce="' . esc_attr( $nonce ) . '" class="redux-update-google-fonts update-message notice inline notice-warning notice-alt">';
+                        echo '<p>' . esc_html__( 'Your Google Fonts are out of date. To update them, please click one of the following:', 'redux-framework' );
+                        echo '&nbsp;<a href="#" class="update-google-fonts" data-action="automatic" aria-label="' . esc_attr__( 'Automated updates', 'redux-framework' ) . '">' . esc_html__( 'Automated updates', 'redux-framework' ) . '</a> ' . esc_html__( 'or', 'redux-framework' ) . ' <a href="#" class="update-google-fonts" data-action="manual" aria-label="' . esc_attr__( 'one-time update', 'redux-framework' ) . '">' . esc_html__( 'one-time update', 'redux-framework' ) . '</a>.';
+                        echo '</p>';
+                        echo '</div>';
+                    }
+                }
+
+                echo '<p data-preview-size="' . esc_attr( $in_use ) . '" class="clear ' . esc_attr( $this->field['id'] ) . '_previewer typography-preview" style="' . esc_attr( $style ) . '">' . esc_html( $g_text ) . '</p>';
+
+                if ( $this->field['text-shadow'] ) {
+
+                    /* Shadow Colour */
+                    echo '<div class="picker-wrapper">';
+                    echo '<label for="' . esc_attr( $this->field['id'] ) . '-shadow-color">' . esc_html__( 'Shadow Color', 'redux-framework' ) . '</label>';
+                    echo '<div id="' . esc_attr( $this->field['id'] ) . '_color_picker" class="colorSelector typography-shadow-color"><div style="background-color: ' . esc_attr( $this->value['color'] ) . '"></div></div>';
+                    echo '<input
 		                    data-default-color="' . esc_attr( $this->value['shadow-color'] ) . '"
 		                    class="color-picker redux-color redux-typography-shadow-color ' . esc_attr( $this->field['class'] ) . '"
 		                    original-title="' . esc_html__( 'Shadow color', 'redux-framework' ) . '"
@@ -818,12 +818,12 @@ 
 		                    data-alpha="' . esc_attr( $this->field['color_alpha']['shadow-color'] ) . '"
 		                    data-id="' . esc_attr( $this->field['id'] ) . '"
 		                  />';
-					echo '</div>';
+                    echo '</div>';
 
-					/* Shadow Horizontal Length */
-					echo '<div class="input_wrapper shadow-horizontal redux-container-typography" style="top:-60px;margin-left:20px;width:20%">';
-					echo '<div class="label">' . esc_html__( 'Horizontal', 'redux-framework' ) . ': <strong>' . esc_attr( $this->value['shadow-horizontal'] ) . 'px</strong></div>';
-					echo '<div
+                    /* Shadow Horizontal Length */
+                    echo '<div class="input_wrapper shadow-horizontal redux-container-typography" style="top:-60px;margin-left:20px;width:20%">';
+                    echo '<div class="label">' . esc_html__( 'Horizontal', 'redux-framework' ) . ': <strong>' . esc_attr( $this->value['shadow-horizontal'] ) . 'px</strong></div>';
+                    echo '<div
                             class="redux-typography-slider span2 redux-typography redux-typography-shadow-horizontal mini typography-input ' . esc_attr( $this->field['class'] ) . '"
                             id="' . esc_attr( $this->field['id'] ) . '"
                             data-id="' . esc_attr( $this->field['id'] ) . '-h"
@@ -834,13 +834,13 @@ 
                             data-label="' . esc_attr__( 'Horizontal', 'redux-framework' ) . '"
                             data-default = "' . esc_attr( $this->value['shadow-horizontal'] ) . '">
                         </div>';
-					echo '<input type="hidden" id="redux-slider-value-' . esc_attr( $this->field['id'] ) . '-h" class="typography-shadow-horizontal" name="' . esc_attr( $this->field['name'] . $this->field['name_suffix'] ) . '[shadow-horizontal]" value="' . esc_attr( $this->value['shadow-horizontal'] ) . '" data-id="' . esc_attr( $this->field['id'] ) . '"  />';
-					echo '</div>';
+                    echo '<input type="hidden" id="redux-slider-value-' . esc_attr( $this->field['id'] ) . '-h" class="typography-shadow-horizontal" name="' . esc_attr( $this->field['name'] . $this->field['name_suffix'] ) . '[shadow-horizontal]" value="' . esc_attr( $this->value['shadow-horizontal'] ) . '" data-id="' . esc_attr( $this->field['id'] ) . '"  />';
+                    echo '</div>';
 
-					/* Shadow Vertical Length */
-					echo '<div class="input_wrapper shadow-vertical redux-container-typography" style="top:-60px;margin-left:20px;width:20%">';
-					echo '<div>' . esc_html__( 'Vertical', 'redux-framework' ) . ': <strong>' . esc_attr( $this->value['shadow-vertical'] ) . 'px</strong></div>';
-					echo '<div
+                    /* Shadow Vertical Length */
+                    echo '<div class="input_wrapper shadow-vertical redux-container-typography" style="top:-60px;margin-left:20px;width:20%">';
+                    echo '<div>' . esc_html__( 'Vertical', 'redux-framework' ) . ': <strong>' . esc_attr( $this->value['shadow-vertical'] ) . 'px</strong></div>';
+                    echo '<div
                             class="redux-typography-slider span2 redux-typography redux-typography-shadow-vertical mini typography-input ' . esc_attr( $this->field['class'] ) . '"
                             id="' . esc_attr( $this->field['id'] ) . '"
                             data-id="' . esc_attr( $this->field['id'] ) . '-v"
@@ -851,13 +851,13 @@ 
                             data-label="' . esc_attr__( 'Vertical', 'redux-framework' ) . '"
                             data-default = "' . esc_attr( $this->value['shadow-vertical'] ) . '">
                         </div>';
-					echo '<input type="hidden" id="redux-slider-value-' . esc_attr( $this->field['id'] ) . '-v" class="typography-shadow-vertical" name="' . esc_attr( $this->field['name'] . $this->field['name_suffix'] ) . '[shadow-vertical]" value="' . esc_attr( $this->value['shadow-vertical'] ) . '" data-id="' . esc_attr( $this->field['id'] ) . '"  />';
-					echo '</div>';
+                    echo '<input type="hidden" id="redux-slider-value-' . esc_attr( $this->field['id'] ) . '-v" class="typography-shadow-vertical" name="' . esc_attr( $this->field['name'] . $this->field['name_suffix'] ) . '[shadow-vertical]" value="' . esc_attr( $this->value['shadow-vertical'] ) . '" data-id="' . esc_attr( $this->field['id'] ) . '"  />';
+                    echo '</div>';
 
-					/* Shadow Blur */
-					echo '<div class="input_wrapper shadow-blur redux-container-typography" style="top:-60px;margin-left:20px;width:20%">';
-					echo '<div>' . esc_html__( 'Blur', 'redux-framework' ) . ': <strong>' . esc_attr( $this->value['shadow-blur'] ) . 'px</strong></div>';
-					echo '<div
+                    /* Shadow Blur */
+                    echo '<div class="input_wrapper shadow-blur redux-container-typography" style="top:-60px;margin-left:20px;width:20%">';
+                    echo '<div>' . esc_html__( 'Blur', 'redux-framework' ) . ': <strong>' . esc_attr( $this->value['shadow-blur'] ) . 'px</strong></div>';
+                    echo '<div
                             class="redux-typography-slider span2 redux-typography redux-typography-shadow-blur mini typography-input ' . esc_attr( $this->field['class'] ) . '"
                             id="' . esc_attr( $this->field['id'] ) . '"
                             data-id="' . esc_attr( $this->field['id'] ) . '-b"
@@ -868,739 +868,739 @@ 
                             data-label="' . esc_attr__( 'Blur', 'redux-framework' ) . '"
                             data-default = "' . esc_attr( $this->value['shadow-blur'] ) . '">
                         </div>';
-					echo '<input type="hidden" id="redux-slider-value-' . esc_attr( $this->field['id'] ) . '-b" class="typography-shadow-blur" name="' . esc_attr( $this->field['name'] . $this->field['name_suffix'] ) . '[shadow-blur]" value="' . esc_attr( $this->value['shadow-blur'] ) . '" data-id="' . esc_attr( $this->field['id'] ) . '"  />';
-					echo '</div>';
-				}
-
-				echo '</div>'; // end typography container.
-			}
-		}
-
-		/**
-		 * Enqueue for every field instance.
-		 */
-		public function always_enqueue() {
-			$min = Redux_Functions::is_min();
-
-			if ( isset( $this->field['color_alpha'] ) && is_array( $this->field['color_alpha'] ) ) {
-				if ( $this->field['color_alpha']['color'] || $this->field['color_alpha']['shadow-color'] ) {
-					wp_enqueue_script( 'redux-wp-color-picker-alpha' );
-				}
-			}
-
-			if ( ! wp_style_is( 'redux-nouislider' ) && isset( $this->field['text-shadow'] ) && $this->field['text-shadow'] ) {
-				wp_enqueue_style(
-					'redux-nouislider',
-					Redux_Core::$url . "assets/css/vendor/nouislider$min.css",
-					array(),
-					'5.0.0'
-				);
-
-				wp_enqueue_script(
-					'redux-nouislider',
-					Redux_Core::$url . "assets/js/vendor/nouislider/redux.jquery.nouislider$min.js",
-					array( 'jquery' ),
-					'5.0.0',
-					true
-				);
-			}
-		}
-
-		/**
-		 * Enqueue Function.
-		 * If this field requires any scripts, or CSS define this function and register/enqueue the scripts/css
-		 *
-		 * @since ReduxFramework 1.0.0
-		 */
-		public function enqueue() {
-			$min = Redux_Functions::is_min();
-
-			if ( ! wp_style_is( 'select2-css' ) ) {
-				wp_enqueue_style( 'select2-css' );
-			}
-
-			if ( ! wp_style_is( 'wp-color-picker' ) ) {
-				wp_enqueue_style( 'wp-color-picker' );
-			}
-
-			wp_enqueue_script(
-				'redux-webfont',
-				'//' . 'ajax' . '.googleapis' . '.com/ajax/libs/webfont/1.6.26/webfont.js', // phpcs:ignore Generic.Strings.UnnecessaryStringConcat
-				array(),
-				'1.6.26',
-				true
-			);
-
-			$dep_array = array( 'jquery', 'wp-color-picker', 'select2-js', 'redux-js', 'redux-webfont' );
-
-			wp_enqueue_script(
-				'redux-field-typography',
-				Redux_Core::$url . "inc/fields/typography/redux-typography$min.js",
-				$dep_array,
-				$this->timestamp,
-				true
-			);
-
-			wp_localize_script(
-				'redux-field-typography',
-				'redux_typography_ajax',
-				array(
-					'ajaxurl'             => esc_url( admin_url( 'admin-ajax.php' ) ),
-					'update_google_fonts' => array(
-						'updating' => esc_html__( 'Downloading Google Fonts...', 'redux-framework' ),
-						// translators: Aria title, link title.
-						'error'    => sprintf( esc_html__( 'Update Failed|msg. %1$s', 'redux-framework' ), sprintf( '<a href="#" class="update-google-fonts" data-action="manual" aria-label="%s">%s</a>', esc_html__( 'Retry?', 'redux-framework' ), esc_html__( 'Retry?', 'redux-framework' ) ) ),
-						// translators: Javascript reload command, link title.
-						'success'  => sprintf( esc_html__( 'Updated! %1$s to start using your updated fonts.', 'redux-framework' ), sprintf( '<a href="	%1$s">%2$s</a>', 'javascript:location.reload();', esc_html__( 'Reload the page', 'redux-framework' ) ) ),
-					),
-				)
-			);
-
-			if ( $this->parent->args['dev_mode'] ) {
-				wp_enqueue_style( 'redux-color-picker' );
-
-				wp_enqueue_style(
-					'redux-field-typography',
-					Redux_Core::$url . 'inc/fields/typography/redux-typography.css',
-					array(),
-					$this->timestamp
-				);
-			}
-		}
-
-		/**
-		 * Make_google_web_font_link Function.
-		 * Creates the Google fonts link.
-		 *
-		 * @param array $fonts Array of google fonts.
-		 *
-		 * @return string
-		 *
-		 * @since ReduxFramework 3.0.0
-		 */
-		public function make_google_web_font_link( array $fonts ): string {
-			$link    = '';
-			$subsets = array();
-
-			foreach ( $fonts as $family => $font ) {
-				if ( ! empty( $link ) ) {
-					$link .= '|'; // Append a new font to the string.
-				}
-				$link .= $family;
-
-				if ( ! empty( $font['font-style'] ) || ! empty( $font['all-styles'] ) ) {
-					$link .= ':';
-					if ( ! empty( $font['all-styles'] ) ) {
-						$link .= implode( ',', $font['all-styles'] );
-					} elseif ( ! empty( $font['font-style'] ) ) {
-						$link .= implode( ',', $font['font-style'] );
-					}
-				}
-
-				if ( ! empty( $font['subset'] ) || ! empty( $font['all-subsets'] ) ) {
-					if ( ! empty( $font['all-subsets'] ) ) {
-						foreach ( $font['all-subsets'] as $subset ) {
-							if ( ! in_array( $subset, $subsets, true ) ) {
-								$subsets[] = $subset;
-							}
-						}
-					} elseif ( ! empty( $font['subset'] ) ) {
-						foreach ( $font['subset'] as $subset ) {
-							if ( ! in_array( $subset, $subsets, true ) ) {
-								$subsets[] = $subset;
-							}
-						}
-					}
-				}
-			}
-
-			if ( ! empty( $subsets ) ) {
-				$link .= '&subset=' . implode( ',', $subsets );
-			}
-
-			$display = $this->parent->args['font_display'] ?? 'swap';
-
-			$link .= '&display=' . $display;
-
-			// return 'https://fonts.bunny.net/css?family=' . $link;
-			return 'https://fonts.googleapis.com/css?family=' . $link;
-		}
-
-		/**
-		 * Make_google_web_font_string Function.
-		 * Creates the Google fonts link.
-		 *
-		 * @param array $fonts Array of Google fonts.
-		 *
-		 * @return string
-		 *
-		 * @since ReduxFramework 3.1.8
-		 */
-		public function make_google_web_font_string( array $fonts ): string {
-			$link    = '';
-			$subsets = array();
-
-			foreach ( $fonts as $family => $font ) {
-				if ( ! empty( $link ) ) {
-					$link .= "', '"; // Append a new font to the string.
-				}
-				$link .= $family;
-
-				if ( ! empty( $font['font-style'] ) || ! empty( $font['all-styles'] ) ) {
-					$link .= ':';
-					if ( ! empty( $font['all-styles'] ) ) {
-						$link .= implode( ',', $font['all-styles'] );
-					} elseif ( ! empty( $font['font-style'] ) ) {
-						$link .= implode( ',', $font['font-style'] );
-					}
-				}
-
-				if ( ! empty( $font['subset'] ) || ! empty( $font['all-subsets'] ) ) {
-					if ( ! empty( $font['all-subsets'] ) ) {
-						foreach ( $font['all-subsets'] as $subset ) {
-							if ( ! in_array( $subset, $subsets, true ) && ! is_numeric( $subset ) ) {
-								$subsets[] = $subset;
-							}
-						}
-					} elseif ( ! empty( $font['subset'] ) ) {
-						foreach ( $font['subset'] as $subset ) {
-							if ( ! in_array( $subset, $subsets, true ) && ! is_numeric( $subset ) ) {
-								$subsets[] = $subset;
-							}
-						}
-					}
-				}
-			}
-
-			if ( ! empty( $subsets ) ) {
-				$link .= '&subset=' . implode( ',', $subsets );
-			}
-
-			return "'" . $link . "'";
-		}
-
-		/**
-		 * Compiles field CSS for output.
-		 *
-		 * @param array $data Array of data to process.
-		 *
-		 * @return string
-		 */
-		public function css_style( $data ): string {
-			$style = '';
-
-			$font = $data;
-
-			// Shim out old arg to new.
-			if ( isset( $this->field['all_styles'] ) && ! empty( $this->field['all_styles'] ) ) {
-				$this->field['all-styles'] = $this->field['all_styles'];
-				unset( $this->field['all_styles'] );
-			}
-
-			// Check for font-backup.  If it's set, stick it on a variable for
-			// later use.
-			if ( ! empty( $font['font-family'] ) && ! empty( $font['font-backup'] ) ) {
-				$font['font-family'] = str_replace( ', ' . $font['font-backup'], '', $font['font-family'] );
-				$font_backup         = ',' . $font['font-backup'];
-			}
-
-			$font_value_set = false;
-
-			if ( ! empty( $font ) ) {
-				foreach ( $font as $key => $value ) {
-					if ( ! empty( $value ) && in_array( $key, array( 'font-family', 'font-weight' ), true ) ) {
-						$font_value_set = true;
-					}
-				}
-			}
-
-			if ( ! empty( $font ) ) {
-				foreach ( $font as $key => $value ) {
-					if ( 'font-options' === $key ) {
-						continue;
-					}
-
-					// Check for font-family key.
-					if ( 'font-family' === $key ) {
-
-						// Enclose font family in quotes if spaces are in the
-						// name.  This is necessary because if there are numerics
-						// in the font name, they will not render properly.
-						// Google should know better.
-						if ( strpos( $value, ' ' ) && ! strpos( $value, ',' ) ) {
-							$value = '"' . $value . '"';
-						}
-
-						// Ensure fontBackup isn't empty. We already option
-						// checked this earlier.  No need to do it again.
-						if ( ! empty( $font_backup ) ) {
-
-							// Apply the backup font to the font-family element
-							// via the saved variable.  We do this here, so it
-							// doesn't get appended to the Google stuff below.
-							$value .= $font_backup;
-						}
-					}
-
-					if ( empty( $value ) && in_array(
-						$key,
-						array(
-							'font-weight',
-							'font-style',
-						),
-						true
-					) && true === $font_value_set ) {
-						$value = 'normal';
-					}
-
-					if ( 'font-weight' === $key && false === $this->field['font-weight'] ) {
-						continue;
-					}
-
-					if ( 'font-style' === $key && false === $this->field['font-style'] ) {
-						continue;
-					}
-
-					if ( 'google' === $key || 'subsets' === $key || 'font-backup' === $key || empty( $value ) ) {
-						continue;
-					}
-
-					if ( isset( $data['key'] ) ) {
-						return $data;
-					}
-
-					$continue = false;
-
-					if ( 'shadow-horizontal' === $key || 'shadow-vertical' === $key || 'shadow-blur' === $key ) {
-						$continue = true;
-					}
-
-					if ( 'shadow-color' === $key ) {
-						if ( $this->field['text-shadow'] ) {
-							$key   = 'text-shadow';
-							$value = $data['shadow-horizontal'] . 'px ' . $data['shadow-vertical'] . 'px ' . $data['shadow-blur'] . 'px ' . $data['shadow-color'];
-						} else {
-							$continue = true;
-						}
-					}
-
-					if ( $continue ) {
-						continue;
-					}
-
-					$style .= $key . ':' . $value . ';';
-				}
-			}
-
-			return $style;
-		}
-
-		/**
-		 * CSS Output to send to the page.
-		 *
-		 * @param string|null|array $style CSS styles.
-		 */
-		public function output( $style = '' ) {
-			$font = $this->value;
-
-			if ( '' !== $style ) {
-				if ( ! empty( $this->field['output'] ) && ! is_array( $this->field['output'] ) ) {
-					$this->field['output'] = array( $this->field['output'] );
-				}
-
-				if ( ! empty( $this->field['output'] ) && is_array( $this->field['output'] ) ) {
-					$keys                     = implode( ',', $this->field['output'] );
-					$this->parent->outputCSS .= $keys . '{' . $style . '}';
-				}
-
-				if ( ! empty( $this->field['compiler'] ) && ! is_array( $this->field['compiler'] ) ) {
-					$this->field['compiler'] = array( $this->field['compiler'] );
-				}
-
-				if ( ! empty( $this->field['compiler'] ) && is_array( $this->field['compiler'] ) ) {
-					$keys                       = implode( ',', $this->field['compiler'] );
-					$this->parent->compilerCSS .= $keys . '{' . $style . '}';
-				}
-			}
-
-			$this->set_google_fonts( (array) $font );
-		}
-
-		/**
-		 * Set global Google font data for global pointer.
-		 *
-		 * @param array $font Array of font data.
-		 */
-		private function set_google_fonts( array $font ) {
-			// Google only stuff!
-			if ( ! empty( $font['font-family'] ) && ! empty( $this->field['google'] ) && filter_var( $this->field['google'], FILTER_VALIDATE_BOOLEAN ) ) {
-
-				// Added standard font matching check to avoid output to Google fonts call - kp
-				// If no custom font array was supplied, then load it with default
-				// standard fonts.
-				if ( empty( $this->field['fonts'] ) ) {
-					$this->field['fonts'] = $this->std_fonts;
-				}
-
-				// Ensure the fonts array is NOT empty.
-				if ( ! empty( $this->field['fonts'] ) ) {
-
-					// Make the font keys in the array lowercase, for case-insensitive matching.
-					$lc_fonts = array_change_key_case( $this->field['fonts'] );
-
-					// Rebuild font array with all keys stripped of spaces.
-					$arr = array();
-					foreach ( $lc_fonts as $key => $value ) {
-						$key         = str_replace( ', ', ',', $key );
-						$arr[ $key ] = $value;
-					}
-
-					if ( is_array( $this->field['custom_fonts'] ) ) {
-						$lc_fonts = array_change_key_case( $this->field['custom_fonts'] );
-
-						foreach ( $lc_fonts as $font_arr ) {
-							foreach ( $font_arr as $key => $value ) {
-								$arr[ Redux_Core::strtolower( $key ) ] = $key;
-							}
-						}
-					}
-
-					$lc_fonts = $arr;
-
-					unset( $arr );
-
-					// lowercase chosen font for matching purposes.
-					$lc_font = Redux_Core::strtolower( $font['font-family'] );
-
-					// Remove spaces after commas in chosen font for matching purposes.
-					$lc_font = str_replace( ', ', ',', $lc_font );
-
-					// If the lower cased passed font-family is NOT found in the standard font array
-					// Then it's a Google font, so process it for output.
-					if ( ! array_key_exists( $lc_font, $lc_fonts ) ) {
-						$family = $font['font-family'];
-
-						// TODO: This method doesn't respect spaces after commas, hence the reason
-						// Strip out spaces in font names and replace with with plus signs
-						// for the std_font array keys having no spaces after commas.  This could be
-						// fixed with RegEx in the future.
-						$font['font-family'] = str_replace( ' ', '+', $font['font-family'] );
-
-						// Push data to parent typography variable.
-						if ( empty( Redux_Core::$typography[ $font['font-family'] ] ) ) {
-							Redux_Core::$typography[ $font['font-family'] ] = array();
-						}
-
-						if ( isset( $this->field['all-styles'] ) || isset( $this->field['all-subsets'] ) ) {
-							if ( empty( $font['font-options'] ) ) {
-								$this->get_google_array();
-
-								if ( isset( Redux_Core::$google_array ) && ! empty( Redux_Core::$google_array ) && isset( Redux_Core::$google_array[ $family ] ) ) {
-									$font['font-options'] = Redux_Core::$google_array[ $family ];
-								}
-							} else {
-								$font['font-options'] = json_decode( $font['font-options'], true );
-							}
-						}
-
-						if ( isset( $font['font-options'] ) && ! empty( $font['font-options'] ) && isset( $this->field['all-styles'] ) && filter_var( $this->field['all-styles'], FILTER_VALIDATE_BOOLEAN ) ) {
-							if ( ! empty( $font['font-options']['variants'] ) ) {
-								if ( ! isset( Redux_Core::$typography[ $font['font-family'] ]['all-styles'] ) || empty( Redux_Core::$typography[ $font['font-family'] ]['all-styles'] ) ) {
-									Redux_Core::$typography[ $font['font-family'] ]['all-styles'] = array();
-									foreach ( $font['font-options']['variants'] as $variant ) {
-										Redux_Core::$typography[ $font['font-family'] ]['all-styles'][] = $variant['id'];
-									}
-								}
-							}
-						}
-
-						if ( isset( $font['font-options'] ) && ! empty( $font['font-options'] ) && isset( $this->field['all-subsets'] ) && $this->field['all-styles'] ) {
-							if ( ! empty( $font['font-options']['subsets'] ) ) {
-								if ( ! isset( Redux_Core::$typography[ $font['font-family'] ]['all-subsets'] ) || empty( Redux_Core::$typography[ $font['font-family'] ]['all-subsets'] ) ) {
-									Redux_Core::$typography[ $font['font-family'] ]['all-subsets'] = array();
-									foreach ( $font['font-options']['subsets'] as $variant ) {
-										Redux_Core::$typography[ $font['font-family'] ]['all-subsets'][] = $variant['id'];
-									}
-								}
-							}
-						}
-
-						$style = '';
-
-						if ( ! empty( $font['font-weight'] ) ) {
-							if ( empty( Redux_Core::$typography[ $font['font-family'] ]['font-weight'] ) || ! in_array( $font['font-weight'], Redux_Core::$typography[ $font['font-family'] ]['font-weight'], true ) ) {
-								$style = $font['font-weight'];
-							}
-
-							if ( ! empty( $font['font-style'] ) ) {
-								$style .= $font['font-style'];
-							}
-
-							if ( empty( Redux_Core::$typography[ $font['font-family'] ]['font-style'] ) || ! in_array( $style, Redux_Core::$typography[ $font['font-family'] ]['font-style'], true ) ) {
-								Redux_Core::$typography[ $font['font-family'] ]['font-style'][] = $style;
-							}
-						}
-
-						if ( ! empty( $font['subsets'] ) ) {
-							if ( empty( Redux_Core::$typography[ $font['font-family'] ]['subset'] ) || ! in_array( $font['subsets'], Redux_Core::$typography[ $font['font-family'] ]['subset'], true ) ) {
-								Redux_Core::$typography[ $font['font-family'] ]['subset'][] = $font['subsets'];
-							}
-						}
-					}
-				}
-			}
-		}
-
-		/**
-		 * Localize standard, custom and typekit fonts.
-		 */
-		private function localize_std_fonts() {
-			if ( false === $this->user_fonts ) {
-				if ( isset( Redux_Core::$fonts['std'] ) && ! empty( Redux_Core::$fonts['std'] ) ) {
-					return;
-				}
-
-				Redux_Core::$font_groups['std'] = array(
-					'text'     => esc_html__( 'Standard Fonts', 'redux-framework' ),
-					'children' => array(),
-				);
-
-				foreach ( $this->field['fonts'] as $font => $extra ) {
-					Redux_Core::$font_groups['std']['children'][] = array(
-						'id'          => $font,
-						'text'        => $font,
-						'data-google' => 'false',
-					);
-				}
-			}
-
-			if ( false !== $this->field['custom_fonts'] ) {
-				// phpcs:ignored WordPress.NamingConventions.ValidHookName
-				$this->field['custom_fonts'] = apply_filters( "redux/{$this->parent->args['opt_name']}/field/typography/custom_fonts", array() );
-
-				if ( ! empty( $this->field['custom_fonts'] ) ) {
-					foreach ( $this->field['custom_fonts'] as $group => $fonts ) {
-						Redux_Core::$font_groups['customfonts'] = array(
-							'text'     => $group,
-							'children' => array(),
-						);
-
-						foreach ( $fonts as $family => $v ) {
-							Redux_Core::$font_groups['customfonts']['children'][] = array(
-								'id'          => $family,
-								'text'        => $family,
-								'data-google' => 'false',
-							);
-						}
-					}
-				}
-			}
-
-			// Typekit.
-			// phpcs:ignored WordPress.NamingConventions.ValidHookName
-			$typekit_fonts = apply_filters( "redux/{$this->parent->args['opt_name']}/field/typography/typekit_fonts", array() );
-
-			if ( ! empty( $typekit_fonts ) ) {
-				foreach ( $typekit_fonts as $group => $fonts ) {
-					Redux_Core::$font_groups['typekitfonts'] = array(
-						'text'     => $group,
-						'children' => array(),
-					);
-
-					foreach ( $fonts as $family => $v ) {
-						Redux_Core::$font_groups['typekitfonts']['children'][] = array(
-							'text'        => $family,
-							'id'          => $family,
-							'data-google' => 'false',
-						);
-					}
-				}
-			}
-		}
-
-		/**
-		 *   Construct the Google array from the stored JSON/HTML
-		 */
-		private function get_google_array() {
-			if ( ( ( isset( Redux_Core::$fonts['google'] ) && ! empty( Redux_Core::$fonts['google'] ) ) ) || ( isset( Redux_Core::$fonts['google'] ) && false === Redux_Core::$fonts['google'] ) ) {
-				return;
-			}
-
-			$fonts = Redux_Helpers::google_fonts_array( get_option( 'auto_update_redux_google_fonts', false ) );
-			if ( empty( $fonts ) ) {
-				$google_font = __DIR__ . '/googlefonts.php';
-				$fonts       = include $google_font;
-			}
-
-			if ( true === $fonts ) {
-				Redux_Core::$fonts['google'] = false;
-
-				return;
-			}
-
-			if ( isset( $fonts ) && ! empty( $fonts ) && is_array( $fonts ) ) {
-				Redux_Core::$fonts['google'] = $fonts;
-				Redux_Core::$google_array    = $fonts;
-
-				// optgroup.
-				Redux_Core::$font_groups['google'] = array(
-					'text'     => esc_html__( 'Google Webfonts', 'redux-framework' ),
-					'children' => array(),
-				);
-
-				// options.
-				foreach ( Redux_Core::$fonts['google'] as $font => $extra ) {
-					Redux_Core::$font_groups['google']['children'][] = array(
-						'id'          => $font,
-						'text'        => $font,
-						'data-google' => 'true',
-					);
-				}
-			}
-		}
-
-		/**
-		 * Clean up the Google Webfonts subsets to be human-readable
-		 *
-		 * @param array $var Font subset array.
-		 *
-		 * @return array
-		 *
-		 * @since ReduxFramework 0.2.0
-		 */
-		private function get_subsets( array $var ): array {
-			$result = array();
-
-			foreach ( $var as $v ) {
-				if ( strpos( $v, '-ext' ) ) {
-					$name = ucfirst( str_replace( '-ext', ' Extended', $v ) );
-				} else {
-					$name = ucfirst( $v );
-				}
-
-				$result[] = array(
-					'id'   => $v,
-					'name' => $name,
-				);
-			}
-
-			return array_filter( $result );
-		}
-
-		/**
-		 * Clean up the Google Webfonts variants to be human-readable
-		 *
-		 * @param array $var Font variant array.
-		 *
-		 * @return array
-		 *
-		 * @since ReduxFramework 0.2.0
-		 */
-		private function get_variants( array $var ): array {
-			$result = array();
-			$italic = array();
-
-			foreach ( $var as $v ) {
-				$name = '';
-				if ( 1 === $v[0] ) {
-					$name = 'Ultra-Light 100';
-				} elseif ( 2 === $v[0] ) {
-					$name = 'Light 200';
-				} elseif ( 3 === $v[0] ) {
-					$name = 'Book 300';
-				} elseif ( 4 === $v[0] || 'r' === $v[0] || 'i' === $v[0] ) {
-					$name = 'Normal 400';
-				} elseif ( 5 === $v[0] ) {
-					$name = 'Medium 500';
-				} elseif ( 6 === $v[0] ) {
-					$name = 'Semi-Bold 600';
-				} elseif ( 7 === $v[0] ) {
-					$name = 'Bold 700';
-				} elseif ( 8 === $v[0] ) {
-					$name = 'Extra-Bold 800';
-				} elseif ( 9 === $v[0] ) {
-					$name = 'Ultra-Bold 900';
-				}
-
-				if ( 'regular' === $v ) {
-					$v = '400';
-				}
-
-				if ( strpos( $v, 'italic' ) || 'italic' === $v ) {
-					$name .= ' Italic';
-					$name  = trim( $name );
-					if ( 'italic' === $v ) {
-						$v = '400italic';
-					}
-					$italic[] = array(
-						'id'   => $v,
-						'name' => $name,
-					);
-				} else {
-					$result[] = array(
-						'id'   => $v,
-						'name' => $name,
-					);
-				}
-			}
-
-			foreach ( $italic as $item ) {
-				$result[] = $item;
-			}
-
-			return array_filter( $result );
-		}
-
-		/**
-		 * Update google font array via AJAX call.
-		 */
-		public function google_fonts_update_ajax() {
-			if ( ! isset( $_POST['nonce'] ) || ( ! wp_verify_nonce( sanitize_key( wp_unslash( $_POST['nonce'] ) ), 'redux_update_google_fonts' ) ) ) {
-				die( 'Security check' );
-			}
-
-			if ( isset( $_POST['data'] ) && 'automatic' === $_POST['data'] ) {
-				update_option( 'auto_update_redux_google_fonts', true );
-			}
-
-			$fonts = Redux_Helpers::google_fonts_array( true );
-
-			if ( ! empty( $fonts ) && ! is_wp_error( $fonts ) ) {
-				echo wp_json_encode(
-					array(
-						'status' => 'success',
-						'fonts'  => $fonts,
-					)
-				);
-			} else {
-				$err_msg = '';
-
-				if ( is_wp_error( $fonts ) ) {
-					$err_msg = $fonts->get_error_code();
-				}
-
-				echo wp_json_encode(
-					array(
-						'status' => 'error',
-						'error'  => $err_msg,
-					)
-				);
-			}
-
-			die();
-		}
-
-		/**
-		 * Enable output_variables to be generated.
-		 *
-		 * @since       4.0.3
-		 * @return void
-		 */
-		public function output_variables() {
-			// No code needed, just defining the method is enough.
-		}
-	}
+                    echo '<input type="hidden" id="redux-slider-value-' . esc_attr( $this->field['id'] ) . '-b" class="typography-shadow-blur" name="' . esc_attr( $this->field['name'] . $this->field['name_suffix'] ) . '[shadow-blur]" value="' . esc_attr( $this->value['shadow-blur'] ) . '" data-id="' . esc_attr( $this->field['id'] ) . '"  />';
+                    echo '</div>';
+                }
+
+                echo '</div>'; // end typography container.
+            }
+        }
+
+        /**
+         * Enqueue for every field instance.
+         */
+        public function always_enqueue() {
+            $min = Redux_Functions::is_min();
+
+            if ( isset( $this->field['color_alpha'] ) && is_array( $this->field['color_alpha'] ) ) {
+                if ( $this->field['color_alpha']['color'] || $this->field['color_alpha']['shadow-color'] ) {
+                    wp_enqueue_script( 'redux-wp-color-picker-alpha' );
+                }
+            }
+
+            if ( ! wp_style_is( 'redux-nouislider' ) && isset( $this->field['text-shadow'] ) && $this->field['text-shadow'] ) {
+                wp_enqueue_style(
+                    'redux-nouislider',
+                    Redux_Core::$url . "assets/css/vendor/nouislider$min.css",
+                    array(),
+                    '5.0.0'
+                );
+
+                wp_enqueue_script(
+                    'redux-nouislider',
+                    Redux_Core::$url . "assets/js/vendor/nouislider/redux.jquery.nouislider$min.js",
+                    array( 'jquery' ),
+                    '5.0.0',
+                    true
+                );
+            }
+        }
+
+        /**
+         * Enqueue Function.
+         * If this field requires any scripts, or CSS define this function and register/enqueue the scripts/css
+         *
+         * @since ReduxFramework 1.0.0
+         */
+        public function enqueue() {
+            $min = Redux_Functions::is_min();
+
+            if ( ! wp_style_is( 'select2-css' ) ) {
+                wp_enqueue_style( 'select2-css' );
+            }
+
+            if ( ! wp_style_is( 'wp-color-picker' ) ) {
+                wp_enqueue_style( 'wp-color-picker' );
+            }
+
+            wp_enqueue_script(
+                'redux-webfont',
+                '//' . 'ajax' . '.googleapis' . '.com/ajax/libs/webfont/1.6.26/webfont.js', // phpcs:ignore Generic.Strings.UnnecessaryStringConcat
+                array(),
+                '1.6.26',
+                true
+            );
+
+            $dep_array = array( 'jquery', 'wp-color-picker', 'select2-js', 'redux-js', 'redux-webfont' );
+
+            wp_enqueue_script(
+                'redux-field-typography',
+                Redux_Core::$url . "inc/fields/typography/redux-typography$min.js",
+                $dep_array,
+                $this->timestamp,
+                true
+            );
+
+            wp_localize_script(
+                'redux-field-typography',
+                'redux_typography_ajax',
+                array(
+                    'ajaxurl'             => esc_url( admin_url( 'admin-ajax.php' ) ),
+                    'update_google_fonts' => array(
+                        'updating' => esc_html__( 'Downloading Google Fonts...', 'redux-framework' ),
+                        // translators: Aria title, link title.
+                        'error'    => sprintf( esc_html__( 'Update Failed|msg. %1$s', 'redux-framework' ), sprintf( '<a href="#" class="update-google-fonts" data-action="manual" aria-label="%s">%s</a>', esc_html__( 'Retry?', 'redux-framework' ), esc_html__( 'Retry?', 'redux-framework' ) ) ),
+                        // translators: Javascript reload command, link title.
+                        'success'  => sprintf( esc_html__( 'Updated! %1$s to start using your updated fonts.', 'redux-framework' ), sprintf( '<a href="	%1$s">%2$s</a>', 'javascript:location.reload();', esc_html__( 'Reload the page', 'redux-framework' ) ) ),
+                    ),
+                )
+            );
+
+            if ( $this->parent->args['dev_mode'] ) {
+                wp_enqueue_style( 'redux-color-picker' );
+
+                wp_enqueue_style(
+                    'redux-field-typography',
+                    Redux_Core::$url . 'inc/fields/typography/redux-typography.css',
+                    array(),
+                    $this->timestamp
+                );
+            }
+        }
+
+        /**
+         * Make_google_web_font_link Function.
+         * Creates the Google fonts link.
+         *
+         * @param array $fonts Array of google fonts.
+         *
+         * @return string
+         *
+         * @since ReduxFramework 3.0.0
+         */
+        public function make_google_web_font_link( array $fonts ): string {
+            $link    = '';
+            $subsets = array();
+
+            foreach ( $fonts as $family => $font ) {
+                if ( ! empty( $link ) ) {
+                    $link .= '|'; // Append a new font to the string.
+                }
+                $link .= $family;
+
+                if ( ! empty( $font['font-style'] ) || ! empty( $font['all-styles'] ) ) {
+                    $link .= ':';
+                    if ( ! empty( $font['all-styles'] ) ) {
+                        $link .= implode( ',', $font['all-styles'] );
+                    } elseif ( ! empty( $font['font-style'] ) ) {
+                        $link .= implode( ',', $font['font-style'] );
+                    }
+                }
+
+                if ( ! empty( $font['subset'] ) || ! empty( $font['all-subsets'] ) ) {
+                    if ( ! empty( $font['all-subsets'] ) ) {
+                        foreach ( $font['all-subsets'] as $subset ) {
+                            if ( ! in_array( $subset, $subsets, true ) ) {
+                                $subsets[] = $subset;
+                            }
+                        }
+                    } elseif ( ! empty( $font['subset'] ) ) {
+                        foreach ( $font['subset'] as $subset ) {
+                            if ( ! in_array( $subset, $subsets, true ) ) {
+                                $subsets[] = $subset;
+                            }
+                        }
+                    }
+                }
+            }
+
+            if ( ! empty( $subsets ) ) {
+                $link .= '&subset=' . implode( ',', $subsets );
+            }
+
+            $display = $this->parent->args['font_display'] ?? 'swap';
+
+            $link .= '&display=' . $display;
+
+            // return 'https://fonts.bunny.net/css?family=' . $link;
+            return 'https://fonts.googleapis.com/css?family=' . $link;
+        }
+
+        /**
+         * Make_google_web_font_string Function.
+         * Creates the Google fonts link.
+         *
+         * @param array $fonts Array of Google fonts.
+         *
+         * @return string
+         *
+         * @since ReduxFramework 3.1.8
+         */
+        public function make_google_web_font_string( array $fonts ): string {
+            $link    = '';
+            $subsets = array();
+
+            foreach ( $fonts as $family => $font ) {
+                if ( ! empty( $link ) ) {
+                    $link .= "', '"; // Append a new font to the string.
+                }
+                $link .= $family;
+
+                if ( ! empty( $font['font-style'] ) || ! empty( $font['all-styles'] ) ) {
+                    $link .= ':';
+                    if ( ! empty( $font['all-styles'] ) ) {
+                        $link .= implode( ',', $font['all-styles'] );
+                    } elseif ( ! empty( $font['font-style'] ) ) {
+                        $link .= implode( ',', $font['font-style'] );
+                    }
+                }
+
+                if ( ! empty( $font['subset'] ) || ! empty( $font['all-subsets'] ) ) {
+                    if ( ! empty( $font['all-subsets'] ) ) {
+                        foreach ( $font['all-subsets'] as $subset ) {
+                            if ( ! in_array( $subset, $subsets, true ) && ! is_numeric( $subset ) ) {
+                                $subsets[] = $subset;
+                            }
+                        }
+                    } elseif ( ! empty( $font['subset'] ) ) {
+                        foreach ( $font['subset'] as $subset ) {
+                            if ( ! in_array( $subset, $subsets, true ) && ! is_numeric( $subset ) ) {
+                                $subsets[] = $subset;
+                            }
+                        }
+                    }
+                }
+            }
+
+            if ( ! empty( $subsets ) ) {
+                $link .= '&subset=' . implode( ',', $subsets );
+            }
+
+            return "'" . $link . "'";
+        }
+
+        /**
+         * Compiles field CSS for output.
+         *
+         * @param array $data Array of data to process.
+         *
+         * @return string
+         */
+        public function css_style( $data ): string {
+            $style = '';
+
+            $font = $data;
+
+            // Shim out old arg to new.
+            if ( isset( $this->field['all_styles'] ) && ! empty( $this->field['all_styles'] ) ) {
+                $this->field['all-styles'] = $this->field['all_styles'];
+                unset( $this->field['all_styles'] );
+            }
+
+            // Check for font-backup.  If it's set, stick it on a variable for
+            // later use.
+            if ( ! empty( $font['font-family'] ) && ! empty( $font['font-backup'] ) ) {
+                $font['font-family'] = str_replace( ', ' . $font['font-backup'], '', $font['font-family'] );
+                $font_backup         = ',' . $font['font-backup'];
+            }
+
+            $font_value_set = false;
+
+            if ( ! empty( $font ) ) {
+                foreach ( $font as $key => $value ) {
+                    if ( ! empty( $value ) && in_array( $key, array( 'font-family', 'font-weight' ), true ) ) {
+                        $font_value_set = true;
+                    }
+                }
+            }
+
+            if ( ! empty( $font ) ) {
+                foreach ( $font as $key => $value ) {
+                    if ( 'font-options' === $key ) {
+                        continue;
+                    }
+
+                    // Check for font-family key.
+                    if ( 'font-family' === $key ) {
+
+                        // Enclose font family in quotes if spaces are in the
+                        // name.  This is necessary because if there are numerics
+                        // in the font name, they will not render properly.
+                        // Google should know better.
+                        if ( strpos( $value, ' ' ) && ! strpos( $value, ',' ) ) {
+                            $value = '"' . $value . '"';
+                        }
+
+                        // Ensure fontBackup isn't empty. We already option
+                        // checked this earlier.  No need to do it again.
+                        if ( ! empty( $font_backup ) ) {
+
+                            // Apply the backup font to the font-family element
+                            // via the saved variable.  We do this here, so it
+                            // doesn't get appended to the Google stuff below.
+                            $value .= $font_backup;
+                        }
+                    }
+
+                    if ( empty( $value ) && in_array(
+                        $key,
+                        array(
+                            'font-weight',
+                            'font-style',
+                        ),
+                        true
+                    ) && true === $font_value_set ) {
+                        $value = 'normal';
+                    }
+
+                    if ( 'font-weight' === $key && false === $this->field['font-weight'] ) {
+                        continue;
+                    }
+
+                    if ( 'font-style' === $key && false === $this->field['font-style'] ) {
+                        continue;
+                    }
+
+                    if ( 'google' === $key || 'subsets' === $key || 'font-backup' === $key || empty( $value ) ) {
+                        continue;
+                    }
+
+                    if ( isset( $data['key'] ) ) {
+                        return $data;
+                    }
+
+                    $continue = false;
+
+                    if ( 'shadow-horizontal' === $key || 'shadow-vertical' === $key || 'shadow-blur' === $key ) {
+                        $continue = true;
+                    }
+
+                    if ( 'shadow-color' === $key ) {
+                        if ( $this->field['text-shadow'] ) {
+                            $key   = 'text-shadow';
+                            $value = $data['shadow-horizontal'] . 'px ' . $data['shadow-vertical'] . 'px ' . $data['shadow-blur'] . 'px ' . $data['shadow-color'];
+                        } else {
+                            $continue = true;
+                        }
+                    }
+
+                    if ( $continue ) {
+                        continue;
+                    }
+
+                    $style .= $key . ':' . $value . ';';
+                }
+            }
+
+            return $style;
+        }
+
+        /**
+         * CSS Output to send to the page.
+         *
+         * @param string|null|array $style CSS styles.
+         */
+        public function output( $style = '' ) {
+            $font = $this->value;
+
+            if ( '' !== $style ) {
+                if ( ! empty( $this->field['output'] ) && ! is_array( $this->field['output'] ) ) {
+                    $this->field['output'] = array( $this->field['output'] );
+                }
+
+                if ( ! empty( $this->field['output'] ) && is_array( $this->field['output'] ) ) {
+                    $keys                     = implode( ',', $this->field['output'] );
+                    $this->parent->outputCSS .= $keys . '{' . $style . '}';
+                }
+
+                if ( ! empty( $this->field['compiler'] ) && ! is_array( $this->field['compiler'] ) ) {
+                    $this->field['compiler'] = array( $this->field['compiler'] );
+                }
+
+                if ( ! empty( $this->field['compiler'] ) && is_array( $this->field['compiler'] ) ) {
+                    $keys                       = implode( ',', $this->field['compiler'] );
+                    $this->parent->compilerCSS .= $keys . '{' . $style . '}';
+                }
+            }
+
+            $this->set_google_fonts( (array) $font );
+        }
+
+        /**
+         * Set global Google font data for global pointer.
+         *
+         * @param array $font Array of font data.
+         */
+        private function set_google_fonts( array $font ) {
+            // Google only stuff!
+            if ( ! empty( $font['font-family'] ) && ! empty( $this->field['google'] ) && filter_var( $this->field['google'], FILTER_VALIDATE_BOOLEAN ) ) {
+
+                // Added standard font matching check to avoid output to Google fonts call - kp
+                // If no custom font array was supplied, then load it with default
+                // standard fonts.
+                if ( empty( $this->field['fonts'] ) ) {
+                    $this->field['fonts'] = $this->std_fonts;
+                }
+
+                // Ensure the fonts array is NOT empty.
+                if ( ! empty( $this->field['fonts'] ) ) {
+
+                    // Make the font keys in the array lowercase, for case-insensitive matching.
+                    $lc_fonts = array_change_key_case( $this->field['fonts'] );
+
+                    // Rebuild font array with all keys stripped of spaces.
+                    $arr = array();
+                    foreach ( $lc_fonts as $key => $value ) {
+                        $key         = str_replace( ', ', ',', $key );
+                        $arr[ $key ] = $value;
+                    }
+
+                    if ( is_array( $this->field['custom_fonts'] ) ) {
+                        $lc_fonts = array_change_key_case( $this->field['custom_fonts'] );
+
+                        foreach ( $lc_fonts as $font_arr ) {
+                            foreach ( $font_arr as $key => $value ) {
+                                $arr[ Redux_Core::strtolower( $key ) ] = $key;
+                            }
+                        }
+                    }
+
+                    $lc_fonts = $arr;
+
+                    unset( $arr );
+
+                    // lowercase chosen font for matching purposes.
+                    $lc_font = Redux_Core::strtolower( $font['font-family'] );
+
+                    // Remove spaces after commas in chosen font for matching purposes.
+                    $lc_font = str_replace( ', ', ',', $lc_font );
+
+                    // If the lower cased passed font-family is NOT found in the standard font array
+                    // Then it's a Google font, so process it for output.
+                    if ( ! array_key_exists( $lc_font, $lc_fonts ) ) {
+                        $family = $font['font-family'];
+
+                        // TODO: This method doesn't respect spaces after commas, hence the reason
+                        // Strip out spaces in font names and replace with with plus signs
+                        // for the std_font array keys having no spaces after commas.  This could be
+                        // fixed with RegEx in the future.
+                        $font['font-family'] = str_replace( ' ', '+', $font['font-family'] );
+
+                        // Push data to parent typography variable.
+                        if ( empty( Redux_Core::$typography[ $font['font-family'] ] ) ) {
+                            Redux_Core::$typography[ $font['font-family'] ] = array();
+                        }
+
+                        if ( isset( $this->field['all-styles'] ) || isset( $this->field['all-subsets'] ) ) {
+                            if ( empty( $font['font-options'] ) ) {
+                                $this->get_google_array();
+
+                                if ( isset( Redux_Core::$google_array ) && ! empty( Redux_Core::$google_array ) && isset( Redux_Core::$google_array[ $family ] ) ) {
+                                    $font['font-options'] = Redux_Core::$google_array[ $family ];
+                                }
+                            } else {
+                                $font['font-options'] = json_decode( $font['font-options'], true );
+                            }
+                        }
+
+                        if ( isset( $font['font-options'] ) && ! empty( $font['font-options'] ) && isset( $this->field['all-styles'] ) && filter_var( $this->field['all-styles'], FILTER_VALIDATE_BOOLEAN ) ) {
+                            if ( ! empty( $font['font-options']['variants'] ) ) {
+                                if ( ! isset( Redux_Core::$typography[ $font['font-family'] ]['all-styles'] ) || empty( Redux_Core::$typography[ $font['font-family'] ]['all-styles'] ) ) {
+                                    Redux_Core::$typography[ $font['font-family'] ]['all-styles'] = array();
+                                    foreach ( $font['font-options']['variants'] as $variant ) {
+                                        Redux_Core::$typography[ $font['font-family'] ]['all-styles'][] = $variant['id'];
+                                    }
+                                }
+                            }
+                        }
+
+                        if ( isset( $font['font-options'] ) && ! empty( $font['font-options'] ) && isset( $this->field['all-subsets'] ) && $this->field['all-styles'] ) {
+                            if ( ! empty( $font['font-options']['subsets'] ) ) {
+                                if ( ! isset( Redux_Core::$typography[ $font['font-family'] ]['all-subsets'] ) || empty( Redux_Core::$typography[ $font['font-family'] ]['all-subsets'] ) ) {
+                                    Redux_Core::$typography[ $font['font-family'] ]['all-subsets'] = array();
+                                    foreach ( $font['font-options']['subsets'] as $variant ) {
+                                        Redux_Core::$typography[ $font['font-family'] ]['all-subsets'][] = $variant['id'];
+                                    }
+                                }
+                            }
+                        }
+
+                        $style = '';
+
+                        if ( ! empty( $font['font-weight'] ) ) {
+                            if ( empty( Redux_Core::$typography[ $font['font-family'] ]['font-weight'] ) || ! in_array( $font['font-weight'], Redux_Core::$typography[ $font['font-family'] ]['font-weight'], true ) ) {
+                                $style = $font['font-weight'];
+                            }
+
+                            if ( ! empty( $font['font-style'] ) ) {
+                                $style .= $font['font-style'];
+                            }
+
+                            if ( empty( Redux_Core::$typography[ $font['font-family'] ]['font-style'] ) || ! in_array( $style, Redux_Core::$typography[ $font['font-family'] ]['font-style'], true ) ) {
+                                Redux_Core::$typography[ $font['font-family'] ]['font-style'][] = $style;
+                            }
+                        }
+
+                        if ( ! empty( $font['subsets'] ) ) {
+                            if ( empty( Redux_Core::$typography[ $font['font-family'] ]['subset'] ) || ! in_array( $font['subsets'], Redux_Core::$typography[ $font['font-family'] ]['subset'], true ) ) {
+                                Redux_Core::$typography[ $font['font-family'] ]['subset'][] = $font['subsets'];
+                            }
+                        }
+                    }
+                }
+            }
+        }
+
+        /**
+         * Localize standard, custom and typekit fonts.
+         */
+        private function localize_std_fonts() {
+            if ( false === $this->user_fonts ) {
+                if ( isset( Redux_Core::$fonts['std'] ) && ! empty( Redux_Core::$fonts['std'] ) ) {
+                    return;
+                }
+
+                Redux_Core::$font_groups['std'] = array(
+                    'text'     => esc_html__( 'Standard Fonts', 'redux-framework' ),
+                    'children' => array(),
+                );
+
+                foreach ( $this->field['fonts'] as $font => $extra ) {
+                    Redux_Core::$font_groups['std']['children'][] = array(
+                        'id'          => $font,
+                        'text'        => $font,
+                        'data-google' => 'false',
+                    );
+                }
+            }
+
+            if ( false !== $this->field['custom_fonts'] ) {
+                // phpcs:ignored WordPress.NamingConventions.ValidHookName
+                $this->field['custom_fonts'] = apply_filters( "redux/{$this->parent->args['opt_name']}/field/typography/custom_fonts", array() );
+
+                if ( ! empty( $this->field['custom_fonts'] ) ) {
+                    foreach ( $this->field['custom_fonts'] as $group => $fonts ) {
+                        Redux_Core::$font_groups['customfonts'] = array(
+                            'text'     => $group,
+                            'children' => array(),
+                        );
+
+                        foreach ( $fonts as $family => $v ) {
+                            Redux_Core::$font_groups['customfonts']['children'][] = array(
+                                'id'          => $family,
+                                'text'        => $family,
+                                'data-google' => 'false',
+                            );
+                        }
+                    }
+                }
+            }
+
+            // Typekit.
+            // phpcs:ignored WordPress.NamingConventions.ValidHookName
+            $typekit_fonts = apply_filters( "redux/{$this->parent->args['opt_name']}/field/typography/typekit_fonts", array() );
+
+            if ( ! empty( $typekit_fonts ) ) {
+                foreach ( $typekit_fonts as $group => $fonts ) {
+                    Redux_Core::$font_groups['typekitfonts'] = array(
+                        'text'     => $group,
+                        'children' => array(),
+                    );
+
+                    foreach ( $fonts as $family => $v ) {
+                        Redux_Core::$font_groups['typekitfonts']['children'][] = array(
+                            'text'        => $family,
+                            'id'          => $family,
+                            'data-google' => 'false',
+                        );
+                    }
+                }
+            }
+        }
+
+        /**
+         *   Construct the Google array from the stored JSON/HTML
+         */
+        private function get_google_array() {
+            if ( ( ( isset( Redux_Core::$fonts['google'] ) && ! empty( Redux_Core::$fonts['google'] ) ) ) || ( isset( Redux_Core::$fonts['google'] ) && false === Redux_Core::$fonts['google'] ) ) {
+                return;
+            }
+
+            $fonts = Redux_Helpers::google_fonts_array( get_option( 'auto_update_redux_google_fonts', false ) );
+            if ( empty( $fonts ) ) {
+                $google_font = __DIR__ . '/googlefonts.php';
+                $fonts       = include $google_font;
+            }
+
+            if ( true === $fonts ) {
+                Redux_Core::$fonts['google'] = false;
+
+                return;
+            }
+
+            if ( isset( $fonts ) && ! empty( $fonts ) && is_array( $fonts ) ) {
+                Redux_Core::$fonts['google'] = $fonts;
+                Redux_Core::$google_array    = $fonts;
+
+                // optgroup.
+                Redux_Core::$font_groups['google'] = array(
+                    'text'     => esc_html__( 'Google Webfonts', 'redux-framework' ),
+                    'children' => array(),
+                );
+
+                // options.
+                foreach ( Redux_Core::$fonts['google'] as $font => $extra ) {
+                    Redux_Core::$font_groups['google']['children'][] = array(
+                        'id'          => $font,
+                        'text'        => $font,
+                        'data-google' => 'true',
+                    );
+                }
+            }
+        }
+
+        /**
+         * Clean up the Google Webfonts subsets to be human-readable
+         *
+         * @param array $var Font subset array.
+         *
+         * @return array
+         *
+         * @since ReduxFramework 0.2.0
+         */
+        private function get_subsets( array $var ): array {
+            $result = array();
+
+            foreach ( $var as $v ) {
+                if ( strpos( $v, '-ext' ) ) {
+                    $name = ucfirst( str_replace( '-ext', ' Extended', $v ) );
+                } else {
+                    $name = ucfirst( $v );
+                }
+
+                $result[] = array(
+                    'id'   => $v,
+                    'name' => $name,
+                );
+            }
+
+            return array_filter( $result );
+        }
+
+        /**
+         * Clean up the Google Webfonts variants to be human-readable
+         *
+         * @param array $var Font variant array.
+         *
+         * @return array
+         *
+         * @since ReduxFramework 0.2.0
+         */
+        private function get_variants( array $var ): array {
+            $result = array();
+            $italic = array();
+
+            foreach ( $var as $v ) {
+                $name = '';
+                if ( 1 === $v[0] ) {
+                    $name = 'Ultra-Light 100';
+                } elseif ( 2 === $v[0] ) {
+                    $name = 'Light 200';
+                } elseif ( 3 === $v[0] ) {
+                    $name = 'Book 300';
+                } elseif ( 4 === $v[0] || 'r' === $v[0] || 'i' === $v[0] ) {
+                    $name = 'Normal 400';
+                } elseif ( 5 === $v[0] ) {
+                    $name = 'Medium 500';
+                } elseif ( 6 === $v[0] ) {
+                    $name = 'Semi-Bold 600';
+                } elseif ( 7 === $v[0] ) {
+                    $name = 'Bold 700';
+                } elseif ( 8 === $v[0] ) {
+                    $name = 'Extra-Bold 800';
+                } elseif ( 9 === $v[0] ) {
+                    $name = 'Ultra-Bold 900';
+                }
+
+                if ( 'regular' === $v ) {
+                    $v = '400';
+                }
+
+                if ( strpos( $v, 'italic' ) || 'italic' === $v ) {
+                    $name .= ' Italic';
+                    $name  = trim( $name );
+                    if ( 'italic' === $v ) {
+                        $v = '400italic';
+                    }
+                    $italic[] = array(
+                        'id'   => $v,
+                        'name' => $name,
+                    );
+                } else {
+                    $result[] = array(
+                        'id'   => $v,
+                        'name' => $name,
+                    );
+                }
+            }
+
+            foreach ( $italic as $item ) {
+                $result[] = $item;
+            }
+
+            return array_filter( $result );
+        }
+
+        /**
+         * Update google font array via AJAX call.
+         */
+        public function google_fonts_update_ajax() {
+            if ( ! isset( $_POST['nonce'] ) || ( ! wp_verify_nonce( sanitize_key( wp_unslash( $_POST['nonce'] ) ), 'redux_update_google_fonts' ) ) ) {
+                die( 'Security check' );
+            }
+
+            if ( isset( $_POST['data'] ) && 'automatic' === $_POST['data'] ) {
+                update_option( 'auto_update_redux_google_fonts', true );
+            }
+
+            $fonts = Redux_Helpers::google_fonts_array( true );
+
+            if ( ! empty( $fonts ) && ! is_wp_error( $fonts ) ) {
+                echo wp_json_encode(
+                    array(
+                        'status' => 'success',
+                        'fonts'  => $fonts,
+                    )
+                );
+            } else {
+                $err_msg = '';
+
+                if ( is_wp_error( $fonts ) ) {
+                    $err_msg = $fonts->get_error_code();
+                }
+
+                echo wp_json_encode(
+                    array(
+                        'status' => 'error',
+                        'error'  => $err_msg,
+                    )
+                );
+            }
+
+            die();
+        }
+
+        /**
+         * Enable output_variables to be generated.
+         *
+         * @since       4.0.3
+         * @return void
+         */
+        public function output_variables() {
+            // No code needed, just defining the method is enough.
+        }
+    }
 }
 if ( ! class_exists( 'ReduxFramework_Typography' ) ) {
-	class_alias( 'Redux_Typography', 'ReduxFramework_Typography' );
+    class_alias( 'Redux_Typography', 'ReduxFramework_Typography' );
 }

redux-core/inc/fields/raw/class-redux-raw.php

Indentation +47 added lines, -47 removed lines

@@ -11,53 +11,53 @@
 
 if ( ! class_exists( 'Redux_Raw', false ) ) {
 
-	/**
-	 * Class Redux_Raw
-	 */
-	class Redux_Raw extends Redux_Field {
-
-		/**
-		 * Set field defaults.
-		 */
-		public function set_defaults() {
-			$defaults = array(
-				'full_width' => true,
-				'markdown'   => false,
-			);
-
-			$this->field = wp_parse_args( $this->field, $defaults );
-		}
-
-		/**
-		 * Field Render Function.
-		 * Takes the vars and outputs the HTML for the field in the settings
-		 *
-		 * @since ReduxFramework 1.0.0
-		 */
-		public function render() {
-			if ( ! empty( $this->field['include'] ) && file_exists( $this->field['include'] ) ) {
-				require_once $this->field['include'];
-			}
-
-			if ( isset( $this->field['content_path'] ) && ! empty( $this->field['content_path'] ) && file_exists( $this->field['content_path'] ) ) {
-				$this->field['content'] = Redux_Core::$filesystem->execute( 'get_contents', $this->field['content_path'] );
-			}
-
-			if ( ! empty( $this->field['content'] ) && isset( $this->field['content'] ) ) {
-				if ( isset( $this->field['markdown'] ) && true === $this->field['markdown'] && ! empty( $this->field['content'] ) ) {
-					require_once __DIR__ . '/parsedown.php';
-					$parsedown = new Redux_Parsedown();
-
-					echo( $parsedown->text( $this->field['content'] ) ); // phpcs:ignore WordPress.Security.EscapeOutput
-				} else {
-					echo( $this->field['content'] ); // phpcs:ignore WordPress.Security.EscapeOutput
-				}
-			}
-
-			// phpcs:ignore WordPress.NamingConventions.ValidHookName
-			do_action( 'redux-field-raw-' . $this->parent->args['opt_name'] . '-' . $this->field['id'] );
-		}
-	}
+    /**
+     * Class Redux_Raw
+     */
+    class Redux_Raw extends Redux_Field {
+
+        /**
+         * Set field defaults.
+         */
+        public function set_defaults() {
+            $defaults = array(
+                'full_width' => true,
+                'markdown'   => false,
+            );
+
+            $this->field = wp_parse_args( $this->field, $defaults );
+        }
+
+        /**
+         * Field Render Function.
+         * Takes the vars and outputs the HTML for the field in the settings
+         *
+         * @since ReduxFramework 1.0.0
+         */
+        public function render() {
+            if ( ! empty( $this->field['include'] ) && file_exists( $this->field['include'] ) ) {
+                require_once $this->field['include'];
+            }
+
+            if ( isset( $this->field['content_path'] ) && ! empty( $this->field['content_path'] ) && file_exists( $this->field['content_path'] ) ) {
+                $this->field['content'] = Redux_Core::$filesystem->execute( 'get_contents', $this->field['content_path'] );
+            }
+
+            if ( ! empty( $this->field['content'] ) && isset( $this->field['content'] ) ) {
+                if ( isset( $this->field['markdown'] ) && true === $this->field['markdown'] && ! empty( $this->field['content'] ) ) {
+                    require_once __DIR__ . '/parsedown.php';
+                    $parsedown = new Redux_Parsedown();
+
+                    echo( $parsedown->text( $this->field['content'] ) ); // phpcs:ignore WordPress.Security.EscapeOutput
+                } else {
+                    echo( $this->field['content'] ); // phpcs:ignore WordPress.Security.EscapeOutput
+                }
+            }
+
+            // phpcs:ignore WordPress.NamingConventions.ValidHookName
+            do_action( 'redux-field-raw-' . $this->parent->args['opt_name'] . '-' . $this->field['id'] );
+        }
+    }
 }
 
 class_alias( 'Redux_Raw', 'ReduxFramework_Raw' );

redux-core/inc/extensions/custom_fonts/class-redux-extension-custom-fonts.php

Spacing +14 added lines, -14 removed lines

@@ -278,7 +278,7 @@ 
 								continue;
 							}
 
-							$this->custom_fonts[ $section['name'] ] = $this->custom_fonts[ $section['name'] ] ?? array();
+							$this->custom_fonts[$section['name']] = $this->custom_fonts[$section['name']] ?? array();
 
 							foreach ( $section['files'] as $font ) {
 								if ( ! empty( $font['name'] ) ) {
@@ -295,7 +295,7 @@ 
 										}
 									}
 
-									$this->custom_fonts[ $section['name'] ][ $font['name'] ] = $kinds;
+									$this->custom_fonts[$section['name']][$font['name']] = $kinds;
 								}
 							}
 						}
@@ -416,7 +416,7 @@ 
 				} elseif ( 'f' === $file['type'] ) {
 					$valid = $this->check_font_name( $file );
 					if ( $valid ) {
-						$output[ $valid ] = trailingslashit( $path ) . $file['name'];
+						$output[$valid] = trailingslashit( $path ) . $file['name'];
 					}
 				}
 			}
@@ -477,7 +477,7 @@ 
 
 			$filename = explode( '/', $this->selected_file );
 
-			$filename = $filename[ ( count( $filename ) - 1 ) ];
+			$filename = $filename[( count( $filename ) - 1 )];
 
 			$fontname = ucfirst(
 				str_replace(
@@ -523,7 +523,7 @@ 
 
 				if ( ! empty( $output ) ) {
 					foreach ( $complete as $test ) {
-						if ( ! isset( $output[ $test ] ) ) {
+						if ( ! isset( $output[$test] ) ) {
 							$missing[] = $test;
 						}
 					}
@@ -555,7 +555,7 @@ 
 			} elseif ( 'svg+xml' === $subtype || 'vnd.ms-fontobject' === $subtype || 'x-font-ttf' === $subtype || 'ttf' === $subtype || 'otf' === $subtype || 'font-woff' === $subtype || 'font-woff2' === $subtype || 'application-octet-stream' === $subtype || 'octet-stream' === $subtype ) {
 				foreach ( $complete as $test ) {
 					if ( $subtype !== $test ) {
-						if ( ! isset( $output[ $test ] ) ) {
+						if ( ! isset( $output[$test] ) ) {
 							$missing[] = $test;
 						}
 					}
@@ -691,12 +691,12 @@ 
 				$payload .= md5( 'redux_custom_font' );
 				$payload .= "\r\n";
 
-				if ( $output[ $main ] ) {
+				if ( $output[$main] ) {
 					$payload .= '--' . $boundary;
 					$payload .= "\r\n";
-					$payload .= 'Content-Disposition: form-data; name="convert"; filename="' . basename( $output[ $main ] ) . '"' . "\r\n";
+					$payload .= 'Content-Disposition: form-data; name="convert"; filename="' . basename( $output[$main] ) . '"' . "\r\n";
 					$payload .= "\r\n";
-					$payload .= Redux_Core::$filesystem->execute( 'get_contents', $output[ $main ] );
+					$payload .= Redux_Core::$filesystem->execute( 'get_contents', $output[$main] );
 					$payload .= "\r\n";
 				}
 
@@ -760,7 +760,7 @@ 
 						Redux_Core::$filesystem->execute( 'move', $temp . DIRECTORY_SEPARATOR . 'fonts' . DIRECTORY_SEPARATOR . ( $file['name'] ), $param_array );
 					}
 				} else {
-					$path_parts = pathinfo( $output[ $main ] );
+					$path_parts = pathinfo( $output[$main] );
 
 					$param_array = array(
 						'destination' => $this->upload_dir . $this->subfolder . $this->font_folder . DIRECTORY_SEPARATOR . sanitize_file_name( $path_parts['basename'] ),
@@ -768,7 +768,7 @@ 
 						'chmod'       => 755,
 					);
 
-					Redux_Core::$filesystem->execute( 'move', $output[ $main ], $param_array );
+					Redux_Core::$filesystem->execute( 'move', $output[$main], $param_array );
 
 					if ( in_array( $font_ext, $unsupported, true ) ) {
 						return array(
@@ -897,7 +897,7 @@ 
 			$output = array();
 
 			foreach ( $files as $file ) {
-				$output[ $this->check_font_name( $file ) ] = $file['name'];
+				$output[$this->check_font_name( $file )] = $file['name'];
 			}
 
 			$css = '@font-face {';
@@ -959,9 +959,9 @@ 
 				);
 
 				for ( $i = count( $this->parent->sections ); $i >= 1; $i-- ) {
-					if ( isset( $this->parent->sections[ $i ] ) && isset( $this->parent->sections[ $i ]['title'] ) && esc_html__( 'Font Control', 'redux-framework' ) === $this->parent->sections[ $i ]['title'] ) {
+					if ( isset( $this->parent->sections[$i] ) && isset( $this->parent->sections[$i]['title'] ) && esc_html__( 'Font Control', 'redux-framework' ) === $this->parent->sections[$i]['title'] ) {
 						$this->parent->fontControl                                        = $i;
-						$this->parent->sections[ $this->parent->fontControl ]['fields'][] = array(
+						$this->parent->sections[$this->parent->fontControl]['fields'][] = array(
 							'id'   => 'redux_font_control',
 							'type' => 'custom_fonts',
 						);

Indentation +959 added lines, -959 removed lines

@@ -16,963 +16,963 @@
 
 if ( ! class_exists( 'Redux_Extension_Custom_Fonts' ) ) {
 
-	/**
-	 * Class Redux_Extension_Custom_Fonts
-	 */
-	class Redux_Extension_Custom_Fonts extends Redux_Extension_Abstract {
-
-		/**
-		 * Extension version.
-		 *
-		 * @var string
-		 */
-		public static $version = '4.5.6';
-
-		/**
-		 * Extension friendly name.
-		 *
-		 * @var string
-		 */
-		public string $extension_name = 'Custom Fonts';
-		/**
-		 * Class instance.
-		 *
-		 * @var object|null
-		 */
-		public static ?object $instance;
-
-		/**
-		 * Custom fonts array.
-		 *
-		 * @var array|null
-		 */
-		public ?array $custom_fonts = array();
-
-		/**
-		 * WordPress upload directory.
-		 *
-		 * @var string|null
-		 */
-		public ?string $upload_dir = '';
-
-		/**
-		 * WordPress upload URI.
-		 *
-		 * @var string|null
-		 */
-		public ?string $upload_url = '';
-
-		/**
-		 * Subfolder name.
-		 *
-		 * @var string
-		 */
-		public string $subfolder = 'custom/';
-
-		/**
-		 * Font folder.
-		 *
-		 * @var string|null
-		 */
-		public ?string $font_folder = '';
-
-		/**
-		 * Font Filename.
-		 *
-		 * @var string|null
-		 */
-		public ?string $font_filename = '';
-
-		/**
-		 * File selected in media upload.
-		 *
-		 * @var string|null
-		 */
-		public ?string $selected_file = '';
-
-		/**
-		 * Is font conversation service available?
-		 *
-		 * @var bool
-		 */
-		private bool $can_convert;
-
-		/**
-		 * Class Constructor. Defines the args for the extensions class
-		 *
-		 * @param ReduxFramework $redux ReduxFramework pointer.
-		 *
-		 * @return      void
-		 * @since       1.0.0
-		 * @access      public
-		 */
-		public function __construct( $redux ) {
-			parent::__construct( $redux, __FILE__ );
-
-			self::$instance = parent::get_instance();
-
-			$this->add_field( 'custom_fonts' );
-
-			$this->upload_dir = Redux_Core::$upload_dir . 'custom-fonts/';
-			$this->upload_url = Redux_Core::$upload_url . 'custom-fonts/';
-
-			if ( ! is_dir( $this->upload_dir ) ) {
-				Redux_Core::$filesystem->execute( 'mkdir', $this->upload_dir );
-			}
-
-			if ( ! is_dir( $this->upload_dir . '/custom' ) ) {
-				Redux_Core::$filesystem->execute( 'mkdir', $this->upload_dir . '/custom' );
-			}
-
-			$this->get_fonts();
-
-			if ( file_exists( $this->upload_dir . 'fonts.css' ) ) {
-				if ( filemtime( $this->upload_dir . 'custom' ) > ( filemtime( $this->upload_dir . 'fonts.css' ) + 10 ) ) {
-					$this->generate_css();
-				}
-			} else {
-				$this->generate_css();
-			}
-
-			add_action( 'wp_ajax_redux_custom_fonts', array( $this, 'ajax' ) );
-			add_action( 'wp_ajax_redux_custom_font_timer', array( $this, 'timer' ) );
-
-			add_filter( "redux/{$this->parent->args['opt_name']}/field/typography/custom_fonts", array( $this, 'add_custom_fonts' ) );
-
-			// phpcs:disable
-			// $this->is_field = Redux_Helpers::is_field_in_use( $parent, 'custom_fonts' );
-
-			// if ( ! $this->is_field ) {
-			// 	$this->add_section();
-			// }
-
-			add_filter( "redux/options/{$this->parent->args['opt_name']}/section/redux_dynamic_font_control", array( $this, 'remove_dynamic_section' ) ); // phpcs:ignore WordPress.NamingConventions.ValidHookName
-			add_filter( 'upload_mimes', array( $this, 'custom_upload_mimes' ) );
-			add_action( 'wp_head', array( $this, 'enqueue_output' ), 150 );
-			add_filter( 'tiny_mce_before_init', array( $this, 'extend_tinymce_dropdown' ) );
-
-			$this->can_convert = true; // has_filter( 'redux/' . $this->parent->args['opt_name'] . '/extensions/custom_fonts/api_url' );
-			// phpcs:enable
-		}
-
-		/**
-		 * Timer.
-		 */
-		public function timer() {
-			$name = get_option( 'redux_custom_font_current' );
-
-			if ( ! empty( $name ) ) {
-				echo esc_html( $name );
-			}
-
-			die();
-		}
-
-		/**
-		 * Remove the dynamically added section if the field was used elsewhere
-		 *
-		 * @param array $section Section array.
-		 *
-		 * @return array
-		 * @since  Redux_Framework 3.1.1
-		 */
-		public function remove_dynamic_section( array $section ): array {
-			if ( isset( $this->parent->field_types['custom_fonts'] ) ) {
-				$section = array();
-			}
-
-			return $section;
-		}
-
-		/**
-		 * Adds FontMeister fonts to the TinyMCE drop-down.
-		 * Typekit's fonts don't render properly in the drop-down and in the editor,
-		 * because Typekit needs JS and TinyMCE doesn't support that.
-		 *
-		 * @param array $opt Option array.
-		 *
-		 * @return array
-		 */
-		public function extend_tinymce_dropdown( array $opt ): array {
-			if ( ! is_admin() ) {
-				return $opt;
-			}
-
-			if ( file_exists( $this->upload_dir . 'fonts.css' ) ) {
-				$theme_advanced_fonts = $opt['font_formats'] ?? 'Andale Mono=andale mono,times;Arial=arial,helvetica,sans-serif;Arial Black=arial black,avant garde;Book Antiqua=book antiqua,palatino;Comic Sans MS=comic sans ms,sans-serif;Courier New=courier new,courier;Georgia=georgia,palatino;Helvetica=helvetica;Impact=impact,chicago;Symbol=symbol;Tahoma=tahoma,arial,helvetica,sans-serif;Terminal=terminal,monaco;Times New Roman=times new roman,times;Trebuchet MS=trebuchet ms,geneva;Verdana=verdana,geneva;Webdings=webdings;Wingdings=wingdings,zapf dingbats';
-				$custom_fonts         = '';
-
-				$stylesheet = $this->upload_url . 'fonts.css';
-
-				if ( empty( $opt['content_css'] ) ) {
-					$opt['content_css'] = $stylesheet;
-				} else {
-					$opt['content_css'] = $opt['content_css'] . ',' . $stylesheet;
-				}
-
-				foreach ( $this->custom_fonts as $arr ) {
-					foreach ( $arr as $font => $pieces ) {
-						$custom_fonts .= ';' . $font . '=' . $font;
-					}
-				}
-
-				$opt['font_formats'] = $theme_advanced_fonts . $custom_fonts;
-			}
-
-			return $opt;
-		}
-
-
-		/**
-		 * Function to enqueue the custom fonts css
-		 */
-		public function enqueue_output() {
-			if ( file_exists( $this->upload_dir . 'fonts.css' ) ) {
-				wp_enqueue_style(
-					'redux-custom-fonts',
-					$this->upload_url . 'fonts.css',
-					array(),
-					filemtime( $this->upload_dir . 'fonts.css' )
-				);
-			}
-		}
-
-		/**
-		 * Adds the appropriate mime types to WordPress
-		 *
-		 * @param array $existing_mimes Mine array.
-		 *
-		 * @return array
-		 */
-		public function custom_upload_mimes( array $existing_mimes = array() ): array {
-			$existing_mimes['ttf']   = 'font/ttf';
-			$existing_mimes['otf']   = 'font/otf';
-			$existing_mimes['eot']   = 'application/vnd.ms-fontobject';
-			$existing_mimes['woff']  = 'application/font-woff';
-			$existing_mimes['woff2'] = 'application/font-woff2';
-			$existing_mimes['svg']   = 'image/svg+xml';
-			$existing_mimes['zip']   = 'application/zip';
-
-			return $existing_mimes;
-		}
-
-		/**
-		 * Gets all the fonts in the custom_fonts directory
-		 */
-		public function get_fonts() {
-			if ( empty( $this->custom_fonts ) ) {
-				$params = array(
-					'include_hidden' => false,
-					'recursive'      => true,
-				);
-
-				$fonts = Redux_Core::$filesystem->execute( 'dirlist', $this->upload_dir, $params );
-
-				if ( ! empty( $fonts ) ) {
-					foreach ( $fonts as $section ) {
-						if ( 'd' === $section['type'] && ! empty( $section['name'] ) ) {
-							if ( 'custom' === $section['name'] ) {
-								$section['name'] = esc_html__( 'Custom Fonts', 'redux-framework' );
-							}
-
-							if ( empty( $section['files'] ) ) {
-								continue;
-							}
-
-							$this->custom_fonts[ $section['name'] ] = $this->custom_fonts[ $section['name'] ] ?? array();
-
-							foreach ( $section['files'] as $font ) {
-								if ( ! empty( $font['name'] ) ) {
-									if ( empty( $font['files'] ) ) {
-										continue;
-									}
-
-									$kinds = array();
-
-									foreach ( $font['files'] as $f ) {
-										$valid = $this->check_font_name( $f );
-										if ( $valid ) {
-											$kinds[] = $valid;
-										}
-									}
-
-									$this->custom_fonts[ $section['name'] ][ $font['name'] ] = $kinds;
-								}
-							}
-						}
-					}
-				}
-			}
-		}
-
-		/**
-		 * Add custom fonts.
-		 *
-		 * @param mixed $custom_fonts Custom fonts.
-		 *
-		 * @return array
-		 */
-		public function add_custom_fonts( $custom_fonts ): array {
-			if ( empty( $custom_fonts ) ) {
-				$custom_fonts = array();
-			}
-
-			return wp_parse_args( $custom_fonts, $this->custom_fonts );
-		}
-
-		/**
-		 * Ajax used within the panel to add and process the fonts
-		 */
-		public function ajax() {
-			if ( ! isset( $_POST['nonce'] ) || ! wp_verify_nonce( sanitize_key( wp_unslash( $_POST['nonce'] ) ), 'redux_custom_fonts' ) ) {
-				die( 0 );
-			}
-
-			if ( isset( $_POST['type'] ) && 'delete' === $_POST['type'] ) {
-				if ( isset( $_POST['section'] ) ) {
-					if ( esc_html__( 'Custom Fonts', 'redux-framework' ) === $_POST['section'] ) {
-						$_POST['section'] = 'custom';
-					}
-				}
-
-				try {
-					if ( isset( $_POST['section'] ) || isset( $_POST['name'] ) ) {
-						$ret = Redux_Core::$filesystem->execute( 'rmdir', $this->upload_dir . sanitize_file_name( wp_unslash( $_POST['section'] ) ) . '/' . sanitize_file_name( wp_unslash( $_POST['name'] ) ) . '/', array( 'recursive' => true ) );
-
-						if ( true === $ret ) {
-							$result = array( 'type' => 'success' );
-						} else {
-							$result = array(
-								'type' => 'error',
-								'msg'  => esc_html__( 'File system failure. Could not delete temp dir.', 'redux-framework' ),
-							);
-						}
-
-						echo wp_json_encode( $result );
-					}
-				} catch ( Exception $e ) {
-					echo wp_json_encode(
-						array(
-							'type' => 'error',
-							'msg'  => esc_html__( 'Unable to delete font file(s).', 'redux-framework' ),
-						)
-					);
-				}
-
-				die();
-			}
-
-			if ( ! isset( $_POST['title'] ) ) {
-				$_POST['title'] = '';
-			}
-
-			if ( ! isset( $_POST['filename'] ) ) {
-				$_POST['filename'] = '';
-			}
-
-			$this->font_folder   = sanitize_file_name( wp_unslash( $_POST['title'] ) );
-			$this->font_filename = sanitize_file_name( wp_unslash( $_POST['filename'] ) );
-
-			if ( ! empty( $_POST['attachment_id'] ) ) {
-				if ( isset( $_POST['title'] ) || isset( $_POST['mime'] ) ) {
-					$msg = $this->process_web_font( sanitize_key( wp_unslash( $_POST['attachment_id'] ) ), sanitize_text_field( wp_unslash( $_POST['mime'] ) ) );
-
-					if ( empty( $msg ) ) {
-						$msg = '';
-					}
-
-					$result = array(
-						'type' => 'success',
-						'msg'  => $msg,
-					);
-
-					echo wp_json_encode( $result );
-				}
-			}
-
-			die();
-		}
-
-		/**
-		 * Get only valid files. Ensure everything is proper for processing.
-		 *
-		 * @param string $path Path.
-		 *
-		 * @return array
-		 */
-		public function get_valid_files( string $path ): array {
-			$output = array();
-			$path   = trailingslashit( $path );
-
-			$params = array(
-				'include_hidden' => false,
-				'recursive'      => true,
-			);
-
-			$files = Redux_Core::$filesystem->execute( 'dirlist', $path, $params );
-
-			foreach ( $files as $file ) {
-				if ( 'd' === $file['type'] ) {
-					$output = array_merge( $output, $this->get_valid_files( $path . $file['name'] ) );
-				} elseif ( 'f' === $file['type'] ) {
-					$valid = $this->check_font_name( $file );
-					if ( $valid ) {
-						$output[ $valid ] = trailingslashit( $path ) . $file['name'];
-					}
-				}
-			}
-
-			return $output;
-		}
-
-		/**
-		 * Take a valid web font and process the missing pieces.
-		 *
-		 * @param string $attachment_id ID.
-		 * @param string $mime_type     Mine type.
-		 */
-		public function process_web_font( string $attachment_id, string $mime_type ) {
-			// phpcs:ignore WordPress.Security.NonceVerification
-			if ( ! isset( $_POST['conversion'] ) ) {
-				$_POST['conversion'] = 'false';
-			}
-
-			// phpcs:ignore WordPress.Security.NonceVerification
-			$conversion = sanitize_text_field( wp_unslash( $_POST['conversion'] ) );
-
-			$missing = array();
-
-			$complete = array(
-				'ttf',
-				'woff',
-				'woff2',
-				'eot',
-				'svg',
-				'otf',
-			);
-
-			$subtype = explode( '/', $mime_type );
-			$subtype = trim( max( $subtype ) );
-
-			if ( ! is_dir( $this->upload_dir ) ) {
-				Redux_Core::$filesystem->execute( 'mkdir', $this->upload_dir );
-			}
-
-			if ( ! is_dir( $this->upload_dir . $this->subfolder ) ) {
-				Redux_Core::$filesystem->execute( 'mkdir', $this->upload_dir . $this->subfolder );
-			}
-
-			$temp                = $this->upload_dir . 'temp';
-			$this->selected_file = get_attached_file( $attachment_id );
-
-			if ( empty( $this->selected_file ) ) {
-				echo wp_json_encode(
-					array(
-						'type' => 'error',
-						'msg'  => esc_html__( 'Attachment does not exist.', 'redux-framework' ),
-					)
-				);
-
-				die();
-			}
-
-			$filename = explode( '/', $this->selected_file );
-
-			$filename = $filename[ ( count( $filename ) - 1 ) ];
-
-			$fontname = ucfirst(
-				str_replace(
-					array(
-						'.zip',
-						'.ttf',
-						'.woff',
-						'.woff2',
-						'.eot',
-						'.svg',
-						'.otf',
-					),
-					'',
-					strtolower( $filename )
-				)
-			);
-
-			if ( empty( $this->font_folder ) ) {
-				$this->font_folder = $fontname;
-			}
-
-			$ret = array();
-
-			if ( ! is_dir( $temp ) ) {
-				Redux_Core::$filesystem->execute( 'mkdir', $temp );
-			}
-
-			if ( 'zip' === $subtype ) {
-				$unzipfile = unzip_file( $this->selected_file, $temp );
-
-				if ( is_wp_error( $unzipfile ) ) {
-					echo wp_json_encode(
-						array(
-							'type' => 'error',
-							'msg'  => $unzipfile->get_error_message() . '<br><br>' . esc_html__( 'Unzipping failed.', 'redux-framework' ),
-						)
-					);
-
-					die();
-				}
-
-				$output = $this->get_valid_files( $temp );
-
-				if ( ! empty( $output ) ) {
-					foreach ( $complete as $test ) {
-						if ( ! isset( $output[ $test ] ) ) {
-							$missing[] = $test;
-						}
-					}
-
-					if ( ! is_dir( $this->upload_dir . $this->subfolder . $this->font_folder . '/' ) ) {
-						Redux_Core::$filesystem->execute( 'mkdir', $this->upload_dir . $this->subfolder . $this->font_folder . '/' );
-					}
-
-					foreach ( $output as $key => $value ) {
-						$param_array = array(
-							'destination' => $this->upload_dir . $this->subfolder . $this->font_folder . '/' . $fontname . '.' . $key,
-							'overwrite'   => true,
-							'chmod'       => 755,
-						);
-
-						Redux_Core::$filesystem->execute( 'copy', $value, $param_array );
-					}
-
-					if ( true === $this->can_convert && 'true' === $conversion ) {
-						$ret = $this->get_missing_files( $fontname, $missing, $output );
-					}
-				}
-
-				Redux_Core::$filesystem->execute( 'rmdir', $temp, array( 'recursive' => true ) );
-
-				$this->generate_css();
-
-				wp_delete_attachment( $attachment_id, true );
-			} elseif ( 'svg+xml' === $subtype || 'vnd.ms-fontobject' === $subtype || 'x-font-ttf' === $subtype || 'ttf' === $subtype || 'otf' === $subtype || 'font-woff' === $subtype || 'font-woff2' === $subtype || 'application-octet-stream' === $subtype || 'octet-stream' === $subtype ) {
-				foreach ( $complete as $test ) {
-					if ( $subtype !== $test ) {
-						if ( ! isset( $output[ $test ] ) ) {
-							$missing[] = $test;
-						}
-					}
-				}
-
-				if ( ! is_dir( $this->upload_dir . $this->subfolder . $this->font_folder . '/' ) ) {
-					Redux_Core::$filesystem->execute( 'mkdir', $this->upload_dir . $this->subfolder . $this->font_folder . '/' );
-				}
-
-				$output = array( $subtype => $this->selected_file );
-
-				if ( true === $this->can_convert && 'true' === $conversion ) {
-					$ret = $this->get_missing_files( $fontname, $missing, $output );
-
-					if ( false === $ret ) {
-						if ( false === $this->convert_local_font() ) {
-							echo wp_json_encode(
-								array(
-									'type' => 'error',
-									'msg'  => esc_html__( 'File permission error. Local file could not be installed.', 'redux-framework' ) . ' ' . $subtype,
-								)
-							);
-
-							die;
-						}
-					}
-				} elseif ( false === $this->convert_local_font() ) {
-						echo wp_json_encode(
-							array(
-								'type' => 'error',
-								'msg'  => esc_html__( 'File permission error. Local file could not be installed.', 'redux-framework' ) . ' ' . $subtype,
-							)
-						);
-
-						die;
-				}
-
-				Redux_Core::$filesystem->execute( 'rmdir', $temp, array( 'recursive' => true ) );
-
-				$this->generate_css();
-
-				wp_delete_attachment( $attachment_id, true );
-			} else {
-				echo wp_json_encode(
-					array(
-						'type' => 'error',
-						'msg'  => esc_html__( 'File type not recognized.', 'redux-framework' ) . ' ' . $subtype,
-					)
-				);
-
-				die();
-			}
-
-			if ( is_array( $ret ) && ! empty( $ret ) ) {
-				$msg = esc_html__( 'Unidentified error.', 'redux-framework' );
-
-				if ( isset( $ret['msg'] ) ) {
-					$msg = $ret['msg'];
-				}
-
-				return $msg;
-			}
-
-			return '';
-		}
-
-		/**
-		 * Install selected file into Custom Fonts.
-		 *
-		 * @return bool
-		 */
-		private function convert_local_font(): bool {
-			$param_array = array(
-				'destination' => $this->upload_dir . $this->subfolder . '/' . $this->font_folder . '/' . $this->font_filename,
-				'overwrite'   => true,
-				'chmod'       => 755,
-			);
-
-			return Redux_Core::$filesystem->execute( 'copy', $this->selected_file, $param_array );
-		}
-
-		/**
-		 * Ping the WebFontOMatic API to get the missing files.
-		 *
-		 * @param string $fontname  Font name.
-		 * @param array  $missing   Missing.
-		 * @param array  $output    Output.
-		 */
-		private function get_missing_files( string $fontname, array $missing, array $output ) {
-			if ( ! empty( $this->font_folder ) && ! empty( $missing ) ) {
-				$temp = $this->upload_dir . 'temp';
-
-				$font_ext = pathinfo( $this->font_filename, PATHINFO_EXTENSION );
-
-				$unsupported = array( 'eot', 'woff', 'woff2' );
-
-				// Find a file to convert from.
-				foreach ( $output as $key => $value ) {
-					if ( 'eot' === $key ) {
-						continue;
-					} else {
-						$main = $key;
-						break;
-					}
-				}
-
-				if ( ! isset( $main ) ) {
-					echo wp_json_encode(
-						array(
-							'type' => 'error',
-							'msg'  => esc_html__( 'No valid font file was found.', 'redux-framework' ),
-						)
-					);
-
-					Redux_Core::$filesystem->execute( 'rmdir', $temp, array( 'recursive' => true ) );
-					Redux_Core::$filesystem->execute( 'rmdir', $this->upload_dir . $this->subfolder . $this->font_folder . '/', array( 'recursive' => true ) );
-
-					die();
-				}
-
-				update_option( 'redux_custom_font_current', $this->font_folder . '.zip' );
-
-				$boundary = wp_generate_password( 24 );
-
-				$headers = array(
-					'content-type' => 'multipart/form-data; boundary=' . $boundary,
-					'user-agent'   => 'redux-custom-fonts-' . self::$version . ' using ' . wp_get_theme(),
-				);
-
-				$payload  = '--' . $boundary;
-				$payload .= "\r\n";
-				$payload .= 'Content-Disposition: form-data; name="md5"' . "\r\n\r\n";
-				$payload .= md5( 'redux_custom_font' );
-				$payload .= "\r\n";
-
-				if ( $output[ $main ] ) {
-					$payload .= '--' . $boundary;
-					$payload .= "\r\n";
-					$payload .= 'Content-Disposition: form-data; name="convert"; filename="' . basename( $output[ $main ] ) . '"' . "\r\n";
-					$payload .= "\r\n";
-					$payload .= Redux_Core::$filesystem->execute( 'get_contents', $output[ $main ] );
-					$payload .= "\r\n";
-				}
-
-				$payload .= '--' . $boundary . '--';
-
-				$args = array(
-					'headers'    => $headers,
-					'body'       => $payload,
-					'user-agent' => $headers['user-agent'],
-					'timeout'    => 300,
-					'sslverify'  => true,
-				);
-
-				// phpcs:disable WordPress.NamingConventions.ValidHookName
-				$api_url = apply_filters( 'redux/' . $this->parent->args['opt_name'] . '/extensions/custom_fonts/api_url', 'https://redux.io/fonts' );
-
-				$response = wp_remote_post( $api_url, $args );
-
-				if ( is_wp_error( $response ) ) {
-					return array(
-						'type' => 'error',
-						'msg'  => $response->get_error_message() . '<br><br>' . esc_html__( 'Your font could not be converted at this time. Please try again later.', 'redux-framework' ),
-					);
-				} elseif ( isset( $response['body'] ) ) {
-					if ( null !== json_decode( $response['body'] ) ) {
-						return json_decode( $response['body'], true );
-					}
-				}
-
-				$param_array = array(
-					'content'   => $response['body'],
-					'overwrite' => true,
-					'chmod'     => FS_CHMOD_FILE,
-				);
-
-				$zip_file = $temp . DIRECTORY_SEPARATOR . $fontname . '.zip';
-
-				Redux_Core::$filesystem->execute( 'put_contents', $zip_file, $param_array );
-
-				if ( 0 === filesize( $zip_file ) ) {
-					return false;
-				}
-
-				$zip = unzip_file( $zip_file, $temp );
-
-				if ( ! is_wp_error( $zip ) ) {
-					$params = array(
-						'include_hidden' => false,
-						'recursive'      => false,
-					);
-
-					$files = Redux_Core::$filesystem->execute( 'dirlist', $temp . DIRECTORY_SEPARATOR . 'fonts' . DIRECTORY_SEPARATOR, $params );
-
-					foreach ( $files as $file ) {
-						$param_array = array(
-							'destination' => $this->upload_dir . $this->subfolder . $this->font_folder . DIRECTORY_SEPARATOR . sanitize_file_name( $file['name'] ),
-							'overwrite'   => true,
-							'chmod'       => 755,
-						);
-
-						Redux_Core::$filesystem->execute( 'move', $temp . DIRECTORY_SEPARATOR . 'fonts' . DIRECTORY_SEPARATOR . ( $file['name'] ), $param_array );
-					}
-				} else {
-					$path_parts = pathinfo( $output[ $main ] );
-
-					$param_array = array(
-						'destination' => $this->upload_dir . $this->subfolder . $this->font_folder . DIRECTORY_SEPARATOR . sanitize_file_name( $path_parts['basename'] ),
-						'overwrite'   => true,
-						'chmod'       => 755,
-					);
-
-					Redux_Core::$filesystem->execute( 'move', $output[ $main ], $param_array );
-
-					if ( in_array( $font_ext, $unsupported, true ) ) {
-						return array(
-							'type' => 'error',
-							// translators: %s = font extension.
-							'msg'  => $zip->get_error_message() . '<br><br>' . sprintf( esc_html__( 'The font converter does not support %s fonts.', 'redux-framework' ), $font_ext ),
-						);
-					} else {
-						return array(
-							'type' => 'error',
-							'msg'  => $zip->get_error_message() . '<br><br>' . esc_html__( 'ZIP error. Your font could not be converted at this time. Please try again later.', 'redux-framework' ),
-						);
-					}
-				}
-
-				delete_option( 'redux_custom_font_current' );
-			}
-
-			return true;
-		}
-
-		/**
-		 * Check if the file name is a valid font file.
-		 *
-		 * @param array $file File.
-		 *
-		 * @return bool|string
-		 */
-		private function check_font_name( array $file ) {
-			if ( '.woff' === strtolower( substr( $file['name'], - 5 ) ) ) {
-				return 'woff';
-			}
-
-			if ( '.woff2' === strtolower( substr( $file['name'], - 6 ) ) ) {
-				return 'woff2';
-			}
-
-			$sub = strtolower( substr( $file['name'], - 4 ) );
-
-			if ( '.ttf' === $sub ) {
-				return 'ttf';
-			}
-
-			if ( '.eot' === $sub ) {
-				return 'eot';
-			}
-
-			if ( '.svg' === $sub ) {
-				return 'svg';
-			}
-
-			if ( '.otf' === $sub ) {
-				return 'otf';
-			}
-
-			return false;
-		}
-
-		/**
-		 * Generate a new custom CSS file for enqueuing on the frontend and backend.
-		 */
-		private function generate_css() {
-			$params = array(
-				'include_hidden' => false,
-				'recursive'      => true,
-			);
-
-			$fonts = Redux_Core::$filesystem->execute( 'dirlist', $this->upload_dir . 'custom' . DIRECTORY_SEPARATOR, $params );
-
-			if ( empty( $fonts ) || ! is_array( $fonts ) ) {
-				return;
-			}
-
-			foreach ( $fonts as $font ) {
-				if ( 'd' === $font['type'] ) {
-					break;
-				}
-
-				if ( file_exists( $this->upload_dir . 'fonts.css' ) ) {
-					Redux_Core::$filesystem->execute( 'delete', $this->upload_dir . 'fonts.css' );
-				}
-
-				return;
-			}
-
-			$css = '';
-
-			foreach ( $fonts as $font ) {
-				if ( 'd' === $font['type'] ) {
-					$css .= $this->generate_font_css( $font['name'], $this->upload_dir . 'custom' . DIRECTORY_SEPARATOR );
-				}
-			}
-
-			if ( '' !== $css ) {
-				$param_array = array(
-					'content' => $css,
-					'chmod'   => FS_CHMOD_FILE,
-				);
-
-				Redux_Core::$filesystem->execute( 'put_contents', $this->upload_dir . 'fonts.css', $param_array );
-			}
-		}
-
-		/**
-		 * Process to actually construct the custom font css file.
-		 *
-		 * @param string $name Name.
-		 * @param string $dir  Directory.
-		 *
-		 * @return string
-		 */
-		private function generate_font_css( string $name, string $dir ): ?string {
-			$path = $dir . $name;
-
-			$params = array(
-				'include_hidden' => false,
-				'recursive'      => true,
-			);
-
-			$files = Redux_Core::$filesystem->execute( 'dirlist', $path, $params );
-
-			if ( empty( $files ) ) {
-				return null;
-			}
-
-			$output = array();
-
-			foreach ( $files as $file ) {
-				$output[ $this->check_font_name( $file ) ] = $file['name'];
-			}
-
-			$css = '@font-face {';
-
-			$css .= 'font-family:"' . $name . '";';
-
-			$src = array();
-
-			if ( isset( $output['eot'] ) ) {
-				$src[] = "url('{$this->upload_url}custom/$name/{$output['eot']}?#iefix') format('embedded-opentype')";
-			}
-
-			if ( isset( $output['woff'] ) ) {
-				$src[] = "url('{$this->upload_url}custom/$name/{$output['woff']}') format('woff')";
-			}
-
-			if ( isset( $output['woff2'] ) ) {
-				$src[] = "url('{$this->upload_url}custom/$name/{$output['woff2']}') format('woff2')";
-			}
-
-			if ( isset( $output['ttf'] ) ) {
-				$src[] = "url('{$this->upload_url}custom/$name/{$output['ttf']}') format('truetype')";
-			}
-
-			if ( isset( $output['svg'] ) ) {
-				$src[] = "url('{$this->upload_url}custom/$name/{$output['svg']}#svg$name') format('svg')";
-			}
-
-			if ( ! empty( $src ) ) {
-				$css .= 'src:' . implode( ', ', $src ) . ';';
-			}
-
-			// Replace font weight and style with sub-sets.
-			$css .= 'font-weight: normal;';
-
-			$css .= 'font-style: normal;';
-
-			$css .= '}';
-
-			return $css;
-		}
-
-		/**
-		 * Custom function for filtering the section array.
-		 * Good for child themes to override or add to the sections.
-		 * Simply include this function in the child themes functions.php file.
-		 * NOTE: the defined constants for URLs and directories will NOT be available at this point in a child theme,
-		 * so you must use get_template_directory_uri() if you want to use any of the built-in icons
-		 */
-		public function add_section() {
-			if ( ! isset( $this->parent->fontControl ) ) {
-				$this->parent->sections[] = array(
-					'title'  => esc_html__( 'Font Control', 'redux-framework' ),
-					'desc'   => '<p class="description"></p>',
-					'icon'   => 'el-icon-font',
-					'id'     => 'redux_dynamic_font_control',
-					// Leave this as a blank section, no options just some intro text set above.
-					'fields' => array(),
-				);
-
-				for ( $i = count( $this->parent->sections ); $i >= 1; $i-- ) {
-					if ( isset( $this->parent->sections[ $i ] ) && isset( $this->parent->sections[ $i ]['title'] ) && esc_html__( 'Font Control', 'redux-framework' ) === $this->parent->sections[ $i ]['title'] ) {
-						$this->parent->fontControl                                        = $i;
-						$this->parent->sections[ $this->parent->fontControl ]['fields'][] = array(
-							'id'   => 'redux_font_control',
-							'type' => 'custom_fonts',
-						);
-
-						break;
-					}
-				}
-			}
-		}
-	}
-
-	class_alias( Redux_Extension_Custom_Fonts::class, 'ReduxFramework_Extension_custom_fonts' );
+    /**
+     * Class Redux_Extension_Custom_Fonts
+     */
+    class Redux_Extension_Custom_Fonts extends Redux_Extension_Abstract {
+
+        /**
+         * Extension version.
+         *
+         * @var string
+         */
+        public static $version = '4.5.6';
+
+        /**
+         * Extension friendly name.
+         *
+         * @var string
+         */
+        public string $extension_name = 'Custom Fonts';
+        /**
+         * Class instance.
+         *
+         * @var object|null
+         */
+        public static ?object $instance;
+
+        /**
+         * Custom fonts array.
+         *
+         * @var array|null
+         */
+        public ?array $custom_fonts = array();
+
+        /**
+         * WordPress upload directory.
+         *
+         * @var string|null
+         */
+        public ?string $upload_dir = '';
+
+        /**
+         * WordPress upload URI.
+         *
+         * @var string|null
+         */
+        public ?string $upload_url = '';
+
+        /**
+         * Subfolder name.
+         *
+         * @var string
+         */
+        public string $subfolder = 'custom/';
+
+        /**
+         * Font folder.
+         *
+         * @var string|null
+         */
+        public ?string $font_folder = '';
+
+        /**
+         * Font Filename.
+         *
+         * @var string|null
+         */
+        public ?string $font_filename = '';
+
+        /**
+         * File selected in media upload.
+         *
+         * @var string|null
+         */
+        public ?string $selected_file = '';
+
+        /**
+         * Is font conversation service available?
+         *
+         * @var bool
+         */
+        private bool $can_convert;
+
+        /**
+         * Class Constructor. Defines the args for the extensions class
+         *
+         * @param ReduxFramework $redux ReduxFramework pointer.
+         *
+         * @return      void
+         * @since       1.0.0
+         * @access      public
+         */
+        public function __construct( $redux ) {
+            parent::__construct( $redux, __FILE__ );
+
+            self::$instance = parent::get_instance();
+
+            $this->add_field( 'custom_fonts' );
+
+            $this->upload_dir = Redux_Core::$upload_dir . 'custom-fonts/';
+            $this->upload_url = Redux_Core::$upload_url . 'custom-fonts/';
+
+            if ( ! is_dir( $this->upload_dir ) ) {
+                Redux_Core::$filesystem->execute( 'mkdir', $this->upload_dir );
+            }
+
+            if ( ! is_dir( $this->upload_dir . '/custom' ) ) {
+                Redux_Core::$filesystem->execute( 'mkdir', $this->upload_dir . '/custom' );
+            }
+
+            $this->get_fonts();
+
+            if ( file_exists( $this->upload_dir . 'fonts.css' ) ) {
+                if ( filemtime( $this->upload_dir . 'custom' ) > ( filemtime( $this->upload_dir . 'fonts.css' ) + 10 ) ) {
+                    $this->generate_css();
+                }
+            } else {
+                $this->generate_css();
+            }
+
+            add_action( 'wp_ajax_redux_custom_fonts', array( $this, 'ajax' ) );
+            add_action( 'wp_ajax_redux_custom_font_timer', array( $this, 'timer' ) );
+
+            add_filter( "redux/{$this->parent->args['opt_name']}/field/typography/custom_fonts", array( $this, 'add_custom_fonts' ) );
+
+            // phpcs:disable
+            // $this->is_field = Redux_Helpers::is_field_in_use( $parent, 'custom_fonts' );
+
+            // if ( ! $this->is_field ) {
+            // 	$this->add_section();
+            // }
+
+            add_filter( "redux/options/{$this->parent->args['opt_name']}/section/redux_dynamic_font_control", array( $this, 'remove_dynamic_section' ) ); // phpcs:ignore WordPress.NamingConventions.ValidHookName
+            add_filter( 'upload_mimes', array( $this, 'custom_upload_mimes' ) );
+            add_action( 'wp_head', array( $this, 'enqueue_output' ), 150 );
+            add_filter( 'tiny_mce_before_init', array( $this, 'extend_tinymce_dropdown' ) );
+
+            $this->can_convert = true; // has_filter( 'redux/' . $this->parent->args['opt_name'] . '/extensions/custom_fonts/api_url' );
+            // phpcs:enable
+        }
+
+        /**
+         * Timer.
+         */
+        public function timer() {
+            $name = get_option( 'redux_custom_font_current' );
+
+            if ( ! empty( $name ) ) {
+                echo esc_html( $name );
+            }
+
+            die();
+        }
+
+        /**
+         * Remove the dynamically added section if the field was used elsewhere
+         *
+         * @param array $section Section array.
+         *
+         * @return array
+         * @since  Redux_Framework 3.1.1
+         */
+        public function remove_dynamic_section( array $section ): array {
+            if ( isset( $this->parent->field_types['custom_fonts'] ) ) {
+                $section = array();
+            }
+
+            return $section;
+        }
+
+        /**
+         * Adds FontMeister fonts to the TinyMCE drop-down.
+         * Typekit's fonts don't render properly in the drop-down and in the editor,
+         * because Typekit needs JS and TinyMCE doesn't support that.
+         *
+         * @param array $opt Option array.
+         *
+         * @return array
+         */
+        public function extend_tinymce_dropdown( array $opt ): array {
+            if ( ! is_admin() ) {
+                return $opt;
+            }
+
+            if ( file_exists( $this->upload_dir . 'fonts.css' ) ) {
+                $theme_advanced_fonts = $opt['font_formats'] ?? 'Andale Mono=andale mono,times;Arial=arial,helvetica,sans-serif;Arial Black=arial black,avant garde;Book Antiqua=book antiqua,palatino;Comic Sans MS=comic sans ms,sans-serif;Courier New=courier new,courier;Georgia=georgia,palatino;Helvetica=helvetica;Impact=impact,chicago;Symbol=symbol;Tahoma=tahoma,arial,helvetica,sans-serif;Terminal=terminal,monaco;Times New Roman=times new roman,times;Trebuchet MS=trebuchet ms,geneva;Verdana=verdana,geneva;Webdings=webdings;Wingdings=wingdings,zapf dingbats';
+                $custom_fonts         = '';
+
+                $stylesheet = $this->upload_url . 'fonts.css';
+
+                if ( empty( $opt['content_css'] ) ) {
+                    $opt['content_css'] = $stylesheet;
+                } else {
+                    $opt['content_css'] = $opt['content_css'] . ',' . $stylesheet;
+                }
+
+                foreach ( $this->custom_fonts as $arr ) {
+                    foreach ( $arr as $font => $pieces ) {
+                        $custom_fonts .= ';' . $font . '=' . $font;
+                    }
+                }
+
+                $opt['font_formats'] = $theme_advanced_fonts . $custom_fonts;
+            }
+
+            return $opt;
+        }
+
+
+        /**
+         * Function to enqueue the custom fonts css
+         */
+        public function enqueue_output() {
+            if ( file_exists( $this->upload_dir . 'fonts.css' ) ) {
+                wp_enqueue_style(
+                    'redux-custom-fonts',
+                    $this->upload_url . 'fonts.css',
+                    array(),
+                    filemtime( $this->upload_dir . 'fonts.css' )
+                );
+            }
+        }
+
+        /**
+         * Adds the appropriate mime types to WordPress
+         *
+         * @param array $existing_mimes Mine array.
+         *
+         * @return array
+         */
+        public function custom_upload_mimes( array $existing_mimes = array() ): array {
+            $existing_mimes['ttf']   = 'font/ttf';
+            $existing_mimes['otf']   = 'font/otf';
+            $existing_mimes['eot']   = 'application/vnd.ms-fontobject';
+            $existing_mimes['woff']  = 'application/font-woff';
+            $existing_mimes['woff2'] = 'application/font-woff2';
+            $existing_mimes['svg']   = 'image/svg+xml';
+            $existing_mimes['zip']   = 'application/zip';
+
+            return $existing_mimes;
+        }
+
+        /**
+         * Gets all the fonts in the custom_fonts directory
+         */
+        public function get_fonts() {
+            if ( empty( $this->custom_fonts ) ) {
+                $params = array(
+                    'include_hidden' => false,
+                    'recursive'      => true,
+                );
+
+                $fonts = Redux_Core::$filesystem->execute( 'dirlist', $this->upload_dir, $params );
+
+                if ( ! empty( $fonts ) ) {
+                    foreach ( $fonts as $section ) {
+                        if ( 'd' === $section['type'] && ! empty( $section['name'] ) ) {
+                            if ( 'custom' === $section['name'] ) {
+                                $section['name'] = esc_html__( 'Custom Fonts', 'redux-framework' );
+                            }
+
+                            if ( empty( $section['files'] ) ) {
+                                continue;
+                            }
+
+                            $this->custom_fonts[ $section['name'] ] = $this->custom_fonts[ $section['name'] ] ?? array();
+
+                            foreach ( $section['files'] as $font ) {
+                                if ( ! empty( $font['name'] ) ) {
+                                    if ( empty( $font['files'] ) ) {
+                                        continue;
+                                    }
+
+                                    $kinds = array();
+
+                                    foreach ( $font['files'] as $f ) {
+                                        $valid = $this->check_font_name( $f );
+                                        if ( $valid ) {
+                                            $kinds[] = $valid;
+                                        }
+                                    }
+
+                                    $this->custom_fonts[ $section['name'] ][ $font['name'] ] = $kinds;
+                                }
+                            }
+                        }
+                    }
+                }
+            }
+        }
+
+        /**
+         * Add custom fonts.
+         *
+         * @param mixed $custom_fonts Custom fonts.
+         *
+         * @return array
+         */
+        public function add_custom_fonts( $custom_fonts ): array {
+            if ( empty( $custom_fonts ) ) {
+                $custom_fonts = array();
+            }
+
+            return wp_parse_args( $custom_fonts, $this->custom_fonts );
+        }
+
+        /**
+         * Ajax used within the panel to add and process the fonts
+         */
+        public function ajax() {
+            if ( ! isset( $_POST['nonce'] ) || ! wp_verify_nonce( sanitize_key( wp_unslash( $_POST['nonce'] ) ), 'redux_custom_fonts' ) ) {
+                die( 0 );
+            }
+
+            if ( isset( $_POST['type'] ) && 'delete' === $_POST['type'] ) {
+                if ( isset( $_POST['section'] ) ) {
+                    if ( esc_html__( 'Custom Fonts', 'redux-framework' ) === $_POST['section'] ) {
+                        $_POST['section'] = 'custom';
+                    }
+                }
+
+                try {
+                    if ( isset( $_POST['section'] ) || isset( $_POST['name'] ) ) {
+                        $ret = Redux_Core::$filesystem->execute( 'rmdir', $this->upload_dir . sanitize_file_name( wp_unslash( $_POST['section'] ) ) . '/' . sanitize_file_name( wp_unslash( $_POST['name'] ) ) . '/', array( 'recursive' => true ) );
+
+                        if ( true === $ret ) {
+                            $result = array( 'type' => 'success' );
+                        } else {
+                            $result = array(
+                                'type' => 'error',
+                                'msg'  => esc_html__( 'File system failure. Could not delete temp dir.', 'redux-framework' ),
+                            );
+                        }
+
+                        echo wp_json_encode( $result );
+                    }
+                } catch ( Exception $e ) {
+                    echo wp_json_encode(
+                        array(
+                            'type' => 'error',
+                            'msg'  => esc_html__( 'Unable to delete font file(s).', 'redux-framework' ),
+                        )
+                    );
+                }
+
+                die();
+            }
+
+            if ( ! isset( $_POST['title'] ) ) {
+                $_POST['title'] = '';
+            }
+
+            if ( ! isset( $_POST['filename'] ) ) {
+                $_POST['filename'] = '';
+            }
+
+            $this->font_folder   = sanitize_file_name( wp_unslash( $_POST['title'] ) );
+            $this->font_filename = sanitize_file_name( wp_unslash( $_POST['filename'] ) );
+
+            if ( ! empty( $_POST['attachment_id'] ) ) {
+                if ( isset( $_POST['title'] ) || isset( $_POST['mime'] ) ) {
+                    $msg = $this->process_web_font( sanitize_key( wp_unslash( $_POST['attachment_id'] ) ), sanitize_text_field( wp_unslash( $_POST['mime'] ) ) );
+
+                    if ( empty( $msg ) ) {
+                        $msg = '';
+                    }
+
+                    $result = array(
+                        'type' => 'success',
+                        'msg'  => $msg,
+                    );
+
+                    echo wp_json_encode( $result );
+                }
+            }
+
+            die();
+        }
+
+        /**
+         * Get only valid files. Ensure everything is proper for processing.
+         *
+         * @param string $path Path.
+         *
+         * @return array
+         */
+        public function get_valid_files( string $path ): array {
+            $output = array();
+            $path   = trailingslashit( $path );
+
+            $params = array(
+                'include_hidden' => false,
+                'recursive'      => true,
+            );
+
+            $files = Redux_Core::$filesystem->execute( 'dirlist', $path, $params );
+
+            foreach ( $files as $file ) {
+                if ( 'd' === $file['type'] ) {
+                    $output = array_merge( $output, $this->get_valid_files( $path . $file['name'] ) );
+                } elseif ( 'f' === $file['type'] ) {
+                    $valid = $this->check_font_name( $file );
+                    if ( $valid ) {
+                        $output[ $valid ] = trailingslashit( $path ) . $file['name'];
+                    }
+                }
+            }
+
+            return $output;
+        }
+
+        /**
+         * Take a valid web font and process the missing pieces.
+         *
+         * @param string $attachment_id ID.
+         * @param string $mime_type     Mine type.
+         */
+        public function process_web_font( string $attachment_id, string $mime_type ) {
+            // phpcs:ignore WordPress.Security.NonceVerification
+            if ( ! isset( $_POST['conversion'] ) ) {
+                $_POST['conversion'] = 'false';
+            }
+
+            // phpcs:ignore WordPress.Security.NonceVerification
+            $conversion = sanitize_text_field( wp_unslash( $_POST['conversion'] ) );
+
+            $missing = array();
+
+            $complete = array(
+                'ttf',
+                'woff',
+                'woff2',
+                'eot',
+                'svg',
+                'otf',
+            );
+
+            $subtype = explode( '/', $mime_type );
+            $subtype = trim( max( $subtype ) );
+
+            if ( ! is_dir( $this->upload_dir ) ) {
+                Redux_Core::$filesystem->execute( 'mkdir', $this->upload_dir );
+            }
+
+            if ( ! is_dir( $this->upload_dir . $this->subfolder ) ) {
+                Redux_Core::$filesystem->execute( 'mkdir', $this->upload_dir . $this->subfolder );
+            }
+
+            $temp                = $this->upload_dir . 'temp';
+            $this->selected_file = get_attached_file( $attachment_id );
+
+            if ( empty( $this->selected_file ) ) {
+                echo wp_json_encode(
+                    array(
+                        'type' => 'error',
+                        'msg'  => esc_html__( 'Attachment does not exist.', 'redux-framework' ),
+                    )
+                );
+
+                die();
+            }
+
+            $filename = explode( '/', $this->selected_file );
+
+            $filename = $filename[ ( count( $filename ) - 1 ) ];
+
+            $fontname = ucfirst(
+                str_replace(
+                    array(
+                        '.zip',
+                        '.ttf',
+                        '.woff',
+                        '.woff2',
+                        '.eot',
+                        '.svg',
+                        '.otf',
+                    ),
+                    '',
+                    strtolower( $filename )
+                )
+            );
+
+            if ( empty( $this->font_folder ) ) {
+                $this->font_folder = $fontname;
+            }
+
+            $ret = array();
+
+            if ( ! is_dir( $temp ) ) {
+                Redux_Core::$filesystem->execute( 'mkdir', $temp );
+            }
+
+            if ( 'zip' === $subtype ) {
+                $unzipfile = unzip_file( $this->selected_file, $temp );
+
+                if ( is_wp_error( $unzipfile ) ) {
+                    echo wp_json_encode(
+                        array(
+                            'type' => 'error',
+                            'msg'  => $unzipfile->get_error_message() . '<br><br>' . esc_html__( 'Unzipping failed.', 'redux-framework' ),
+                        )
+                    );
+
+                    die();
+                }
+
+                $output = $this->get_valid_files( $temp );
+
+                if ( ! empty( $output ) ) {
+                    foreach ( $complete as $test ) {
+                        if ( ! isset( $output[ $test ] ) ) {
+                            $missing[] = $test;
+                        }
+                    }
+
+                    if ( ! is_dir( $this->upload_dir . $this->subfolder . $this->font_folder . '/' ) ) {
+                        Redux_Core::$filesystem->execute( 'mkdir', $this->upload_dir . $this->subfolder . $this->font_folder . '/' );
+                    }
+
+                    foreach ( $output as $key => $value ) {
+                        $param_array = array(
+                            'destination' => $this->upload_dir . $this->subfolder . $this->font_folder . '/' . $fontname . '.' . $key,
+                            'overwrite'   => true,
+                            'chmod'       => 755,
+                        );
+
+                        Redux_Core::$filesystem->execute( 'copy', $value, $param_array );
+                    }
+
+                    if ( true === $this->can_convert && 'true' === $conversion ) {
+                        $ret = $this->get_missing_files( $fontname, $missing, $output );
+                    }
+                }
+
+                Redux_Core::$filesystem->execute( 'rmdir', $temp, array( 'recursive' => true ) );
+
+                $this->generate_css();
+
+                wp_delete_attachment( $attachment_id, true );
+            } elseif ( 'svg+xml' === $subtype || 'vnd.ms-fontobject' === $subtype || 'x-font-ttf' === $subtype || 'ttf' === $subtype || 'otf' === $subtype || 'font-woff' === $subtype || 'font-woff2' === $subtype || 'application-octet-stream' === $subtype || 'octet-stream' === $subtype ) {
+                foreach ( $complete as $test ) {
+                    if ( $subtype !== $test ) {
+                        if ( ! isset( $output[ $test ] ) ) {
+                            $missing[] = $test;
+                        }
+                    }
+                }
+
+                if ( ! is_dir( $this->upload_dir . $this->subfolder . $this->font_folder . '/' ) ) {
+                    Redux_Core::$filesystem->execute( 'mkdir', $this->upload_dir . $this->subfolder . $this->font_folder . '/' );
+                }
+
+                $output = array( $subtype => $this->selected_file );
+
+                if ( true === $this->can_convert && 'true' === $conversion ) {
+                    $ret = $this->get_missing_files( $fontname, $missing, $output );
+
+                    if ( false === $ret ) {
+                        if ( false === $this->convert_local_font() ) {
+                            echo wp_json_encode(
+                                array(
+                                    'type' => 'error',
+                                    'msg'  => esc_html__( 'File permission error. Local file could not be installed.', 'redux-framework' ) . ' ' . $subtype,
+                                )
+                            );
+
+                            die;
+                        }
+                    }
+                } elseif ( false === $this->convert_local_font() ) {
+                        echo wp_json_encode(
+                            array(
+                                'type' => 'error',
+                                'msg'  => esc_html__( 'File permission error. Local file could not be installed.', 'redux-framework' ) . ' ' . $subtype,
+                            )
+                        );
+
+                        die;
+                }
+
+                Redux_Core::$filesystem->execute( 'rmdir', $temp, array( 'recursive' => true ) );
+
+                $this->generate_css();
+
+                wp_delete_attachment( $attachment_id, true );
+            } else {
+                echo wp_json_encode(
+                    array(
+                        'type' => 'error',
+                        'msg'  => esc_html__( 'File type not recognized.', 'redux-framework' ) . ' ' . $subtype,
+                    )
+                );
+
+                die();
+            }
+
+            if ( is_array( $ret ) && ! empty( $ret ) ) {
+                $msg = esc_html__( 'Unidentified error.', 'redux-framework' );
+
+                if ( isset( $ret['msg'] ) ) {
+                    $msg = $ret['msg'];
+                }
+
+                return $msg;
+            }
+
+            return '';
+        }
+
+        /**
+         * Install selected file into Custom Fonts.
+         *
+         * @return bool
+         */
+        private function convert_local_font(): bool {
+            $param_array = array(
+                'destination' => $this->upload_dir . $this->subfolder . '/' . $this->font_folder . '/' . $this->font_filename,
+                'overwrite'   => true,
+                'chmod'       => 755,
+            );
+
+            return Redux_Core::$filesystem->execute( 'copy', $this->selected_file, $param_array );
+        }
+
+        /**
+         * Ping the WebFontOMatic API to get the missing files.
+         *
+         * @param string $fontname  Font name.
+         * @param array  $missing   Missing.
+         * @param array  $output    Output.
+         */
+        private function get_missing_files( string $fontname, array $missing, array $output ) {
+            if ( ! empty( $this->font_folder ) && ! empty( $missing ) ) {
+                $temp = $this->upload_dir . 'temp';
+
+                $font_ext = pathinfo( $this->font_filename, PATHINFO_EXTENSION );
+
+                $unsupported = array( 'eot', 'woff', 'woff2' );
+
+                // Find a file to convert from.
+                foreach ( $output as $key => $value ) {
+                    if ( 'eot' === $key ) {
+                        continue;
+                    } else {
+                        $main = $key;
+                        break;
+                    }
+                }
+
+                if ( ! isset( $main ) ) {
+                    echo wp_json_encode(
+                        array(
+                            'type' => 'error',
+                            'msg'  => esc_html__( 'No valid font file was found.', 'redux-framework' ),
+                        )
+                    );
+
+                    Redux_Core::$filesystem->execute( 'rmdir', $temp, array( 'recursive' => true ) );
+                    Redux_Core::$filesystem->execute( 'rmdir', $this->upload_dir . $this->subfolder . $this->font_folder . '/', array( 'recursive' => true ) );
+
+                    die();
+                }
+
+                update_option( 'redux_custom_font_current', $this->font_folder . '.zip' );
+
+                $boundary = wp_generate_password( 24 );
+
+                $headers = array(
+                    'content-type' => 'multipart/form-data; boundary=' . $boundary,
+                    'user-agent'   => 'redux-custom-fonts-' . self::$version . ' using ' . wp_get_theme(),
+                );
+
+                $payload  = '--' . $boundary;
+                $payload .= "\r\n";
+                $payload .= 'Content-Disposition: form-data; name="md5"' . "\r\n\r\n";
+                $payload .= md5( 'redux_custom_font' );
+                $payload .= "\r\n";
+
+                if ( $output[ $main ] ) {
+                    $payload .= '--' . $boundary;
+                    $payload .= "\r\n";
+                    $payload .= 'Content-Disposition: form-data; name="convert"; filename="' . basename( $output[ $main ] ) . '"' . "\r\n";
+                    $payload .= "\r\n";
+                    $payload .= Redux_Core::$filesystem->execute( 'get_contents', $output[ $main ] );
+                    $payload .= "\r\n";
+                }
+
+                $payload .= '--' . $boundary . '--';
+
+                $args = array(
+                    'headers'    => $headers,
+                    'body'       => $payload,
+                    'user-agent' => $headers['user-agent'],
+                    'timeout'    => 300,
+                    'sslverify'  => true,
+                );
+
+                // phpcs:disable WordPress.NamingConventions.ValidHookName
+                $api_url = apply_filters( 'redux/' . $this->parent->args['opt_name'] . '/extensions/custom_fonts/api_url', 'https://redux.io/fonts' );
+
+                $response = wp_remote_post( $api_url, $args );
+
+                if ( is_wp_error( $response ) ) {
+                    return array(
+                        'type' => 'error',
+                        'msg'  => $response->get_error_message() . '<br><br>' . esc_html__( 'Your font could not be converted at this time. Please try again later.', 'redux-framework' ),
+                    );
+                } elseif ( isset( $response['body'] ) ) {
+                    if ( null !== json_decode( $response['body'] ) ) {
+                        return json_decode( $response['body'], true );
+                    }
+                }
+
+                $param_array = array(
+                    'content'   => $response['body'],
+                    'overwrite' => true,
+                    'chmod'     => FS_CHMOD_FILE,
+                );
+
+                $zip_file = $temp . DIRECTORY_SEPARATOR . $fontname . '.zip';
+
+                Redux_Core::$filesystem->execute( 'put_contents', $zip_file, $param_array );
+
+                if ( 0 === filesize( $zip_file ) ) {
+                    return false;
+                }
+
+                $zip = unzip_file( $zip_file, $temp );
+
+                if ( ! is_wp_error( $zip ) ) {
+                    $params = array(
+                        'include_hidden' => false,
+                        'recursive'      => false,
+                    );
+
+                    $files = Redux_Core::$filesystem->execute( 'dirlist', $temp . DIRECTORY_SEPARATOR . 'fonts' . DIRECTORY_SEPARATOR, $params );
+
+                    foreach ( $files as $file ) {
+                        $param_array = array(
+                            'destination' => $this->upload_dir . $this->subfolder . $this->font_folder . DIRECTORY_SEPARATOR . sanitize_file_name( $file['name'] ),
+                            'overwrite'   => true,
+                            'chmod'       => 755,
+                        );
+
+                        Redux_Core::$filesystem->execute( 'move', $temp . DIRECTORY_SEPARATOR . 'fonts' . DIRECTORY_SEPARATOR . ( $file['name'] ), $param_array );
+                    }
+                } else {
+                    $path_parts = pathinfo( $output[ $main ] );
+
+                    $param_array = array(
+                        'destination' => $this->upload_dir . $this->subfolder . $this->font_folder . DIRECTORY_SEPARATOR . sanitize_file_name( $path_parts['basename'] ),
+                        'overwrite'   => true,
+                        'chmod'       => 755,
+                    );
+
+                    Redux_Core::$filesystem->execute( 'move', $output[ $main ], $param_array );
+
+                    if ( in_array( $font_ext, $unsupported, true ) ) {
+                        return array(
+                            'type' => 'error',
+                            // translators: %s = font extension.
+                            'msg'  => $zip->get_error_message() . '<br><br>' . sprintf( esc_html__( 'The font converter does not support %s fonts.', 'redux-framework' ), $font_ext ),
+                        );
+                    } else {
+                        return array(
+                            'type' => 'error',
+                            'msg'  => $zip->get_error_message() . '<br><br>' . esc_html__( 'ZIP error. Your font could not be converted at this time. Please try again later.', 'redux-framework' ),
+                        );
+                    }
+                }
+
+                delete_option( 'redux_custom_font_current' );
+            }
+
+            return true;
+        }
+
+        /**
+         * Check if the file name is a valid font file.
+         *
+         * @param array $file File.
+         *
+         * @return bool|string
+         */
+        private function check_font_name( array $file ) {
+            if ( '.woff' === strtolower( substr( $file['name'], - 5 ) ) ) {
+                return 'woff';
+            }
+
+            if ( '.woff2' === strtolower( substr( $file['name'], - 6 ) ) ) {
+                return 'woff2';
+            }
+
+            $sub = strtolower( substr( $file['name'], - 4 ) );
+
+            if ( '.ttf' === $sub ) {
+                return 'ttf';
+            }
+
+            if ( '.eot' === $sub ) {
+                return 'eot';
+            }
+
+            if ( '.svg' === $sub ) {
+                return 'svg';
+            }
+
+            if ( '.otf' === $sub ) {
+                return 'otf';
+            }
+
+            return false;
+        }
+
+        /**
+         * Generate a new custom CSS file for enqueuing on the frontend and backend.
+         */
+        private function generate_css() {
+            $params = array(
+                'include_hidden' => false,
+                'recursive'      => true,
+            );
+
+            $fonts = Redux_Core::$filesystem->execute( 'dirlist', $this->upload_dir . 'custom' . DIRECTORY_SEPARATOR, $params );
+
+            if ( empty( $fonts ) || ! is_array( $fonts ) ) {
+                return;
+            }
+
+            foreach ( $fonts as $font ) {
+                if ( 'd' === $font['type'] ) {
+                    break;
+                }
+
+                if ( file_exists( $this->upload_dir . 'fonts.css' ) ) {
+                    Redux_Core::$filesystem->execute( 'delete', $this->upload_dir . 'fonts.css' );
+                }
+
+                return;
+            }
+
+            $css = '';
+
+            foreach ( $fonts as $font ) {
+                if ( 'd' === $font['type'] ) {
+                    $css .= $this->generate_font_css( $font['name'], $this->upload_dir . 'custom' . DIRECTORY_SEPARATOR );
+                }
+            }
+
+            if ( '' !== $css ) {
+                $param_array = array(
+                    'content' => $css,
+                    'chmod'   => FS_CHMOD_FILE,
+                );
+
+                Redux_Core::$filesystem->execute( 'put_contents', $this->upload_dir . 'fonts.css', $param_array );
+            }
+        }
+
+        /**
+         * Process to actually construct the custom font css file.
+         *
+         * @param string $name Name.
+         * @param string $dir  Directory.
+         *
+         * @return string
+         */
+        private function generate_font_css( string $name, string $dir ): ?string {
+            $path = $dir . $name;
+
+            $params = array(
+                'include_hidden' => false,
+                'recursive'      => true,
+            );
+
+            $files = Redux_Core::$filesystem->execute( 'dirlist', $path, $params );
+
+            if ( empty( $files ) ) {
+                return null;
+            }
+
+            $output = array();
+
+            foreach ( $files as $file ) {
+                $output[ $this->check_font_name( $file ) ] = $file['name'];
+            }
+
+            $css = '@font-face {';
+
+            $css .= 'font-family:"' . $name . '";';
+
+            $src = array();
+
+            if ( isset( $output['eot'] ) ) {
+                $src[] = "url('{$this->upload_url}custom/$name/{$output['eot']}?#iefix') format('embedded-opentype')";
+            }
+
+            if ( isset( $output['woff'] ) ) {
+                $src[] = "url('{$this->upload_url}custom/$name/{$output['woff']}') format('woff')";
+            }
+
+            if ( isset( $output['woff2'] ) ) {
+                $src[] = "url('{$this->upload_url}custom/$name/{$output['woff2']}') format('woff2')";
+            }
+
+            if ( isset( $output['ttf'] ) ) {
+                $src[] = "url('{$this->upload_url}custom/$name/{$output['ttf']}') format('truetype')";
+            }
+
+            if ( isset( $output['svg'] ) ) {
+                $src[] = "url('{$this->upload_url}custom/$name/{$output['svg']}#svg$name') format('svg')";
+            }
+
+            if ( ! empty( $src ) ) {
+                $css .= 'src:' . implode( ', ', $src ) . ';';
+            }
+
+            // Replace font weight and style with sub-sets.
+            $css .= 'font-weight: normal;';
+
+            $css .= 'font-style: normal;';
+
+            $css .= '}';
+
+            return $css;
+        }
+
+        /**
+         * Custom function for filtering the section array.
+         * Good for child themes to override or add to the sections.
+         * Simply include this function in the child themes functions.php file.
+         * NOTE: the defined constants for URLs and directories will NOT be available at this point in a child theme,
+         * so you must use get_template_directory_uri() if you want to use any of the built-in icons
+         */
+        public function add_section() {
+            if ( ! isset( $this->parent->fontControl ) ) {
+                $this->parent->sections[] = array(
+                    'title'  => esc_html__( 'Font Control', 'redux-framework' ),
+                    'desc'   => '<p class="description"></p>',
+                    'icon'   => 'el-icon-font',
+                    'id'     => 'redux_dynamic_font_control',
+                    // Leave this as a blank section, no options just some intro text set above.
+                    'fields' => array(),
+                );
+
+                for ( $i = count( $this->parent->sections ); $i >= 1; $i-- ) {
+                    if ( isset( $this->parent->sections[ $i ] ) && isset( $this->parent->sections[ $i ]['title'] ) && esc_html__( 'Font Control', 'redux-framework' ) === $this->parent->sections[ $i ]['title'] ) {
+                        $this->parent->fontControl                                        = $i;
+                        $this->parent->sections[ $this->parent->fontControl ]['fields'][] = array(
+                            'id'   => 'redux_font_control',
+                            'type' => 'custom_fonts',
+                        );
+
+                        break;
+                    }
+                }
+            }
+        }
+    }
+
+    class_alias( Redux_Extension_Custom_Fonts::class, 'ReduxFramework_Extension_custom_fonts' );
 }

redux-core/inc/classes/class-redux-api.php

Indentation +1754 added lines, -1754 removed lines

@@ -16,1758 +16,1758 @@
 // Don't duplicate me!
 if ( ! class_exists( 'Redux', false ) ) {
 
-	/**
-	 * Redux API Class
-	 * Simple API for Redux Framework
-	 *
-	 * @since       3.0.0
-	 */
-	class Redux {
-
-
-		/**
-		 *  Option fields.
-		 *
-		 * @var array
-		 */
-		public static array $fields = array();
-
-		/**
-		 * Option sections.
-		 *
-		 * @var array
-		 */
-		public static array $sections = array();
-
-		/**
-		 * Option defaults.
-		 *
-		 * @var array
-		 */
-		public static array $options_defaults = array();
-
-		/**
-		 * Option help array.
-		 *
-		 * @var array
-		 */
-		public static array $help = array();
-
-		/**
-		 * Option global args.
-		 *
-		 * @var array
-		 */
-		public static array $args = array();
-
-		/**
-		 * Option section priorities.
-		 *
-		 * @var array
-		 */
-		public static array $priority = array();
-
-		/**
-		 * Panel validations errors.
-		 *
-		 * @var array
-		 */
-		public static array $errors = array();
-
-		/**
-		 * Init.
-		 *
-		 * @var array
-		 */
-		public static array $init = array();
-
-		/**
-		 * Delay Init opt_names
-		 *
-		 * @var array
-		 */
-		public static array $delay_init = array();
-
-		/**
-		 * Extension list.
-		 *
-		 * @var array
-		 */
-		public static array $extensions = array();
-
-		/**
-		 * Extensions in use.
-		 *
-		 * @var array
-		 */
-		public static array $uses_extensions = array();
-
-		/**
-		 * Extension paths.
-		 *
-		 * @var array
-		 */
-		public static array $extension_paths = array();
-
-		/**
-		 * Extension capability flag.
-		 *
-		 * @var boolean
-		 */
-		public static bool $extension_compatibility = false;
-
-		/**
-		 * Code to run at creation in instance.
-		 */
-		public static function load() {
-			add_action( 'after_setup_theme', array( 'Redux', 'create_redux' ) );
-			add_action( 'init', array( 'Redux', 'create_redux' ) );
-			add_action( 'switch_theme', array( 'Redux', 'create_redux' ) );
-
-			require_once Redux_Core::$dir . 'inc/extensions/metaboxes/class-redux-metaboxes-api.php';
-			require_once Redux_Core::$dir . 'inc/extensions/users/class-redux-users-api.php';
-			require_once Redux_Core::$dir . 'inc/extensions/taxonomy/class-redux-taxonomy-api.php';
-		}
-
-		/**
-		 * Delay init action function
-		 * Delays all Redux objects from loaded before `plugins_loaded` runs.
-		 *
-		 * @throws ReflectionException Exception.
-		 */
-		public static function delay_init() {
-			if ( ! empty( self::$delay_init ) ) {
-
-				foreach ( self::$delay_init as $opt_name ) {
-					self::init( $opt_name );
-					$parent = Redux_Instances::get_instance( $opt_name );
-					// translators: This is only shown to developers, should not impact users.
-					$msg = sprintf(
-						'<strong>%s</strong><br /><code>%s</code> %s',
-						esc_html__( 'Warning, Premature Initialization', 'redux-framework' ),
-						'self::init("' . esc_html( $opt_name ) . '")',
-						// translators: This is only shown to developers, should not impact users.
-						sprintf( esc_html__( 'was run before the %s hook and was delayed to avoid errors.', 'redux-framework' ), '<code>plugins_loaded</code>' )
-					);
-
-					if ( isset( $parent->args ) ) {
-						$data = array(
-							'parent'  => $parent,
-							'type'    => 'error',
-							'msg'     => $msg,
-							'id'      => 'redux_init',
-							'dismiss' => true,
-						);
-
-						Redux_Admin_Notices::set_notice( $data );
-					}
-				}
-			}
-		}
-
-		/**
-		 * Init Redux object
-		 *
-		 * @param string $opt_name Panel opt_name.
-		 *
-		 * @throws ReflectionException  Exception.
-		 */
-		public static function init( string $opt_name = '' ) {
-			if ( ! empty( $opt_name ) ) {
-				if ( ! did_action( 'plugins_loaded' ) ) {
-
-					// We don't want to load before plugins_loaded EVER.
-					self::$delay_init[] = $opt_name;
-					add_action( 'plugins_loaded', array( 'Redux', 'delay_init' ) );
-				} else {
-
-					// The hook `plugins_loaded` has run, let's get going!
-					self::load_redux( $opt_name );
-
-					remove_action( 'setup_theme', array( 'Redux', 'create_redux' ) );
-				}
-			}
-		}
-
-		/**
-		 * Retrieve ReduxFramework object.
-		 *
-		 * @param string $opt_name Panel opt_name.
-		 *
-		 * @return object|ReduxFramework
-		 */
-		public static function instance( string $opt_name ) {
-			return Redux_Instances::get_instance( $opt_name );
-		}
-
-		/**
-		 * Retrieve all ReduxFramework Instances.
-		 *
-		 * @return null|array|ReduxFramework[]
-		 */
-		public static function all_instances(): ?array {
-			return Redux_Instances::get_all_instances();
-		}
-
-		/**
-		 * Load external extensions.
-		 *
-		 * @param object $redux_framework ReduxFramework object.
-		 *
-		 * @deprecated No longer using camelCase naming conventions.
-		 */
-		public static function loadExtensions( $redux_framework ) { // phpcs:ignore WordPress.NamingConventions.ValidFunctionName
-			_deprecated_function( __CLASS__ . '::' . __FUNCTION__, ' Redux 4.3', 'Redux::load_extensions( $redux_framework )' );
-
-			self::load_extensions( $redux_framework );
-		}
-
-		/**
-		 * Load external extensions.
-		 *
-		 * @param object $redux_framework ReduxFramework object.
-		 */
-		public static function load_extensions( $redux_framework ) {
-			$instance_extensions = self::get_extensions( $redux_framework->args['opt_name'] );
-
-			if ( $instance_extensions ) {
-				foreach ( $instance_extensions as $name => $extension ) {
-					$old_class = str_replace( 'Redux_', 'ReduxFramework_', $extension['class'] );
-
-					if ( ! class_exists( $extension['class'] ) && ! class_exists( $old_class ) ) {
-						// In case you wanted to override your override, hah.
-						// Phpcs:ignore WordPress.NamingConventions.ValidHookName
-						$extension['path'] = apply_filters( 'redux/extension/' . $redux_framework->args['opt_name'] . '/' . $name, $extension['path'] );
-						if ( file_exists( $extension['path'] ) ) {
-							require_once $extension['path'];
-						}
-					}
-					if ( isset( $extension['field'] ) ) {
-						require_once $extension['field'];
-					}
-
-					if ( ! isset( $redux_framework->extensions[ $name ] ) ) {
-						$field_classes = array( $extension['class'], $old_class );
-						$ext_class     = Redux_Functions::class_exists_ex( $field_classes );
-						if ( false !== $ext_class ) {
-							$redux_framework->extensions[ $name ] = new $ext_class( $redux_framework );
-						} elseif ( is_admin() && true === $redux_framework->args['dev_mode'] ) {
-							echo '<div id="message" class="error"><p>No class named <strong>' . esc_html( $extension['class'] ) . '</strong> exists. Please verify your extension path.</p></div>';
-						}
-					}
-				}
-			}
-		}
-
-		/**
-		 * Deprecated function to set an extension path.
-		 *
-		 * @param string $extension Path.
-		 * @param bool   $folder    Set if a path is a folder.
-		 *
-		 * @return bool|mixed
-		 * @deprecated No longer using cameCase naming conventions.
-		 */
-		public static function extensionPath( string $extension, bool $folder = true ) { // phpcs:ignore WordPress.NamingConventions.ValidFunctionName
-			_deprecated_function( __CLASS__ . '::' . __FUNCTION__, 'Redux 4.3', 'Redux::extension_path( $extension, $folder )' );
-
-			return self::extension_path( $extension, $folder );
-		}
-
-		/**
-		 * Sets a path to an extension.
-		 *
-		 * @param string $extension Path to an extension.
-		 * @param bool   $folder    Set if a path is a folder.
-		 *
-		 * @return bool|mixed
-		 */
-		public static function extension_path( string $extension, bool $folder = true ) {
-			if ( ! isset( self::$extensions[ $extension ] ) ) {
-				return false;
-			}
-
-			$path = end( self::$extensions[ $extension ] );
-
-			if ( ! $folder ) {
-				return $path;
-			}
-
-			return dirname( $path );
-		}
-
-		/**
-		 * Deprecated function of Load Redux Framework.
-		 *
-		 * @param string $opt_name Panel opt_name.
-		 *
-		 * @throws ReflectionException Exception.
-		 *
-		 * @deprecated No longer using camelCase naming conventions.
-		 */
-		public static function loadRedux( string $opt_name = '' ) { // phpcs:ignore WordPress.NamingConventions.ValidFunctionName
-			_deprecated_function( __CLASS__ . '::' . __FUNCTION__, 'Redux 4.3', 'Redux::load_redux( $opt_name )' );
-
-			self::load_redux( $opt_name );
-		}
-
-		/**
-		 * Load defaults values for a given opt_name.
-		 *
-		 * @param string $opt_name Panel opt_name.
-		 */
-		public static function set_defaults( string $opt_name = '' ) {
-			// Try to load the class if in the same directory, so the user only has to include the Redux API.
-			if ( ! class_exists( 'Redux_Options_Defaults' ) ) {
-				$file_check = trailingslashit( __DIR__ ) . 'class-redux-options-defaults.php';
-
-				if ( file_exists( dirname( $file_check ) ) ) {
-					include_once $file_check;
-					$file_check = trailingslashit( __DIR__ ) . 'class-redux-wordpress-data.php';
-					if ( file_exists( dirname( $file_check ) ) ) {
-						include_once $file_check;
-					}
-				}
-			}
-
-			if ( class_exists( 'Redux_Options_Defaults' ) && ! isset( self::$options_defaults[ $opt_name ] ) ) {
-				$sections                            = self::construct_sections( $opt_name );
-				$wordpress_data                      = ( ! class_exists( 'Redux_WordPress_Data' ) ) ? null : new Redux_WordPress_Data( $opt_name );
-				$options_defaults_class              = new Redux_Options_Defaults();
-				self::$options_defaults[ $opt_name ] = $options_defaults_class->default_values( $opt_name, $sections, $wordpress_data );
-				if ( ! isset( self::$args[ $opt_name ]['global_variable'] ) || ( '' === self::$args[ $opt_name ]['global_variable'] && false !== self::$args[ $opt_name ]['global_variable'] ) ) {
-					self::$args[ $opt_name ]['global_variable'] = str_replace( '-', '_', $opt_name );
-				}
-				if ( isset( self::$args[ $opt_name ]['global_variable'] ) && self::$args[ $opt_name ]['global_variable'] ) {
-					$option_global = self::$args[ $opt_name ]['global_variable'];
-
-					/**
-					 * Filter 'redux/options/{opt_name}/global_variable'
-					 *
-					 * @param array $value option value to set global_variable with
-					 */
-					global $$option_global;
-
-					// phpcs:ignore WordPress.NamingConventions.ValidHookName
-					$$option_global = apply_filters( 'redux/options/' . $opt_name . '/global_variable', self::$options_defaults[ $opt_name ] );
-				}
-			}
-		}
-
-		/**
-		 * Load Redux Framework.
-		 *
-		 * @param string $opt_name Panel opt_name.
-		 *
-		 * @throws ReflectionException  Exception.
-		 */
-		public static function load_redux( string $opt_name = '' ) {
-			if ( empty( $opt_name ) ) {
-				return;
-			}
-
-			if ( class_exists( 'ReduxFramework' ) ) {
-				if ( isset( self::$init[ $opt_name ] ) && ! empty( self::$init[ $opt_name ] ) ) {
-					return;
-				}
-			} else {
-				echo '<div id="message" class="error"><p>' . esc_html__( 'Redux Framework is not installed. Please install it.', 'redux-framework' ) . '</p></div>';
-
-				return;
-			}
-
-			self::instance( $opt_name );
-
-			Redux_Functions_Ex::record_caller( $opt_name );
-
-			if ( isset( self::$init[ $opt_name ] ) && 1 === self::$init[ $opt_name ] ) {
-				return;
-			}
-
-			// self::set_defaults( $opt_name );
-
-			$args     = self::construct_args( $opt_name );
-			$sections = self::construct_sections( $opt_name );
-
-			if ( isset( self::$uses_extensions[ $opt_name ] ) && ! empty( self::$uses_extensions[ $opt_name ] ) ) {
-				add_action( "redux/extensions/$opt_name/before", array( 'Redux', 'load_extensions' ), 0 );
-			}
-
-			$redux                   = new ReduxFramework( $sections, $args );
-			self::$init[ $opt_name ] = 1;
-
-			if ( isset( $redux->args['opt_name'] ) && $redux->args['opt_name'] !== $opt_name ) {
-				self::$init[ $redux->args['opt_name'] ] = 1;
-			}
-		}
-
-		/**
-		 * Deprecated Create Redux instance.
-		 *
-		 * @throws ReflectionException  Exception.
-		 *
-		 * @deprecated No longer using camelCase naming convention.
-		 */
-		public static function createRedux() {       // phpcs:ignore WordPress.NamingConventions.ValidFunctionName
-			_deprecated_function( __CLASS__ . '::' . __FUNCTION__, 'Redux 4.3', 'Redux::createRedux()' );
-
-			self::create_redux();
-		}
-
-		/**
-		 * Create Redux instance.
-		 *
-		 * @throws ReflectionException  Exception.
-		 */
-		public static function create_redux() {
-			foreach ( self::$sections as $opt_name => $the_sections ) {
-				if ( ! empty( $the_sections ) ) {
-					if ( ! self::$init[ $opt_name ] ) {
-						self::load_redux( $opt_name );
-					}
-				}
-			}
-		}
-
-		/**
-		 * Construct global arguments.
-		 *
-		 * @param string $opt_name Panel opt_name.
-		 *
-		 * @return array|mixed
-		 */
-		public static function construct_args( string $opt_name ) {
-			$args             = self::$args[ $opt_name ] ?? array();
-			$args['opt_name'] = $opt_name;
-
-			if ( ! isset( $args['menu_title'] ) ) {
-				$args['menu_title'] = ucfirst( $opt_name ) . ' Options';
-			}
-
-			if ( ! isset( $args['page_title'] ) ) {
-				$args['page_title'] = ucfirst( $opt_name ) . ' Options';
-			}
-
-			if ( ! isset( $args['page_slug'] ) ) {
-				$args['page_slug'] = $opt_name . '_options';
-			}
-
-			return $args;
-		}
-
-		/**
-		 * Construct option panel sections.
-		 *
-		 * @param string $opt_name Panel opt_name.
-		 *
-		 * @return array
-		 */
-		public static function construct_sections( string $opt_name ): array {
-			$sections = array();
-
-			if ( ! isset( self::$sections[ $opt_name ] ) ) {
-				return $sections;
-			}
-
-			foreach ( self::$sections[ $opt_name ] as $section_id => $section ) {
-				$section['fields'] = self::construct_fields( $opt_name, $section_id );
-				$p                 = $section['priority'];
-
-				while ( isset( $sections[ $p ] ) ) {
-					++$p;
-				}
-
-				$sections[ $p ] = $section;
-			}
-
-			ksort( $sections );
-
-			return $sections;
-		}
-
-		/**
-		 * Construct option panel fields.
-		 *
-		 * @param string $opt_name   Panel opt_name.
-		 * @param string $section_id ID of a section.
-		 *
-		 * @return array
-		 */
-		public static function construct_fields( string $opt_name = '', string $section_id = '' ): array {
-			$fields = array();
-
-			if ( ! empty( self::$fields[ $opt_name ] ) ) {
-				foreach ( self::$fields[ $opt_name ] as $field ) {
-					if ( $field['section_id'] === $section_id ) {
-						$p = esc_html( $field['priority'] );
-
-						while ( isset( $fields[ $p ] ) ) {
-							echo intval( $p++ );
-						}
-
-						$fields[ $p ] = $field;
-					}
-				}
-			}
-
-			ksort( $fields );
-
-			return $fields;
-		}
-
-		/**
-		 * Deprecated Retrieve panel section.
-		 *
-		 * @param string $opt_name Panel opt_name.
-		 * @param string $id       Section ID.
-		 *
-		 * @return bool
-		 * @deprecated No longer using camelCase naming convention.
-		 */
-		public static function getSection( string $opt_name = '', string $id = '' ): bool { // phpcs:ignore WordPress.NamingConventions.ValidFunctionName
-			_deprecated_function( __CLASS__ . '::' . __FUNCTION__, 'Redux 4.3', 'Redux::get_section( $opt_name, $id )' );
-
-			return self::get_section( $opt_name, $id );
-		}
-
-		/**
-		 * Retrieve panel section.
-		 *
-		 * @param string     $opt_name Panel opt_name.
-		 * @param string|int $id       Section ID.
-		 *
-		 * @return bool|string|int
-		 */
-		public static function get_section( string $opt_name = '', $id = '' ) {
-			self::check_opt_name( $opt_name );
-
-			if ( ! empty( $opt_name ) && ! empty( $id ) ) {
-				if ( ! isset( self::$sections[ $opt_name ][ $id ] ) ) {
-					$id = Redux_Core::strtolower( sanitize_html_class( $id ) );
-				}
-
-				return self::$sections[ $opt_name ][ $id ] ?? false;
-			}
-
-			return false;
-		}
-
-		/**
-		 * Deprecated Create a section of the option panel.
-		 *
-		 * @param string $opt_name Panel opt_name.
-		 * @param array  $sections Section ID.
-		 *
-		 * @deprecated No longer using camelCase naming convention.
-		 */
-		public static function setSections( string $opt_name = '', array $sections = array() ) { // phpcs:ignore WordPress.NamingConventions.ValidFunctionName
-			_deprecated_function( __CLASS__ . '::' . __FUNCTION__, 'Redux 4.3', 'Redux::set_sections( $opt_name, $sections )' );
-
-			if ( '' !== $opt_name ) {
-				Redux_Functions_Ex::record_caller( $opt_name );
-			}
-
-			self::set_sections( $opt_name, $sections );
-		}
-
-		/**
-		 * Create multiple sections of the option panel.
-		 *
-		 * @param string $opt_name Panel opt_name.
-		 * @param array  $sections Section ID.
-		 */
-		public static function set_sections( string $opt_name = '', array $sections = array() ) {
-			if ( empty( $sections ) || '' === $opt_name ) {
-				return;
-			}
-
-			self::check_opt_name( $opt_name );
-
-			Redux_Functions_Ex::record_caller( $opt_name );
-
-			foreach ( $sections as $section ) {
-				self::set_section( $opt_name, $section );
-			}
-		}
-
-		/**
-		 * Deprecated Retrieve all sections from the option panel.
-		 *
-		 * @param string $opt_name Panel opt_name.
-		 *
-		 * @return array|mixed
-		 * @deprecated No longer using camelCase naming convention.
-		 */
-		public static function getSections( string $opt_name = '' ) { // phpcs:ignore WordPress.NamingConventions.ValidFunctionName
-			_deprecated_function( __CLASS__ . '::' . __FUNCTION__, 'Redux 4.3', 'Redux::get_sections( $opt_name )' );
-
-			return self::get_sections( $opt_name );
-		}
-
-		/**
-		 * Retrieve all sections from the option panel.
-		 *
-		 * @param string $opt_name Panel opt_name.
-		 *
-		 * @return array|mixed
-		 */
-		public static function get_sections( string $opt_name = '' ) {
-			self::check_opt_name( $opt_name );
-
-			if ( ! empty( self::$sections[ $opt_name ] ) ) {
-				return self::$sections[ $opt_name ];
-			}
-
-			return array();
-		}
-
-		/**
-		 * Deprecated Remove option panel by ID.
-		 *
-		 * @param string     $opt_name Panel opt_name.
-		 * @param string|int $id       Section ID.
-		 * @param bool       $fields   Remove fields.
-		 *
-		 * @deprecated No longer using camelCase naming convention.
-		 */
-		public static function removeSection( string $opt_name = '', $id = '', bool $fields = false ) { // phpcs:ignore WordPress.NamingConventions.ValidFunctionName
-			_deprecated_function( __CLASS__ . '::' . __FUNCTION__, 'Redux 4.3', 'Redux::remove_section( $opt_name, $id )' );
-
-			if ( '' !== $opt_name ) {
-				Redux_Functions_Ex::record_caller( $opt_name );
-			}
-
-			self::remove_section( $opt_name, $id, $fields );
-		}
-
-		/**
-		 * Remove an option panel by ID.
-		 *
-		 * @param string     $opt_name Panel opt_name.
-		 * @param string|int $id       Section ID.
-		 * @param bool       $fields   Remove fields.
-		 */
-		public static function remove_section( string $opt_name = '', $id = '', bool $fields = false ) {
-			if ( '' !== $opt_name && '' !== $id ) {
-				Redux_Functions_Ex::record_caller( $opt_name );
-
-				if ( isset( self::$sections[ $opt_name ][ $id ] ) ) {
-					$priority = '';
-
-					foreach ( self::$sections[ $opt_name ] as $key => $section ) {
-						if ( $key === $id ) {
-							$priority = $section['priority'];
-							--self::$priority[ $opt_name ]['sections'];
-							unset( self::$sections[ $opt_name ][ $id ] );
-							continue;
-						}
-						if ( '' !== $priority ) {
-							$new_priority                        = $section['priority'];
-							$section['priority']                 = $priority;
-							self::$sections[ $opt_name ][ $key ] = $section;
-							$priority                            = $new_priority;
-						}
-					}
-
-					if ( isset( self::$fields[ $opt_name ] ) && ! empty( self::$fields[ $opt_name ] ) && true === $fields ) {
-						foreach ( self::$fields[ $opt_name ] as $key => $field ) {
-							if ( $field['section_id'] === $id ) {
-								unset( self::$fields[ $opt_name ][ $key ] );
-							}
-						}
-					}
-				}
-			}
-		}
-
-		/**
-		 * Deprecated Sets a single option panel section.
-		 *
-		 * @param string     $opt_name Panel opt_name.
-		 * @param array|null $section  Section data.
-		 *
-		 * @deprecated No longer using camelCase naming convention.
-		 */
-		public static function setSection( string $opt_name = '', ?array $section = array() ) { // phpcs:ignore WordPress.NamingConventions.ValidFunctionName
-			// phpcs:ignore Squiz.PHP.CommentedOutCode.Found
-			// _deprecated_function( __CLASS__ . '::' . __FUNCTION__, 'Redux 4.3', 'Redux::set_section( $opt_name, $section )' );
-
-			if ( '' !== $opt_name ) {
-				Redux_Functions_Ex::record_caller( $opt_name );
-			}
-
-			self::set_section( $opt_name, $section );
-		}
-
-		/**
-		 * Sets a single option panel section.
-		 *
-		 * @param string     $opt_name Panel opt_name.
-		 * @param array|null $section  Section data.
-		 * @param bool       $replace  Replaces a section instead of creating a new one.
-		 */
-		public static function set_section( string $opt_name = '', ?array $section = array(), bool $replace = false ) {
-
-			if ( empty( $section ) || '' === $opt_name ) {
-				return;
-			}
-
-			self::check_opt_name( $opt_name );
-
-			Redux_Functions_Ex::record_caller( $opt_name );
-
-			if ( ! isset( $section['id'] ) ) {
-				if ( isset( $section['type'] ) && 'divide' === $section['type'] ) {
-					$section['id'] = time();
-				} elseif ( isset( $section['title'] ) ) {
-						$section['id'] = Redux_Core::strtolower( sanitize_title( $section['title'] ) );
-				} else {
-					$section['id'] = time();
-				}
-
-				if ( isset( self::$sections[ $opt_name ][ $section['id'] ] ) && ! $replace ) {
-					$orig = $section['id'];
-					$i    = 0;
-
-					while ( isset( self::$sections[ $opt_name ][ $section['id'] ] ) ) {
-						$section['id'] = $orig . '_' . $i;
-						++$i;
-					}
-				} elseif ( isset( self::$sections[ $opt_name ][ $section['id'] ] ) && $replace ) {
-					// If replace is set, let's update the default values with these!
-					$fields = false;
-					if ( isset( self::$sections[ $opt_name ][ $section['id'] ]['fields'] ) && ! empty( self::$sections[ $opt_name ][ $section['id'] ]['fields'] ) ) {
-						$fields = self::$sections[ $opt_name ][ $section['id'] ]['fields'];
-					}
-					self::$sections[ $opt_name ][ $section['id'] ] = wp_parse_args( $section, self::$sections[ $opt_name ][ $section['id'] ] );
-					if ( ! empty( $fields ) ) {
-						if ( ! isset( self::$sections[ $opt_name ][ $section['id'] ]['fields'] ) || ( isset( self::$sections[ $opt_name ][ $section['id'] ]['fields'] ) && empty( self::$sections[ $opt_name ][ $section['id'] ]['fields'] ) ) ) {
-							self::$sections[ $opt_name ][ $section['id'] ]['fields'] = $fields;
-						}
-					}
-				}
-			}
-
-			if ( ! empty( $opt_name ) && is_array( $section ) && ! empty( $section ) ) {
-				if ( ! isset( $section['id'] ) && ! isset( $section['title'] ) ) {
-					self::$errors[ $opt_name ]['section']['missing_title'] = esc_html__( 'Unable to create a section due to missing id and title.', 'redux-framework' );
-
-					return;
-				}
-
-				if ( ! isset( $section['priority'] ) ) {
-					$section['priority'] = self::get_priority( $opt_name, 'sections' );
-				}
-
-				if ( isset( $section['fields'] ) ) {
-					if ( ! empty( $section['fields'] ) && is_array( $section['fields'] ) ) {
-						self::process_field_array( $opt_name, $section['id'], $section['fields'] );
-					}
-					unset( $section['fields'] );
-				}
-				self::$sections[ $opt_name ][ $section['id'] ] = $section;
-			} else {
-				self::$errors[ $opt_name ]['section']['empty'] = esc_html__( 'Unable to create a section due an empty section array or the section variable passed was not an array.', 'redux-framework' );
-			}
-		}
-
-		/**
-		 * Deprecated Hides an option panel section.
-		 *
-		 * @param string     $opt_name Panel opt_name.
-		 * @param string|int $id       Section ID.
-		 * @param bool       $hide     Flag to hide/show.
-		 *
-		 * @deprecated No longer using camelCase naming convention.
-		 */
-		public static function hideSection( string $opt_name = '', $id = '', bool $hide = true ) { // phpcs:ignore WordPress.NamingConventions.ValidFunctionName
-			_deprecated_function( __CLASS__ . '::' . __FUNCTION__, 'Redux 4.3', 'Redux::hide_section( $opt_name, $id )' );
-
-			if ( '' !== $opt_name ) {
-				Redux_Functions_Ex::record_caller( $opt_name );
-			}
-
-			self::hide_section( $opt_name, $id, $hide );
-		}
-
-		/**
-		 * Hides an option panel section.
-		 *
-		 * @param string     $opt_name Panel opt_name.
-		 * @param string|int $id       Section ID.
-		 * @param bool       $hide     Flag to hide/show.
-		 */
-		public static function hide_section( string $opt_name = '', $id = '', bool $hide = true ) {
-			self::check_opt_name( $opt_name );
-
-			if ( '' !== $opt_name && '' !== $id ) {
-				Redux_Functions_Ex::record_caller( $opt_name );
-
-				if ( isset( self::$sections[ $opt_name ][ $id ] ) ) {
-					self::$sections[ $opt_name ][ $id ]['hidden'] = $hide;
-				}
-			}
-		}
-
-		/**
-		 * Compiles field array data.
-		 *
-		 * @param string     $opt_name   Panel opt_name.
-		 * @param string|int $section_id Section ID.
-		 * @param array      $fields     Field data.
-		 */
-		private static function process_field_array( string $opt_name = '', $section_id = '', array $fields = array() ) {
-			if ( ! empty( $opt_name ) && ! empty( $section_id ) && is_array( $fields ) && ! empty( $fields ) ) {
-				foreach ( $fields as $field ) {
-					if ( ! is_array( $field ) ) {
-						continue;
-					}
-					self::set_field( $opt_name, $section_id, $field );
-				}
-			}
-		}
-
-		/**
-		 * Deprecated Retrieves an option panel field.
-		 *
-		 * @param string     $opt_name Panel opt_name.
-		 * @param string|int $id       Field ID.
-		 *
-		 * @return int|bool
-		 * @deprecated No longer using camelCase naming convention.
-		 */
-		public static function getField( string $opt_name = '', $id = '' ) { // phpcs:ignore WordPress.NamingConventions.ValidFunctionName
-			_deprecated_function( __CLASS__ . '::' . __FUNCTION__, 'Redux 4.3', 'Redux::get_field( $opt_name, $id )' );
-
-			return self::get_field( $opt_name, $id );
-		}
-
-		/**
-		 * Retrieves an option panel field.
-		 *
-		 * @param string     $opt_name Panel opt_name.
-		 * @param string|int $id       Field ID.
-		 *
-		 * @return int|bool
-		 */
-		public static function get_field( string $opt_name = '', $id = '' ) {
-			self::check_opt_name( $opt_name );
-
-			if ( ! empty( $opt_name ) && ! empty( $id ) ) {
-				return self::$fields[ $opt_name ][ $id ] ?? false;
-			}
-
-			return false;
-		}
-
-		/**
-		 * Deprecated Hides an option panel field.
-		 *
-		 * @param string     $opt_name Panel opt_name.
-		 * @param string|int $id       Field ID.
-		 * @param bool       $hide     Set hide/show.
-		 *
-		 * @deprecated No longer using camelCase naming convention.
-		 */
-		public static function hideField( string $opt_name = '', $id = '', bool $hide = true ) { // phpcs:ignore WordPress.NamingConventions.ValidFunctionName
-			_deprecated_function( __CLASS__ . '::' . __FUNCTION__, 'Redux 4.3', 'Redux::hide_field( $opt_name, $id )' );
-
-			if ( '' !== $opt_name ) {
-				Redux_Functions_Ex::record_caller( $opt_name );
-			}
-
-			self::hide_field( $opt_name, $id, $hide );
-		}
-
-		/**
-		 * Hides an option panel field.
-		 *
-		 * @param string     $opt_name Panel opt_name.
-		 * @param string|int $id       Field ID.
-		 * @param bool       $hide     Set hide/show.
-		 */
-		public static function hide_field( string $opt_name = '', $id = '', bool $hide = true ) {
-			self::check_opt_name( $opt_name );
-
-			if ( '' !== $opt_name && '' !== $id ) {
-				if ( isset( self::$fields[ $opt_name ][ $id ] ) ) {
-					Redux_Functions_Ex::record_caller( $opt_name );
-
-					if ( ! $hide ) {
-						self::$fields[ $opt_name ][ $id ]['class'] = str_replace( 'hidden', '', self::$fields[ $opt_name ][ $id ]['class'] );
-					} else {
-						self::$fields[ $opt_name ][ $id ]['class'] .= 'hidden';
-					}
-				}
-			}
-		}
-
-		/**
-		 * Deprecated Creates an option panel field.
-		 *
-		 * @param string     $opt_name   Panel opt_name.
-		 * @param string|int $section_id Section ID this field belongs to.
-		 * @param array      $field      Field data.
-		 *
-		 * @deprecated No longer using camelCase naming convention.
-		 */
-		public static function setField( string $opt_name = '', $section_id = '', array $field = array() ) { // phpcs:ignore WordPress.NamingConventions.ValidFunctionName
-			_deprecated_function( __CLASS__ . '::' . __FUNCTION__, 'Redux 4.3', 'Redux::set_field( $opt_name, $section_id, $field )' );
-
-			if ( '' !== $opt_name ) {
-				Redux_Functions_Ex::record_caller( $opt_name );
-			}
-
-			self::set_field( $opt_name, $section_id, $field );
-		}
-
-		/**
-		 * Creates an option panel field and adds to a section.
-		 *
-		 * @param string     $opt_name   Panel opt_name.
-		 * @param string|int $section_id Section ID this field belongs to.
-		 * @param array      $field      Field data.
-		 */
-		public static function set_field( string $opt_name = '', $section_id = '', array $field = array() ) {
-
-			if ( ! is_array( $field ) || empty( $field ) || '' === $opt_name || '' === $section_id ) {
-				return;
-			}
-
-			self::check_opt_name( $opt_name );
-
-			Redux_Functions_Ex::record_caller( $opt_name );
-
-			// Shim for the old method!
-			if ( is_array( $section_id ) ) {
-				$field = $section_id;
-				if ( isset( $field['section_id'] ) ) {
-					$section_id = $field['section_id'];
-				}
-			}
-
-			$field['section_id'] = $section_id;
-
-			if ( ! isset( $field['priority'] ) ) {
-				$field['priority'] = self::get_priority( $opt_name, 'fields' );
-			}
-			$field['id'] = $field['id'] ?? "{$opt_name}_{$section_id}_{$field['type']}_" . wp_rand( 1, 9999 );
-
-			self::$fields[ $opt_name ][ $field['id'] ] = $field;
-		}
-
-		/**
-		 * Create multiple fields of the option panel and apply to a section.
-		 *
-		 * @param string     $opt_name   Panel opt_name.
-		 * @param int|string $section_id Section ID this field belongs to.
-		 * @param array      $fields     Array of field arrays.
-		 */
-		public static function set_fields( string $opt_name = '', $section_id = '', array $fields = array() ) {
-			if ( ! is_array( $fields ) || empty( $fields ) || '' === $opt_name || '' === $section_id ) {
-				return;
-			}
-
-			self::check_opt_name( $opt_name );
-
-			// phpcs:ignore WordPress.PHP.DevelopmentFunctions
-			Redux_Functions_Ex::record_caller( $opt_name );
-
-			foreach ( $fields as $field ) {
-				if ( is_array( $field ) ) {
-					self::set_field( $opt_name, $section_id, $field );
-				}
-			}
-		}
-
-		/**
-		 * Deprecated Removes an option panel field.
-		 *
-		 * @param string     $opt_name Panel opt_name.
-		 * @param string|int $id       Field ID.
-		 *
-		 * @return bool
-		 * @deprecated No longer using camelCase naming convention.
-		 */
-		public static function removeField( string $opt_name = '', $id = '' ): bool { // phpcs:ignore WordPress.NamingConventions.ValidFunctionName
-			_deprecated_function( __CLASS__ . '::' . __FUNCTION__, 'Redux 4.3', 'Redux::remove_field( $opt_name, $id )' );
-
-			if ( '' !== $opt_name ) {
-				Redux_Functions_Ex::record_caller( $opt_name );
-			}
-
-			return self::remove_field( $opt_name, $id );
-		}
-
-		/**
-		 * Removes an option panel field.
-		 *
-		 * @param string     $opt_name Panel opt_name.
-		 * @param string|int $id       Field ID.
-		 *
-		 * @return bool
-		 */
-		public static function remove_field( string $opt_name = '', $id = '' ): bool {
-			if ( '' !== $opt_name && '' !== $id ) {
-				self::check_opt_name( $opt_name );
-
-				Redux_Functions_Ex::record_caller( $opt_name );
-
-				if ( isset( self::$fields[ $opt_name ][ $id ] ) ) {
-					foreach ( self::$fields[ $opt_name ] as $key => $field ) {
-						if ( $key === $id ) {
-							$priority = $field['priority'];
-							--self::$priority[ $opt_name ]['fields'];
-							unset( self::$fields[ $opt_name ][ $id ] );
-							continue;
-						}
-
-						if ( isset( $priority ) && '' !== $priority ) {
-							$new_priority                      = $field['priority'];
-							$field['priority']                 = $priority;
-							self::$fields[ $opt_name ][ $key ] = $field;
-							$priority                          = $new_priority;
-						}
-					}
-				}
-			}
-
-			return false;
-		}
-
-		/**
-		 * Deprecated Sets help tabs on option panel admin page.
-		 *
-		 * @param string $opt_name Panel opt_name.
-		 * @param array  $tab      Tab data.
-		 *
-		 * @deprecated No longer using camelCase naming convention.
-		 */
-		public static function setHelpTab( string $opt_name = '', array $tab = array() ) { // phpcs:ignore WordPress.NamingConventions.ValidFunctionName
-			_deprecated_function( __CLASS__ . '::' . __FUNCTION__, 'Redux 4.3', 'Redux::set_help_tab( $opt_name, $tab )' );
-
-			self::set_help_tab( $opt_name, $tab );
-		}
-
-		/**
-		 * Sets help tabs on option panel admin page.
-		 *
-		 * @param string $opt_name Panel opt_name.
-		 * @param array  $tab      Tab data.
-		 */
-		public static function set_help_tab( string $opt_name = '', array $tab = array() ) {
-			if ( ! is_array( $tab ) && empty( $tab ) ) {
-				return;
-			}
-
-			self::check_opt_name( $opt_name );
-
-			if ( '' !== $opt_name ) {
-				if ( ! isset( self::$args[ $opt_name ]['help_tabs'] ) ) {
-					self::$args[ $opt_name ]['help_tabs'] = array();
-				}
-
-				if ( isset( $tab['id'] ) ) {
-					self::$args[ $opt_name ]['help_tabs'][] = $tab;
-				} elseif ( is_array( end( $tab ) ) ) {
-					foreach ( $tab as $tab_item ) {
-						self::$args[ $opt_name ]['help_tabs'][] = $tab_item;
-					}
-				}
-			}
-		}
-
-		/**
-		 * Deprecated Sets the help sidebar content.
-		 *
-		 * @param string $opt_name Panel opt_name.
-		 * @param string $content  Content.
-		 *
-		 * @deprecated No longer using camelCase naming convention.
-		 */
-		public static function setHelpSidebar( string $opt_name = '', string $content = '' ) { // phpcs:ignore WordPress.NamingConventions.ValidFunctionName
-			_deprecated_function( __CLASS__ . '::' . __FUNCTION__, 'Redux 4.3', 'Redux::set_help_sidebar( $opt_name, $content )' );
-
-			self::set_help_sidebar( $opt_name, $content );
-		}
-
-		/**
-		 * Sets the help sidebar content.
-		 *
-		 * @param string $opt_name Panel opt_name.
-		 * @param string $content  Content.
-		 */
-		public static function set_help_sidebar( string $opt_name = '', string $content = '' ) {
-			if ( '' === $content || '' === $opt_name ) {
-				return;
-			}
-			self::check_opt_name( $opt_name );
-
-			self::$args[ $opt_name ]['help_sidebar'] = $content;
-		}
-
-		/**
-		 * Deprecated Sets option panel global arguments.
-		 *
-		 * @param string $opt_name Panel opt_name.
-		 * @param array  $args     Argument data.
-		 *
-		 * @deprecated No longer using camelCase naming convention.
-		 */
-		public static function setArgs( string $opt_name = '', array $args = array() ) { // phpcs:ignore WordPress.NamingConventions.ValidFunctionName
-			// phpcs:ignore Squiz.PHP.CommentedOutCode.Found
-			// _deprecated_function( __CLASS__ . '::' . __FUNCTION__, 'Redux 4.3', 'Redux::set_args( $opt_name, $args )' );
-
-			if ( '' !== $opt_name ) {
-				Redux_Functions_Ex::record_caller( $opt_name );
-			}
-
-			self::set_args( $opt_name, $args );
-		}
-
-		/**
-		 * Sets option panel global arguments.
-		 *
-		 * @param string $opt_name Panel opt_name.
-		 * @param array  $args     Argument data.
-		 */
-		public static function set_args( string $opt_name = '', array $args = array() ) {
-			if ( empty( $args ) || '' === $opt_name ) {
-				return;
-			}
-
-			self::check_opt_name( $opt_name );
-
-			Redux_Functions_Ex::record_caller( $opt_name );
-
-			if ( is_array( $args ) ) {
-				if ( isset( self::$args[ $opt_name ]['clearArgs'] ) ) {
-					self::$args[ $opt_name ] = array();
-				}
-				self::$args[ $opt_name ] = wp_parse_args( $args, self::$args[ $opt_name ] );
-			}
-		}
-
-		/**
-		 * Set's developer key for premium services.
-		 *
-		 * @param string       $opt_name Panel opt_name.
-		 * @param string|array $arg      Args data.
-		 */
-		public static function set_developer( string $opt_name = '', $arg = '' ) {
-			if ( empty( $arg ) || '' === $opt_name ) {
-				return;
-			}
-
-			self::check_opt_name( $opt_name );
-
-			Redux_Functions_Ex::record_caller( $opt_name );
-
-			self::$args[ $opt_name ]['developer'] = $arg;
-		}
-
-		/**
-		 * Deprecated Retries option panel global argument array.
-		 *
-		 * @param string $opt_name Panel opt_name.
-		 *
-		 * @return mixed
-		 * @deprecated No longer camelCase naming convention.
-		 */
-		public static function getArgs( string $opt_name = '' ) { // phpcs:ignore WordPress.NamingConventions.ValidFunctionName
-			_deprecated_function( __CLASS__ . '::' . __FUNCTION__, 'Redux 4.3', 'Redux::get_args( $opt_name )' );
-
-			return self::get_args( $opt_name );
-		}
-
-		/**
-		 * Retries option panel global argument array.
-		 *
-		 * @param string $opt_name Panel opt_name.
-		 * @param string $key      Argument key name to be returned.
-		 *
-		 * @return mixed|null|array
-		 */
-		public static function get_args( string $opt_name = '', string $key = '' ) {
-			self::check_opt_name( $opt_name );
-
-			if ( ! empty( $opt_name ) && ! empty( $key ) ) {
-				if ( ! empty( self::$args[ $opt_name ] ) ) {
-					return self::$args[ $opt_name ][ $key ];
-				} else {
-					return null;
-				}
-			} elseif ( ! empty( $opt_name ) && ! empty( self::$args[ $opt_name ] ) ) {
-				return self::$args[ $opt_name ];
-			}
-
-			return null;
-		}
-
-		/**
-		 * Deprecated Retrieves a single global argument.
-		 *
-		 * @param string $opt_name Panel opt_name.
-		 * @param string $key      Argument name.
-		 *
-		 * @return mixed
-		 * @deprecated No longer using camelCase naming convention and using singular function self::get_args() now.
-		 */
-		public static function getArg( string $opt_name = '', string $key = '' ) { // phpcs:ignore WordPress.NamingConventions.ValidFunctionName
-			_deprecated_function( __CLASS__ . '::' . __FUNCTION__, 'Redux 4.3', 'Redux::get_arg( $opt_name, $key )' );
-
-			return self::get_args( $opt_name, $key );
-		}
-
-		/**
-		 * Retrieves a single global argument.
-		 *
-		 * @param string $opt_name Panel opt_name.
-		 * @param string $key      Argument name.
-		 *
-		 * @return mixed|array|null
-		 */
-		public static function get_arg( string $opt_name = '', string $key = '' ) {
-			self::check_opt_name( $opt_name );
-
-			if ( ! empty( $opt_name ) && ! empty( $key ) && ! empty( self::$args[ $opt_name ] ) ) {
-				return self::$args[ $opt_name ][ $key ];
-			} else {
-				return null;
-			}
-		}
-
-		/**
-		 * Deprecated Retrieves a single option from the database.
-		 *
-		 * @param string       $opt_name Panel opt_name.
-		 * @param string       $key      Option key.
-		 * @param string|array $defaults  Default value.
-		 *
-		 * @return mixed
-		 * @deprecated No longer using camelCase naming convention.
-		 */
-		public static function getOption( string $opt_name = '', string $key = '', $defaults = '' ) { // phpcs:ignore WordPress.NamingConventions.ValidFunctionName
-			_deprecated_function( __CLASS__ . '::' . __FUNCTION__, 'Redux 4.3', 'Redux::get_option( $opt_name, $key, $default )' );
-
-			return self::get_option( $opt_name, $key, $defaults );
-		}
-
-		/**
-		 * Retrieves meta for a given post page, IE WordPress meta values
-		 *
-		 * @param string $opt_name Panel opt_name.
-		 * @param mixed  $the_post Post object to denote the current post, or custom.
-		 * @param string $key      Option key.
-		 * @param mixed  $defaults Default value.
-		 *
-		 * @return mixed
-		 */
-		public static function get_post_meta( string $opt_name = '', $the_post = array(), string $key = '', $defaults = null ) {
-			self::check_opt_name( $opt_name );
-
-			if ( empty( $opt_name ) ) {
-				return null;
-			}
-
-			global $post;
-
-			$redux = ReduxFrameworkInstances::get_instance( $opt_name );
-
-			$metaboxes = $redux->extensions['metaboxes'];
-
-			if ( null === $defaults || '' === $defaults ) {
-				$defaults = self::get_option( $opt_name, $key );
-			}
-
-			if ( isset( $the_post ) && is_array( $the_post ) ) {
-				$the_post = $post;
-			} elseif ( ! isset( $the_post ) || 0 === $the_post ) {
-				return $defaults;
-			} elseif ( is_numeric( $the_post ) ) {
-				$the_post = get_post( $the_post );
-			} elseif ( ! is_object( $the_post ) ) {
-				$the_post = $post;
-			}
-
-			$defaults = self::get_option( $opt_name, $key );
-
-			return $metaboxes->get_values( $the_post, $key, $defaults );
-		}
-
-		/**
-		 * Retrieves a single option from the database.
-		 *
-		 * @param string $opt_name Panel opt_name.
-		 * @param string $key      Option key.
-		 * @param mixed  $default  Default value.
-		 *
-		 * @return mixed
-		 */
-		public static function get_option( string $opt_name = '', string $key = '', $default = null ) { // phpcs:ignore Universal.NamingConventions
-			self::check_opt_name( $opt_name );
-
-			if ( ! empty( $opt_name ) && ! empty( $key ) ) {
-				global $$opt_name;
-
-				if ( empty( $$opt_name ) ) {
-					$values    = get_option( $opt_name );
-					$$opt_name = $values;
-				} else {
-					$values = $$opt_name;
-				}
-
-				if ( ! isset( $values[ $key ] ) ) {
-					if ( null === $default ) {
-						$field = self::get_field( $opt_name, $key );
-
-						if ( false !== $field ) {
-							$defaults_class = new Redux_Options_Defaults();
-							$sections       = self::construct_sections( $opt_name );
-							$defaults       = $defaults_class->default_values( $opt_name, $sections );
-
-							if ( isset( $defaults[ $key ] ) ) {
-								$default = $defaults[ $key ];
-							}
-						}
-					}
-				}
-
-				if ( ! empty( $subkeys ) && is_array( $subkeys ) ) {
-					$value = $default;
-
-					if ( isset( $values[ $key ] ) ) {
-						$count = count( $subkeys );
-
-						if ( 1 === $count ) {
-							$value = $values[ $key ][ $subkeys[1] ] ?? $default;
-						} elseif ( 2 === $count ) {
-							if ( isset( $values[ $key ][ $subkeys[1] ] ) ) {
-								$value = $values[ $key ][ $subkeys[1] ][ $subkeys[2] ] ?? $default;
-							}
-						} elseif ( 3 === $count ) {
-							if ( isset( $values[ $key ][ $subkeys[1] ] ) ) {
-								if ( isset( $values[ $key ][ $subkeys[1] ][ $subkeys[2] ] ) ) {
-									$value = $values[ $key ][ $subkeys[1] ][ $subkeys[2] ][ $subkeys[3] ] ?? $default;
-								}
-							}
-						}
-					}
-				} else {
-					$value = $values[ $key ] ?? $default;
-				}
-
-				return $value;
-			} else {
-				return false;
-			}
-		}
-
-		/**
-		 * Deprecated Sets an option into the database.
-		 *
-		 * @param string $opt_name Panel opt_name.
-		 * @param string $key      Option key.
-		 * @param mixed  $option   Option value.
-		 *
-		 * @return bool
-		 * @deprecated No longer using camelCase naming convention.
-		 */
-		public static function setOption( string $opt_name = '', string $key = '', $option = '' ): bool { // phpcs:ignore WordPress.NamingConventions.ValidFunctionName
-			_deprecated_function( __CLASS__ . '::' . __FUNCTION__, 'Redux 4.3', 'Redux::set_option( $opt_name, $key, $option )' );
-
-			if ( '' !== $opt_name ) {
-				Redux_Functions_Ex::record_caller( $opt_name );
-			}
-
-			return self::set_option( $opt_name, $key, $option );
-		}
-
-		/**
-		 * Sets an option into the database.
-		 *
-		 * @param string $opt_name Panel opt_name.
-		 * @param string $key      Option key.
-		 * @param mixed  $option   Option value.
-		 *
-		 * @return bool
-		 */
-		public static function set_option( string $opt_name = '', string $key = '', $option = '' ): bool {
-			if ( '' === $key ) {
-				return false;
-			}
-
-			self::check_opt_name( $opt_name );
-
-			Redux_Functions_Ex::record_caller( $opt_name );
-
-			if ( '' !== $opt_name ) {
-				$redux         = get_option( $opt_name );
-				$redux[ $key ] = $option;
-
-				return update_option( $opt_name, $redux );
-			} else {
-				return false;
-			}
-		}
-
-		/**
-		 * Get the next available priority for field/section.
-		 *
-		 * @param string $opt_name Panel opt_name.
-		 * @param string $type     Field or section.
-		 *
-		 * @return mixed
-		 */
-		public static function get_priority( string $opt_name, string $type ) {
-			$priority                              = self::$priority[ $opt_name ][ $type ];
-			self::$priority[ $opt_name ][ $type ] += 1;
-
-			return $priority;
-		}
-
-		/**
-		 * Check opt_name integrity.
-		 *
-		 * @param string $opt_name Panel opt_name.
-		 */
-		public static function check_opt_name( string $opt_name = '' ) {
-			if ( empty( $opt_name ) || is_array( $opt_name ) ) {
-				return;
-			}
-
-			if ( ! isset( self::$sections[ $opt_name ] ) ) {
-				self::$sections[ $opt_name ]             = array();
-				self::$priority[ $opt_name ]['sections'] = 1;
-			}
-
-			if ( ! isset( self::$args[ $opt_name ] ) ) {
-				self::$args[ $opt_name ]             = array();
-				self::$priority[ $opt_name ]['args'] = 1;
-			}
-
-			if ( ! isset( self::$fields[ $opt_name ] ) ) {
-				self::$fields[ $opt_name ]             = array();
-				self::$priority[ $opt_name ]['fields'] = 1;
-			}
-
-			if ( ! isset( self::$help[ $opt_name ] ) ) {
-				self::$help[ $opt_name ]             = array();
-				self::$priority[ $opt_name ]['help'] = 1;
-			}
-
-			if ( ! isset( self::$errors[ $opt_name ] ) ) {
-				self::$errors[ $opt_name ] = array();
-			}
-
-			if ( ! isset( self::$init[ $opt_name ] ) ) {
-				self::$init[ $opt_name ] = false;
-			}
-		}
-
-		/**
-		 * Retrieve metadata from a file. Based on WP Core's get_file_data function
-		 *
-		 * @param string $file Path to the file.
-		 *
-		 * @return string
-		 * @since 2.1.1
-		 */
-		public static function get_file_version( string $file ): string {
-			$data = get_file_data( $file, array( 'version' ), 'plugin' );
-
-			return $data[0];
-		}
-
-		/**
-		 * Verify extension class name.
-		 *
-		 * @param string $opt_name   Panel opt_name.
-		 * @param string $name       extension name.
-		 * @param string $class_file Extension class file.
-		 */
-		private static function check_extension_class_file( string $opt_name, string $name = '', string $class_file = '' ) {
-			$instance = null;
-
-			if ( file_exists( $class_file ) ) {
-				self::$uses_extensions[ $opt_name ] = self::$uses_extensions[ $opt_name ] ?? array();
-
-				if ( ! in_array( $name, self::$uses_extensions[ $opt_name ], true ) ) {
-					self::$uses_extensions[ $opt_name ][] = $name;
-				}
-
-				self::$extensions[ $name ] = self::$extensions[ $name ] ?? array();
-
-				$version = Redux_Helpers::get_template_version( $class_file );
-
-				if ( empty( $version ) && ! empty( $instance ) ) {
-					if ( isset( $instance->version ) ) {
-						$version = $instance->version;
-					}
-				}
-				self::$extensions[ $name ][ $version ] = self::$extensions[ $name ][ $version ] ?? $class_file;
-
-				$new_name  = str_replace( '_', '-', $name );
-				$api_check = str_replace(
-					array(
-						'extension_' . $name,
-						'class-redux-extension-' . $new_name,
-					),
-					array(
-						$name . '_api',
-						'class-redux-' . $new_name . '-api',
-					),
-					$class_file
-				);
-
-				if ( file_exists( $api_check ) && ! class_exists( 'Redux_' . ucfirst( $name ) ) ) {
-					include_once $api_check;
-				}
-			}
-		}
-
-		/**
-		 * Deprecated Sets all extensions in a path.
-		 *
-		 * @param string $opt_name Panel opt_name.
-		 * @param string $path     Path to extension folder.
-		 *
-		 * @deprecated No longer using camelCase naming convention.
-		 */
-		public static function setExtensions( string $opt_name, string $path ) { // phpcs:ignore WordPress.NamingConventions.ValidFunctionName
-			_deprecated_function( __CLASS__ . '::' . __FUNCTION__, 'Redux 4.3', 'Redux::get_extensions( $opt_name, $path )' );
-
-			if ( '' !== $opt_name ) {
-				Redux_Functions_Ex::record_caller( $opt_name );
-			}
-
-			self::set_extensions( $opt_name, $path );
-		}
-
-		/**
-		 * Sets all extensions in a path.
-		 *
-		 * @param string $opt_name Panel opt_name.
-		 * @param string $path     Path to extension folder.
-		 * @param bool   $force    Make extension reload.
-		 */
-		public static function set_extensions( string $opt_name, string $path, bool $force = false ) {
-			if ( '' === $path || '' === $opt_name ) {
-				return;
-			}
-
-			self::check_opt_name( $opt_name );
-
-			Redux_Functions_Ex::record_caller( $opt_name );
-
-			if ( is_dir( $path ) ) {
-				$path   = trailingslashit( $path );
-				$folder = str_replace( '.php', '', basename( $path ) );
-
-				$folder_fix = str_replace( '_', '-', $folder );
-
-				$files = array(
-					$path . 'extension_' . $folder . '.php',
-					$path . 'class-redux-extension-' . $folder_fix . '.php',
-				);
-
-				$ext_file = Redux_Functions::file_exists_ex( $files );
-
-				if ( $ext_file ) {
-					self::check_extension_class_file( $opt_name, $folder, $ext_file );
-				} else {
-					$folders = scandir( $path );
-
-					foreach ( $folders as $folder ) {
-						if ( '.' === $folder || '..' === $folder ) {
-							continue;
-						}
-
-						if ( is_dir( $path . $folder ) ) {
-							self::set_extensions( $opt_name, $path . $folder );
-						}
-					}
-				}
-			} elseif ( file_exists( $path ) ) {
-				$name = explode( 'extension_', basename( $path ) );
-				if ( ! empty( $name[1] ) ) {
-					$name = str_replace( '.php', '', $name[1] );
-					self::check_extension_class_file( $opt_name, $name, $path );
-				}
-			}
-
-			self::$extension_paths[ $opt_name ] = $path;
-
-			if ( true === $force ) {
-				if ( isset( self::$uses_extensions[ $opt_name ] ) && ! empty( self::$uses_extensions[ $opt_name ] ) ) {
-					$redux = self::instance( $opt_name );
-
-					if ( isset( $redux ) ) {
-						self::load_extensions( $redux );
-					}
-				}
-			}
-		}
-
-		/**
-		 * Retrieves all loaded extensions.
-		 */
-		private static function get_all_extension() {
-			$redux = self::all_instances();
-
-			foreach ( $redux as $instance ) {
-				if ( ! empty( self::$uses_extensions[ $instance['args']['opt_name'] ] ) ) {
-					continue;
-				}
-				if ( ! empty( $instance['extensions'] ) ) {
-					self::get_instance_extension( $instance['args']['opt_name'], $instance );
-				}
-			}
-		}
-
-		/**
-		 * Gets all loaded extensions for the passed ReduxFramework instance.
-		 *
-		 * @param string      $opt_name Panel opt_name.
-		 * @param object|null $instance ReduxFramework instance.
-		 */
-		public static function get_instance_extension( string $opt_name, $instance ) {
-			if ( ! empty( self::$uses_extensions[ $opt_name ] ) || empty( $opt_name ) ) {
-				return;
-			}
-
-			if ( empty( $instance ) ) {
-				$instance = self::instance( $opt_name );
-			}
-
-			if ( empty( $instance ) || empty( $instance->extensions ) ) {
-				return;
-			}
-
-			foreach ( $instance->extensions as $name => $extension ) {
-				if ( 'widget_areas' === $name ) {
-					new Redux_Widget_Areas( $instance );
-				}
-
-				if ( isset( self::$uses_extensions[ $opt_name ][ $name ] ) ) {
-					continue;
-				}
-
-				if ( isset( $extension->extension_dir ) ) {
-					self::set_extensions( $opt_name, str_replace( $name, '', $extension->extension_dir ) );
-				}
-			}
-		}
-
-		/**
-		 * Deprecated Gets loaded extensions.
-		 *
-		 * @param string $opt_name Panel opt_name.
-		 * @param string $key      Extension name.
-		 *
-		 * @return array|bool|mixed
-		 * @deprecated No longer using camelCase naming convention.
-		 */
-		public static function getExtensions( string $opt_name = '', string $key = '' ) { // phpcs:ignore WordPress.NamingConventions.ValidFunctionName
-			_deprecated_function( __CLASS__ . '::' . __FUNCTION__, 'Redux 4.0.0', 'self::get_extensions( $opt_name, $key )' );
-
-			return self::get_extensions( $opt_name, $key );
-		}
-
-		/**
-		 * Gets loaded extensions.
-		 *
-		 * @param string $opt_name Panel opt_name.
-		 * @param string $key      Extension name.
-		 *
-		 * @return array|bool|mixed
-		 */
-		public static function get_extensions( string $opt_name = '', string $key = '' ) {
-			if ( empty( $opt_name ) ) {
-				self::get_all_extension();
-
-				if ( empty( $key ) ) {
-					return self::$extension_paths;
-				} elseif ( isset( self::$extension_paths[ $key ] ) ) {
-						return self::$extension_paths[ $key ];
-				}
-			} else {
-				if ( empty( self::$uses_extensions[ $opt_name ] ) ) {
-					self::get_instance_extension( $opt_name, null );
-				}
-
-				if ( empty( self::$uses_extensions[ $opt_name ] ) ) {
-					return false;
-				}
-
-				$instance_extensions = array();
-
-				foreach ( self::$uses_extensions[ $opt_name ] as $extension ) {
-					$class_file = end( self::$extensions[ $extension ] );
-					$directory  = explode( DIRECTORY_SEPARATOR, $class_file );
-					array_pop( $directory );
-					$directory       = trailingslashit( join( DIRECTORY_SEPARATOR, $directory ) );
-					$name            = str_replace( '.php', '', basename( $extension ) );
-					$extension_class = 'Redux_Extension_' . $name;
-					$the_data        = array(
-						'path'    => $class_file,
-						'dir'     => $directory,
-						'class'   => $extension_class,
-						'version' => Redux_Helpers::get_template_version( $class_file ),
-					);
-
-					if ( is_dir( $the_data['dir'] . $extension ) ) {
-						$test_path = trailingslashit( $the_data['dir'] . $extension );
-						if ( file_exists( $test_path . 'field_' . str_replace( '-', '', $extension ) . '.php' ) ) {
-							$the_data['field'] = $test_path . 'field_' . str_replace( '-', '', $extension ) . '.php';
-						}
-						// Old extensions!
-						if ( file_exists( $test_path . str_replace( '-', '', $extension ) . '.php' ) ) {
-							$the_data['field'] = $test_path . str_replace( '-', '', $extension ) . '.php';
-						}
-					}
-					$instance_extensions[ $extension ] = $the_data;
-				}
-
-				return $instance_extensions;
-			}
-
-			return false;
-		}
-
-		/**
-		 * Method to disables Redux demo mode popup.
-		 */
-		public static function disable_demo() {
-			add_action( 'ReduxFrameworkPlugin_admin_notice', 'Redux::remove_demo' );
-			add_action( 'redux_framework_plugin_admin_notice', 'Redux::remove_demo' );
-		}
-
-		/**
-		 * Callback used by self::disable_demo() to remove the demo mode notice from Redux.
-		 */
-		public static function remove_demo() {
-			update_option( 'ReduxFrameworkPlugin_ACTIVATED_NOTICES', '' );
-		}
-
-		/**
-		 * Function which forces a panel/page to render.
-		 *
-		 * @param string|object $redux Panel opt_name or Redux object.
-		 */
-		public static function render( $redux = '' ) {
-			if ( is_string( $redux ) ) {
-				$redux = Redux_Instances::get_instance( $redux );
-				if ( empty( $redux ) ) {
-					return;
-				}
-			}
-			$enqueue = new Redux_Enqueue( $redux );
-			$enqueue->init();
-			$panel = new Redux_Panel( $redux );
-			$panel->init();
-		}
-	}
-
-	Redux::load();
+    /**
+     * Redux API Class
+     * Simple API for Redux Framework
+     *
+     * @since       3.0.0
+     */
+    class Redux {
+
+
+        /**
+         *  Option fields.
+         *
+         * @var array
+         */
+        public static array $fields = array();
+
+        /**
+         * Option sections.
+         *
+         * @var array
+         */
+        public static array $sections = array();
+
+        /**
+         * Option defaults.
+         *
+         * @var array
+         */
+        public static array $options_defaults = array();
+
+        /**
+         * Option help array.
+         *
+         * @var array
+         */
+        public static array $help = array();
+
+        /**
+         * Option global args.
+         *
+         * @var array
+         */
+        public static array $args = array();
+
+        /**
+         * Option section priorities.
+         *
+         * @var array
+         */
+        public static array $priority = array();
+
+        /**
+         * Panel validations errors.
+         *
+         * @var array
+         */
+        public static array $errors = array();
+
+        /**
+         * Init.
+         *
+         * @var array
+         */
+        public static array $init = array();
+
+        /**
+         * Delay Init opt_names
+         *
+         * @var array
+         */
+        public static array $delay_init = array();
+
+        /**
+         * Extension list.
+         *
+         * @var array
+         */
+        public static array $extensions = array();
+
+        /**
+         * Extensions in use.
+         *
+         * @var array
+         */
+        public static array $uses_extensions = array();
+
+        /**
+         * Extension paths.
+         *
+         * @var array
+         */
+        public static array $extension_paths = array();
+
+        /**
+         * Extension capability flag.
+         *
+         * @var boolean
+         */
+        public static bool $extension_compatibility = false;
+
+        /**
+         * Code to run at creation in instance.
+         */
+        public static function load() {
+            add_action( 'after_setup_theme', array( 'Redux', 'create_redux' ) );
+            add_action( 'init', array( 'Redux', 'create_redux' ) );
+            add_action( 'switch_theme', array( 'Redux', 'create_redux' ) );
+
+            require_once Redux_Core::$dir . 'inc/extensions/metaboxes/class-redux-metaboxes-api.php';
+            require_once Redux_Core::$dir . 'inc/extensions/users/class-redux-users-api.php';
+            require_once Redux_Core::$dir . 'inc/extensions/taxonomy/class-redux-taxonomy-api.php';
+        }
+
+        /**
+         * Delay init action function
+         * Delays all Redux objects from loaded before `plugins_loaded` runs.
+         *
+         * @throws ReflectionException Exception.
+         */
+        public static function delay_init() {
+            if ( ! empty( self::$delay_init ) ) {
+
+                foreach ( self::$delay_init as $opt_name ) {
+                    self::init( $opt_name );
+                    $parent = Redux_Instances::get_instance( $opt_name );
+                    // translators: This is only shown to developers, should not impact users.
+                    $msg = sprintf(
+                        '<strong>%s</strong><br /><code>%s</code> %s',
+                        esc_html__( 'Warning, Premature Initialization', 'redux-framework' ),
+                        'self::init("' . esc_html( $opt_name ) . '")',
+                        // translators: This is only shown to developers, should not impact users.
+                        sprintf( esc_html__( 'was run before the %s hook and was delayed to avoid errors.', 'redux-framework' ), '<code>plugins_loaded</code>' )
+                    );
+
+                    if ( isset( $parent->args ) ) {
+                        $data = array(
+                            'parent'  => $parent,
+                            'type'    => 'error',
+                            'msg'     => $msg,
+                            'id'      => 'redux_init',
+                            'dismiss' => true,
+                        );
+
+                        Redux_Admin_Notices::set_notice( $data );
+                    }
+                }
+            }
+        }
+
+        /**
+         * Init Redux object
+         *
+         * @param string $opt_name Panel opt_name.
+         *
+         * @throws ReflectionException  Exception.
+         */
+        public static function init( string $opt_name = '' ) {
+            if ( ! empty( $opt_name ) ) {
+                if ( ! did_action( 'plugins_loaded' ) ) {
+
+                    // We don't want to load before plugins_loaded EVER.
+                    self::$delay_init[] = $opt_name;
+                    add_action( 'plugins_loaded', array( 'Redux', 'delay_init' ) );
+                } else {
+
+                    // The hook `plugins_loaded` has run, let's get going!
+                    self::load_redux( $opt_name );
+
+                    remove_action( 'setup_theme', array( 'Redux', 'create_redux' ) );
+                }
+            }
+        }
+
+        /**
+         * Retrieve ReduxFramework object.
+         *
+         * @param string $opt_name Panel opt_name.
+         *
+         * @return object|ReduxFramework
+         */
+        public static function instance( string $opt_name ) {
+            return Redux_Instances::get_instance( $opt_name );
+        }
+
+        /**
+         * Retrieve all ReduxFramework Instances.
+         *
+         * @return null|array|ReduxFramework[]
+         */
+        public static function all_instances(): ?array {
+            return Redux_Instances::get_all_instances();
+        }
+
+        /**
+         * Load external extensions.
+         *
+         * @param object $redux_framework ReduxFramework object.
+         *
+         * @deprecated No longer using camelCase naming conventions.
+         */
+        public static function loadExtensions( $redux_framework ) { // phpcs:ignore WordPress.NamingConventions.ValidFunctionName
+            _deprecated_function( __CLASS__ . '::' . __FUNCTION__, ' Redux 4.3', 'Redux::load_extensions( $redux_framework )' );
+
+            self::load_extensions( $redux_framework );
+        }
+
+        /**
+         * Load external extensions.
+         *
+         * @param object $redux_framework ReduxFramework object.
+         */
+        public static function load_extensions( $redux_framework ) {
+            $instance_extensions = self::get_extensions( $redux_framework->args['opt_name'] );
+
+            if ( $instance_extensions ) {
+                foreach ( $instance_extensions as $name => $extension ) {
+                    $old_class = str_replace( 'Redux_', 'ReduxFramework_', $extension['class'] );
+
+                    if ( ! class_exists( $extension['class'] ) && ! class_exists( $old_class ) ) {
+                        // In case you wanted to override your override, hah.
+                        // Phpcs:ignore WordPress.NamingConventions.ValidHookName
+                        $extension['path'] = apply_filters( 'redux/extension/' . $redux_framework->args['opt_name'] . '/' . $name, $extension['path'] );
+                        if ( file_exists( $extension['path'] ) ) {
+                            require_once $extension['path'];
+                        }
+                    }
+                    if ( isset( $extension['field'] ) ) {
+                        require_once $extension['field'];
+                    }
+
+                    if ( ! isset( $redux_framework->extensions[ $name ] ) ) {
+                        $field_classes = array( $extension['class'], $old_class );
+                        $ext_class     = Redux_Functions::class_exists_ex( $field_classes );
+                        if ( false !== $ext_class ) {
+                            $redux_framework->extensions[ $name ] = new $ext_class( $redux_framework );
+                        } elseif ( is_admin() && true === $redux_framework->args['dev_mode'] ) {
+                            echo '<div id="message" class="error"><p>No class named <strong>' . esc_html( $extension['class'] ) . '</strong> exists. Please verify your extension path.</p></div>';
+                        }
+                    }
+                }
+            }
+        }
+
+        /**
+         * Deprecated function to set an extension path.
+         *
+         * @param string $extension Path.
+         * @param bool   $folder    Set if a path is a folder.
+         *
+         * @return bool|mixed
+         * @deprecated No longer using cameCase naming conventions.
+         */
+        public static function extensionPath( string $extension, bool $folder = true ) { // phpcs:ignore WordPress.NamingConventions.ValidFunctionName
+            _deprecated_function( __CLASS__ . '::' . __FUNCTION__, 'Redux 4.3', 'Redux::extension_path( $extension, $folder )' );
+
+            return self::extension_path( $extension, $folder );
+        }
+
+        /**
+         * Sets a path to an extension.
+         *
+         * @param string $extension Path to an extension.
+         * @param bool   $folder    Set if a path is a folder.
+         *
+         * @return bool|mixed
+         */
+        public static function extension_path( string $extension, bool $folder = true ) {
+            if ( ! isset( self::$extensions[ $extension ] ) ) {
+                return false;
+            }
+
+            $path = end( self::$extensions[ $extension ] );
+
+            if ( ! $folder ) {
+                return $path;
+            }
+
+            return dirname( $path );
+        }
+
+        /**
+         * Deprecated function of Load Redux Framework.
+         *
+         * @param string $opt_name Panel opt_name.
+         *
+         * @throws ReflectionException Exception.
+         *
+         * @deprecated No longer using camelCase naming conventions.
+         */
+        public static function loadRedux( string $opt_name = '' ) { // phpcs:ignore WordPress.NamingConventions.ValidFunctionName
+            _deprecated_function( __CLASS__ . '::' . __FUNCTION__, 'Redux 4.3', 'Redux::load_redux( $opt_name )' );
+
+            self::load_redux( $opt_name );
+        }
+
+        /**
+         * Load defaults values for a given opt_name.
+         *
+         * @param string $opt_name Panel opt_name.
+         */
+        public static function set_defaults( string $opt_name = '' ) {
+            // Try to load the class if in the same directory, so the user only has to include the Redux API.
+            if ( ! class_exists( 'Redux_Options_Defaults' ) ) {
+                $file_check = trailingslashit( __DIR__ ) . 'class-redux-options-defaults.php';
+
+                if ( file_exists( dirname( $file_check ) ) ) {
+                    include_once $file_check;
+                    $file_check = trailingslashit( __DIR__ ) . 'class-redux-wordpress-data.php';
+                    if ( file_exists( dirname( $file_check ) ) ) {
+                        include_once $file_check;
+                    }
+                }
+            }
+
+            if ( class_exists( 'Redux_Options_Defaults' ) && ! isset( self::$options_defaults[ $opt_name ] ) ) {
+                $sections                            = self::construct_sections( $opt_name );
+                $wordpress_data                      = ( ! class_exists( 'Redux_WordPress_Data' ) ) ? null : new Redux_WordPress_Data( $opt_name );
+                $options_defaults_class              = new Redux_Options_Defaults();
+                self::$options_defaults[ $opt_name ] = $options_defaults_class->default_values( $opt_name, $sections, $wordpress_data );
+                if ( ! isset( self::$args[ $opt_name ]['global_variable'] ) || ( '' === self::$args[ $opt_name ]['global_variable'] && false !== self::$args[ $opt_name ]['global_variable'] ) ) {
+                    self::$args[ $opt_name ]['global_variable'] = str_replace( '-', '_', $opt_name );
+                }
+                if ( isset( self::$args[ $opt_name ]['global_variable'] ) && self::$args[ $opt_name ]['global_variable'] ) {
+                    $option_global = self::$args[ $opt_name ]['global_variable'];
+
+                    /**
+                     * Filter 'redux/options/{opt_name}/global_variable'
+                     *
+                     * @param array $value option value to set global_variable with
+                     */
+                    global $$option_global;
+
+                    // phpcs:ignore WordPress.NamingConventions.ValidHookName
+                    $$option_global = apply_filters( 'redux/options/' . $opt_name . '/global_variable', self::$options_defaults[ $opt_name ] );
+                }
+            }
+        }
+
+        /**
+         * Load Redux Framework.
+         *
+         * @param string $opt_name Panel opt_name.
+         *
+         * @throws ReflectionException  Exception.
+         */
+        public static function load_redux( string $opt_name = '' ) {
+            if ( empty( $opt_name ) ) {
+                return;
+            }
+
+            if ( class_exists( 'ReduxFramework' ) ) {
+                if ( isset( self::$init[ $opt_name ] ) && ! empty( self::$init[ $opt_name ] ) ) {
+                    return;
+                }
+            } else {
+                echo '<div id="message" class="error"><p>' . esc_html__( 'Redux Framework is not installed. Please install it.', 'redux-framework' ) . '</p></div>';
+
+                return;
+            }
+
+            self::instance( $opt_name );
+
+            Redux_Functions_Ex::record_caller( $opt_name );
+
+            if ( isset( self::$init[ $opt_name ] ) && 1 === self::$init[ $opt_name ] ) {
+                return;
+            }
+
+            // self::set_defaults( $opt_name );
+
+            $args     = self::construct_args( $opt_name );
+            $sections = self::construct_sections( $opt_name );
+
+            if ( isset( self::$uses_extensions[ $opt_name ] ) && ! empty( self::$uses_extensions[ $opt_name ] ) ) {
+                add_action( "redux/extensions/$opt_name/before", array( 'Redux', 'load_extensions' ), 0 );
+            }
+
+            $redux                   = new ReduxFramework( $sections, $args );
+            self::$init[ $opt_name ] = 1;
+
+            if ( isset( $redux->args['opt_name'] ) && $redux->args['opt_name'] !== $opt_name ) {
+                self::$init[ $redux->args['opt_name'] ] = 1;
+            }
+        }
+
+        /**
+         * Deprecated Create Redux instance.
+         *
+         * @throws ReflectionException  Exception.
+         *
+         * @deprecated No longer using camelCase naming convention.
+         */
+        public static function createRedux() {       // phpcs:ignore WordPress.NamingConventions.ValidFunctionName
+            _deprecated_function( __CLASS__ . '::' . __FUNCTION__, 'Redux 4.3', 'Redux::createRedux()' );
+
+            self::create_redux();
+        }
+
+        /**
+         * Create Redux instance.
+         *
+         * @throws ReflectionException  Exception.
+         */
+        public static function create_redux() {
+            foreach ( self::$sections as $opt_name => $the_sections ) {
+                if ( ! empty( $the_sections ) ) {
+                    if ( ! self::$init[ $opt_name ] ) {
+                        self::load_redux( $opt_name );
+                    }
+                }
+            }
+        }
+
+        /**
+         * Construct global arguments.
+         *
+         * @param string $opt_name Panel opt_name.
+         *
+         * @return array|mixed
+         */
+        public static function construct_args( string $opt_name ) {
+            $args             = self::$args[ $opt_name ] ?? array();
+            $args['opt_name'] = $opt_name;
+
+            if ( ! isset( $args['menu_title'] ) ) {
+                $args['menu_title'] = ucfirst( $opt_name ) . ' Options';
+            }
+
+            if ( ! isset( $args['page_title'] ) ) {
+                $args['page_title'] = ucfirst( $opt_name ) . ' Options';
+            }
+
+            if ( ! isset( $args['page_slug'] ) ) {
+                $args['page_slug'] = $opt_name . '_options';
+            }
+
+            return $args;
+        }
+
+        /**
+         * Construct option panel sections.
+         *
+         * @param string $opt_name Panel opt_name.
+         *
+         * @return array
+         */
+        public static function construct_sections( string $opt_name ): array {
+            $sections = array();
+
+            if ( ! isset( self::$sections[ $opt_name ] ) ) {
+                return $sections;
+            }
+
+            foreach ( self::$sections[ $opt_name ] as $section_id => $section ) {
+                $section['fields'] = self::construct_fields( $opt_name, $section_id );
+                $p                 = $section['priority'];
+
+                while ( isset( $sections[ $p ] ) ) {
+                    ++$p;
+                }
+
+                $sections[ $p ] = $section;
+            }
+
+            ksort( $sections );
+
+            return $sections;
+        }
+
+        /**
+         * Construct option panel fields.
+         *
+         * @param string $opt_name   Panel opt_name.
+         * @param string $section_id ID of a section.
+         *
+         * @return array
+         */
+        public static function construct_fields( string $opt_name = '', string $section_id = '' ): array {
+            $fields = array();
+
+            if ( ! empty( self::$fields[ $opt_name ] ) ) {
+                foreach ( self::$fields[ $opt_name ] as $field ) {
+                    if ( $field['section_id'] === $section_id ) {
+                        $p = esc_html( $field['priority'] );
+
+                        while ( isset( $fields[ $p ] ) ) {
+                            echo intval( $p++ );
+                        }
+
+                        $fields[ $p ] = $field;
+                    }
+                }
+            }
+
+            ksort( $fields );
+
+            return $fields;
+        }
+
+        /**
+         * Deprecated Retrieve panel section.
+         *
+         * @param string $opt_name Panel opt_name.
+         * @param string $id       Section ID.
+         *
+         * @return bool
+         * @deprecated No longer using camelCase naming convention.
+         */
+        public static function getSection( string $opt_name = '', string $id = '' ): bool { // phpcs:ignore WordPress.NamingConventions.ValidFunctionName
+            _deprecated_function( __CLASS__ . '::' . __FUNCTION__, 'Redux 4.3', 'Redux::get_section( $opt_name, $id )' );
+
+            return self::get_section( $opt_name, $id );
+        }
+
+        /**
+         * Retrieve panel section.
+         *
+         * @param string     $opt_name Panel opt_name.
+         * @param string|int $id       Section ID.
+         *
+         * @return bool|string|int
+         */
+        public static function get_section( string $opt_name = '', $id = '' ) {
+            self::check_opt_name( $opt_name );
+
+            if ( ! empty( $opt_name ) && ! empty( $id ) ) {
+                if ( ! isset( self::$sections[ $opt_name ][ $id ] ) ) {
+                    $id = Redux_Core::strtolower( sanitize_html_class( $id ) );
+                }
+
+                return self::$sections[ $opt_name ][ $id ] ?? false;
+            }
+
+            return false;
+        }
+
+        /**
+         * Deprecated Create a section of the option panel.
+         *
+         * @param string $opt_name Panel opt_name.
+         * @param array  $sections Section ID.
+         *
+         * @deprecated No longer using camelCase naming convention.
+         */
+        public static function setSections( string $opt_name = '', array $sections = array() ) { // phpcs:ignore WordPress.NamingConventions.ValidFunctionName
+            _deprecated_function( __CLASS__ . '::' . __FUNCTION__, 'Redux 4.3', 'Redux::set_sections( $opt_name, $sections )' );
+
+            if ( '' !== $opt_name ) {
+                Redux_Functions_Ex::record_caller( $opt_name );
+            }
+
+            self::set_sections( $opt_name, $sections );
+        }
+
+        /**
+         * Create multiple sections of the option panel.
+         *
+         * @param string $opt_name Panel opt_name.
+         * @param array  $sections Section ID.
+         */
+        public static function set_sections( string $opt_name = '', array $sections = array() ) {
+            if ( empty( $sections ) || '' === $opt_name ) {
+                return;
+            }
+
+            self::check_opt_name( $opt_name );
+
+            Redux_Functions_Ex::record_caller( $opt_name );
+
+            foreach ( $sections as $section ) {
+                self::set_section( $opt_name, $section );
+            }
+        }
+
+        /**
+         * Deprecated Retrieve all sections from the option panel.
+         *
+         * @param string $opt_name Panel opt_name.
+         *
+         * @return array|mixed
+         * @deprecated No longer using camelCase naming convention.
+         */
+        public static function getSections( string $opt_name = '' ) { // phpcs:ignore WordPress.NamingConventions.ValidFunctionName
+            _deprecated_function( __CLASS__ . '::' . __FUNCTION__, 'Redux 4.3', 'Redux::get_sections( $opt_name )' );
+
+            return self::get_sections( $opt_name );
+        }
+
+        /**
+         * Retrieve all sections from the option panel.
+         *
+         * @param string $opt_name Panel opt_name.
+         *
+         * @return array|mixed
+         */
+        public static function get_sections( string $opt_name = '' ) {
+            self::check_opt_name( $opt_name );
+
+            if ( ! empty( self::$sections[ $opt_name ] ) ) {
+                return self::$sections[ $opt_name ];
+            }
+
+            return array();
+        }
+
+        /**
+         * Deprecated Remove option panel by ID.
+         *
+         * @param string     $opt_name Panel opt_name.
+         * @param string|int $id       Section ID.
+         * @param bool       $fields   Remove fields.
+         *
+         * @deprecated No longer using camelCase naming convention.
+         */
+        public static function removeSection( string $opt_name = '', $id = '', bool $fields = false ) { // phpcs:ignore WordPress.NamingConventions.ValidFunctionName
+            _deprecated_function( __CLASS__ . '::' . __FUNCTION__, 'Redux 4.3', 'Redux::remove_section( $opt_name, $id )' );
+
+            if ( '' !== $opt_name ) {
+                Redux_Functions_Ex::record_caller( $opt_name );
+            }
+
+            self::remove_section( $opt_name, $id, $fields );
+        }
+
+        /**
+         * Remove an option panel by ID.
+         *
+         * @param string     $opt_name Panel opt_name.
+         * @param string|int $id       Section ID.
+         * @param bool       $fields   Remove fields.
+         */
+        public static function remove_section( string $opt_name = '', $id = '', bool $fields = false ) {
+            if ( '' !== $opt_name && '' !== $id ) {
+                Redux_Functions_Ex::record_caller( $opt_name );
+
+                if ( isset( self::$sections[ $opt_name ][ $id ] ) ) {
+                    $priority = '';
+
+                    foreach ( self::$sections[ $opt_name ] as $key => $section ) {
+                        if ( $key === $id ) {
+                            $priority = $section['priority'];
+                            --self::$priority[ $opt_name ]['sections'];
+                            unset( self::$sections[ $opt_name ][ $id ] );
+                            continue;
+                        }
+                        if ( '' !== $priority ) {
+                            $new_priority                        = $section['priority'];
+                            $section['priority']                 = $priority;
+                            self::$sections[ $opt_name ][ $key ] = $section;
+                            $priority                            = $new_priority;
+                        }
+                    }
+
+                    if ( isset( self::$fields[ $opt_name ] ) && ! empty( self::$fields[ $opt_name ] ) && true === $fields ) {
+                        foreach ( self::$fields[ $opt_name ] as $key => $field ) {
+                            if ( $field['section_id'] === $id ) {
+                                unset( self::$fields[ $opt_name ][ $key ] );
+                            }
+                        }
+                    }
+                }
+            }
+        }
+
+        /**
+         * Deprecated Sets a single option panel section.
+         *
+         * @param string     $opt_name Panel opt_name.
+         * @param array|null $section  Section data.
+         *
+         * @deprecated No longer using camelCase naming convention.
+         */
+        public static function setSection( string $opt_name = '', ?array $section = array() ) { // phpcs:ignore WordPress.NamingConventions.ValidFunctionName
+            // phpcs:ignore Squiz.PHP.CommentedOutCode.Found
+            // _deprecated_function( __CLASS__ . '::' . __FUNCTION__, 'Redux 4.3', 'Redux::set_section( $opt_name, $section )' );
+
+            if ( '' !== $opt_name ) {
+                Redux_Functions_Ex::record_caller( $opt_name );
+            }
+
+            self::set_section( $opt_name, $section );
+        }
+
+        /**
+         * Sets a single option panel section.
+         *
+         * @param string     $opt_name Panel opt_name.
+         * @param array|null $section  Section data.
+         * @param bool       $replace  Replaces a section instead of creating a new one.
+         */
+        public static function set_section( string $opt_name = '', ?array $section = array(), bool $replace = false ) {
+
+            if ( empty( $section ) || '' === $opt_name ) {
+                return;
+            }
+
+            self::check_opt_name( $opt_name );
+
+            Redux_Functions_Ex::record_caller( $opt_name );
+
+            if ( ! isset( $section['id'] ) ) {
+                if ( isset( $section['type'] ) && 'divide' === $section['type'] ) {
+                    $section['id'] = time();
+                } elseif ( isset( $section['title'] ) ) {
+                        $section['id'] = Redux_Core::strtolower( sanitize_title( $section['title'] ) );
+                } else {
+                    $section['id'] = time();
+                }
+
+                if ( isset( self::$sections[ $opt_name ][ $section['id'] ] ) && ! $replace ) {
+                    $orig = $section['id'];
+                    $i    = 0;
+
+                    while ( isset( self::$sections[ $opt_name ][ $section['id'] ] ) ) {
+                        $section['id'] = $orig . '_' . $i;
+                        ++$i;
+                    }
+                } elseif ( isset( self::$sections[ $opt_name ][ $section['id'] ] ) && $replace ) {
+                    // If replace is set, let's update the default values with these!
+                    $fields = false;
+                    if ( isset( self::$sections[ $opt_name ][ $section['id'] ]['fields'] ) && ! empty( self::$sections[ $opt_name ][ $section['id'] ]['fields'] ) ) {
+                        $fields = self::$sections[ $opt_name ][ $section['id'] ]['fields'];
+                    }
+                    self::$sections[ $opt_name ][ $section['id'] ] = wp_parse_args( $section, self::$sections[ $opt_name ][ $section['id'] ] );
+                    if ( ! empty( $fields ) ) {
+                        if ( ! isset( self::$sections[ $opt_name ][ $section['id'] ]['fields'] ) || ( isset( self::$sections[ $opt_name ][ $section['id'] ]['fields'] ) && empty( self::$sections[ $opt_name ][ $section['id'] ]['fields'] ) ) ) {
+                            self::$sections[ $opt_name ][ $section['id'] ]['fields'] = $fields;
+                        }
+                    }
+                }
+            }
+
+            if ( ! empty( $opt_name ) && is_array( $section ) && ! empty( $section ) ) {
+                if ( ! isset( $section['id'] ) && ! isset( $section['title'] ) ) {
+                    self::$errors[ $opt_name ]['section']['missing_title'] = esc_html__( 'Unable to create a section due to missing id and title.', 'redux-framework' );
+
+                    return;
+                }
+
+                if ( ! isset( $section['priority'] ) ) {
+                    $section['priority'] = self::get_priority( $opt_name, 'sections' );
+                }
+
+                if ( isset( $section['fields'] ) ) {
+                    if ( ! empty( $section['fields'] ) && is_array( $section['fields'] ) ) {
+                        self::process_field_array( $opt_name, $section['id'], $section['fields'] );
+                    }
+                    unset( $section['fields'] );
+                }
+                self::$sections[ $opt_name ][ $section['id'] ] = $section;
+            } else {
+                self::$errors[ $opt_name ]['section']['empty'] = esc_html__( 'Unable to create a section due an empty section array or the section variable passed was not an array.', 'redux-framework' );
+            }
+        }
+
+        /**
+         * Deprecated Hides an option panel section.
+         *
+         * @param string     $opt_name Panel opt_name.
+         * @param string|int $id       Section ID.
+         * @param bool       $hide     Flag to hide/show.
+         *
+         * @deprecated No longer using camelCase naming convention.
+         */
+        public static function hideSection( string $opt_name = '', $id = '', bool $hide = true ) { // phpcs:ignore WordPress.NamingConventions.ValidFunctionName
+            _deprecated_function( __CLASS__ . '::' . __FUNCTION__, 'Redux 4.3', 'Redux::hide_section( $opt_name, $id )' );
+
+            if ( '' !== $opt_name ) {
+                Redux_Functions_Ex::record_caller( $opt_name );
+            }
+
+            self::hide_section( $opt_name, $id, $hide );
+        }
+
+        /**
+         * Hides an option panel section.
+         *
+         * @param string     $opt_name Panel opt_name.
+         * @param string|int $id       Section ID.
+         * @param bool       $hide     Flag to hide/show.
+         */
+        public static function hide_section( string $opt_name = '', $id = '', bool $hide = true ) {
+            self::check_opt_name( $opt_name );
+
+            if ( '' !== $opt_name && '' !== $id ) {
+                Redux_Functions_Ex::record_caller( $opt_name );
+
+                if ( isset( self::$sections[ $opt_name ][ $id ] ) ) {
+                    self::$sections[ $opt_name ][ $id ]['hidden'] = $hide;
+                }
+            }
+        }
+
+        /**
+         * Compiles field array data.
+         *
+         * @param string     $opt_name   Panel opt_name.
+         * @param string|int $section_id Section ID.
+         * @param array      $fields     Field data.
+         */
+        private static function process_field_array( string $opt_name = '', $section_id = '', array $fields = array() ) {
+            if ( ! empty( $opt_name ) && ! empty( $section_id ) && is_array( $fields ) && ! empty( $fields ) ) {
+                foreach ( $fields as $field ) {
+                    if ( ! is_array( $field ) ) {
+                        continue;
+                    }
+                    self::set_field( $opt_name, $section_id, $field );
+                }
+            }
+        }
+
+        /**
+         * Deprecated Retrieves an option panel field.
+         *
+         * @param string     $opt_name Panel opt_name.
+         * @param string|int $id       Field ID.
+         *
+         * @return int|bool
+         * @deprecated No longer using camelCase naming convention.
+         */
+        public static function getField( string $opt_name = '', $id = '' ) { // phpcs:ignore WordPress.NamingConventions.ValidFunctionName
+            _deprecated_function( __CLASS__ . '::' . __FUNCTION__, 'Redux 4.3', 'Redux::get_field( $opt_name, $id )' );
+
+            return self::get_field( $opt_name, $id );
+        }
+
+        /**
+         * Retrieves an option panel field.
+         *
+         * @param string     $opt_name Panel opt_name.
+         * @param string|int $id       Field ID.
+         *
+         * @return int|bool
+         */
+        public static function get_field( string $opt_name = '', $id = '' ) {
+            self::check_opt_name( $opt_name );
+
+            if ( ! empty( $opt_name ) && ! empty( $id ) ) {
+                return self::$fields[ $opt_name ][ $id ] ?? false;
+            }
+
+            return false;
+        }
+
+        /**
+         * Deprecated Hides an option panel field.
+         *
+         * @param string     $opt_name Panel opt_name.
+         * @param string|int $id       Field ID.
+         * @param bool       $hide     Set hide/show.
+         *
+         * @deprecated No longer using camelCase naming convention.
+         */
+        public static function hideField( string $opt_name = '', $id = '', bool $hide = true ) { // phpcs:ignore WordPress.NamingConventions.ValidFunctionName
+            _deprecated_function( __CLASS__ . '::' . __FUNCTION__, 'Redux 4.3', 'Redux::hide_field( $opt_name, $id )' );
+
+            if ( '' !== $opt_name ) {
+                Redux_Functions_Ex::record_caller( $opt_name );
+            }
+
+            self::hide_field( $opt_name, $id, $hide );
+        }
+
+        /**
+         * Hides an option panel field.
+         *
+         * @param string     $opt_name Panel opt_name.
+         * @param string|int $id       Field ID.
+         * @param bool       $hide     Set hide/show.
+         */
+        public static function hide_field( string $opt_name = '', $id = '', bool $hide = true ) {
+            self::check_opt_name( $opt_name );
+
+            if ( '' !== $opt_name && '' !== $id ) {
+                if ( isset( self::$fields[ $opt_name ][ $id ] ) ) {
+                    Redux_Functions_Ex::record_caller( $opt_name );
+
+                    if ( ! $hide ) {
+                        self::$fields[ $opt_name ][ $id ]['class'] = str_replace( 'hidden', '', self::$fields[ $opt_name ][ $id ]['class'] );
+                    } else {
+                        self::$fields[ $opt_name ][ $id ]['class'] .= 'hidden';
+                    }
+                }
+            }
+        }
+
+        /**
+         * Deprecated Creates an option panel field.
+         *
+         * @param string     $opt_name   Panel opt_name.
+         * @param string|int $section_id Section ID this field belongs to.
+         * @param array      $field      Field data.
+         *
+         * @deprecated No longer using camelCase naming convention.
+         */
+        public static function setField( string $opt_name = '', $section_id = '', array $field = array() ) { // phpcs:ignore WordPress.NamingConventions.ValidFunctionName
+            _deprecated_function( __CLASS__ . '::' . __FUNCTION__, 'Redux 4.3', 'Redux::set_field( $opt_name, $section_id, $field )' );
+
+            if ( '' !== $opt_name ) {
+                Redux_Functions_Ex::record_caller( $opt_name );
+            }
+
+            self::set_field( $opt_name, $section_id, $field );
+        }
+
+        /**
+         * Creates an option panel field and adds to a section.
+         *
+         * @param string     $opt_name   Panel opt_name.
+         * @param string|int $section_id Section ID this field belongs to.
+         * @param array      $field      Field data.
+         */
+        public static function set_field( string $opt_name = '', $section_id = '', array $field = array() ) {
+
+            if ( ! is_array( $field ) || empty( $field ) || '' === $opt_name || '' === $section_id ) {
+                return;
+            }
+
+            self::check_opt_name( $opt_name );
+
+            Redux_Functions_Ex::record_caller( $opt_name );
+
+            // Shim for the old method!
+            if ( is_array( $section_id ) ) {
+                $field = $section_id;
+                if ( isset( $field['section_id'] ) ) {
+                    $section_id = $field['section_id'];
+                }
+            }
+
+            $field['section_id'] = $section_id;
+
+            if ( ! isset( $field['priority'] ) ) {
+                $field['priority'] = self::get_priority( $opt_name, 'fields' );
+            }
+            $field['id'] = $field['id'] ?? "{$opt_name}_{$section_id}_{$field['type']}_" . wp_rand( 1, 9999 );
+
+            self::$fields[ $opt_name ][ $field['id'] ] = $field;
+        }
+
+        /**
+         * Create multiple fields of the option panel and apply to a section.
+         *
+         * @param string     $opt_name   Panel opt_name.
+         * @param int|string $section_id Section ID this field belongs to.
+         * @param array      $fields     Array of field arrays.
+         */
+        public static function set_fields( string $opt_name = '', $section_id = '', array $fields = array() ) {
+            if ( ! is_array( $fields ) || empty( $fields ) || '' === $opt_name || '' === $section_id ) {
+                return;
+            }
+
+            self::check_opt_name( $opt_name );
+
+            // phpcs:ignore WordPress.PHP.DevelopmentFunctions
+            Redux_Functions_Ex::record_caller( $opt_name );
+
+            foreach ( $fields as $field ) {
+                if ( is_array( $field ) ) {
+                    self::set_field( $opt_name, $section_id, $field );
+                }
+            }
+        }
+
+        /**
+         * Deprecated Removes an option panel field.
+         *
+         * @param string     $opt_name Panel opt_name.
+         * @param string|int $id       Field ID.
+         *
+         * @return bool
+         * @deprecated No longer using camelCase naming convention.
+         */
+        public static function removeField( string $opt_name = '', $id = '' ): bool { // phpcs:ignore WordPress.NamingConventions.ValidFunctionName
+            _deprecated_function( __CLASS__ . '::' . __FUNCTION__, 'Redux 4.3', 'Redux::remove_field( $opt_name, $id )' );
+
+            if ( '' !== $opt_name ) {
+                Redux_Functions_Ex::record_caller( $opt_name );
+            }
+
+            return self::remove_field( $opt_name, $id );
+        }
+
+        /**
+         * Removes an option panel field.
+         *
+         * @param string     $opt_name Panel opt_name.
+         * @param string|int $id       Field ID.
+         *
+         * @return bool
+         */
+        public static function remove_field( string $opt_name = '', $id = '' ): bool {
+            if ( '' !== $opt_name && '' !== $id ) {
+                self::check_opt_name( $opt_name );
+
+                Redux_Functions_Ex::record_caller( $opt_name );
+
+                if ( isset( self::$fields[ $opt_name ][ $id ] ) ) {
+                    foreach ( self::$fields[ $opt_name ] as $key => $field ) {
+                        if ( $key === $id ) {
+                            $priority = $field['priority'];
+                            --self::$priority[ $opt_name ]['fields'];
+                            unset( self::$fields[ $opt_name ][ $id ] );
+                            continue;
+                        }
+
+                        if ( isset( $priority ) && '' !== $priority ) {
+                            $new_priority                      = $field['priority'];
+                            $field['priority']                 = $priority;
+                            self::$fields[ $opt_name ][ $key ] = $field;
+                            $priority                          = $new_priority;
+                        }
+                    }
+                }
+            }
+
+            return false;
+        }
+
+        /**
+         * Deprecated Sets help tabs on option panel admin page.
+         *
+         * @param string $opt_name Panel opt_name.
+         * @param array  $tab      Tab data.
+         *
+         * @deprecated No longer using camelCase naming convention.
+         */
+        public static function setHelpTab( string $opt_name = '', array $tab = array() ) { // phpcs:ignore WordPress.NamingConventions.ValidFunctionName
+            _deprecated_function( __CLASS__ . '::' . __FUNCTION__, 'Redux 4.3', 'Redux::set_help_tab( $opt_name, $tab )' );
+
+            self::set_help_tab( $opt_name, $tab );
+        }
+
+        /**
+         * Sets help tabs on option panel admin page.
+         *
+         * @param string $opt_name Panel opt_name.
+         * @param array  $tab      Tab data.
+         */
+        public static function set_help_tab( string $opt_name = '', array $tab = array() ) {
+            if ( ! is_array( $tab ) && empty( $tab ) ) {
+                return;
+            }
+
+            self::check_opt_name( $opt_name );
+
+            if ( '' !== $opt_name ) {
+                if ( ! isset( self::$args[ $opt_name ]['help_tabs'] ) ) {
+                    self::$args[ $opt_name ]['help_tabs'] = array();
+                }
+
+                if ( isset( $tab['id'] ) ) {
+                    self::$args[ $opt_name ]['help_tabs'][] = $tab;
+                } elseif ( is_array( end( $tab ) ) ) {
+                    foreach ( $tab as $tab_item ) {
+                        self::$args[ $opt_name ]['help_tabs'][] = $tab_item;
+                    }
+                }
+            }
+        }
+
+        /**
+         * Deprecated Sets the help sidebar content.
+         *
+         * @param string $opt_name Panel opt_name.
+         * @param string $content  Content.
+         *
+         * @deprecated No longer using camelCase naming convention.
+         */
+        public static function setHelpSidebar( string $opt_name = '', string $content = '' ) { // phpcs:ignore WordPress.NamingConventions.ValidFunctionName
+            _deprecated_function( __CLASS__ . '::' . __FUNCTION__, 'Redux 4.3', 'Redux::set_help_sidebar( $opt_name, $content )' );
+
+            self::set_help_sidebar( $opt_name, $content );
+        }
+
+        /**
+         * Sets the help sidebar content.
+         *
+         * @param string $opt_name Panel opt_name.
+         * @param string $content  Content.
+         */
+        public static function set_help_sidebar( string $opt_name = '', string $content = '' ) {
+            if ( '' === $content || '' === $opt_name ) {
+                return;
+            }
+            self::check_opt_name( $opt_name );
+
+            self::$args[ $opt_name ]['help_sidebar'] = $content;
+        }
+
+        /**
+         * Deprecated Sets option panel global arguments.
+         *
+         * @param string $opt_name Panel opt_name.
+         * @param array  $args     Argument data.
+         *
+         * @deprecated No longer using camelCase naming convention.
+         */
+        public static function setArgs( string $opt_name = '', array $args = array() ) { // phpcs:ignore WordPress.NamingConventions.ValidFunctionName
+            // phpcs:ignore Squiz.PHP.CommentedOutCode.Found
+            // _deprecated_function( __CLASS__ . '::' . __FUNCTION__, 'Redux 4.3', 'Redux::set_args( $opt_name, $args )' );
+
+            if ( '' !== $opt_name ) {
+                Redux_Functions_Ex::record_caller( $opt_name );
+            }
+
+            self::set_args( $opt_name, $args );
+        }
+
+        /**
+         * Sets option panel global arguments.
+         *
+         * @param string $opt_name Panel opt_name.
+         * @param array  $args     Argument data.
+         */
+        public static function set_args( string $opt_name = '', array $args = array() ) {
+            if ( empty( $args ) || '' === $opt_name ) {
+                return;
+            }
+
+            self::check_opt_name( $opt_name );
+
+            Redux_Functions_Ex::record_caller( $opt_name );
+
+            if ( is_array( $args ) ) {
+                if ( isset( self::$args[ $opt_name ]['clearArgs'] ) ) {
+                    self::$args[ $opt_name ] = array();
+                }
+                self::$args[ $opt_name ] = wp_parse_args( $args, self::$args[ $opt_name ] );
+            }
+        }
+
+        /**
+         * Set's developer key for premium services.
+         *
+         * @param string       $opt_name Panel opt_name.
+         * @param string|array $arg      Args data.
+         */
+        public static function set_developer( string $opt_name = '', $arg = '' ) {
+            if ( empty( $arg ) || '' === $opt_name ) {
+                return;
+            }
+
+            self::check_opt_name( $opt_name );
+
+            Redux_Functions_Ex::record_caller( $opt_name );
+
+            self::$args[ $opt_name ]['developer'] = $arg;
+        }
+
+        /**
+         * Deprecated Retries option panel global argument array.
+         *
+         * @param string $opt_name Panel opt_name.
+         *
+         * @return mixed
+         * @deprecated No longer camelCase naming convention.
+         */
+        public static function getArgs( string $opt_name = '' ) { // phpcs:ignore WordPress.NamingConventions.ValidFunctionName
+            _deprecated_function( __CLASS__ . '::' . __FUNCTION__, 'Redux 4.3', 'Redux::get_args( $opt_name )' );
+
+            return self::get_args( $opt_name );
+        }
+
+        /**
+         * Retries option panel global argument array.
+         *
+         * @param string $opt_name Panel opt_name.
+         * @param string $key      Argument key name to be returned.
+         *
+         * @return mixed|null|array
+         */
+        public static function get_args( string $opt_name = '', string $key = '' ) {
+            self::check_opt_name( $opt_name );
+
+            if ( ! empty( $opt_name ) && ! empty( $key ) ) {
+                if ( ! empty( self::$args[ $opt_name ] ) ) {
+                    return self::$args[ $opt_name ][ $key ];
+                } else {
+                    return null;
+                }
+            } elseif ( ! empty( $opt_name ) && ! empty( self::$args[ $opt_name ] ) ) {
+                return self::$args[ $opt_name ];
+            }
+
+            return null;
+        }
+
+        /**
+         * Deprecated Retrieves a single global argument.
+         *
+         * @param string $opt_name Panel opt_name.
+         * @param string $key      Argument name.
+         *
+         * @return mixed
+         * @deprecated No longer using camelCase naming convention and using singular function self::get_args() now.
+         */
+        public static function getArg( string $opt_name = '', string $key = '' ) { // phpcs:ignore WordPress.NamingConventions.ValidFunctionName
+            _deprecated_function( __CLASS__ . '::' . __FUNCTION__, 'Redux 4.3', 'Redux::get_arg( $opt_name, $key )' );
+
+            return self::get_args( $opt_name, $key );
+        }
+
+        /**
+         * Retrieves a single global argument.
+         *
+         * @param string $opt_name Panel opt_name.
+         * @param string $key      Argument name.
+         *
+         * @return mixed|array|null
+         */
+        public static function get_arg( string $opt_name = '', string $key = '' ) {
+            self::check_opt_name( $opt_name );
+
+            if ( ! empty( $opt_name ) && ! empty( $key ) && ! empty( self::$args[ $opt_name ] ) ) {
+                return self::$args[ $opt_name ][ $key ];
+            } else {
+                return null;
+            }
+        }
+
+        /**
+         * Deprecated Retrieves a single option from the database.
+         *
+         * @param string       $opt_name Panel opt_name.
+         * @param string       $key      Option key.
+         * @param string|array $defaults  Default value.
+         *
+         * @return mixed
+         * @deprecated No longer using camelCase naming convention.
+         */
+        public static function getOption( string $opt_name = '', string $key = '', $defaults = '' ) { // phpcs:ignore WordPress.NamingConventions.ValidFunctionName
+            _deprecated_function( __CLASS__ . '::' . __FUNCTION__, 'Redux 4.3', 'Redux::get_option( $opt_name, $key, $default )' );
+
+            return self::get_option( $opt_name, $key, $defaults );
+        }
+
+        /**
+         * Retrieves meta for a given post page, IE WordPress meta values
+         *
+         * @param string $opt_name Panel opt_name.
+         * @param mixed  $the_post Post object to denote the current post, or custom.
+         * @param string $key      Option key.
+         * @param mixed  $defaults Default value.
+         *
+         * @return mixed
+         */
+        public static function get_post_meta( string $opt_name = '', $the_post = array(), string $key = '', $defaults = null ) {
+            self::check_opt_name( $opt_name );
+
+            if ( empty( $opt_name ) ) {
+                return null;
+            }
+
+            global $post;
+
+            $redux = ReduxFrameworkInstances::get_instance( $opt_name );
+
+            $metaboxes = $redux->extensions['metaboxes'];
+
+            if ( null === $defaults || '' === $defaults ) {
+                $defaults = self::get_option( $opt_name, $key );
+            }
+
+            if ( isset( $the_post ) && is_array( $the_post ) ) {
+                $the_post = $post;
+            } elseif ( ! isset( $the_post ) || 0 === $the_post ) {
+                return $defaults;
+            } elseif ( is_numeric( $the_post ) ) {
+                $the_post = get_post( $the_post );
+            } elseif ( ! is_object( $the_post ) ) {
+                $the_post = $post;
+            }
+
+            $defaults = self::get_option( $opt_name, $key );
+
+            return $metaboxes->get_values( $the_post, $key, $defaults );
+        }
+
+        /**
+         * Retrieves a single option from the database.
+         *
+         * @param string $opt_name Panel opt_name.
+         * @param string $key      Option key.
+         * @param mixed  $default  Default value.
+         *
+         * @return mixed
+         */
+        public static function get_option( string $opt_name = '', string $key = '', $default = null ) { // phpcs:ignore Universal.NamingConventions
+            self::check_opt_name( $opt_name );
+
+            if ( ! empty( $opt_name ) && ! empty( $key ) ) {
+                global $$opt_name;
+
+                if ( empty( $$opt_name ) ) {
+                    $values    = get_option( $opt_name );
+                    $$opt_name = $values;
+                } else {
+                    $values = $$opt_name;
+                }
+
+                if ( ! isset( $values[ $key ] ) ) {
+                    if ( null === $default ) {
+                        $field = self::get_field( $opt_name, $key );
+
+                        if ( false !== $field ) {
+                            $defaults_class = new Redux_Options_Defaults();
+                            $sections       = self::construct_sections( $opt_name );
+                            $defaults       = $defaults_class->default_values( $opt_name, $sections );
+
+                            if ( isset( $defaults[ $key ] ) ) {
+                                $default = $defaults[ $key ];
+                            }
+                        }
+                    }
+                }
+
+                if ( ! empty( $subkeys ) && is_array( $subkeys ) ) {
+                    $value = $default;
+
+                    if ( isset( $values[ $key ] ) ) {
+                        $count = count( $subkeys );
+
+                        if ( 1 === $count ) {
+                            $value = $values[ $key ][ $subkeys[1] ] ?? $default;
+                        } elseif ( 2 === $count ) {
+                            if ( isset( $values[ $key ][ $subkeys[1] ] ) ) {
+                                $value = $values[ $key ][ $subkeys[1] ][ $subkeys[2] ] ?? $default;
+                            }
+                        } elseif ( 3 === $count ) {
+                            if ( isset( $values[ $key ][ $subkeys[1] ] ) ) {
+                                if ( isset( $values[ $key ][ $subkeys[1] ][ $subkeys[2] ] ) ) {
+                                    $value = $values[ $key ][ $subkeys[1] ][ $subkeys[2] ][ $subkeys[3] ] ?? $default;
+                                }
+                            }
+                        }
+                    }
+                } else {
+                    $value = $values[ $key ] ?? $default;
+                }
+
+                return $value;
+            } else {
+                return false;
+            }
+        }
+
+        /**
+         * Deprecated Sets an option into the database.
+         *
+         * @param string $opt_name Panel opt_name.
+         * @param string $key      Option key.
+         * @param mixed  $option   Option value.
+         *
+         * @return bool
+         * @deprecated No longer using camelCase naming convention.
+         */
+        public static function setOption( string $opt_name = '', string $key = '', $option = '' ): bool { // phpcs:ignore WordPress.NamingConventions.ValidFunctionName
+            _deprecated_function( __CLASS__ . '::' . __FUNCTION__, 'Redux 4.3', 'Redux::set_option( $opt_name, $key, $option )' );
+
+            if ( '' !== $opt_name ) {
+                Redux_Functions_Ex::record_caller( $opt_name );
+            }
+
+            return self::set_option( $opt_name, $key, $option );
+        }
+
+        /**
+         * Sets an option into the database.
+         *
+         * @param string $opt_name Panel opt_name.
+         * @param string $key      Option key.
+         * @param mixed  $option   Option value.
+         *
+         * @return bool
+         */
+        public static function set_option( string $opt_name = '', string $key = '', $option = '' ): bool {
+            if ( '' === $key ) {
+                return false;
+            }
+
+            self::check_opt_name( $opt_name );
+
+            Redux_Functions_Ex::record_caller( $opt_name );
+
+            if ( '' !== $opt_name ) {
+                $redux         = get_option( $opt_name );
+                $redux[ $key ] = $option;
+
+                return update_option( $opt_name, $redux );
+            } else {
+                return false;
+            }
+        }
+
+        /**
+         * Get the next available priority for field/section.
+         *
+         * @param string $opt_name Panel opt_name.
+         * @param string $type     Field or section.
+         *
+         * @return mixed
+         */
+        public static function get_priority( string $opt_name, string $type ) {
+            $priority                              = self::$priority[ $opt_name ][ $type ];
+            self::$priority[ $opt_name ][ $type ] += 1;
+
+            return $priority;
+        }
+
+        /**
+         * Check opt_name integrity.
+         *
+         * @param string $opt_name Panel opt_name.
+         */
+        public static function check_opt_name( string $opt_name = '' ) {
+            if ( empty( $opt_name ) || is_array( $opt_name ) ) {
+                return;
+            }
+
+            if ( ! isset( self::$sections[ $opt_name ] ) ) {
+                self::$sections[ $opt_name ]             = array();
+                self::$priority[ $opt_name ]['sections'] = 1;
+            }
+
+            if ( ! isset( self::$args[ $opt_name ] ) ) {
+                self::$args[ $opt_name ]             = array();
+                self::$priority[ $opt_name ]['args'] = 1;
+            }
+
+            if ( ! isset( self::$fields[ $opt_name ] ) ) {
+                self::$fields[ $opt_name ]             = array();
+                self::$priority[ $opt_name ]['fields'] = 1;
+            }
+
+            if ( ! isset( self::$help[ $opt_name ] ) ) {
+                self::$help[ $opt_name ]             = array();
+                self::$priority[ $opt_name ]['help'] = 1;
+            }
+
+            if ( ! isset( self::$errors[ $opt_name ] ) ) {
+                self::$errors[ $opt_name ] = array();
+            }
+
+            if ( ! isset( self::$init[ $opt_name ] ) ) {
+                self::$init[ $opt_name ] = false;
+            }
+        }
+
+        /**
+         * Retrieve metadata from a file. Based on WP Core's get_file_data function
+         *
+         * @param string $file Path to the file.
+         *
+         * @return string
+         * @since 2.1.1
+         */
+        public static function get_file_version( string $file ): string {
+            $data = get_file_data( $file, array( 'version' ), 'plugin' );
+
+            return $data[0];
+        }
+
+        /**
+         * Verify extension class name.
+         *
+         * @param string $opt_name   Panel opt_name.
+         * @param string $name       extension name.
+         * @param string $class_file Extension class file.
+         */
+        private static function check_extension_class_file( string $opt_name, string $name = '', string $class_file = '' ) {
+            $instance = null;
+
+            if ( file_exists( $class_file ) ) {
+                self::$uses_extensions[ $opt_name ] = self::$uses_extensions[ $opt_name ] ?? array();
+
+                if ( ! in_array( $name, self::$uses_extensions[ $opt_name ], true ) ) {
+                    self::$uses_extensions[ $opt_name ][] = $name;
+                }
+
+                self::$extensions[ $name ] = self::$extensions[ $name ] ?? array();
+
+                $version = Redux_Helpers::get_template_version( $class_file );
+
+                if ( empty( $version ) && ! empty( $instance ) ) {
+                    if ( isset( $instance->version ) ) {
+                        $version = $instance->version;
+                    }
+                }
+                self::$extensions[ $name ][ $version ] = self::$extensions[ $name ][ $version ] ?? $class_file;
+
+                $new_name  = str_replace( '_', '-', $name );
+                $api_check = str_replace(
+                    array(
+                        'extension_' . $name,
+                        'class-redux-extension-' . $new_name,
+                    ),
+                    array(
+                        $name . '_api',
+                        'class-redux-' . $new_name . '-api',
+                    ),
+                    $class_file
+                );
+
+                if ( file_exists( $api_check ) && ! class_exists( 'Redux_' . ucfirst( $name ) ) ) {
+                    include_once $api_check;
+                }
+            }
+        }
+
+        /**
+         * Deprecated Sets all extensions in a path.
+         *
+         * @param string $opt_name Panel opt_name.
+         * @param string $path     Path to extension folder.
+         *
+         * @deprecated No longer using camelCase naming convention.
+         */
+        public static function setExtensions( string $opt_name, string $path ) { // phpcs:ignore WordPress.NamingConventions.ValidFunctionName
+            _deprecated_function( __CLASS__ . '::' . __FUNCTION__, 'Redux 4.3', 'Redux::get_extensions( $opt_name, $path )' );
+
+            if ( '' !== $opt_name ) {
+                Redux_Functions_Ex::record_caller( $opt_name );
+            }
+
+            self::set_extensions( $opt_name, $path );
+        }
+
+        /**
+         * Sets all extensions in a path.
+         *
+         * @param string $opt_name Panel opt_name.
+         * @param string $path     Path to extension folder.
+         * @param bool   $force    Make extension reload.
+         */
+        public static function set_extensions( string $opt_name, string $path, bool $force = false ) {
+            if ( '' === $path || '' === $opt_name ) {
+                return;
+            }
+
+            self::check_opt_name( $opt_name );
+
+            Redux_Functions_Ex::record_caller( $opt_name );
+
+            if ( is_dir( $path ) ) {
+                $path   = trailingslashit( $path );
+                $folder = str_replace( '.php', '', basename( $path ) );
+
+                $folder_fix = str_replace( '_', '-', $folder );
+
+                $files = array(
+                    $path . 'extension_' . $folder . '.php',
+                    $path . 'class-redux-extension-' . $folder_fix . '.php',
+                );
+
+                $ext_file = Redux_Functions::file_exists_ex( $files );
+
+                if ( $ext_file ) {
+                    self::check_extension_class_file( $opt_name, $folder, $ext_file );
+                } else {
+                    $folders = scandir( $path );
+
+                    foreach ( $folders as $folder ) {
+                        if ( '.' === $folder || '..' === $folder ) {
+                            continue;
+                        }
+
+                        if ( is_dir( $path . $folder ) ) {
+                            self::set_extensions( $opt_name, $path . $folder );
+                        }
+                    }
+                }
+            } elseif ( file_exists( $path ) ) {
+                $name = explode( 'extension_', basename( $path ) );
+                if ( ! empty( $name[1] ) ) {
+                    $name = str_replace( '.php', '', $name[1] );
+                    self::check_extension_class_file( $opt_name, $name, $path );
+                }
+            }
+
+            self::$extension_paths[ $opt_name ] = $path;
+
+            if ( true === $force ) {
+                if ( isset( self::$uses_extensions[ $opt_name ] ) && ! empty( self::$uses_extensions[ $opt_name ] ) ) {
+                    $redux = self::instance( $opt_name );
+
+                    if ( isset( $redux ) ) {
+                        self::load_extensions( $redux );
+                    }
+                }
+            }
+        }
+
+        /**
+         * Retrieves all loaded extensions.
+         */
+        private static function get_all_extension() {
+            $redux = self::all_instances();
+
+            foreach ( $redux as $instance ) {
+                if ( ! empty( self::$uses_extensions[ $instance['args']['opt_name'] ] ) ) {
+                    continue;
+                }
+                if ( ! empty( $instance['extensions'] ) ) {
+                    self::get_instance_extension( $instance['args']['opt_name'], $instance );
+                }
+            }
+        }
+
+        /**
+         * Gets all loaded extensions for the passed ReduxFramework instance.
+         *
+         * @param string      $opt_name Panel opt_name.
+         * @param object|null $instance ReduxFramework instance.
+         */
+        public static function get_instance_extension( string $opt_name, $instance ) {
+            if ( ! empty( self::$uses_extensions[ $opt_name ] ) || empty( $opt_name ) ) {
+                return;
+            }
+
+            if ( empty( $instance ) ) {
+                $instance = self::instance( $opt_name );
+            }
+
+            if ( empty( $instance ) || empty( $instance->extensions ) ) {
+                return;
+            }
+
+            foreach ( $instance->extensions as $name => $extension ) {
+                if ( 'widget_areas' === $name ) {
+                    new Redux_Widget_Areas( $instance );
+                }
+
+                if ( isset( self::$uses_extensions[ $opt_name ][ $name ] ) ) {
+                    continue;
+                }
+
+                if ( isset( $extension->extension_dir ) ) {
+                    self::set_extensions( $opt_name, str_replace( $name, '', $extension->extension_dir ) );
+                }
+            }
+        }
+
+        /**
+         * Deprecated Gets loaded extensions.
+         *
+         * @param string $opt_name Panel opt_name.
+         * @param string $key      Extension name.
+         *
+         * @return array|bool|mixed
+         * @deprecated No longer using camelCase naming convention.
+         */
+        public static function getExtensions( string $opt_name = '', string $key = '' ) { // phpcs:ignore WordPress.NamingConventions.ValidFunctionName
+            _deprecated_function( __CLASS__ . '::' . __FUNCTION__, 'Redux 4.0.0', 'self::get_extensions( $opt_name, $key )' );
+
+            return self::get_extensions( $opt_name, $key );
+        }
+
+        /**
+         * Gets loaded extensions.
+         *
+         * @param string $opt_name Panel opt_name.
+         * @param string $key      Extension name.
+         *
+         * @return array|bool|mixed
+         */
+        public static function get_extensions( string $opt_name = '', string $key = '' ) {
+            if ( empty( $opt_name ) ) {
+                self::get_all_extension();
+
+                if ( empty( $key ) ) {
+                    return self::$extension_paths;
+                } elseif ( isset( self::$extension_paths[ $key ] ) ) {
+                        return self::$extension_paths[ $key ];
+                }
+            } else {
+                if ( empty( self::$uses_extensions[ $opt_name ] ) ) {
+                    self::get_instance_extension( $opt_name, null );
+                }
+
+                if ( empty( self::$uses_extensions[ $opt_name ] ) ) {
+                    return false;
+                }
+
+                $instance_extensions = array();
+
+                foreach ( self::$uses_extensions[ $opt_name ] as $extension ) {
+                    $class_file = end( self::$extensions[ $extension ] );
+                    $directory  = explode( DIRECTORY_SEPARATOR, $class_file );
+                    array_pop( $directory );
+                    $directory       = trailingslashit( join( DIRECTORY_SEPARATOR, $directory ) );
+                    $name            = str_replace( '.php', '', basename( $extension ) );
+                    $extension_class = 'Redux_Extension_' . $name;
+                    $the_data        = array(
+                        'path'    => $class_file,
+                        'dir'     => $directory,
+                        'class'   => $extension_class,
+                        'version' => Redux_Helpers::get_template_version( $class_file ),
+                    );
+
+                    if ( is_dir( $the_data['dir'] . $extension ) ) {
+                        $test_path = trailingslashit( $the_data['dir'] . $extension );
+                        if ( file_exists( $test_path . 'field_' . str_replace( '-', '', $extension ) . '.php' ) ) {
+                            $the_data['field'] = $test_path . 'field_' . str_replace( '-', '', $extension ) . '.php';
+                        }
+                        // Old extensions!
+                        if ( file_exists( $test_path . str_replace( '-', '', $extension ) . '.php' ) ) {
+                            $the_data['field'] = $test_path . str_replace( '-', '', $extension ) . '.php';
+                        }
+                    }
+                    $instance_extensions[ $extension ] = $the_data;
+                }
+
+                return $instance_extensions;
+            }
+
+            return false;
+        }
+
+        /**
+         * Method to disables Redux demo mode popup.
+         */
+        public static function disable_demo() {
+            add_action( 'ReduxFrameworkPlugin_admin_notice', 'Redux::remove_demo' );
+            add_action( 'redux_framework_plugin_admin_notice', 'Redux::remove_demo' );
+        }
+
+        /**
+         * Callback used by self::disable_demo() to remove the demo mode notice from Redux.
+         */
+        public static function remove_demo() {
+            update_option( 'ReduxFrameworkPlugin_ACTIVATED_NOTICES', '' );
+        }
+
+        /**
+         * Function which forces a panel/page to render.
+         *
+         * @param string|object $redux Panel opt_name or Redux object.
+         */
+        public static function render( $redux = '' ) {
+            if ( is_string( $redux ) ) {
+                $redux = Redux_Instances::get_instance( $redux );
+                if ( empty( $redux ) ) {
+                    return;
+                }
+            }
+            $enqueue = new Redux_Enqueue( $redux );
+            $enqueue->init();
+            $panel = new Redux_Panel( $redux );
+            $panel->init();
+        }
+    }
+
+    Redux::load();
 }

Spacing +123 added lines, -125 removed lines

@@ -246,11 +246,11 @@ 
 						require_once $extension['field'];
 					}
 
-					if ( ! isset( $redux_framework->extensions[ $name ] ) ) {
+					if ( ! isset( $redux_framework->extensions[$name] ) ) {
 						$field_classes = array( $extension['class'], $old_class );
 						$ext_class     = Redux_Functions::class_exists_ex( $field_classes );
 						if ( false !== $ext_class ) {
-							$redux_framework->extensions[ $name ] = new $ext_class( $redux_framework );
+							$redux_framework->extensions[$name] = new $ext_class( $redux_framework );
 						} elseif ( is_admin() && true === $redux_framework->args['dev_mode'] ) {
 							echo '<div id="message" class="error"><p>No class named <strong>' . esc_html( $extension['class'] ) . '</strong> exists. Please verify your extension path.</p></div>';
 						}
@@ -283,11 +283,11 @@ 
 		 * @return bool|mixed
 		 */
 		public static function extension_path( string $extension, bool $folder = true ) {
-			if ( ! isset( self::$extensions[ $extension ] ) ) {
+			if ( ! isset( self::$extensions[$extension] ) ) {
 				return false;
 			}
 
-			$path = end( self::$extensions[ $extension ] );
+			$path = end( self::$extensions[$extension] );
 
 			if ( ! $folder ) {
 				return $path;
@@ -330,16 +330,16 @@ 
 				}
 			}
 
-			if ( class_exists( 'Redux_Options_Defaults' ) && ! isset( self::$options_defaults[ $opt_name ] ) ) {
+			if ( class_exists( 'Redux_Options_Defaults' ) && ! isset( self::$options_defaults[$opt_name] ) ) {
 				$sections                            = self::construct_sections( $opt_name );
 				$wordpress_data                      = ( ! class_exists( 'Redux_WordPress_Data' ) ) ? null : new Redux_WordPress_Data( $opt_name );
 				$options_defaults_class              = new Redux_Options_Defaults();
-				self::$options_defaults[ $opt_name ] = $options_defaults_class->default_values( $opt_name, $sections, $wordpress_data );
-				if ( ! isset( self::$args[ $opt_name ]['global_variable'] ) || ( '' === self::$args[ $opt_name ]['global_variable'] && false !== self::$args[ $opt_name ]['global_variable'] ) ) {
-					self::$args[ $opt_name ]['global_variable'] = str_replace( '-', '_', $opt_name );
+				self::$options_defaults[$opt_name] = $options_defaults_class->default_values( $opt_name, $sections, $wordpress_data );
+				if ( ! isset( self::$args[$opt_name]['global_variable'] ) || ( '' === self::$args[$opt_name]['global_variable'] && false !== self::$args[$opt_name]['global_variable'] ) ) {
+					self::$args[$opt_name]['global_variable'] = str_replace( '-', '_', $opt_name );
 				}
-				if ( isset( self::$args[ $opt_name ]['global_variable'] ) && self::$args[ $opt_name ]['global_variable'] ) {
-					$option_global = self::$args[ $opt_name ]['global_variable'];
+				if ( isset( self::$args[$opt_name]['global_variable'] ) && self::$args[$opt_name]['global_variable'] ) {
+					$option_global = self::$args[$opt_name]['global_variable'];
 
 					/**
 					 * Filter 'redux/options/{opt_name}/global_variable'
@@ -349,7 +349,7 @@ 
 					global $$option_global;
 
 					// phpcs:ignore WordPress.NamingConventions.ValidHookName
-					$$option_global = apply_filters( 'redux/options/' . $opt_name . '/global_variable', self::$options_defaults[ $opt_name ] );
+					$$option_global = apply_filters( 'redux/options/' . $opt_name . '/global_variable', self::$options_defaults[$opt_name] );
 				}
 			}
 		}
@@ -367,7 +367,7 @@ 
 			}
 
 			if ( class_exists( 'ReduxFramework' ) ) {
-				if ( isset( self::$init[ $opt_name ] ) && ! empty( self::$init[ $opt_name ] ) ) {
+				if ( isset( self::$init[$opt_name] ) && ! empty( self::$init[$opt_name] ) ) {
 					return;
 				}
 			} else {
@@ -380,7 +380,7 @@ 
 
 			Redux_Functions_Ex::record_caller( $opt_name );
 
-			if ( isset( self::$init[ $opt_name ] ) && 1 === self::$init[ $opt_name ] ) {
+			if ( isset( self::$init[$opt_name] ) && 1 === self::$init[$opt_name] ) {
 				return;
 			}
 
@@ -389,15 +389,15 @@ 
 			$args     = self::construct_args( $opt_name );
 			$sections = self::construct_sections( $opt_name );
 
-			if ( isset( self::$uses_extensions[ $opt_name ] ) && ! empty( self::$uses_extensions[ $opt_name ] ) ) {
+			if ( isset( self::$uses_extensions[$opt_name] ) && ! empty( self::$uses_extensions[$opt_name] ) ) {
 				add_action( "redux/extensions/$opt_name/before", array( 'Redux', 'load_extensions' ), 0 );
 			}
 
 			$redux                   = new ReduxFramework( $sections, $args );
-			self::$init[ $opt_name ] = 1;
+			self::$init[$opt_name] = 1;
 
 			if ( isset( $redux->args['opt_name'] ) && $redux->args['opt_name'] !== $opt_name ) {
-				self::$init[ $redux->args['opt_name'] ] = 1;
+				self::$init[$redux->args['opt_name']] = 1;
 			}
 		}
 
@@ -422,7 +422,7 @@ 
 		public static function create_redux() {
 			foreach ( self::$sections as $opt_name => $the_sections ) {
 				if ( ! empty( $the_sections ) ) {
-					if ( ! self::$init[ $opt_name ] ) {
+					if ( ! self::$init[$opt_name] ) {
 						self::load_redux( $opt_name );
 					}
 				}
@@ -437,7 +437,7 @@ 
 		 * @return array|mixed
 		 */
 		public static function construct_args( string $opt_name ) {
-			$args             = self::$args[ $opt_name ] ?? array();
+			$args             = self::$args[$opt_name] ?? array();
 			$args['opt_name'] = $opt_name;
 
 			if ( ! isset( $args['menu_title'] ) ) {
@@ -465,19 +465,19 @@ 
 		public static function construct_sections( string $opt_name ): array {
 			$sections = array();
 
-			if ( ! isset( self::$sections[ $opt_name ] ) ) {
+			if ( ! isset( self::$sections[$opt_name] ) ) {
 				return $sections;
 			}
 
-			foreach ( self::$sections[ $opt_name ] as $section_id => $section ) {
+			foreach ( self::$sections[$opt_name] as $section_id => $section ) {
 				$section['fields'] = self::construct_fields( $opt_name, $section_id );
 				$p                 = $section['priority'];
 
-				while ( isset( $sections[ $p ] ) ) {
+				while ( isset( $sections[$p] ) ) {
 					++$p;
 				}
 
-				$sections[ $p ] = $section;
+				$sections[$p] = $section;
 			}
 
 			ksort( $sections );
@@ -496,16 +496,16 @@ 
 		public static function construct_fields( string $opt_name = '', string $section_id = '' ): array {
 			$fields = array();
 
-			if ( ! empty( self::$fields[ $opt_name ] ) ) {
-				foreach ( self::$fields[ $opt_name ] as $field ) {
+			if ( ! empty( self::$fields[$opt_name] ) ) {
+				foreach ( self::$fields[$opt_name] as $field ) {
 					if ( $field['section_id'] === $section_id ) {
 						$p = esc_html( $field['priority'] );
 
-						while ( isset( $fields[ $p ] ) ) {
+						while ( isset( $fields[$p] ) ) {
 							echo intval( $p++ );
 						}
 
-						$fields[ $p ] = $field;
+						$fields[$p] = $field;
 					}
 				}
 			}
@@ -542,11 +542,11 @@ 
 			self::check_opt_name( $opt_name );
 
 			if ( ! empty( $opt_name ) && ! empty( $id ) ) {
-				if ( ! isset( self::$sections[ $opt_name ][ $id ] ) ) {
+				if ( ! isset( self::$sections[$opt_name][$id] ) ) {
 					$id = Redux_Core::strtolower( sanitize_html_class( $id ) );
 				}
 
-				return self::$sections[ $opt_name ][ $id ] ?? false;
+				return self::$sections[$opt_name][$id] ?? false;
 			}
 
 			return false;
@@ -614,8 +614,8 @@ 
 		public static function get_sections( string $opt_name = '' ) {
 			self::check_opt_name( $opt_name );
 
-			if ( ! empty( self::$sections[ $opt_name ] ) ) {
-				return self::$sections[ $opt_name ];
+			if ( ! empty( self::$sections[$opt_name] ) ) {
+				return self::$sections[$opt_name];
 			}
 
 			return array();
@@ -651,28 +651,27 @@ 
 			if ( '' !== $opt_name && '' !== $id ) {
 				Redux_Functions_Ex::record_caller( $opt_name );
 
-				if ( isset( self::$sections[ $opt_name ][ $id ] ) ) {
+				if ( isset( self::$sections[$opt_name][$id] ) ) {
 					$priority = '';
 
-					foreach ( self::$sections[ $opt_name ] as $key => $section ) {
+					foreach ( self::$sections[$opt_name] as $key => $section ) {
 						if ( $key === $id ) {
-							$priority = $section['priority'];
-							--self::$priority[ $opt_name ]['sections'];
-							unset( self::$sections[ $opt_name ][ $id ] );
+							$priority = $section['priority'];--self::$priority[$opt_name]['sections'];
+							unset( self::$sections[$opt_name][$id] );
 							continue;
 						}
 						if ( '' !== $priority ) {
 							$new_priority                        = $section['priority'];
 							$section['priority']                 = $priority;
-							self::$sections[ $opt_name ][ $key ] = $section;
+							self::$sections[$opt_name][$key] = $section;
 							$priority                            = $new_priority;
 						}
 					}
 
-					if ( isset( self::$fields[ $opt_name ] ) && ! empty( self::$fields[ $opt_name ] ) && true === $fields ) {
-						foreach ( self::$fields[ $opt_name ] as $key => $field ) {
+					if ( isset( self::$fields[$opt_name] ) && ! empty( self::$fields[$opt_name] ) && true === $fields ) {
+						foreach ( self::$fields[$opt_name] as $key => $field ) {
 							if ( $field['section_id'] === $id ) {
-								unset( self::$fields[ $opt_name ][ $key ] );
+								unset( self::$fields[$opt_name][$key] );
 							}
 						}
 					}
@@ -725,24 +724,24 @@ 
 					$section['id'] = time();
 				}
 
-				if ( isset( self::$sections[ $opt_name ][ $section['id'] ] ) && ! $replace ) {
+				if ( isset( self::$sections[$opt_name][$section['id']] ) && ! $replace ) {
 					$orig = $section['id'];
 					$i    = 0;
 
-					while ( isset( self::$sections[ $opt_name ][ $section['id'] ] ) ) {
+					while ( isset( self::$sections[$opt_name][$section['id']] ) ) {
 						$section['id'] = $orig . '_' . $i;
 						++$i;
 					}
-				} elseif ( isset( self::$sections[ $opt_name ][ $section['id'] ] ) && $replace ) {
+				} elseif ( isset( self::$sections[$opt_name][$section['id']] ) && $replace ) {
 					// If replace is set, let's update the default values with these!
 					$fields = false;
-					if ( isset( self::$sections[ $opt_name ][ $section['id'] ]['fields'] ) && ! empty( self::$sections[ $opt_name ][ $section['id'] ]['fields'] ) ) {
-						$fields = self::$sections[ $opt_name ][ $section['id'] ]['fields'];
+					if ( isset( self::$sections[$opt_name][$section['id']]['fields'] ) && ! empty( self::$sections[$opt_name][$section['id']]['fields'] ) ) {
+						$fields = self::$sections[$opt_name][$section['id']]['fields'];
 					}
-					self::$sections[ $opt_name ][ $section['id'] ] = wp_parse_args( $section, self::$sections[ $opt_name ][ $section['id'] ] );
+					self::$sections[$opt_name][$section['id']] = wp_parse_args( $section, self::$sections[$opt_name][$section['id']] );
 					if ( ! empty( $fields ) ) {
-						if ( ! isset( self::$sections[ $opt_name ][ $section['id'] ]['fields'] ) || ( isset( self::$sections[ $opt_name ][ $section['id'] ]['fields'] ) && empty( self::$sections[ $opt_name ][ $section['id'] ]['fields'] ) ) ) {
-							self::$sections[ $opt_name ][ $section['id'] ]['fields'] = $fields;
+						if ( ! isset( self::$sections[$opt_name][$section['id']]['fields'] ) || ( isset( self::$sections[$opt_name][$section['id']]['fields'] ) && empty( self::$sections[$opt_name][$section['id']]['fields'] ) ) ) {
+							self::$sections[$opt_name][$section['id']]['fields'] = $fields;
 						}
 					}
 				}
@@ -750,7 +749,7 @@ 
 
 			if ( ! empty( $opt_name ) && is_array( $section ) && ! empty( $section ) ) {
 				if ( ! isset( $section['id'] ) && ! isset( $section['title'] ) ) {
-					self::$errors[ $opt_name ]['section']['missing_title'] = esc_html__( 'Unable to create a section due to missing id and title.', 'redux-framework' );
+					self::$errors[$opt_name]['section']['missing_title'] = esc_html__( 'Unable to create a section due to missing id and title.', 'redux-framework' );
 
 					return;
 				}
@@ -765,9 +764,9 @@ 
 					}
 					unset( $section['fields'] );
 				}
-				self::$sections[ $opt_name ][ $section['id'] ] = $section;
+				self::$sections[$opt_name][$section['id']] = $section;
 			} else {
-				self::$errors[ $opt_name ]['section']['empty'] = esc_html__( 'Unable to create a section due an empty section array or the section variable passed was not an array.', 'redux-framework' );
+				self::$errors[$opt_name]['section']['empty'] = esc_html__( 'Unable to create a section due an empty section array or the section variable passed was not an array.', 'redux-framework' );
 			}
 		}
 
@@ -803,8 +802,8 @@ 
 			if ( '' !== $opt_name && '' !== $id ) {
 				Redux_Functions_Ex::record_caller( $opt_name );
 
-				if ( isset( self::$sections[ $opt_name ][ $id ] ) ) {
-					self::$sections[ $opt_name ][ $id ]['hidden'] = $hide;
+				if ( isset( self::$sections[$opt_name][$id] ) ) {
+					self::$sections[$opt_name][$id]['hidden'] = $hide;
 				}
 			}
 		}
@@ -854,7 +853,7 @@ 
 			self::check_opt_name( $opt_name );
 
 			if ( ! empty( $opt_name ) && ! empty( $id ) ) {
-				return self::$fields[ $opt_name ][ $id ] ?? false;
+				return self::$fields[$opt_name][$id] ?? false;
 			}
 
 			return false;
@@ -890,13 +889,13 @@ 
 			self::check_opt_name( $opt_name );
 
 			if ( '' !== $opt_name && '' !== $id ) {
-				if ( isset( self::$fields[ $opt_name ][ $id ] ) ) {
+				if ( isset( self::$fields[$opt_name][$id] ) ) {
 					Redux_Functions_Ex::record_caller( $opt_name );
 
 					if ( ! $hide ) {
-						self::$fields[ $opt_name ][ $id ]['class'] = str_replace( 'hidden', '', self::$fields[ $opt_name ][ $id ]['class'] );
+						self::$fields[$opt_name][$id]['class'] = str_replace( 'hidden', '', self::$fields[$opt_name][$id]['class'] );
 					} else {
-						self::$fields[ $opt_name ][ $id ]['class'] .= 'hidden';
+						self::$fields[$opt_name][$id]['class'] .= 'hidden';
 					}
 				}
 			}
@@ -953,7 +952,7 @@ 
 			}
 			$field['id'] = $field['id'] ?? "{$opt_name}_{$section_id}_{$field['type']}_" . wp_rand( 1, 9999 );
 
-			self::$fields[ $opt_name ][ $field['id'] ] = $field;
+			self::$fields[$opt_name][$field['id']] = $field;
 		}
 
 		/**
@@ -1013,19 +1012,18 @@ 
 
 				Redux_Functions_Ex::record_caller( $opt_name );
 
-				if ( isset( self::$fields[ $opt_name ][ $id ] ) ) {
-					foreach ( self::$fields[ $opt_name ] as $key => $field ) {
+				if ( isset( self::$fields[$opt_name][$id] ) ) {
+					foreach ( self::$fields[$opt_name] as $key => $field ) {
 						if ( $key === $id ) {
-							$priority = $field['priority'];
-							--self::$priority[ $opt_name ]['fields'];
-							unset( self::$fields[ $opt_name ][ $id ] );
+							$priority = $field['priority'];--self::$priority[$opt_name]['fields'];
+							unset( self::$fields[$opt_name][$id] );
 							continue;
 						}
 
 						if ( isset( $priority ) && '' !== $priority ) {
 							$new_priority                      = $field['priority'];
 							$field['priority']                 = $priority;
-							self::$fields[ $opt_name ][ $key ] = $field;
+							self::$fields[$opt_name][$key] = $field;
 							$priority                          = $new_priority;
 						}
 					}
@@ -1063,15 +1061,15 @@ 
 			self::check_opt_name( $opt_name );
 
 			if ( '' !== $opt_name ) {
-				if ( ! isset( self::$args[ $opt_name ]['help_tabs'] ) ) {
-					self::$args[ $opt_name ]['help_tabs'] = array();
+				if ( ! isset( self::$args[$opt_name]['help_tabs'] ) ) {
+					self::$args[$opt_name]['help_tabs'] = array();
 				}
 
 				if ( isset( $tab['id'] ) ) {
-					self::$args[ $opt_name ]['help_tabs'][] = $tab;
+					self::$args[$opt_name]['help_tabs'][] = $tab;
 				} elseif ( is_array( end( $tab ) ) ) {
 					foreach ( $tab as $tab_item ) {
-						self::$args[ $opt_name ]['help_tabs'][] = $tab_item;
+						self::$args[$opt_name]['help_tabs'][] = $tab_item;
 					}
 				}
 			}
@@ -1103,7 +1101,7 @@ 
 			}
 			self::check_opt_name( $opt_name );
 
-			self::$args[ $opt_name ]['help_sidebar'] = $content;
+			self::$args[$opt_name]['help_sidebar'] = $content;
 		}
 
 		/**
@@ -1141,10 +1139,10 @@ 
 			Redux_Functions_Ex::record_caller( $opt_name );
 
 			if ( is_array( $args ) ) {
-				if ( isset( self::$args[ $opt_name ]['clearArgs'] ) ) {
-					self::$args[ $opt_name ] = array();
+				if ( isset( self::$args[$opt_name]['clearArgs'] ) ) {
+					self::$args[$opt_name] = array();
 				}
-				self::$args[ $opt_name ] = wp_parse_args( $args, self::$args[ $opt_name ] );
+				self::$args[$opt_name] = wp_parse_args( $args, self::$args[$opt_name] );
 			}
 		}
 
@@ -1163,7 +1161,7 @@ 
 
 			Redux_Functions_Ex::record_caller( $opt_name );
 
-			self::$args[ $opt_name ]['developer'] = $arg;
+			self::$args[$opt_name]['developer'] = $arg;
 		}
 
 		/**
@@ -1192,13 +1190,13 @@ 
 			self::check_opt_name( $opt_name );
 
 			if ( ! empty( $opt_name ) && ! empty( $key ) ) {
-				if ( ! empty( self::$args[ $opt_name ] ) ) {
-					return self::$args[ $opt_name ][ $key ];
+				if ( ! empty( self::$args[$opt_name] ) ) {
+					return self::$args[$opt_name][$key];
 				} else {
 					return null;
 				}
-			} elseif ( ! empty( $opt_name ) && ! empty( self::$args[ $opt_name ] ) ) {
-				return self::$args[ $opt_name ];
+			} elseif ( ! empty( $opt_name ) && ! empty( self::$args[$opt_name] ) ) {
+				return self::$args[$opt_name];
 			}
 
 			return null;
@@ -1230,8 +1228,8 @@ 
 		public static function get_arg( string $opt_name = '', string $key = '' ) {
 			self::check_opt_name( $opt_name );
 
-			if ( ! empty( $opt_name ) && ! empty( $key ) && ! empty( self::$args[ $opt_name ] ) ) {
-				return self::$args[ $opt_name ][ $key ];
+			if ( ! empty( $opt_name ) && ! empty( $key ) && ! empty( self::$args[$opt_name] ) ) {
+				return self::$args[$opt_name][$key];
 			} else {
 				return null;
 			}
@@ -1317,7 +1315,7 @@ 
 					$values = $$opt_name;
 				}
 
-				if ( ! isset( $values[ $key ] ) ) {
+				if ( ! isset( $values[$key] ) ) {
 					if ( null === $default ) {
 						$field = self::get_field( $opt_name, $key );
 
@@ -1326,8 +1324,8 @@ 
 							$sections       = self::construct_sections( $opt_name );
 							$defaults       = $defaults_class->default_values( $opt_name, $sections );
 
-							if ( isset( $defaults[ $key ] ) ) {
-								$default = $defaults[ $key ];
+							if ( isset( $defaults[$key] ) ) {
+								$default = $defaults[$key];
 							}
 						}
 					}
@@ -1336,25 +1334,25 @@ 
 				if ( ! empty( $subkeys ) && is_array( $subkeys ) ) {
 					$value = $default;
 
-					if ( isset( $values[ $key ] ) ) {
+					if ( isset( $values[$key] ) ) {
 						$count = count( $subkeys );
 
 						if ( 1 === $count ) {
-							$value = $values[ $key ][ $subkeys[1] ] ?? $default;
+							$value = $values[$key][$subkeys[1]] ?? $default;
 						} elseif ( 2 === $count ) {
-							if ( isset( $values[ $key ][ $subkeys[1] ] ) ) {
-								$value = $values[ $key ][ $subkeys[1] ][ $subkeys[2] ] ?? $default;
+							if ( isset( $values[$key][$subkeys[1]] ) ) {
+								$value = $values[$key][$subkeys[1]][$subkeys[2]] ?? $default;
 							}
 						} elseif ( 3 === $count ) {
-							if ( isset( $values[ $key ][ $subkeys[1] ] ) ) {
-								if ( isset( $values[ $key ][ $subkeys[1] ][ $subkeys[2] ] ) ) {
-									$value = $values[ $key ][ $subkeys[1] ][ $subkeys[2] ][ $subkeys[3] ] ?? $default;
+							if ( isset( $values[$key][$subkeys[1]] ) ) {
+								if ( isset( $values[$key][$subkeys[1]][$subkeys[2]] ) ) {
+									$value = $values[$key][$subkeys[1]][$subkeys[2]][$subkeys[3]] ?? $default;
 								}
 							}
 						}
 					}
 				} else {
-					$value = $values[ $key ] ?? $default;
+					$value = $values[$key] ?? $default;
 				}
 
 				return $value;
@@ -1403,7 +1401,7 @@ 
 
 			if ( '' !== $opt_name ) {
 				$redux         = get_option( $opt_name );
-				$redux[ $key ] = $option;
+				$redux[$key] = $option;
 
 				return update_option( $opt_name, $redux );
 			} else {
@@ -1420,8 +1418,8 @@ 
 		 * @return mixed
 		 */
 		public static function get_priority( string $opt_name, string $type ) {
-			$priority                              = self::$priority[ $opt_name ][ $type ];
-			self::$priority[ $opt_name ][ $type ] += 1;
+			$priority                              = self::$priority[$opt_name][$type];
+			self::$priority[$opt_name][$type] += 1;
 
 			return $priority;
 		}
@@ -1436,32 +1434,32 @@ 
 				return;
 			}
 
-			if ( ! isset( self::$sections[ $opt_name ] ) ) {
-				self::$sections[ $opt_name ]             = array();
-				self::$priority[ $opt_name ]['sections'] = 1;
+			if ( ! isset( self::$sections[$opt_name] ) ) {
+				self::$sections[$opt_name]             = array();
+				self::$priority[$opt_name]['sections'] = 1;
 			}
 
-			if ( ! isset( self::$args[ $opt_name ] ) ) {
-				self::$args[ $opt_name ]             = array();
-				self::$priority[ $opt_name ]['args'] = 1;
+			if ( ! isset( self::$args[$opt_name] ) ) {
+				self::$args[$opt_name]             = array();
+				self::$priority[$opt_name]['args'] = 1;
 			}
 
-			if ( ! isset( self::$fields[ $opt_name ] ) ) {
-				self::$fields[ $opt_name ]             = array();
-				self::$priority[ $opt_name ]['fields'] = 1;
+			if ( ! isset( self::$fields[$opt_name] ) ) {
+				self::$fields[$opt_name]             = array();
+				self::$priority[$opt_name]['fields'] = 1;
 			}
 
-			if ( ! isset( self::$help[ $opt_name ] ) ) {
-				self::$help[ $opt_name ]             = array();
-				self::$priority[ $opt_name ]['help'] = 1;
+			if ( ! isset( self::$help[$opt_name] ) ) {
+				self::$help[$opt_name]             = array();
+				self::$priority[$opt_name]['help'] = 1;
 			}
 
-			if ( ! isset( self::$errors[ $opt_name ] ) ) {
-				self::$errors[ $opt_name ] = array();
+			if ( ! isset( self::$errors[$opt_name] ) ) {
+				self::$errors[$opt_name] = array();
 			}
 
-			if ( ! isset( self::$init[ $opt_name ] ) ) {
-				self::$init[ $opt_name ] = false;
+			if ( ! isset( self::$init[$opt_name] ) ) {
+				self::$init[$opt_name] = false;
 			}
 		}
 
@@ -1490,13 +1488,13 @@ 
 			$instance = null;
 
 			if ( file_exists( $class_file ) ) {
-				self::$uses_extensions[ $opt_name ] = self::$uses_extensions[ $opt_name ] ?? array();
+				self::$uses_extensions[$opt_name] = self::$uses_extensions[$opt_name] ?? array();
 
-				if ( ! in_array( $name, self::$uses_extensions[ $opt_name ], true ) ) {
-					self::$uses_extensions[ $opt_name ][] = $name;
+				if ( ! in_array( $name, self::$uses_extensions[$opt_name], true ) ) {
+					self::$uses_extensions[$opt_name][] = $name;
 				}
 
-				self::$extensions[ $name ] = self::$extensions[ $name ] ?? array();
+				self::$extensions[$name] = self::$extensions[$name] ?? array();
 
 				$version = Redux_Helpers::get_template_version( $class_file );
 
@@ -1505,7 +1503,7 @@ 
 						$version = $instance->version;
 					}
 				}
-				self::$extensions[ $name ][ $version ] = self::$extensions[ $name ][ $version ] ?? $class_file;
+				self::$extensions[$name][$version] = self::$extensions[$name][$version] ?? $class_file;
 
 				$new_name  = str_replace( '_', '-', $name );
 				$api_check = str_replace(
@@ -1596,10 +1594,10 @@ 
 				}
 			}
 
-			self::$extension_paths[ $opt_name ] = $path;
+			self::$extension_paths[$opt_name] = $path;
 
 			if ( true === $force ) {
-				if ( isset( self::$uses_extensions[ $opt_name ] ) && ! empty( self::$uses_extensions[ $opt_name ] ) ) {
+				if ( isset( self::$uses_extensions[$opt_name] ) && ! empty( self::$uses_extensions[$opt_name] ) ) {
 					$redux = self::instance( $opt_name );
 
 					if ( isset( $redux ) ) {
@@ -1616,7 +1614,7 @@ 
 			$redux = self::all_instances();
 
 			foreach ( $redux as $instance ) {
-				if ( ! empty( self::$uses_extensions[ $instance['args']['opt_name'] ] ) ) {
+				if ( ! empty( self::$uses_extensions[$instance['args']['opt_name']] ) ) {
 					continue;
 				}
 				if ( ! empty( $instance['extensions'] ) ) {
@@ -1632,7 +1630,7 @@ 
 		 * @param object|null $instance ReduxFramework instance.
 		 */
 		public static function get_instance_extension( string $opt_name, $instance ) {
-			if ( ! empty( self::$uses_extensions[ $opt_name ] ) || empty( $opt_name ) ) {
+			if ( ! empty( self::$uses_extensions[$opt_name] ) || empty( $opt_name ) ) {
 				return;
 			}
 
@@ -1649,7 +1647,7 @@ 
 					new Redux_Widget_Areas( $instance );
 				}
 
-				if ( isset( self::$uses_extensions[ $opt_name ][ $name ] ) ) {
+				if ( isset( self::$uses_extensions[$opt_name][$name] ) ) {
 					continue;
 				}
 
@@ -1688,22 +1686,22 @@ 
 
 				if ( empty( $key ) ) {
 					return self::$extension_paths;
-				} elseif ( isset( self::$extension_paths[ $key ] ) ) {
-						return self::$extension_paths[ $key ];
+				} elseif ( isset( self::$extension_paths[$key] ) ) {
+						return self::$extension_paths[$key];
 				}
 			} else {
-				if ( empty( self::$uses_extensions[ $opt_name ] ) ) {
+				if ( empty( self::$uses_extensions[$opt_name] ) ) {
 					self::get_instance_extension( $opt_name, null );
 				}
 
-				if ( empty( self::$uses_extensions[ $opt_name ] ) ) {
+				if ( empty( self::$uses_extensions[$opt_name] ) ) {
 					return false;
 				}
 
 				$instance_extensions = array();
 
-				foreach ( self::$uses_extensions[ $opt_name ] as $extension ) {
-					$class_file = end( self::$extensions[ $extension ] );
+				foreach ( self::$uses_extensions[$opt_name] as $extension ) {
+					$class_file = end( self::$extensions[$extension] );
 					$directory  = explode( DIRECTORY_SEPARATOR, $class_file );
 					array_pop( $directory );
 					$directory       = trailingslashit( join( DIRECTORY_SEPARATOR, $directory ) );
@@ -1726,7 +1724,7 @@ 
 							$the_data['field'] = $test_path . str_replace( '-', '', $extension ) . '.php';
 						}
 					}
-					$instance_extensions[ $extension ] = $the_data;
+					$instance_extensions[$extension] = $the_data;
 				}
 
 				return $instance_extensions;