reduxframework / redux-framework

redux-core/inc/extensions/js_button/class-redux-extension-js-button.php

Indentation +33 added lines, -33 removed lines

@@ -12,41 +12,41 @@
 
 if ( ! class_exists( 'Redux_Extension_Js_Button' ) ) {
 
-	/**
-	 * Main Redux_Extension_Js_Button extension class
-	 *
-	 * @since       1.0.0
-	 */
-	class Redux_Extension_Js_Button extends Redux_Extension_Abstract {
+    /**
+     * Main Redux_Extension_Js_Button extension class
+     *
+     * @since       1.0.0
+     */
+    class Redux_Extension_Js_Button extends Redux_Extension_Abstract {
 
-		/**
-		 * Extension version.
-		 *
-		 * @var string
-		 */
-		public static $version = '4.3.16';
+        /**
+         * Extension version.
+         *
+         * @var string
+         */
+        public static $version = '4.3.16';
 
-		/**
-		 * Extension friendly name.
-		 *
-		 * @var string
-		 */
-		public string $extension_name = 'JS Button';
+        /**
+         * Extension friendly name.
+         *
+         * @var string
+         */
+        public string $extension_name = 'JS Button';
 
-		/**
-		 * Class Constructor. Defines the args for the extensions class
-		 *
-		 * @since       1.0.0
-		 * @access      public
-		 *
-		 * @param       ReduxFramework $redux Parent settings.
-		 *
-		 * @return      void
-		 */
-		public function __construct( $redux ) {
-			parent::__construct( $redux, __FILE__ );
+        /**
+         * Class Constructor. Defines the args for the extensions class
+         *
+         * @since       1.0.0
+         * @access      public
+         *
+         * @param       ReduxFramework $redux Parent settings.
+         *
+         * @return      void
+         */
+        public function __construct( $redux ) {
+            parent::__construct( $redux, __FILE__ );
 
-			$this->add_field( 'js_button' );
-		}
-	}
+            $this->add_field( 'js_button' );
+        }
+    }
 }

redux-core/inc/extensions/google_maps/class-redux-extension-google-maps.php

Indentation +26 added lines, -26 removed lines

@@ -12,34 +12,34 @@
 
 if ( ! class_exists( 'Redux_Extension_Google_Maps' ) ) {
 
-	/**
-	 * Class ReduxFramework_extension_google_maps
-	 */
-	class Redux_Extension_Google_Maps extends Redux_Extension_Abstract {
+    /**
+     * Class ReduxFramework_extension_google_maps
+     */
+    class Redux_Extension_Google_Maps extends Redux_Extension_Abstract {
 
-		/**
-		 * Extension version.
-		 *
-		 * @var string
-		 */
-		public static $version = '4.4.19';
+        /**
+         * Extension version.
+         *
+         * @var string
+         */
+        public static $version = '4.4.19';
 
-		/**
-		 * Extension friendly name.
-		 *
-		 * @var string
-		 */
-		public string $extension_name = 'Google Maps';
+        /**
+         * Extension friendly name.
+         *
+         * @var string
+         */
+        public string $extension_name = 'Google Maps';
 
-		/**
-		 * ReduxFramework_extension_google_maps constructor.
-		 *
-		 * @param ReduxFramework $redux ReduxFramework object.
-		 */
-		public function __construct( $redux ) {
-			parent::__construct( $redux, __FILE__ );
+        /**
+         * ReduxFramework_extension_google_maps constructor.
+         *
+         * @param ReduxFramework $redux ReduxFramework object.
+         */
+        public function __construct( $redux ) {
+            parent::__construct( $redux, __FILE__ );
 
-			$this->add_field( 'google_maps' );
-		}
-	}
+            $this->add_field( 'google_maps' );
+        }
+    }
 }

redux-core/inc/extensions/multi_media/class-redux-extension-multi-media.php

Indentation +58 added lines, -58 removed lines

@@ -14,70 +14,70 @@
 // Don't duplicate me!
 if ( ! class_exists( 'Redux_Extension_Multi_Media' ) ) {
 
-	/**
-	 * Main Redux_Extension_multi_media extension class
-	 *
-	 * @since       1.0.0
-	 */
-	class Redux_Extension_Multi_Media extends Redux_Extension_Abstract {
+    /**
+     * Main Redux_Extension_multi_media extension class
+     *
+     * @since       1.0.0
+     */
+    class Redux_Extension_Multi_Media extends Redux_Extension_Abstract {
 
-		/**
-		 * Extension version.
-		 *
-		 * @var string
-		 */
-		public static $version = '4.4.1';
+        /**
+         * Extension version.
+         *
+         * @var string
+         */
+        public static $version = '4.4.1';
 
-		/**
-		 * Extension name.
-		 *
-		 * @var string
-		 */
-		public string $extension_name = 'Multi Media';
+        /**
+         * Extension name.
+         *
+         * @var string
+         */
+        public string $extension_name = 'Multi Media';
 
-		/**
-		 * Class Constructor. Defines the args for the extensions class
-		 *
-		 * @since       1.0.0
-		 * @access      public
-		 *
-		 * @param       ReduxFramework $redux Parent settings.
-		 *
-		 * @return      void
-		 */
-		public function __construct( $redux ) {
-			parent::__construct( $redux, __FILE__ );
+        /**
+         * Class Constructor. Defines the args for the extensions class
+         *
+         * @since       1.0.0
+         * @access      public
+         *
+         * @param       ReduxFramework $redux Parent settings.
+         *
+         * @return      void
+         */
+        public function __construct( $redux ) {
+            parent::__construct( $redux, __FILE__ );
 
-			$this->add_field( 'multi_media' );
-		}
+            $this->add_field( 'multi_media' );
+        }
 
-		/**
-		 * Get extended image data.
-		 *
-		 * @param int|string $id image ID.
-		 *
-		 * @return array|null
-		 * @depreacted Remove camelCase function name.
-		 */
-		public static function getExtendedData( $id ): ?array {
-			_deprecated_function( 'getExtendedData', '4.3.15', 'Redux_Extension_Multi_Media::get_extended_data( $id )' );
+        /**
+         * Get extended image data.
+         *
+         * @param int|string $id image ID.
+         *
+         * @return array|null
+         * @depreacted Remove camelCase function name.
+         */
+        public static function getExtendedData( $id ): ?array {
+            _deprecated_function( 'getExtendedData', '4.3.15', 'Redux_Extension_Multi_Media::get_extended_data( $id )' );
 
-			return self::get_extended_data( $id );
-		}
+            return self::get_extended_data( $id );
+        }
 
-		/**
-		 * Get extended image data.
-		 *
-		 * @param int|string $id image ID.
-		 *
-		 * @return array|null
-		 */
-		public static function get_extended_data( $id ): ?array {
-			if ( '' !== $id && is_numeric( $id ) ) {
-				return wp_prepare_attachment_for_js( $id );
-			}
+        /**
+         * Get extended image data.
+         *
+         * @param int|string $id image ID.
+         *
+         * @return array|null
+         */
+        public static function get_extended_data( $id ): ?array {
+            if ( '' !== $id && is_numeric( $id ) ) {
+                return wp_prepare_attachment_for_js( $id );
+            }
 
-			return null;
-		}
-	}
+            return null;
+        }
+    }
 }

redux-core/inc/extensions/widget_areas/class-redux-extension-widget-areas.php

Indentation +42 added lines, -42 removed lines

@@ -14,46 +14,46 @@
 
 if ( ! class_exists( 'Redux_Extension_Widget_Areas' ) ) {
 
-	/**
-	 * Class Redux_Extension_Widget_Areas
-	 */
-	class Redux_Extension_Widget_Areas extends Redux_Extension_Abstract {
-
-		/**
-		 * Extension version.
-		 *
-		 * @var string
-		 */
-		public static $version = '4.3.20';
-
-		/**
-		 * Extension Friendly name.
-		 *
-		 * @var string
-		 */
-		public string $extension_name = 'Widget Areas';
-
-
-		/**
-		 * Redux_Extension_Widget_Areas constructor.
-		 *
-		 * @param ReduxFramework $redux ReduxFramework object pointer.
-		 */
-		public function __construct( $redux ) {
-			parent::__construct( $redux, __FILE__ );
-
-			$this->add_field( 'widget_areas' );
-
-			require_once __DIR__ . '/class-redux-widget-areas.php';
-			$widget_areas = new Redux_Widget_Areas( $this->parent );
-
-			// Allow users to extend if they want.
-			// Phpcs:ignore WordPress.NamingConventions.ValidHookName
-			do_action( 'redux/widget_areas/' . $redux->args['opt_name'] . '/construct' );
-
-			add_action( 'wp_ajax_redux_delete_widget_area', array( $widget_areas, 'redux_delete_widget_area_area' ) );
-		}
-	}
-
-	class_alias( Redux_Extension_Widget_Areas::class, 'ReduxFramework_extension_widget_areas' );
+    /**
+     * Class Redux_Extension_Widget_Areas
+     */
+    class Redux_Extension_Widget_Areas extends Redux_Extension_Abstract {
+
+        /**
+         * Extension version.
+         *
+         * @var string
+         */
+        public static $version = '4.3.20';
+
+        /**
+         * Extension Friendly name.
+         *
+         * @var string
+         */
+        public string $extension_name = 'Widget Areas';
+
+
+        /**
+         * Redux_Extension_Widget_Areas constructor.
+         *
+         * @param ReduxFramework $redux ReduxFramework object pointer.
+         */
+        public function __construct( $redux ) {
+            parent::__construct( $redux, __FILE__ );
+
+            $this->add_field( 'widget_areas' );
+
+            require_once __DIR__ . '/class-redux-widget-areas.php';
+            $widget_areas = new Redux_Widget_Areas( $this->parent );
+
+            // Allow users to extend if they want.
+            // Phpcs:ignore WordPress.NamingConventions.ValidHookName
+            do_action( 'redux/widget_areas/' . $redux->args['opt_name'] . '/construct' );
+
+            add_action( 'wp_ajax_redux_delete_widget_area', array( $widget_areas, 'redux_delete_widget_area_area' ) );
+        }
+    }
+
+    class_alias( Redux_Extension_Widget_Areas::class, 'ReduxFramework_extension_widget_areas' );
 }

redux-core/inc/extensions/tabbed/class-redux-extension-tabbed.php

Indentation +35 added lines, -35 removed lines

@@ -15,39 +15,39 @@
 if ( ! class_exists( 'Redux_Extension_Tabbed' ) ) {
 
 
-	/**
-	 * Class Redux_Extension_Tabbed
-	 */
-	class Redux_Extension_Tabbed extends Redux_Extension_Abstract {
-
-		/**
-		 * Extension version.
-		 *
-		 * @var string
-		 */
-		public static $version = '4.4.8';
-
-		/**
-		 * Extension friendly name.
-		 *
-		 * @var string
-		 */
-		public string $extension_name = 'Tabbed';
-
-		/**
-		 * Class Constructor. Defines the args for the extensions class
-		 *
-		 * @since       1.0.0
-		 * @access      public
-		 *
-		 * @param       object $redux Parent settings.
-		 *
-		 * @return      void
-		 */
-		public function __construct( $redux ) {
-			parent::__construct( $redux, __FILE__ );
-
-			$this->add_field( 'tabbed' );
-		}
-	}
+    /**
+     * Class Redux_Extension_Tabbed
+     */
+    class Redux_Extension_Tabbed extends Redux_Extension_Abstract {
+
+        /**
+         * Extension version.
+         *
+         * @var string
+         */
+        public static $version = '4.4.8';
+
+        /**
+         * Extension friendly name.
+         *
+         * @var string
+         */
+        public string $extension_name = 'Tabbed';
+
+        /**
+         * Class Constructor. Defines the args for the extensions class
+         *
+         * @since       1.0.0
+         * @access      public
+         *
+         * @param       object $redux Parent settings.
+         *
+         * @return      void
+         */
+        public function __construct( $redux ) {
+            parent::__construct( $redux, __FILE__ );
+
+            $this->add_field( 'tabbed' );
+        }
+    }
 }

redux-core/inc/extensions/icon_select/class-redux-extension-icon-select.php

Indentation +111 added lines, -111 removed lines

@@ -16,115 +16,115 @@
 if ( ! class_exists( 'Redux_Extension_Icon_Select' ) ) {
 
 
-	/**
-	 * Main ReduxFramework icon_select extension class
-	 *
-	 * @since       3.1.6
-	 */
-	class Redux_Extension_Icon_Select extends Redux_Extension_Abstract {
-
-		/**
-		 * Extension version.
-		 *
-		 * @var string
-		 */
-		public static $version = '4.4.2';
-
-		/**
-		 * Extension friendly name.
-		 *
-		 * @var string
-		 */
-		public string $extension_name = 'Icon Select';
-
-		/**
-		 * ReduxFramework_Extension_Icon_Select constructor.
-		 *
-		 * @param ReduxFramework $redux ReduxFramework object.
-		 */
-		public function __construct( $redux ) {
-			parent::__construct( $redux, __FILE__ );
-
-			$this->add_field( 'icon_select' );
-
-			add_action( 'wp_ajax_redux_get_icons', array( $this, 'get_icons' ) );
-		}
-
-		/**
-		 * Add icons to modal.
-		 *
-		 * @return void
-		 */
-		public function get_icons() {
-			$nonce       = ( ! empty( $_POST['nonce'] ) ) ? sanitize_text_field( wp_unslash( $_POST['nonce'] ) ) : '';
-			$icon_set    = ( ! empty( $_POST['icon_set'] ) ) ? sanitize_text_field( wp_unslash( $_POST['icon_set'] ) ) : '';
-			$select_text = ( ! empty( $_POST['select_text'] ) ) ? sanitize_text_field( wp_unslash( $_POST['select_text'] ) ) : '';
-
-			if ( ! wp_verify_nonce( $nonce, 'redux_icon_nonce' ) ) {
-				wp_send_json_error( array( 'error' => esc_html__( 'Error: Invalid nonce verification.', 'redux-framework' ) ) );
-			}
-
-			ob_start();
-
-			$class = '';
-
-			if ( 'font-awesome' === $icon_set ) {
-				require_once Redux_Core::$dir . 'inc/lib/font-awesome-6-free.php';
-
-				// phpcs:ignore WordPress.NamingConventions.ValidHookName
-				$icon_lists = apply_filters( 'redux/extensions/icon_select/fontawesome/icons', redux_icon_select_fa_6_free() );
-			} elseif ( 'dashicons' === $icon_set ) {
-				require_once Redux_Core::$dir . 'inc/lib/dashicons.php';
-
-				// phpcs:ignore WordPress.NamingConventions.ValidHookName
-				$icon_lists = apply_filters( 'redux/extensions/icon_select/dashicons/icons', redux_get_dashicons() );
-			} elseif ( 'elusive' === $icon_set ) {
-				require_once Redux_Core::$dir . 'inc/lib/elusive-icons.php';
-
-				// phpcs:ignore WordPress.NamingConventions.ValidHookName
-				$icon_lists = apply_filters( 'redux/extensions/icon_select/elusive/icons', redux_get_font_icons() );
-			} else {
-				$data  = ( ! empty( $_POST['data'] ) ) ? ( wp_unslash( $_POST['data'] ) ) : ''; // phpcs:ignore WordPress.Security
-				$data  = json_decode( rawurldecode( $data ), true );
-				$icons = '';
-
-				foreach ( $data as $arr_data ) {
-					if ( $arr_data['title'] === $select_text ) {
-						$icons = $arr_data['icons'];
-
-						$class = ( ! empty( $arr_data['class'] ) ? $arr_data['class'] . ' ' : '' );
-					}
-				}
-
-				// phpcs:ignore WordPress.NamingConventions.ValidHookName
-				$icon_lists = apply_filters( 'redux/extensions/icon_select/custom/icons', $icons );
-			}
-
-			if ( ! empty( $icon_lists ) ) {
-				foreach ( $icon_lists as $list ) {
-
-					/**
-					 * Icon output.
-					 * Custom output for icon libraries that support different standards.
-					 *
-					 * @param string $default Original output.
-					 * @param string $title   Title of the icon.
-					 * @param string $class   Class of the icon.
-					 * @param string $icon_Set Selected Icon set.
-					 *
-					 * @since 4.4.2
-					 */
-					echo apply_filters( 'redux/extension/icon_select/' . $this->parent->args['opt_name'] . '/output', '<i title="' . esc_attr( $list ) . '" class="' . esc_attr( $class . ' ' . $list ) . '" /></i>', $list, $class, $select_text ); // phpcs:ignore WordPress.NamingConventions.ValidHookName, WordPress.Security.EscapeOutput
-				}
-			} else {
-				echo '<div class="redux-error-text">' . esc_html__( 'No data available.', 'redux-framework' ) . '</div>';
-			}
-
-			$content = ob_get_clean();
-
-			wp_send_json_success( array( 'content' => $content ) );
-		}
-	}
-
-	class_alias( Redux_Extension_Icon_Select::class, 'ReduxFramework_extension_icon_select' );
+    /**
+     * Main ReduxFramework icon_select extension class
+     *
+     * @since       3.1.6
+     */
+    class Redux_Extension_Icon_Select extends Redux_Extension_Abstract {
+
+        /**
+         * Extension version.
+         *
+         * @var string
+         */
+        public static $version = '4.4.2';
+
+        /**
+         * Extension friendly name.
+         *
+         * @var string
+         */
+        public string $extension_name = 'Icon Select';
+
+        /**
+         * ReduxFramework_Extension_Icon_Select constructor.
+         *
+         * @param ReduxFramework $redux ReduxFramework object.
+         */
+        public function __construct( $redux ) {
+            parent::__construct( $redux, __FILE__ );
+
+            $this->add_field( 'icon_select' );
+
+            add_action( 'wp_ajax_redux_get_icons', array( $this, 'get_icons' ) );
+        }
+
+        /**
+         * Add icons to modal.
+         *
+         * @return void
+         */
+        public function get_icons() {
+            $nonce       = ( ! empty( $_POST['nonce'] ) ) ? sanitize_text_field( wp_unslash( $_POST['nonce'] ) ) : '';
+            $icon_set    = ( ! empty( $_POST['icon_set'] ) ) ? sanitize_text_field( wp_unslash( $_POST['icon_set'] ) ) : '';
+            $select_text = ( ! empty( $_POST['select_text'] ) ) ? sanitize_text_field( wp_unslash( $_POST['select_text'] ) ) : '';
+
+            if ( ! wp_verify_nonce( $nonce, 'redux_icon_nonce' ) ) {
+                wp_send_json_error( array( 'error' => esc_html__( 'Error: Invalid nonce verification.', 'redux-framework' ) ) );
+            }
+
+            ob_start();
+
+            $class = '';
+
+            if ( 'font-awesome' === $icon_set ) {
+                require_once Redux_Core::$dir . 'inc/lib/font-awesome-6-free.php';
+
+                // phpcs:ignore WordPress.NamingConventions.ValidHookName
+                $icon_lists = apply_filters( 'redux/extensions/icon_select/fontawesome/icons', redux_icon_select_fa_6_free() );
+            } elseif ( 'dashicons' === $icon_set ) {
+                require_once Redux_Core::$dir . 'inc/lib/dashicons.php';
+
+                // phpcs:ignore WordPress.NamingConventions.ValidHookName
+                $icon_lists = apply_filters( 'redux/extensions/icon_select/dashicons/icons', redux_get_dashicons() );
+            } elseif ( 'elusive' === $icon_set ) {
+                require_once Redux_Core::$dir . 'inc/lib/elusive-icons.php';
+
+                // phpcs:ignore WordPress.NamingConventions.ValidHookName
+                $icon_lists = apply_filters( 'redux/extensions/icon_select/elusive/icons', redux_get_font_icons() );
+            } else {
+                $data  = ( ! empty( $_POST['data'] ) ) ? ( wp_unslash( $_POST['data'] ) ) : ''; // phpcs:ignore WordPress.Security
+                $data  = json_decode( rawurldecode( $data ), true );
+                $icons = '';
+
+                foreach ( $data as $arr_data ) {
+                    if ( $arr_data['title'] === $select_text ) {
+                        $icons = $arr_data['icons'];
+
+                        $class = ( ! empty( $arr_data['class'] ) ? $arr_data['class'] . ' ' : '' );
+                    }
+                }
+
+                // phpcs:ignore WordPress.NamingConventions.ValidHookName
+                $icon_lists = apply_filters( 'redux/extensions/icon_select/custom/icons', $icons );
+            }
+
+            if ( ! empty( $icon_lists ) ) {
+                foreach ( $icon_lists as $list ) {
+
+                    /**
+                     * Icon output.
+                     * Custom output for icon libraries that support different standards.
+                     *
+                     * @param string $default Original output.
+                     * @param string $title   Title of the icon.
+                     * @param string $class   Class of the icon.
+                     * @param string $icon_Set Selected Icon set.
+                     *
+                     * @since 4.4.2
+                     */
+                    echo apply_filters( 'redux/extension/icon_select/' . $this->parent->args['opt_name'] . '/output', '<i title="' . esc_attr( $list ) . '" class="' . esc_attr( $class . ' ' . $list ) . '" /></i>', $list, $class, $select_text ); // phpcs:ignore WordPress.NamingConventions.ValidHookName, WordPress.Security.EscapeOutput
+                }
+            } else {
+                echo '<div class="redux-error-text">' . esc_html__( 'No data available.', 'redux-framework' ) . '</div>';
+            }
+
+            $content = ob_get_clean();
+
+            wp_send_json_success( array( 'content' => $content ) );
+        }
+    }
+
+    class_alias( Redux_Extension_Icon_Select::class, 'ReduxFramework_extension_icon_select' );
 }

redux-core/inc/extensions/options_object/class-redux-extension-options-object.php

Indentation +64 added lines, -64 removed lines

@@ -15,78 +15,78 @@
 if ( ! class_exists( 'Redux_Extension_Options_Object', false ) ) {
 
 
-	/**
-	 * Main ReduxFramework options_object extension class
-	 *
-	 * @since       3.1.6
-	 */
-	class Redux_Extension_Options_Object extends Redux_Extension_Abstract {
+    /**
+     * Main ReduxFramework options_object extension class
+     *
+     * @since       3.1.6
+     */
+    class Redux_Extension_Options_Object extends Redux_Extension_Abstract {
 
-		/**
-		 * Ext version.
-		 *
-		 * @var string
-		 */
-		public static $version = '4.0.0';
+        /**
+         * Ext version.
+         *
+         * @var string
+         */
+        public static $version = '4.0.0';
 
-		/**
-		 * Set the name of the field.  Ideally, this will also be your extension's name.
-		 * Please use underscores and NOT dashes.
-		 *
-		 * @var string
-		 */
-		private string $field_name = 'options_object';
+        /**
+         * Set the name of the field.  Ideally, this will also be your extension's name.
+         * Please use underscores and NOT dashes.
+         *
+         * @var string
+         */
+        private string $field_name = 'options_object';
 
-		/**
-		 * Is field bit.
-		 *
-		 * @var bool
-		 */
-		public bool $is_field = false;
+        /**
+         * Is field bit.
+         *
+         * @var bool
+         */
+        public bool $is_field = false;
 
-		/**
-		 * Class Constructor. Defines the args for the extensions class
-		 *
-		 * @since       1.0.0
-		 * @access      public
-		 *
-		 * @param       object $redux Redux object.
-		 *
-		 * @return      void
-		 */
-		public function __construct( $redux ) {
-			parent::__construct( $redux, __FILE__ );
+        /**
+         * Class Constructor. Defines the args for the extensions class
+         *
+         * @since       1.0.0
+         * @access      public
+         *
+         * @param       object $redux Redux object.
+         *
+         * @return      void
+         */
+        public function __construct( $redux ) {
+            parent::__construct( $redux, __FILE__ );
 
-			$this->add_field( $this->field_name );
-			$this->is_field = Redux_Helpers::is_field_in_use( $redux, $this->field_name );
+            $this->add_field( $this->field_name );
+            $this->is_field = Redux_Helpers::is_field_in_use( $redux, $this->field_name );
 
-			if ( ! $this->is_field && $this->parent->args['dev_mode'] && $this->parent->args['show_options_object'] ) {
-				$this->add_section();
-			}
-		}
+            if ( ! $this->is_field && $this->parent->args['dev_mode'] && $this->parent->args['show_options_object'] ) {
+                $this->add_section();
+            }
+        }
 
-		/**
-		 * Add section to panel.
-		 */
-		public function add_section() {
-			$this->parent->sections[] = array(
-				'id'         => 'options-object',
-				'title'      => esc_html__( 'Options Object', 'redux-framework' ),
-				'heading'    => '',
-				'icon'       => 'el el-info-circle',
-				'customizer' => false,
-				'fields'     => array(
-					array(
-						'id'    => 'redux_options_object',
-						'type'  => 'options_object',
-						'title' => '',
-					),
-				),
-			);
-		}
-	}
+        /**
+         * Add section to panel.
+         */
+        public function add_section() {
+            $this->parent->sections[] = array(
+                'id'         => 'options-object',
+                'title'      => esc_html__( 'Options Object', 'redux-framework' ),
+                'heading'    => '',
+                'icon'       => 'el el-info-circle',
+                'customizer' => false,
+                'fields'     => array(
+                    array(
+                        'id'    => 'redux_options_object',
+                        'type'  => 'options_object',
+                        'title' => '',
+                    ),
+                ),
+            );
+        }
+    }
 }
 
 if ( ! class_exists( 'ReduxFramework_Extension_options_object' ) ) {
-	class_alias( 'Redux_Extension_Options_Object', 'ReduxFramework_Extension_options_object' );
+    class_alias( 'Redux_Extension_Options_Object', 'ReduxFramework_Extension_options_object' );
 }

redux-core/inc/extensions/repeater/class-redux-extension-repeater.php

Indentation +37 added lines, -37 removed lines

@@ -17,41 +17,41 @@
 if ( ! class_exists( 'Redux_Extension_Repeater' ) ) {
 
 
-	/**
-	 * Class Redux_Extension_Repeater
-	 */
-	class Redux_Extension_Repeater extends Redux_Extension_Abstract {
-
-		/**
-		 * Extension version.
-		 *
-		 * @var string
-		 */
-		public static $version = '4.3.13';
-
-		/**
-		 * Extension friendly name.
-		 *
-		 * @var string
-		 */
-		public string $extension_name = 'Repeater';
-
-		/**
-		 * Class Constructor. Defines the args for the extensions class
-		 *
-		 * @since       1.0.0
-		 * @access      public
-		 *
-		 * @param       object $redux Parent settings.
-		 *
-		 * @return      void
-		 */
-		public function __construct( $redux ) {
-			parent::__construct( $redux, __FILE__ );
-
-			$this->add_field( 'repeater' );
-		}
-	}
-
-	class_alias( Redux_Extension_Repeater::class, 'ReduxFramework_Extension_repeater' );
+    /**
+     * Class Redux_Extension_Repeater
+     */
+    class Redux_Extension_Repeater extends Redux_Extension_Abstract {
+
+        /**
+         * Extension version.
+         *
+         * @var string
+         */
+        public static $version = '4.3.13';
+
+        /**
+         * Extension friendly name.
+         *
+         * @var string
+         */
+        public string $extension_name = 'Repeater';
+
+        /**
+         * Class Constructor. Defines the args for the extensions class
+         *
+         * @since       1.0.0
+         * @access      public
+         *
+         * @param       object $redux Parent settings.
+         *
+         * @return      void
+         */
+        public function __construct( $redux ) {
+            parent::__construct( $redux, __FILE__ );
+
+            $this->add_field( 'repeater' );
+        }
+    }
+
+    class_alias( Redux_Extension_Repeater::class, 'ReduxFramework_Extension_repeater' );
 }

redux-core/inc/extensions/color_scheme/color_scheme/class-redux-color-scheme.php

Indentation +344 added lines, -344 removed lines

@@ -12,130 +12,130 @@ 
 // Don't duplicate me!
 if ( ! class_exists( 'Redux_Color_Scheme' ) ) {
 
-	/**
-	 * Main ReduxFramework_color_scheme class
-	 *
-	 * @since       1.0.0
-	 */
-	class Redux_Color_Scheme extends Redux_Field {
-
-		/**
-		 * Set Defaults.
-		 */
-		public function set_defaults() {
-			// Validate.
-			$this->field['options']['picker_font_size'] = $this->field['options']['picker_font_size'] ?? '11px';
-			$this->field['options']['picker_gap']       = $this->field['options']['picker_gap'] ?? '60px';
-
-			$this->field['options']['show_input']             = $this->field['options']['show_input'] ?? true;
-			$this->field['options']['show_initial']           = $this->field['options']['show_initial'] ?? true;
-			$this->field['options']['show_alpha']             = $this->field['options']['show_alpha'] ?? true;
-			$this->field['options']['show_palette']           = $this->field['options']['show_palette'] ?? true;
-			$this->field['options']['show_palette_only']      = $this->field['options']['show_palette_only'] ?? false;
-			$this->field['options']['max_palette_size']       = $this->field['options']['max_palette_size'] ?? 10;
-			$this->field['options']['show_selection_palette'] = $this->field['options']['show_selection_palette'] ?? true;
-			$this->field['options']['allow_empty']            = $this->field['options']['allow_empty'] ?? true;
-			$this->field['options']['clickout_fires_change']  = $this->field['options']['clickout_fires_change'] ?? false;
-			$this->field['options']['choose_text']            = $this->field['options']['choose_text'] ?? 'Choose';
-			$this->field['options']['cancel_text']            = $this->field['options']['cancel_text'] ?? 'Cancel';
-			$this->field['options']['show_buttons']           = $this->field['options']['show_buttons'] ?? true;
-			$this->field['options']['container_class']        = $this->field['options']['container_class'] ?? 'redux-colorpicker-container';
-			$this->field['options']['replacer_class']         = $this->field['options']['replacer_class'] ?? 'redux-colorpicker-replacer';
-			$this->field['options']['use_extended_classes']   = $this->field['options']['use_extended_classes'] ?? false;
-			$this->field['options']['palette']                = $this->field['options']['palette'] ?? null;
-			$this->field['simple']                            = $this->field['simple'] ?? false;
-
-			// Convert an empty array to null, if there.
-			$this->field['options']['palette'] = empty( $this->field['options']['palette'] ) ? null : $this->field['options']['palette'];
-
-			$this->field['no_compiler_output'] = $this->field['no_compiler_output'] ?? false;
-
-			$this->field['output_transparent'] = $this->field['output_transparent'] ?? false;
-			$this->field['accordion']          = $this->field['accordion'] ?? true;
-
-			// tooltips.
-			$this->field['tooltip_toggle'] = $this->field['tooltip_toggle'] ?? true;
-
-			$this->field['tooltips']['style']['color']   = $this->field['tooltips']['style']['color'] ?? 'light';
-			$this->field['tooltips']['style']['shadow']  = $this->field['tooltips']['style']['shadow'] ?? true;
-			$this->field['tooltips']['style']['rounded'] = $this->field['tooltips']['style']['rounded'] ?? false;
-			$this->field['tooltips']['style']['style']   = $this->field['tooltips']['style']['style'] ?? '';
-
-			$this->field['tooltips']['position']['my'] = $this->field['tooltips']['position']['my'] ?? 'top center';
-			$this->field['tooltips']['position']['at'] = $this->field['tooltips']['position']['at'] ?? 'bottom center';
-
-			$this->field['tooltips']['effect']['show_effect']   = $this->field['tooltips']['effect']['show_effect'] ?? 'slide';
-			$this->field['tooltips']['effect']['show_duration'] = $this->field['tooltips']['effect']['show_duration'] ?? 500;
-			$this->field['tooltips']['effect']['show_event']    = $this->field['tooltips']['effect']['show_event'] ?? 'mouseover';
-			$this->field['tooltips']['effect']['hide_effect']   = $this->field['tooltips']['effect']['hide_effect'] ?? 'slide';
-			$this->field['tooltips']['effect']['hide_duration'] = $this->field['tooltips']['effect']['hide_duration'] ?? 500;
-			$this->field['tooltips']['effect']['hide_effect']   = $this->field['tooltips']['effect']['hide_effect'] ?? 'mouseleave';
-		}
-
-		/**
-		 * Field Render Function.
-		 * Takes the vars and outputs the HTML for the field in the settings
-		 *
-		 * @since       1.0.0
-		 * @access      public
-		 * @return      void
-		 */
-		public function render() {
-			$field_id = esc_attr( $this->field['id'] );
-
-			// Set field ID, just in case.
-			Redux_Color_Scheme_Functions::$field_id = $field_id;
-			Redux_Color_Scheme_Functions::$field    = $this->field;
-			Redux_Color_Scheme_Functions::$parent   = $this->parent;
-
-			if ( isset( $this->field['select'] ) ) {
-				if ( is_array( $this->field['select'] ) && ! empty( $this->field['select'] ) ) {
-					Redux_Color_Scheme_Functions::$select = $this->field['select'];
-				}
-			}
-
-			// Nonce.
-			$nonce = wp_create_nonce( "redux_{$this->parent->args['opt_name']}_color_schemes" );
-
-			// Modal message.
-			echo '<div id="redux-' . esc_attr( $field_id ) . '-scheme-message-notice" style="display:none; cursor: default">';
-			echo '    <h2>message</h2>';
-			echo '    <input type="button" id="redux-' . esc_attr( $field_id ) . '-scheme-ok" value="OK" />';
-			echo '</div>';
-
-			// Waiting message.
-			echo '<div id="redux-' . esc_attr( $field_id ) . '-scheme-wait-message" style="display:none;">';
-			// phpcs:ignore PluginCheck.CodeAnalysis.ImageFunctions.NonEnqueuedImage -- Icon hard coded for project.
-			echo '   <h1><img alt="Please wait..." src="' . esc_url( $this->url ) . 'img/busy.gif" /> Please wait...</h1>';
-			echo '</div>';
-
-			// Delete dialog.
-			echo '<div id="redux-' . esc_attr( $field_id ) . '-delete-scheme-question" style="display:none; cursor: default">';
-			echo '    <h2>Are you sure you want to delete this scheme?</h2>';
-			echo '    <input type="button" id="redux-' . esc_attr( $field_id ) . '-delete-scheme-yes" value="Yes" />';
-			echo '    <input type="button" id="redux-' . esc_attr( $field_id ) . '-delete-scheme-no" value="No" />';
-			echo '</div>';
-
-			// Select2 params.
-			if ( isset( $this->field['select2'] ) ) { // if there are any, let's pass them to js.
-				$select2_params = wp_json_encode( $this->field['select2'] );
-				$select2_params = htmlspecialchars( $select2_params, ENT_QUOTES );
-
-				echo '<input type="hidden" class="select2_params" value="' . $select2_params . '">'; // phpcs:ignore WordPress.Security.EscapeOutput
-			}
-
-			$tt_in_use = Redux_Color_Scheme_Functions::tooltips_in_use( $this->field );
-
-			$tooltips = '';
-			if ( $tt_in_use ) {
-				$tooltips = rawurlencode( wp_json_encode( $this->field['tooltips'] ) );
-			}
-
-			$tt_toggle_state = Redux_Color_Scheme_Functions::get_tooltip_toggle_state();
-
-			// Color picker container.
-			// phpcs:disable WordPress.Security.EscapeOutput
-			echo '<div
+    /**
+     * Main ReduxFramework_color_scheme class
+     *
+     * @since       1.0.0
+     */
+    class Redux_Color_Scheme extends Redux_Field {
+
+        /**
+         * Set Defaults.
+         */
+        public function set_defaults() {
+            // Validate.
+            $this->field['options']['picker_font_size'] = $this->field['options']['picker_font_size'] ?? '11px';
+            $this->field['options']['picker_gap']       = $this->field['options']['picker_gap'] ?? '60px';
+
+            $this->field['options']['show_input']             = $this->field['options']['show_input'] ?? true;
+            $this->field['options']['show_initial']           = $this->field['options']['show_initial'] ?? true;
+            $this->field['options']['show_alpha']             = $this->field['options']['show_alpha'] ?? true;
+            $this->field['options']['show_palette']           = $this->field['options']['show_palette'] ?? true;
+            $this->field['options']['show_palette_only']      = $this->field['options']['show_palette_only'] ?? false;
+            $this->field['options']['max_palette_size']       = $this->field['options']['max_palette_size'] ?? 10;
+            $this->field['options']['show_selection_palette'] = $this->field['options']['show_selection_palette'] ?? true;
+            $this->field['options']['allow_empty']            = $this->field['options']['allow_empty'] ?? true;
+            $this->field['options']['clickout_fires_change']  = $this->field['options']['clickout_fires_change'] ?? false;
+            $this->field['options']['choose_text']            = $this->field['options']['choose_text'] ?? 'Choose';
+            $this->field['options']['cancel_text']            = $this->field['options']['cancel_text'] ?? 'Cancel';
+            $this->field['options']['show_buttons']           = $this->field['options']['show_buttons'] ?? true;
+            $this->field['options']['container_class']        = $this->field['options']['container_class'] ?? 'redux-colorpicker-container';
+            $this->field['options']['replacer_class']         = $this->field['options']['replacer_class'] ?? 'redux-colorpicker-replacer';
+            $this->field['options']['use_extended_classes']   = $this->field['options']['use_extended_classes'] ?? false;
+            $this->field['options']['palette']                = $this->field['options']['palette'] ?? null;
+            $this->field['simple']                            = $this->field['simple'] ?? false;
+
+            // Convert an empty array to null, if there.
+            $this->field['options']['palette'] = empty( $this->field['options']['palette'] ) ? null : $this->field['options']['palette'];
+
+            $this->field['no_compiler_output'] = $this->field['no_compiler_output'] ?? false;
+
+            $this->field['output_transparent'] = $this->field['output_transparent'] ?? false;
+            $this->field['accordion']          = $this->field['accordion'] ?? true;
+
+            // tooltips.
+            $this->field['tooltip_toggle'] = $this->field['tooltip_toggle'] ?? true;
+
+            $this->field['tooltips']['style']['color']   = $this->field['tooltips']['style']['color'] ?? 'light';
+            $this->field['tooltips']['style']['shadow']  = $this->field['tooltips']['style']['shadow'] ?? true;
+            $this->field['tooltips']['style']['rounded'] = $this->field['tooltips']['style']['rounded'] ?? false;
+            $this->field['tooltips']['style']['style']   = $this->field['tooltips']['style']['style'] ?? '';
+
+            $this->field['tooltips']['position']['my'] = $this->field['tooltips']['position']['my'] ?? 'top center';
+            $this->field['tooltips']['position']['at'] = $this->field['tooltips']['position']['at'] ?? 'bottom center';
+
+            $this->field['tooltips']['effect']['show_effect']   = $this->field['tooltips']['effect']['show_effect'] ?? 'slide';
+            $this->field['tooltips']['effect']['show_duration'] = $this->field['tooltips']['effect']['show_duration'] ?? 500;
+            $this->field['tooltips']['effect']['show_event']    = $this->field['tooltips']['effect']['show_event'] ?? 'mouseover';
+            $this->field['tooltips']['effect']['hide_effect']   = $this->field['tooltips']['effect']['hide_effect'] ?? 'slide';
+            $this->field['tooltips']['effect']['hide_duration'] = $this->field['tooltips']['effect']['hide_duration'] ?? 500;
+            $this->field['tooltips']['effect']['hide_effect']   = $this->field['tooltips']['effect']['hide_effect'] ?? 'mouseleave';
+        }
+
+        /**
+         * Field Render Function.
+         * Takes the vars and outputs the HTML for the field in the settings
+         *
+         * @since       1.0.0
+         * @access      public
+         * @return      void
+         */
+        public function render() {
+            $field_id = esc_attr( $this->field['id'] );
+
+            // Set field ID, just in case.
+            Redux_Color_Scheme_Functions::$field_id = $field_id;
+            Redux_Color_Scheme_Functions::$field    = $this->field;
+            Redux_Color_Scheme_Functions::$parent   = $this->parent;
+
+            if ( isset( $this->field['select'] ) ) {
+                if ( is_array( $this->field['select'] ) && ! empty( $this->field['select'] ) ) {
+                    Redux_Color_Scheme_Functions::$select = $this->field['select'];
+                }
+            }
+
+            // Nonce.
+            $nonce = wp_create_nonce( "redux_{$this->parent->args['opt_name']}_color_schemes" );
+
+            // Modal message.
+            echo '<div id="redux-' . esc_attr( $field_id ) . '-scheme-message-notice" style="display:none; cursor: default">';
+            echo '    <h2>message</h2>';
+            echo '    <input type="button" id="redux-' . esc_attr( $field_id ) . '-scheme-ok" value="OK" />';
+            echo '</div>';
+
+            // Waiting message.
+            echo '<div id="redux-' . esc_attr( $field_id ) . '-scheme-wait-message" style="display:none;">';
+            // phpcs:ignore PluginCheck.CodeAnalysis.ImageFunctions.NonEnqueuedImage -- Icon hard coded for project.
+            echo '   <h1><img alt="Please wait..." src="' . esc_url( $this->url ) . 'img/busy.gif" /> Please wait...</h1>';
+            echo '</div>';
+
+            // Delete dialog.
+            echo '<div id="redux-' . esc_attr( $field_id ) . '-delete-scheme-question" style="display:none; cursor: default">';
+            echo '    <h2>Are you sure you want to delete this scheme?</h2>';
+            echo '    <input type="button" id="redux-' . esc_attr( $field_id ) . '-delete-scheme-yes" value="Yes" />';
+            echo '    <input type="button" id="redux-' . esc_attr( $field_id ) . '-delete-scheme-no" value="No" />';
+            echo '</div>';
+
+            // Select2 params.
+            if ( isset( $this->field['select2'] ) ) { // if there are any, let's pass them to js.
+                $select2_params = wp_json_encode( $this->field['select2'] );
+                $select2_params = htmlspecialchars( $select2_params, ENT_QUOTES );
+
+                echo '<input type="hidden" class="select2_params" value="' . $select2_params . '">'; // phpcs:ignore WordPress.Security.EscapeOutput
+            }
+
+            $tt_in_use = Redux_Color_Scheme_Functions::tooltips_in_use( $this->field );
+
+            $tooltips = '';
+            if ( $tt_in_use ) {
+                $tooltips = rawurlencode( wp_json_encode( $this->field['tooltips'] ) );
+            }
+
+            $tt_toggle_state = Redux_Color_Scheme_Functions::get_tooltip_toggle_state();
+
+            // Color picker container.
+            // phpcs:disable WordPress.Security.EscapeOutput
+            echo '<div
                       class="redux-color-scheme-container ' . esc_attr( $this->field['class'] ) . '"
                       data-id="' . esc_attr( $field_id ) . '"
                       data-opt-name="' . esc_attr( $this->parent->args['opt_name'] ) . '"
@@ -158,52 +158,52 @@ 
                       data-cancel-text="' . esc_attr( $this->field['options']['cancel_text'] ) . '"
                       data-palette="' . rawurlencode( wp_json_encode( $this->field['options']['palette'] ) ) . '"
                   >';
-			// phpcs:enable WordPress.Security.EscapeOutput
+            // phpcs:enable WordPress.Security.EscapeOutput
 
-			// Hide scheme save stuff on simple mode.
-			if ( false === $this->field['simple'] ) {
-				echo '<div>';
-				// Select container.
-				echo '<div class="redux-scheme-select-container input_wrapper">';
-				echo '    <span class="redux-label redux-select-scheme-label">Scheme:</span>';
+            // Hide scheme save stuff on simple mode.
+            if ( false === $this->field['simple'] ) {
+                echo '<div>';
+                // Select container.
+                echo '<div class="redux-scheme-select-container input_wrapper">';
+                echo '    <span class="redux-label redux-select-scheme-label">Scheme:</span>';
 
-				// Output scheme selector.
-				echo Redux_Color_Scheme_Functions::get_scheme_select_html( '' ); // phpcs:ignore WordPress.Security.EscapeOutput
+                // Output scheme selector.
+                echo Redux_Color_Scheme_Functions::get_scheme_select_html( '' ); // phpcs:ignore WordPress.Security.EscapeOutput
 
-				echo '</div>';
+                echo '</div>';
 
-				// Text input.
-				echo '<div class="redux-scheme-name input_wrapper">';
-				echo '  <span class="redux-label redux-text-scheme-label">Name:</span>';
-				echo '      <input
+                // Text input.
+                echo '<div class="redux-scheme-name input_wrapper">';
+                echo '  <span class="redux-label redux-text-scheme-label">Name:</span>';
+                echo '      <input
                                 type="text"
                                 class="noUpdate redux-scheme-input-' . esc_attr( $field_id ) . '"
                                 id="redux-scheme-input"
                             />';
-				echo '</div>';
+                echo '</div>';
 
-				// Action buttons/links.
-				echo '  <div class="redux-action-links">';
-				echo '      <span class="redux-label redux-action-scheme-label">Actions:</span>';
+                // Action buttons/links.
+                echo '  <div class="redux-action-links">';
+                echo '      <span class="redux-label redux-action-scheme-label">Actions:</span>';
 
-				// Save button.
-				echo '          <a
+                // Save button.
+                echo '          <a
                                     href="javascript:void(0);"
                                     id="redux-' . esc_attr( $field_id ) . '-save-scheme-button"
                                     class="redux-save-scheme-button button-secondary">' . esc_html__( 'Add', 'redux-framework' ) . '
                                 </a>';
 
-				// Delete button.
-				echo '          <a
+                // Delete button.
+                echo '          <a
                                     href="javascript:void(0);"
                                     id="redux-' . esc_attr( $field_id ) . '-delete-scheme-button"
                                     class="redux-delete-scheme-button button-secondary">' . esc_html__( 'Delete', 'redux-framework' ) . '
                                 </a>';
 
-				$link = admin_url( 'admin-ajax.php?action=redux_color_schemes&type=export&nonce=' . esc_attr( $nonce ) ) . '&opt_name=' . esc_attr( $this->parent->args['opt_name'] );
+                $link = admin_url( 'admin-ajax.php?action=redux_color_schemes&type=export&nonce=' . esc_attr( $nonce ) ) . '&opt_name=' . esc_attr( $this->parent->args['opt_name'] );
 
-				// Export button.
-				echo '          <a
+                // Export button.
+                echo '          <a
                                     href="' . esc_url( $link ) . '"
                                     id="redux-' . esc_attr( $field_id ) . '-export-scheme-button"
                                     data-opt-name="' . esc_attr( $this->parent->args['opt_name'] ) . '"
@@ -211,8 +211,8 @@ 
                                     class="redux-export-scheme-button button-primary">' . esc_html__( 'Export', 'redux-framework' ) . '
                                 </a>';
 
-				// Import button.
-				echo '          <a
+                // Import button.
+                echo '          <a
                                     href="javascript:void(0);"
                                     id="redux-' . esc_attr( $field_id ) . '-import-scheme-button"
                                     data-submit="' . esc_url( $this->url ) . '"
@@ -220,197 +220,197 @@ 
                                     class="noUpdate redux-import-scheme-button button-secondary">' . esc_html__( 'Import', 'redux-framework' ) . '
                                 </a>';
 
-				echo '          <input type="file" accept="application/json" id="redux-color-scheme-upload-file" size="50">';
-
-				if ( $this->field['tooltip_toggle'] && $tt_in_use ) {
-					$checked = '';
-					if ( $tt_toggle_state ) {
-						$checked = 'checked';
-					}
-
-					echo '<div class="redux-color-scheme-tooltip-checkbox">';
-					echo '<input class="" name="' . esc_attr( $this->parent->args['opt_name'] ) . '[redux-color-scheme-tooltip-toggle]" id="redux-' . esc_attr( $field_id ) . '-tooltip-checkbox" type="checkbox" value="' . esc_attr( $tt_toggle_state ) . '" ' . esc_html( $checked ) . '>Show Tooltips';
-					echo '</div>';
-				}
-
-				echo '  </div>';
-				echo '</div>';
-				echo '<div>';
-				echo '<hr/>';
-			}
-
-			// Set field class.  Gotta do it this way so custom class makes
-			// it through AJAX.
-			Redux_Color_Scheme_Functions::$field_class = 'redux-color-scheme ';
-
-			// Color picker layout.
-			echo Redux_Color_Scheme_Functions::get_current_color_scheme_html(); // phpcs:ignore WordPress.Security.EscapeOutput
-
-			echo '</div>';
-		}
-
-		/**
-		 * Enqueue Function.
-		 * If this field requires any scripts, or css define this function and register/enqueue the scripts/css
-		 *
-		 * @since       1.0.0
-		 * @access      public
-		 * @return      void
-		 */
-		public function enqueue() {
-
-			// Set up min files for dev_mode = false.
-			$min = Redux_Functions::is_min();
-
-			// Field dependent JS.
-			wp_enqueue_script(
-				'redux-field-color-scheme',
-				$this->url . 'redux-color-scheme' . $min . '.js',
-				array( 'jquery', 'redux-spectrum-js', 'select2-js', 'redux-block-ui' ),
-				Redux_Extension_Color_Scheme::$version,
-				true
-			);
-
-			// Field CSS.
-			if ( true === $this->parent->args['dev_mode'] ) {
-				wp_enqueue_style(
-					'redux-field-color-scheme',
-					$this->url . 'redux-color-scheme.css',
-					array( 'redux-spectrum-css', 'select2-css' ),
-					Redux_Extension_Color_Scheme::$version
-				);
-			}
-
-			// AJAX.
-			wp_localize_script(
-				'redux-field-color-scheme',
-				'redux_ajax_script',
-				array( 'ajaxurl' => admin_url( 'admin-ajax.php' ) )
-			);
-		}
-
-		/**
-		 * Get default data.
-		 *
-		 * @param string $id Field ID.
-		 *
-		 * @return array
-		 */
-		private function data_from_default( string $id ): array {
-			$x = $this->field;
-
-			$data = array();
-
-			foreach ( $x['default'] as $arr ) {
-				if ( $arr['id'] === $id ) {
-					$data['selector']  = $arr['selector'] ?? '';
-					$data['mode']      = $arr['mode'] ?? '';
-					$data['important'] = $arr['important'] ?? '';
-
-					break;
-				}
-			}
-
-			return $data;
-		}
-
-		/**
-		 * If this field requires any scripts or CSS, define this function and register/enqueue the scripts/css
-		 *
-		 * @since       1.0.0
-		 * @access      private
-		 * @return      string
-		 */
-		private function get_css(): string {
-
-			// No notices.
-			$css = '';
-
-			// Must be an array.
-			if ( is_array( $this->value ) ) {
-
-				// Enum array to parse values.
-				foreach ( $this->value as $id => $val ) {
-
-					// Default selector data, so we always have current info.
-					$def_data = $this->data_from_default( $id );
-
-					// Sanitize alpha.
-					$alpha = $val['alpha'] ?? 1;
-
-					// Sanitize color.
-					$color = $val['color'] ?? '';
-
-					// Only build rgba output if alpha ia less than 1.
-					if ( $alpha < 1 && '' !== $alpha ) {
-						$color = Redux_Helpers::hex2rgba( $color, $alpha );
-					}
-
-					$important = $def_data['important'] ?? false;
-					if ( true === $important ) {
-						$important = ' !important';
-					} else {
-						$important = '';
-					}
-
-					// Sanitize selector.
-					$selector = $def_data['selector'] ?? '';
-
-					if ( is_array( $selector ) ) {
-						foreach ( $selector as $mode => $element ) {
-							if ( '' !== $element && '' !== $color ) {
-								$css .= $element . '{' . $mode . ': ' . $color . $important . ';}';
-							}
-						}
-					} else {
-						// Sanitize mode, default to 'color'.
-						$mode = $def_data['mode'] ?? 'color';
-
-						// Only build value if selector is indicated.
-						if ( '' !== $selector && '' !== $color ) {
-							$css .= $selector . '{' . $mode . ': ' . $color . $important . ';} ';
-						}
-					}
-				}
-			}
-
-			return $css;
-		}
-
-		/**
-		 * Generate CSS style.
-		 *
-		 * @param string $data Field data.
-		 *
-		 * @return string
-		 */
-		public function css_style( $data ): string {
-			return '';
-		}
-
-		/**
-		 * Output Function.
-		 * Used to enqueue to the front-end
-		 *
-		 * @param       string|null|array $style Style.
-		 * @since       1.0.0
-		 * @access      public
-		 * @return      void
-		 */
-		public function output( $style = '' ) {
-			if ( ! empty( $this->value ) ) {
-				if ( ! empty( $this->field['output'] ) && ( true === $this->field['output'] ) ) {
-					$css                      = $this->get_css();
-					$this->parent->outputCSS .= $css;
-				}
-
-				if ( ! $this->field['no_compiler_output'] ) {
-					if ( ! empty( $this->field['compiler'] ) && ( true === $this->field['compiler'] ) ) {
-						$css                        = $this->get_css();
-						$this->parent->compilerCSS .= $css;
-					}
-				}
-			}
-		}
-	}
+                echo '          <input type="file" accept="application/json" id="redux-color-scheme-upload-file" size="50">';
+
+                if ( $this->field['tooltip_toggle'] && $tt_in_use ) {
+                    $checked = '';
+                    if ( $tt_toggle_state ) {
+                        $checked = 'checked';
+                    }
+
+                    echo '<div class="redux-color-scheme-tooltip-checkbox">';
+                    echo '<input class="" name="' . esc_attr( $this->parent->args['opt_name'] ) . '[redux-color-scheme-tooltip-toggle]" id="redux-' . esc_attr( $field_id ) . '-tooltip-checkbox" type="checkbox" value="' . esc_attr( $tt_toggle_state ) . '" ' . esc_html( $checked ) . '>Show Tooltips';
+                    echo '</div>';
+                }
+
+                echo '  </div>';
+                echo '</div>';
+                echo '<div>';
+                echo '<hr/>';
+            }
+
+            // Set field class.  Gotta do it this way so custom class makes
+            // it through AJAX.
+            Redux_Color_Scheme_Functions::$field_class = 'redux-color-scheme ';
+
+            // Color picker layout.
+            echo Redux_Color_Scheme_Functions::get_current_color_scheme_html(); // phpcs:ignore WordPress.Security.EscapeOutput
+
+            echo '</div>';
+        }
+
+        /**
+         * Enqueue Function.
+         * If this field requires any scripts, or css define this function and register/enqueue the scripts/css
+         *
+         * @since       1.0.0
+         * @access      public
+         * @return      void
+         */
+        public function enqueue() {
+
+            // Set up min files for dev_mode = false.
+            $min = Redux_Functions::is_min();
+
+            // Field dependent JS.
+            wp_enqueue_script(
+                'redux-field-color-scheme',
+                $this->url . 'redux-color-scheme' . $min . '.js',
+                array( 'jquery', 'redux-spectrum-js', 'select2-js', 'redux-block-ui' ),
+                Redux_Extension_Color_Scheme::$version,
+                true
+            );
+
+            // Field CSS.
+            if ( true === $this->parent->args['dev_mode'] ) {
+                wp_enqueue_style(
+                    'redux-field-color-scheme',
+                    $this->url . 'redux-color-scheme.css',
+                    array( 'redux-spectrum-css', 'select2-css' ),
+                    Redux_Extension_Color_Scheme::$version
+                );
+            }
+
+            // AJAX.
+            wp_localize_script(
+                'redux-field-color-scheme',
+                'redux_ajax_script',
+                array( 'ajaxurl' => admin_url( 'admin-ajax.php' ) )
+            );
+        }
+
+        /**
+         * Get default data.
+         *
+         * @param string $id Field ID.
+         *
+         * @return array
+         */
+        private function data_from_default( string $id ): array {
+            $x = $this->field;
+
+            $data = array();
+
+            foreach ( $x['default'] as $arr ) {
+                if ( $arr['id'] === $id ) {
+                    $data['selector']  = $arr['selector'] ?? '';
+                    $data['mode']      = $arr['mode'] ?? '';
+                    $data['important'] = $arr['important'] ?? '';
+
+                    break;
+                }
+            }
+
+            return $data;
+        }
+
+        /**
+         * If this field requires any scripts or CSS, define this function and register/enqueue the scripts/css
+         *
+         * @since       1.0.0
+         * @access      private
+         * @return      string
+         */
+        private function get_css(): string {
+
+            // No notices.
+            $css = '';
+
+            // Must be an array.
+            if ( is_array( $this->value ) ) {
+
+                // Enum array to parse values.
+                foreach ( $this->value as $id => $val ) {
+
+                    // Default selector data, so we always have current info.
+                    $def_data = $this->data_from_default( $id );
+
+                    // Sanitize alpha.
+                    $alpha = $val['alpha'] ?? 1;
+
+                    // Sanitize color.
+                    $color = $val['color'] ?? '';
+
+                    // Only build rgba output if alpha ia less than 1.
+                    if ( $alpha < 1 && '' !== $alpha ) {
+                        $color = Redux_Helpers::hex2rgba( $color, $alpha );
+                    }
+
+                    $important = $def_data['important'] ?? false;
+                    if ( true === $important ) {
+                        $important = ' !important';
+                    } else {
+                        $important = '';
+                    }
+
+                    // Sanitize selector.
+                    $selector = $def_data['selector'] ?? '';
+
+                    if ( is_array( $selector ) ) {
+                        foreach ( $selector as $mode => $element ) {
+                            if ( '' !== $element && '' !== $color ) {
+                                $css .= $element . '{' . $mode . ': ' . $color . $important . ';}';
+                            }
+                        }
+                    } else {
+                        // Sanitize mode, default to 'color'.
+                        $mode = $def_data['mode'] ?? 'color';
+
+                        // Only build value if selector is indicated.
+                        if ( '' !== $selector && '' !== $color ) {
+                            $css .= $selector . '{' . $mode . ': ' . $color . $important . ';} ';
+                        }
+                    }
+                }
+            }
+
+            return $css;
+        }
+
+        /**
+         * Generate CSS style.
+         *
+         * @param string $data Field data.
+         *
+         * @return string
+         */
+        public function css_style( $data ): string {
+            return '';
+        }
+
+        /**
+         * Output Function.
+         * Used to enqueue to the front-end
+         *
+         * @param       string|null|array $style Style.
+         * @since       1.0.0
+         * @access      public
+         * @return      void
+         */
+        public function output( $style = '' ) {
+            if ( ! empty( $this->value ) ) {
+                if ( ! empty( $this->field['output'] ) && ( true === $this->field['output'] ) ) {
+                    $css                      = $this->get_css();
+                    $this->parent->outputCSS .= $css;
+                }
+
+                if ( ! $this->field['no_compiler_output'] ) {
+                    if ( ! empty( $this->field['compiler'] ) && ( true === $this->field['compiler'] ) ) {
+                        $css                        = $this->get_css();
+                        $this->parent->compilerCSS .= $css;
+                    }
+                }
+            }
+        }
+    }
 }