reduxframework / redux-framework

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;
+                    }
+                }
+            }
+        }
+    }
 }

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

Indentation +47 added lines, -47 removed lines

@@ -7,54 +7,54 @@
 
 if ( ! class_exists( 'Redux_PHP' ) ) {
 
-	/**
-	 * Redux_PHP class.
-	 */
-	class Redux_PHP {
+    /**
+     * Redux_PHP class.
+     */
+    class Redux_PHP {
 
-		/**
-		 * Minimum PHP version.
-		 *
-		 * @var string
-		 *
-		 * @noinspection PhpMissingFieldTypeInspection
-		 */
-		public static $minimum_version = '7.4.0';
+        /**
+         * Minimum PHP version.
+         *
+         * @var string
+         *
+         * @noinspection PhpMissingFieldTypeInspection
+         */
+        public static $minimum_version = '7.4.0';
 
-		/**
-		 * Is PHP version met.
-		 *
-		 * @return bool
-		 */
-		public static function version_met(): bool {
-			return version_compare( PHP_VERSION, self::$minimum_version, '>=' );
-		}
+        /**
+         * Is PHP version met.
+         *
+         * @return bool
+         */
+        public static function version_met(): bool {
+            return version_compare( PHP_VERSION, self::$minimum_version, '>=' );
+        }
 
-		/**
-		 * Display incompatibility message on admin screen.
-		 *
-		 * @return void
-		 */
-		public static function php_version_nope() {
-			printf(
-				'<div id="redux-php-nope" class="notice notice-error"><p>%s</p></div>',
-				wp_kses(
-					sprintf(
-					/* translators: 1: Redux Framework, 2: Required PHP version number, 3: Current PHP version number, 4: URL of PHP update help page */
-						__( 'The %1$s plugin requires PHP version %2$s or higher. This site is running PHP version %3$s. The theme/plugin that relies on Redux will not run properly without a PHP update. <a href="%4$s">Learn about updating PHP</a>.', 'redux-framework' ),
-						'Redux Framework',
-						'<strong>7.4.0</strong>',
-						'<strong>' . PHP_VERSION . '</strong>',
-						'https://wordpress.org/support/update-php/'
-					),
-					array(
-						'a'      => array(
-							'href' => array(),
-						),
-						'strong' => array(),
-					)
-				)
-			);
-		}
-	}
+        /**
+         * Display incompatibility message on admin screen.
+         *
+         * @return void
+         */
+        public static function php_version_nope() {
+            printf(
+                '<div id="redux-php-nope" class="notice notice-error"><p>%s</p></div>',
+                wp_kses(
+                    sprintf(
+                    /* translators: 1: Redux Framework, 2: Required PHP version number, 3: Current PHP version number, 4: URL of PHP update help page */
+                        __( 'The %1$s plugin requires PHP version %2$s or higher. This site is running PHP version %3$s. The theme/plugin that relies on Redux will not run properly without a PHP update. <a href="%4$s">Learn about updating PHP</a>.', 'redux-framework' ),
+                        'Redux Framework',
+                        '<strong>7.4.0</strong>',
+                        '<strong>' . PHP_VERSION . '</strong>',
+                        'https://wordpress.org/support/update-php/'
+                    ),
+                    array(
+                        'a'      => array(
+                            'href' => array(),
+                        ),
+                        'strong' => array(),
+                    )
+                )
+            );
+        }
+    }
 }

redux-core/inc/classes/class-redux-page-render.php

Indentation +1117 added lines, -1117 removed lines

@@ -13,1121 +13,1121 @@
 
 if ( ! class_exists( 'Redux_Page_Render', false ) ) {
 
-	/**
-	 * Class Redux_Page_Render
-	 */
-	class Redux_Page_Render extends Redux_Class {
-
-		/**
-		 * Flag to show or hide hints in a panel.
-		 *
-		 * @var bool
-		 * @access private
-		 */
-		private $show_hints = false;
-
-		/**
-		 * Creates page's hook suffix.
-		 *
-		 * @var false|string
-		 * @access private
-		 */
-		private $page = '';
-
-		/**
-		 * Redux_Page_Render constructor.
-		 *
-		 * @param object $redux ReduxFramework pointer.
-		 */
-		public function __construct( $redux ) {
-			parent::__construct( $redux );
-
-			// phpcs:ignore Generic.Strings.UnnecessaryStringConcat
-			add_action( 'admin' . '_bar' . '_menu', array( $this, 'add_menu' ), $redux->args['admin_bar_priority'] );
-
-			// Options page.
-			add_action( 'admin_menu', array( $this, 'options_page' ) );
-
-			// Add a network menu.
-			if ( 'network' === $redux->args['database'] && $redux->args['network_admin'] ) {
-				add_action( 'network_admin_menu', array( $this, 'options_page' ) );
-			}
-		}
-
-		/**
-		 * Class Options Page Function, creates main options page.
-		 *
-		 * @since       1.0.0
-		 * @access      public
-		 * @return void
-		 */
-		public function options_page() {
-			$core = $this->core();
-			// phpcs:ignore Generic.CodeAnalysis.EmptyStatement
-			if ( 'hidden' === $core->args['menu_type'] ) {
-				// No menu to add!
-			} elseif ( 'submenu' === $core->args['menu_type'] ) {
-				$this->submenu( $core );
-			} else {
-				// Theme-Check notice is displayed for WP.org theme devs, informing them to NOT use this.
-				$this->page = call_user_func(
-					'add_menu_page',
-					$core->args['page_title'],
-					$core->args['menu_title'],
-					$core->args['page_permissions'],
-					$core->args['page_slug'],
-					array(
-						$this,
-						'generate_panel',
-					),
-					$core->args['menu_icon'],
-					(int) $core->args['page_priority']
-				);
-
-				if ( true === $core->args['allow_sub_menu'] ) {
-					foreach ( $core->sections as $k => $section ) {
-						$can_be_subsection = $k > 0 && ( ! isset( $core->sections[ ( $k ) ]['type'] ) || 'divide' !== $core->sections[ ( $k ) ]['type'] );
-
-						if ( ! isset( $section['title'] ) || ( $can_be_subsection && ( isset( $section['subsection'] ) && true === $section['subsection'] ) ) ) {
-							continue;
-						}
-
-						if ( isset( $section['submenu'] ) && false === $section['submenu'] ) {
-							continue;
-						}
-
-						if ( isset( $section['customizer_only'] ) && true === $section['customizer_only'] ) {
-							continue;
-						}
-
-						if ( isset( $section['hidden'] ) && true === $section['hidden'] ) {
-							continue;
-						}
-
-						if ( isset( $section['permissions'] ) && ! Redux_Helpers::current_user_can( $section['permissions'] ) ) {
-							continue;
-						}
-
-						// ONLY for non-wp.org themes OR plugins. Theme-Check alert shown if used and IS theme.
-						call_user_func(
-							'add_submenu_page',
-							$core->args['page_slug'],
-							$section['title'],
-							$section['title'],
-							$core->args['page_permissions'],
-							$core->args['page_slug'] . '&tab=' . $k,
-							'__return_null'
-						);
-					}
-
-					// Remove parent submenu item instead of adding null item.
-					remove_submenu_page( $core->args['page_slug'], $core->args['page_slug'] );
-				}
-			}
-
-			add_action( "load-$this->page", array( $this, 'load_page' ) );
-		}
-
-		/**
-		 * Show page help
-		 *
-		 * @since       1.0.0
-		 * @access      public
-		 * @return      void
-		 */
-		public function load_page() {
-			$core = $this->core();
-
-			// Do admin head action for this page.
-			add_action( 'admin_head', array( $this, 'admin_head' ) );
-
-			// Do admin footer text hook.
-			add_filter( 'admin_footer_text', array( $this, 'admin_footer_text' ) );
-
-			$screen = get_current_screen();
-
-			if ( is_array( $core->args['help_tabs'] ) ) {
-				foreach ( $core->args['help_tabs'] as $tab ) {
-					$screen->add_help_tab( $tab );
-				}
-			}
-
-			// If hint argument is set, display hint tab.
-			if ( true === $this->show_hints ) {
-				global $current_user;
-
-				$cur_page = '';
-
-				// Users enable/disable hint choice.
-				$hint_status = get_user_meta( $current_user->ID, 'ignore_hints' ) ? get_user_meta( $current_user->ID, 'ignore_hints', true ) : 'true';
-
-				// current page parameters.
-				if ( isset( $_GET['page'] ) ) { // phpcs:ignore WordPress.Security.NonceVerification
-					$cur_page = sanitize_text_field( wp_unslash( $_GET['page'] ) ); // phpcs:ignore WordPress.Security.NonceVerification
-				}
-
-				$cur_tab = '0';
-				if ( isset( $_GET['tab'] ) ) { // phpcs:ignore WordPress.Security.NonceVerification
-					$cur_tab = sanitize_text_field( wp_unslash( $_GET['tab'] ) ); // phpcs:ignore WordPress.Security.NonceVerification
-				}
-
-				// Default url values for enabling hints.
-				$dismiss = 'true';
-				$s       = esc_html__( 'Enable', 'redux-framework' );
-
-				// Values for disabling hints.
-				if ( 'true' === $hint_status ) {
-					$dismiss = 'false';
-					$s       = esc_html__( 'Disable', 'redux-framework' );
-				}
-
-				// Make URL.
-				$nonce = wp_create_nonce( 'redux_hint_toggle' );
-				$url   = '<a class="redux_hint_status" href="?nonce=' . $nonce . '&amp;dismiss=' . $dismiss . '&amp;id=hints&amp;page=' . esc_attr( $cur_page ) . '&amp;tab=' . esc_attr( $cur_tab ) . '">' . $s . ' hints</a>';
-
-				$event = esc_html__( 'moving the mouse over', 'redux-framework' );
-				if ( 'click' === $core->args['hints']['tip_effect']['show']['event'] ) {
-					$event = esc_html__( 'clicking', 'redux-framework' );
-				}
-
-				// Construct message.
-				// translators: %1$s: Mouse action.  %2$s: Hint status.
-				$msg = sprintf( esc_html__( 'Hints are tooltips that popup when %1$s the hint icon, offering addition information about the field in which they appear.  They can be %2$s by using the link below.', 'redux-framework' ), $event, Redux_Core::strtolower( $s ) ) . '<br/><br/>' . $url;
-
-				// Construct hint tab.
-				$tab = array(
-					'id'      => 'redux-hint-tab',
-					'title'   => esc_html__( 'Hints', 'redux-framework' ),
-					'content' => '<p>' . $msg . '</p>',
-				);
-
-				$screen->add_help_tab( $tab );
-			}
-
-			// Sidebar text.
-			if ( '' !== $core->args['help_sidebar'] ) {
-
-				// Specify user's text from arguments.
-				$screen->set_help_sidebar( $core->args['help_sidebar'] );
-			} elseif ( true === $this->show_hints ) {
-				// If a sidebar text is empty and hints are active, display text
-				// about hints.
-
-				$screen->set_help_sidebar( '<p><strong>Redux Framework</strong><br/><br/>' . esc_html__( 'Hint Tooltip Preferences', 'redux-framework' ) . '</p>' );
-			}
-
-			/**
-			 * Action 'redux/page/{opt_name}/load'
-			 *
-			 * @param object $screen WP_Screen
-			 */
-
-			// phpcs:ignore WordPress.NamingConventions.ValidHookName
-			do_action( "redux/page/{$core->args['opt_name']}/load", $screen );
-		}
-
-		/**
-		 * Class Add Sub Menu Function, creates option submenu in WordPress admin area.
-		 *
-		 * @param       object $core ReduxFramework core pointer.
-		 *
-		 * @since       3.1.9
-		 * @access      private
-		 * @return      void
-		 */
-		private function submenu( $core ) {
-			global $submenu;
-
-			$page_parent      = $core->args['page_parent'];
-			$page_title       = $core->args['page_title'];
-			$menu_title       = $core->args['menu_title'];
-			$page_permissions = $core->args['page_permissions'];
-			$page_slug        = $core->args['page_slug'];
-
-			// Just in case. One never knows.
-			$page_parent = Redux_Core::strtolower( $page_parent );
-
-			$test = array(
-				'index.php'               => 'dashboard',
-				'edit.php'                => 'posts',
-				'upload.php'              => 'media',
-				'link-manager.php'        => 'links',
-				'edit.php?post_type=page' => 'pages',
-				'edit-comments.php'       => 'comments',
-				'themes.php'              => 'theme',
-				'plugins.php'             => 'plugins',
-				'users.php'               => 'users',
-				'tools.php'               => 'management',
-				'options-general.php'     => 'options',
-			);
-
-			if ( isset( $test[ $page_parent ] ) ) {
-				$function   = 'add_' . $test[ $page_parent ] . '_page';
-				$this->page = $function(
-					$page_title,
-					$menu_title,
-					$page_permissions,
-					$page_slug,
-					array( $this, 'generate_panel' )
-				);
-			} else {
-				// Network settings and Post type menus. These do not have
-				// wrappers and need to be appended to using add_submenu_page.
-				// Okay, since we've left the post-type menu appending
-				// as default, we need to validate it, so anything that
-				// isn't post_type=<post_type> doesn't get through and mess
-				// things up.
-				$add_menu = false;
-				if ( 'settings.php' !== $page_parent ) {
-					// Establish the needle.
-					$needle = '?post_type=';
-
-					// Check if it exists in the page_parent (how I miss instr).
-					$needle_pos = strrpos( $page_parent, $needle );
-
-					// It's there, so...
-					if ( $needle_pos > 0 ) {
-
-						// Get the post-type.
-						$post_type = substr( $page_parent, $needle_pos + strlen( $needle ) );
-
-						// Ensure it exists.
-						if ( post_type_exists( $post_type ) ) {
-							// Set the flag to add the menu page.
-							$add_menu = true;
-						}
-						// custom menu.
-					} elseif ( isset( $submenu[ $core->args['page_parent'] ] ) ) {
-						$add_menu = true;
-					} else {
-						global $menu;
-
-						foreach ( $menu as $menuitem ) {
-							$needle_menu_slug = isset( $menuitem ) ? $menuitem[2] : false;
-							if ( false !== $needle_menu_slug ) {
-
-								// check if the current needle menu equals page_parent.
-								if ( 0 === strcasecmp( $needle_menu_slug, $page_parent ) ) {
-
-									// found an empty parent menu.
-									$add_menu = true;
-								}
-							}
-						}
-					}
-				} else {
-					// The page_parent was settings.php, so set menu add flag to true.
-					$add_menu = true;
-				}
-				// Add the submenu if it's permitted.
-				if ( true === $add_menu ) {
-					// ONLY for non-wp.org themes OR plugins. Theme-Check alert shown if used and IS theme.
-					$this->page = call_user_func(
-						'add_submenu_page',
-						$page_parent,
-						$page_title,
-						$menu_title,
-						$page_permissions,
-						$page_slug,
-						array(
-							$this,
-							'generate_panel',
-						)
-					);
-				}
-			}
-		}
-
-		/**
-		 * Output the option panel.
-		 */
-		public function generate_panel() {
-			$core = $this->core();
-
-			$panel = new Redux_Panel( $core );
-			$panel->init();
-			$core->transient_class->set();
-		}
-
-		/**
-		 * Section HTML OUTPUT.
-		 *
-		 * @param       array $section Sections array.
-		 *
-		 * @return      void
-		 * @since       1.0.0
-		 * @access      public
-		 */
-		public function section_desc( array $section ) {
-			$core = $this->core();
-
-			$id = rtrim( $section['id'], '_section' );
-			$id = str_replace( $core->args['opt_name'], '', $id );
-
-			if ( isset( $core->sections[ $id ]['desc'] ) && ! empty( $core->sections[ $id ]['desc'] ) ) {
-				echo '<div class="redux-section-desc">' . wp_kses_post( $core->sections[ $id ]['desc'] ) . '</div>';
-			}
-		}
-
-		/**
-		 * Field HTML OUTPUT.
-		 * Gets an option from an option array, then calls the specific field type class - allows extending by other devs
-		 *
-		 * @param array             $field   Field array.
-		 * @param string|array|null $v       Values.
-		 *
-		 * @return      void
-		 * @since       1.0.0
-		 */
-		public function field_input( array $field, $v = null ) {
-			$core = $this->core();
-
-			if ( isset( $field['callback'] ) && ( is_callable( $field['callback'] ) || ( is_string( $field['callback'] ) && function_exists( $field['callback'] ) ) ) ) {
-
-				$value = ( isset( $core->options[ $field['id'] ] ) ) ? $core->options[ $field['id'] ] : '';
-
-				/**
-				 * Action 'redux/field/{opt_name}/{field.type}/callback/before'
-				 *
-				 * @param array  $field field data
-				 * @param string $value field.id
-				 */
-				// phpcs:ignore WordPress.NamingConventions.ValidHookName
-				do_action_ref_array(
-				// phpcs:ignore WordPress.NamingConventions.ValidHookName
-					"redux/field/{$core->args['opt_name']}/{$field['type']}/callback/before",
-					array(
-						&$field,
-						&$value,
-					)
-				);
-
-				/**
-				 * Action 'redux/field/{opt_name}/callback/before'
-				 *
-				 * @param array  $field field data
-				 * @param string $value field.id
-				 */
-				// phpcs:ignore WordPress.NamingConventions.ValidHookName
-				do_action_ref_array(
-				// phpcs:ignore WordPress.NamingConventions.ValidHookName
-					"redux/field/{$core->args['opt_name']}/callback/before",
-					array(
-						&$field,
-						&$value,
-					)
-				);
-
-				call_user_func( $field['callback'], $field, $value );
-
-				/**
-				 * Action 'redux/field/{opt_name}/{field.type}/callback/after'
-				 *
-				 * @param array  $field field data
-				 * @param string $value field.id
-				 */
-				// phpcs:ignore WordPress.NamingConventions.ValidHookName
-				do_action_ref_array(
-				// phpcs:ignore WordPress.NamingConventions.ValidHookName
-					"redux/field/{$core->args['opt_name']}/{$field['type']}/callback/after",
-					array(
-						&$field,
-						&$value,
-					)
-				);
-
-				/**
-				 * Action 'redux/field/{opt_name}/callback/after'
-				 *
-				 * @param array  $field field data
-				 * @param string $value field.id
-				 */
-				// phpcs:ignore WordPress.NamingConventions.ValidHookName
-				do_action_ref_array(
-				// phpcs:ignore WordPress.NamingConventions.ValidHookName
-					"redux/field/{$core->args['opt_name']}/callback/after",
-					array(
-						&$field,
-						&$value,
-					)
-				);
-
-				return;
-			}
-
-			if ( isset( $field['type'] ) ) {
-				// If the field is set not to display in the panel.
-				$display = true;
-
-				if ( isset( $_GET['page'] ) && $core->args['page_slug'] === $_GET['page'] ) { // phpcs:ignore WordPress.Security.NonceVerification
-					if ( isset( $field['panel'] ) && false === $field['panel'] ) {
-						$display = false;
-					}
-				}
-
-				if ( ! $display ) {
-					return;
-				}
-
-				$field_type = str_replace( '_', '-', $field['type'] );
-				$core_path  = Redux_Core::$dir . "inc/fields/{$field['type']}/class-redux-$field_type.php";
-
-				// Shim for v3 extension class names.
-				if ( ! file_exists( $core_path ) ) {
-					$core_path = Redux_Core::$dir . "inc/fields/{$field['type']}/field_{$field['type']}.php";
-				}
-
-				$filter_path = $core_path;
-
-				$field_class = '';
-
-				/**
-				 * Filter 'redux/{opt_name}/field/class/{field.type}'
-				 *
-				 * @param string $path Field class file path.
-				 * @param array  $field field data
-				 */
-
-				// phpcs:ignore WordPress.NamingConventions.ValidHookName
-				$class_file = apply_filters( "redux/{$core->args['opt_name']}/field/class/{$field['type']}", $filter_path, $field );
-
-				if ( $class_file ) {
-					$field_classes = array( 'Redux_' . $field['type'], 'ReduxFramework_' . $field['type'] );
-
-					$field_class = Redux_Functions::class_exists_ex( $field_classes );
-
-					if ( ! class_exists( $field_class ) ) {
-						if ( file_exists( $class_file ) ) {
-							require_once $class_file;
-							$field_class = Redux_Functions::class_exists_ex( $field_classes );
-						} else {
-							// translators: %1$s is the field ID, %2$s is the field type.
-							printf( esc_html__( 'Field %1$s could not be displayed. Field type %2$s was not found.', 'redux-framework' ), '<code>' . esc_attr( $field['id'] ) . '</code>', '<code>' . esc_attr( $field['type'] ) . '</code>' );
-						}
-					}
-				}
-
-				if ( class_exists( $field_class ) ) {
-					$value = $core->options[ $field['id'] ] ?? '';
-
-					if ( null !== $v ) {
-						$value = $v;
-					}
-
-					/**
-					 * Action 'redux/field/{opt_name}/{field.type}/render/before'
-					 *
-					 * @param array  $field field data
-					 * @param string $value field id
-					 */
-					// phpcs:ignore WordPress.NamingConventions.ValidHookName
-					do_action_ref_array(
-					// phpcs:ignore WordPress.NamingConventions.ValidHookName
-						"redux/field/{$core->args['opt_name']}/{$field['type']}/render/before",
-						array(
-							&$field,
-							&$value,
-						)
-					);
-
-					/**
-					 * Action 'redux/field/{$this->args['opt_name']}/render/before'
-					 *
-					 * @param array  $field field data
-					 * @param string $value field id
-					 */
-					// phpcs:ignore WordPress.NamingConventions.ValidHookName
-					do_action_ref_array(
-					// phpcs:ignore WordPress.NamingConventions.ValidHookName
-						"redux/field/{$core->args['opt_name']}/render/before",
-						array(
-							&$field,
-							&$value,
-						)
-					);
-
-					if ( ! isset( $field['name_suffix'] ) ) {
-						$field['name_suffix'] = '';
-					}
-
-					$render = new $field_class( $field, $value, $core );
-
-					ob_start();
-
-					try {
-						$render->render();
-					} catch ( Error $e ) {
-						echo 'Field failed to render: ', esc_html( $e->getMessage() ), "\n";
-					}
-
-					/**
-					 * Filter 'redux/field/{opt_name}'
-					 *
-					 * @param string $content Rendered field markup.
-					 * @param array  $field field data
-					 */
-
-					// phpcs:ignore WordPress.NamingConventions.ValidHookName
-					$_render = apply_filters( "redux/field/{$core->args['opt_name']}", ob_get_contents(), $field );
-
-					/**
-					 * Filter 'redux/field/{opt_name}/{field.type}/render/after'
-					 *
-					 * @param string $content Rendered field markup.
-					 * @param array  $field Field data
-					 */
-
-					// phpcs:ignore WordPress.NamingConventions.ValidHookName
-					$_render = apply_filters( "redux/field/{$core->args['opt_name']}/{$field['type']}/render/after", $_render, $field );
-
-					/**
-					 * Filter 'redux/field/{opt_name}/render/after'
-					 *
-					 * @param string $content Rendered field markup.
-					 * @param array  $field Field data
-					 */
-
-					// phpcs:ignore WordPress.NamingConventions.ValidHookName
-					$_render = apply_filters( "redux/field/{$core->args['opt_name']}/render/after", $_render, $field );
-
-					ob_end_clean();
-
-					// create default data und class string and checks the dependencies of an object.
-					$class_string = '';
-
-					$core->required_class->check_dependencies( $field );
-
-					/**
-					 * Action 'redux/field/{opt_name}/{field.type}/fieldset/before/{opt_name}'
-					 *
-					 * @param array  $field field data
-					 * @param string $value field id
-					 */
-					// phpcs:ignore WordPress.NamingConventions.ValidHookName
-					do_action_ref_array(
-					// phpcs:ignore WordPress.NamingConventions.ValidHookName
-						"redux/field/{$core->args['opt_name']}/{$field['type']}/fieldset/before/{$core->args['opt_name']}",
-						array(
-							&$field,
-							&$value,
-						)
-					);
-
-					/**
-					 * Action 'redux/field/{opt_name}/fieldset/before/{opt_name}'
-					 *
-					 * @param array  $field field data
-					 * @param string $value field id
-					 */
-					// phpcs:ignore WordPress.NamingConventions.ValidHookName
-					do_action_ref_array(
-					// phpcs:ignore WordPress.NamingConventions.ValidHookName
-						"redux/field/{$core->args['opt_name']}/fieldset/before/{$core->args['opt_name']}",
-						array(
-							&$field,
-							&$value,
-						)
-					);
-
-					$hidden = '';
-					if ( isset( $field['hidden'] ) && $field['hidden'] ) {
-						$hidden = 'hidden ';
-					}
-
-					$disabled = '';
-					if ( isset( $field['disabled'] ) && $field['disabled'] ) {
-						$disabled = 'disabled ';
-					}
-
-					if ( isset( $field['full_width'] ) && true === $field['full_width'] ) {
-						$class_string .= 'redux_remove_th';
-					}
-
-					if ( isset( $field['fieldset_class'] ) && ! empty( $field['fieldset_class'] ) ) {
-						$class_string .= ' ' . $field['fieldset_class'];
-					}
-
-					echo '<fieldset id="' . esc_attr( $core->args['opt_name'] . '-' . $field['id'] ) . '" class="' . esc_attr( $hidden . esc_attr( $disabled ) . 'redux-field-container redux-field redux-field-init redux-container-' . $field['type'] . ' ' . $class_string ) . '" data-id="' . esc_attr( $field['id'] ) . '" data-type="' . esc_attr( $field['type'] ) . '">';
-					echo $_render; // phpcs:ignore WordPress.Security.EscapeOutput
-
-					if ( ! empty( $field['desc'] ) ) {
-						$field['description'] = $field['desc'];
-					}
-
-					echo ( isset( $field['description'] ) && 'info' !== $field['type'] && 'section' !== $field['type'] && ! empty( $field['description'] ) ) ? '<div class="description field-desc">' . wp_kses_post( $field['description'] ) . '</div>' : '';
-					echo '</fieldset>';
-
-					/**
-					 * Action 'redux/field/{opt_name}/{field.type}/fieldset/after/{opt_name}'
-					 *
-					 * @param array  $field field data
-					 * @param string $value field id
-					 */
-					// phpcs:ignore WordPress.NamingConventions.ValidHookName
-					do_action_ref_array(
-					// phpcs:ignore WordPress.NamingConventions.ValidHookName
-						"redux/field/{$core->args['opt_name']}/{$field['type']}/fieldset/after/{$core->args['opt_name']}",
-						array(
-							&$field,
-							&$value,
-						)
-					);
-
-					/**
-					 * Action 'redux/field/{opt_name}/fieldset/after/{opt_name}'
-					 *
-					 * @param array  $field field data
-					 * @param string $value field id
-					 */
-					// phpcs:ignore WordPress.NamingConventions.ValidHookName
-					do_action_ref_array(
-					// phpcs:ignore WordPress.NamingConventions.ValidHookName
-						"redux/field/{$core->args['opt_name']}/fieldset/after/{$core->args['opt_name']}",
-						array(
-							&$field,
-							&$value,
-						)
-					);
-				}
-			}
-		}
-
-		/**
-		 * Add admin bar menu.
-		 *
-		 * @since       3.1.5.16
-		 * @access      public
-		 * @global      $menu , $submenu, $wp_admin_bar
-		 * @return      void
-		 */
-		public function add_menu() {
-			global $menu, $submenu, $wp_admin_bar;
-
-			$core = $this->core();
-
-			if ( ! is_super_admin() || ! is_admin_bar_showing() || ! $core->args['admin_bar'] || 'hidden' === $core->args['menu_type'] ) {
-				return;
-			}
-
-			if ( $menu ) {
-				foreach ( $menu as $menu_item ) {
-					if ( isset( $menu_item[2] ) && $menu_item[2] === $core->args['page_slug'] ) {
-
-						// Fetch the title.
-						$title = empty( $core->args['admin_bar_icon'] ) ? $menu_item[0] : '<span class="ab-icon ' . esc_attr( $core->args['admin_bar_icon'] ) . '"></span>' . esc_html( $menu_item[0] );
-
-						$nodeargs = array(
-							'id'    => $menu_item[2],
-							'title' => $title,
-							'href'  => admin_url( 'admin.php?page=' . $menu_item[2] ),
-							'meta'  => array(),
-						);
-
-						$wp_admin_bar->add_node( $nodeargs );
-
-						break;
-					}
-				}
-
-				if ( isset( $submenu[ $core->args['page_slug'] ] ) && is_array( $submenu[ $core->args['page_slug'] ] ) ) {
-					foreach ( $submenu[ $core->args['page_slug'] ] as $index => $redux_options_submenu ) {
-						$subnodeargs = array(
-							'id'     => esc_html( $core->args['page_slug'] . '_' . $index ),
-							'title'  => esc_html( $redux_options_submenu[0] ),
-							'parent' => esc_html( $core->args['page_slug'] ),
-							'href'   => esc_url( admin_url( 'admin.php?page=' . $redux_options_submenu[2] ) ),
-						);
-
-						$wp_admin_bar->add_node( $subnodeargs );
-					}
-				}
-
-				// Let's deal with external links.
-				if ( isset( $core->args['admin_bar_links'] ) ) {
-					if ( ! $core->args['dev_mode'] && $core->args_class->omit_items ) {
-						return;
-					}
-
-					// Group for Main Root Menu (External Group).
-					$wp_admin_bar->add_node(
-						array(
-							'id'     => esc_html( $core->args['page_slug'] . '-external' ),
-							'parent' => esc_html( $core->args['page_slug'] ),
-							'group'  => true,
-							'meta'   => array( 'class' => 'ab-sub-secondary' ),
-						)
-					);
-
-					// Add Child Menus to External Group Menu.
-					foreach ( $core->args['admin_bar_links'] as $link ) {
-						if ( ! isset( $link['id'] ) ) {
-							$link['id'] = $core->args['page_slug'] . '-sub-' . sanitize_html_class( $link['title'] );
-						}
-
-						$externalnodeargs = array(
-							'id'     => esc_html( $link['id'] ),
-							'title'  => esc_html( $link['title'] ),
-							'parent' => esc_html( $core->args['page_slug'] . '-external' ),
-							'href'   => esc_url( $link['href'] ),
-							'meta'   => array( 'target' => '_blank' ),
-						);
-
-						$wp_admin_bar->add_node( $externalnodeargs );
-					}
-				}
-			} else {
-				// Fetch the title.
-				$title = empty( $core->args['admin_bar_icon'] ) ? $core->args['menu_title'] : '<span class="ab-icon ' . esc_attr( $core->args['admin_bar_icon'] ) . '"></span>' . esc_html( $core->args['menu_title'] );
-
-				$nodeargs = array(
-					'id'    => esc_html( $core->args['page_slug'] ),
-					'title' => $title,
-					'href'  => esc_url( admin_url( 'admin.php?page=' . $core->args['page_slug'] ) ),
-					'meta'  => array(),
-				);
-
-				$wp_admin_bar->add_node( $nodeargs );
-			}
-		}
-
-		/**
-		 * Do action redux-admin-head for option page
-		 *
-		 * @since       1.0.0
-		 * @access      public
-		 * @return      void
-		 */
-		public function admin_head() {
-			$core = $this->core();
-
-			/**
-			 * Action 'redux/page/{opt_name}/header'
-			 *
-			 * @param  object $this ReduxFramework
-			 */
-
-			// phpcs:ignore WordPress.NamingConventions.ValidHookName
-			do_action( "redux/page/{$core->args['opt_name']}/header", $core );
-		}
-
-		/**
-		 * Return footer text
-		 *
-		 * @since       2.0.0
-		 * @access      public
-		 * @return      string $this->args['footer_credit']
-		 */
-		public function admin_footer_text(): string {
-			$core = $this->core();
-
-			return $core->args['footer_credit'];
-		}
-
-		/**
-		 * Generate field header HTML
-		 *
-		 * @param array $field Field array.
-		 *
-		 * @return string
-		 */
-		public function get_header_html( array $field ): string {
-			global $current_user;
-
-			$core = $this->core();
-
-			// Set to empty string to avoid warnings.
-			$hint = '';
-			$th   = '';
-
-			if ( isset( $field['title'] ) && isset( $field['type'] ) && 'info' !== $field['type'] && 'section' !== $field['type'] ) {
-				$default_mark = ( ! empty( $field['default'] ) && isset( $core->options[ $field['id'] ] ) && $field['default'] === $core->options[ $field['id'] ] && ! empty( $core->args['default_mark'] ) ) ? $core->args['default_mark'] : '';
-
-				// If a hint is specified in the field, process it.
-				if ( isset( $field['hint'] ) && ! empty( $field['hint'] ) ) {
-
-					// Set the show_hints flag to true, so the help tab will be displayed.
-					$this->show_hints = true;
-
-					// phpcs:ignore WordPress.NamingConventions.ValidHookName
-					$hint = apply_filters( 'redux/hints/html', $hint, $field, $core->args );
-
-					// Get user pref for displaying hints.
-					$meta_val = get_user_meta( $current_user->ID, 'ignore_hints', true );
-
-					if ( 'true' === $meta_val || empty( $meta_val ) && empty( $hint ) ) {
-
-						// Set hand cursor for clickable hints.
-						$pointer = '';
-						if ( isset( $core->args['hints']['tip_effect']['show']['event'] ) && 'click' === $core->args['hints']['tip_effect']['show']['event'] ) {
-							$pointer = 'pointer';
-						}
-
-						$size = '16px';
-						if ( 'large' === $core->args['hints']['icon_size'] ) {
-							$size = '18px';
-						}
-
-						// In case docs are ignored.
-						$title_param   = $field['hint']['title'] ?? '';
-						$content_param = $field['hint']['content'] ?? '';
-
-						$hint_color = $core->args['hints']['icon_color'] ?? '#d3d3d3';
-
-						// Set hint html with appropriate position css.
-						$hint = '<div class="redux-hint-qtip" style="float:' . esc_attr( $core->args['hints']['icon_position'] ) . '; font-size: ' . esc_attr( $size ) . '; color:' . esc_attr( $hint_color ) . '; cursor: ' . $pointer . ';" qtip-title="' . esc_attr( $title_param ) . '" qtip-content="' . wp_kses_post( $content_param ) . '">&nbsp;<i class="' . ( isset( $core->args['hints']['icon'] ) ? esc_attr( $core->args['hints']['icon'] ) : '' ) . '"></i></div>';
-					}
-				}
-
-				if ( ! empty( $field['title'] ) ) {
-					if ( 'left' === $core->args['hints']['icon_position'] ) {
-						$th = $hint . wp_kses_post( $field['title'] ) . $default_mark . ' ';
-					} else {
-						$th = wp_kses_post( $field['title'] ) . $default_mark . ' ' . $hint;
-					}
-				}
-
-				if ( isset( $field['subtitle'] ) ) {
-					$th .= '<span class="description">' . wp_kses_post( $field['subtitle'] ) . '</span>';
-				}
-			}
-
-			if ( ! empty( $th ) ) {
-				$th = '<div class="redux_field_th">' . $th . '</div>';
-			}
-
-			$filter_arr = array(
-				'editor',
-				'ace_editor',
-				'info',
-				'section',
-				'repeater',
-				'tabbed',
-				'color_scheme',
-				'social_profiles',
-				'css_layout',
-			);
-
-			if ( true === $core->args['default_show'] && isset( $field['default'] ) && isset( $core->options[ $field['id'] ] ) && $field['default'] !== $core->options[ $field['id'] ] && ! in_array( $field['type'], $filter_arr, true ) ) {
-				$th .= $this->get_default_output_string( $field );
-			}
-
-			return $th;
-		}
-
-		/**
-		 * Return default output string for use in a panel
-		 *
-		 * @param array $field Field array.
-		 *
-		 * @return      string default_output
-		 * @since       3.1.5
-		 * @access      public
-		 */
-		private function get_default_output_string( array $field ): string {
-			$default_output = '';
-
-			if ( ! isset( $field['default'] ) ) {
-				$field['default'] = '';
-			}
-
-			if ( ! is_array( $field['default'] ) ) {
-				if ( ! empty( $field['options'][ $field['default'] ] ) ) {
-					if ( ! empty( $field['options'][ $field['default'] ]['alt'] ) ) {
-						$default_output .= $field['options'][ $field['default'] ]['alt'] . ', ';
-					} elseif ( ! is_array( $field['options'][ $field['default'] ] ) ) {
-							$default_output .= $field['options'][ $field['default'] ] . ', ';
-					} else {
-						$default_output .= maybe_serialize( $field['options'][ $field['default'] ] ) . ', ';
-					}
-				} elseif ( ! empty( $field['options'][ $field['default'] ] ) ) {
-					$default_output .= $field['options'][ $field['default'] ] . ', ';
-				} elseif ( ! empty( $field['default'] ) ) {
-					if ( 'switch' === $field['type'] && isset( $field['on'] ) && isset( $field['off'] ) ) {
-						$default_output .= ( 1 === $field['default'] ? $field['on'] : $field['off'] ) . ', ';
-					} else {
-						$default_output .= $field['default'] . ', ';
-					}
-				}
-			} else {
-				foreach ( $field['default'] as $defaultk => $defaultv ) {
-					$defaultk = is_numeric( $defaultk ) ? (string) $defaultk : $defaultk;
-					$defaultv = is_numeric( $defaultv ) ? (string) $defaultv : $defaultv;
-
-					if ( ! empty( $field['options'][ $defaultv ]['alt'] ) ) {
-						$default_output .= $field['options'][ $defaultv ]['alt'] . ', ';
-					} elseif ( ! empty( $field['options'][ $defaultv ] ) ) {
-						$default_output .= $field['options'][ $defaultv ] . ', ';
-					} elseif ( ! empty( $field['options'][ $defaultk ] ) ) {
-						$default_output .= $field['options'][ $defaultk ] . ', ';
-					} elseif ( ! empty( $defaultv ) ) {
-						if ( is_array( $defaultv ) ) {
-							foreach ( $defaultv as $k => $v ) {
-								if( is_array( $v ) ) {
-									$defaultv = implode( ', ', $v );
-								}
-							}
-
-							if ( is_array( $defaultv ) ) {
-								$defaultv = implode( ', ', $defaultv );
-							}
-						}
-
-						$default_output .= $defaultv . ', ';
-					}
-				}
-			}
-
-			if ( ! empty( $default_output ) ) {
-				$default_output = esc_html__( 'Default', 'redux-framework' ) . ': ' . substr( $default_output, 0, - 2 );
-			}
-
-			if ( ! empty( $default_output ) ) {
-				$default_output = '<span class="showDefaults">' . esc_html( $default_output ) . '</span><br class="default_br" />';
-			}
-
-			return $default_output;
-		}
-
-		/**
-		 * Return Section Menu HTML.
-		 *
-		 * @param int|string $k        Section index.
-		 * @param array      $section  Section array.
-		 * @param string     $suffix   Optional suffix.
-		 * @param array      $sections Sections array.
-		 *
-		 * @return      string
-		 * @since       3.1.5
-		 * @access      public
-		 */
-		public function section_menu( $k, array $section, string $suffix = '', array $sections = array() ): string {
-			$function_count = 0;
-
-			$core = $this->core();
-
-			$display = true;
-
-			$section['class'] = isset( $section['class'] ) ? ' ' . $section['class'] : '';
-
-			if ( isset( $_GET['page'] ) && $core->args['page_slug'] === $_GET['page'] ) { // phpcs:ignore WordPress.Security.NonceVerification
-				if ( isset( $section['panel'] ) && false === $section['panel'] ) {
-					$display = false;
-				}
-			}
-
-			if ( ! $display ) {
-				return '';
-			}
-
-			if ( empty( $sections ) ) {
-				$sections       = $core->sections;
-				$function_count = $k;
-			}
-
-			$string = '';
-			if ( ( ( isset( $core->args['icon_type'] ) && 'image' === $core->args['icon_type'] ) || ( isset( $section['icon_type'] ) && 'image' === $section['icon_type'] ) ) || ( isset( $section['icon'] ) && false !== strpos( $section['icon'], '/' ) ) ) {
-				// phpcs:ignore PluginCheck.CodeAnalysis.ImageFunctions.NonEnqueuedImage -- No image/icon to enqueue.
-				$icon = ( ! isset( $section['icon'] ) ) ? '' : '<img class="image_icon_type" src="' . esc_url( $section['icon'] ) . '" /> ';
-			} else {
-				if ( ! empty( $section['icon_class'] ) ) {
-					$icon_class = ' ' . $section['icon_class'];
-				} elseif ( ! empty( $core->args['default_icon_class'] ) ) {
-					$icon_class = ' ' . $core->args['default_icon_class'];
-				} else {
-					$icon_class = '';
-				}
-				$icon = ( ! isset( $section['icon'] ) ) ? '<i class="el el-cog' . esc_attr( $icon_class ) . '"></i> ' : '<i class="' . esc_attr( $section['icon'] ) . esc_attr( $icon_class ) . '"></i> ';
-			}
-			if ( strpos( $icon, 'el-icon-' ) !== false ) {
-				$icon = str_replace( 'el-icon-', 'el el-', $icon );
-			}
-
-			$hide_section = '';
-			if ( isset( $section['hidden'] ) ) {
-				$hide_section = ( true === $section['hidden'] ) ? ' hidden ' : '';
-			}
-
-			$can_be_subsection = $k > 0 && ( ! isset( $sections[ ( $k ) ]['type'] ) || 'divide' !== $sections[ ( $k ) ]['type'] );
-
-			if ( ! $can_be_subsection && isset( $section['subsection'] ) && true === $section['subsection'] ) {
-				unset( $section['subsection'] );
-			}
-
-			if ( isset( $section['type'] ) && 'divide' === $section['type'] ) {
-				$string .= '<li class="divide' . esc_attr( $section['class'] ) . '">&nbsp;</li>';
-			} elseif ( ! isset( $section['subsection'] ) || true !== $section['subsection'] ) {
-				$subsections        = isset( $sections[ ( $k + 1 ) ]['subsection'] ) && true === $sections[ ( $k + 1 ) ]['subsection'];
-				$subsections_class  = $subsections ? ' hasSubSections' : '';
-				$subsections_class .= ( empty( $section['fields'] ) ) ? ' empty_section' : '';
-				$rotate             = true === $core->args['flyout_submenus'] ? ' el-rotate' : '';
-				$extra_icon         = $subsections ? '<span class="extraIconSubsections"><i class="el el-chevron-down' . $rotate . '">&nbsp;</i></span>' : '';
-				$string            .= '<li id="' . esc_attr( $k . $suffix ) . '_section_group_li" class="redux-group-tab-link-li' . esc_attr( $hide_section ) . esc_attr( $section['class'] ) . esc_attr( $subsections_class ) . '">';
-				$string            .= '<a href="javascript:void(0);" id="' . esc_attr( $k . $suffix ) . '_section_group_li_a" class="redux-group-tab-link-a" data-key="' . esc_attr( $k ) . '" data-rel="' . esc_attr( $k . $suffix ) . '">' . $extra_icon . $icon . '<span class="group_title">' . wp_kses_post( $section['title'] ) . '</span></a>';
-
-				$next_k = $k;
-
-				// Make sure you can make this a subsection.
-				if ( $subsections ) {
-					$string .= '<ul id="' . esc_attr( $next_k . $suffix ) . '_section_group_li_subsections" class="subsection">';
-
-					$do_loop = true;
-
-					while ( $do_loop ) {
-						++$next_k;
-						++$function_count;
-
-						$display = true;
-
-						if ( isset( $_GET['page'] ) && $core->args['page_slug'] === $_GET['page'] ) { // phpcs:ignore WordPress.Security.NonceVerification
-							if ( isset( $sections[ $next_k ]['panel'] ) && false === $sections[ $next_k ]['panel'] ) {
-								$display = false;
-							}
-						}
-
-						if ( count( $sections ) < $function_count || ! isset( $sections[ $next_k ] ) || ! isset( $sections[ $next_k ]['subsection'] ) || true !== $sections[ $next_k ]['subsection'] ) {
-							$do_loop = false;
-						} else {
-							if ( ! $display ) {
-								continue;
-							}
-
-							$hide_sub = '';
-							if ( isset( $sections[ $next_k ]['hidden'] ) ) {
-								$hide_sub = ( true === $sections[ $next_k ]['hidden'] ) ? ' hidden ' : '';
-							}
-
-							if ( ( isset( $core->args['icon_type'] ) && 'image' === $core->args['icon_type'] ) || ( isset( $sections[ $next_k ]['icon_type'] ) && 'image' === $sections[ $next_k ]['icon_type'] ) ) {
-								// phpcs:ignore PluginCheck.CodeAnalysis.ImageFunctions.NonEnqueuedImage -- No image/icon to enqueue.
-								$icon = ( ! isset( $sections[ $next_k ]['icon'] ) ) ? '' : '<img class="image_icon_type" src="' . esc_url( $sections[ $next_k ]['icon'] ) . '" /> ';
-							} else {
-								if ( ! empty( $sections[ $next_k ]['icon_class'] ) ) {
-									$icon_class = ' ' . $sections[ $next_k ]['icon_class'];
-								} elseif ( ! empty( $core->args['default_icon_class'] ) ) {
-									$icon_class = ' ' . $core->args['default_icon_class'];
-								} else {
-									$icon_class = '';
-								}
-								$icon = ( ! isset( $sections[ $next_k ]['icon'] ) ) ? '' : '<i class="' . esc_attr( $sections[ $next_k ]['icon'] ) . esc_attr( $icon_class ) . '"></i> ';
-							}
-							if ( strpos( $icon, 'el-icon-' ) !== false ) {
-								$icon = str_replace( 'el-icon-', 'el el-', $icon );
-							}
-
-							$sections[ $next_k ]['class'] = $sections[ $next_k ]['class'] ?? '';
-							$section[ $next_k ]['class']  = $section[ $next_k ]['class'] ?? $sections[ $next_k ]['class'];
-							$string                      .= '<li id="' . esc_attr( $next_k . $suffix ) . '_section_group_li" class="redux-group-tab-link-li ' . esc_attr( $hide_sub ) . esc_attr( $section[ $next_k ]['class'] ) . ( $icon ? ' hasIcon' : '' ) . '">';
-							$string                      .= '<a href="javascript:void(0);" id="' . esc_attr( $next_k . $suffix ) . '_section_group_li_a" class="redux-group-tab-link-a" data-key="' . esc_attr( $next_k ) . '" data-rel="' . esc_attr( $next_k . $suffix ) . '">' . $icon . '<span class="group_title">' . wp_kses_post( $sections[ $next_k ]['title'] ) . '</span></a>';
-							$string                      .= '</li>';
-						}
-					}
-
-					$string .= '</ul>';
-				}
-
-				$string .= '</li>';
-			}
-
-			return $string;
-		}
-	}
+    /**
+     * Class Redux_Page_Render
+     */
+    class Redux_Page_Render extends Redux_Class {
+
+        /**
+         * Flag to show or hide hints in a panel.
+         *
+         * @var bool
+         * @access private
+         */
+        private $show_hints = false;
+
+        /**
+         * Creates page's hook suffix.
+         *
+         * @var false|string
+         * @access private
+         */
+        private $page = '';
+
+        /**
+         * Redux_Page_Render constructor.
+         *
+         * @param object $redux ReduxFramework pointer.
+         */
+        public function __construct( $redux ) {
+            parent::__construct( $redux );
+
+            // phpcs:ignore Generic.Strings.UnnecessaryStringConcat
+            add_action( 'admin' . '_bar' . '_menu', array( $this, 'add_menu' ), $redux->args['admin_bar_priority'] );
+
+            // Options page.
+            add_action( 'admin_menu', array( $this, 'options_page' ) );
+
+            // Add a network menu.
+            if ( 'network' === $redux->args['database'] && $redux->args['network_admin'] ) {
+                add_action( 'network_admin_menu', array( $this, 'options_page' ) );
+            }
+        }
+
+        /**
+         * Class Options Page Function, creates main options page.
+         *
+         * @since       1.0.0
+         * @access      public
+         * @return void
+         */
+        public function options_page() {
+            $core = $this->core();
+            // phpcs:ignore Generic.CodeAnalysis.EmptyStatement
+            if ( 'hidden' === $core->args['menu_type'] ) {
+                // No menu to add!
+            } elseif ( 'submenu' === $core->args['menu_type'] ) {
+                $this->submenu( $core );
+            } else {
+                // Theme-Check notice is displayed for WP.org theme devs, informing them to NOT use this.
+                $this->page = call_user_func(
+                    'add_menu_page',
+                    $core->args['page_title'],
+                    $core->args['menu_title'],
+                    $core->args['page_permissions'],
+                    $core->args['page_slug'],
+                    array(
+                        $this,
+                        'generate_panel',
+                    ),
+                    $core->args['menu_icon'],
+                    (int) $core->args['page_priority']
+                );
+
+                if ( true === $core->args['allow_sub_menu'] ) {
+                    foreach ( $core->sections as $k => $section ) {
+                        $can_be_subsection = $k > 0 && ( ! isset( $core->sections[ ( $k ) ]['type'] ) || 'divide' !== $core->sections[ ( $k ) ]['type'] );
+
+                        if ( ! isset( $section['title'] ) || ( $can_be_subsection && ( isset( $section['subsection'] ) && true === $section['subsection'] ) ) ) {
+                            continue;
+                        }
+
+                        if ( isset( $section['submenu'] ) && false === $section['submenu'] ) {
+                            continue;
+                        }
+
+                        if ( isset( $section['customizer_only'] ) && true === $section['customizer_only'] ) {
+                            continue;
+                        }
+
+                        if ( isset( $section['hidden'] ) && true === $section['hidden'] ) {
+                            continue;
+                        }
+
+                        if ( isset( $section['permissions'] ) && ! Redux_Helpers::current_user_can( $section['permissions'] ) ) {
+                            continue;
+                        }
+
+                        // ONLY for non-wp.org themes OR plugins. Theme-Check alert shown if used and IS theme.
+                        call_user_func(
+                            'add_submenu_page',
+                            $core->args['page_slug'],
+                            $section['title'],
+                            $section['title'],
+                            $core->args['page_permissions'],
+                            $core->args['page_slug'] . '&tab=' . $k,
+                            '__return_null'
+                        );
+                    }
+
+                    // Remove parent submenu item instead of adding null item.
+                    remove_submenu_page( $core->args['page_slug'], $core->args['page_slug'] );
+                }
+            }
+
+            add_action( "load-$this->page", array( $this, 'load_page' ) );
+        }
+
+        /**
+         * Show page help
+         *
+         * @since       1.0.0
+         * @access      public
+         * @return      void
+         */
+        public function load_page() {
+            $core = $this->core();
+
+            // Do admin head action for this page.
+            add_action( 'admin_head', array( $this, 'admin_head' ) );
+
+            // Do admin footer text hook.
+            add_filter( 'admin_footer_text', array( $this, 'admin_footer_text' ) );
+
+            $screen = get_current_screen();
+
+            if ( is_array( $core->args['help_tabs'] ) ) {
+                foreach ( $core->args['help_tabs'] as $tab ) {
+                    $screen->add_help_tab( $tab );
+                }
+            }
+
+            // If hint argument is set, display hint tab.
+            if ( true === $this->show_hints ) {
+                global $current_user;
+
+                $cur_page = '';
+
+                // Users enable/disable hint choice.
+                $hint_status = get_user_meta( $current_user->ID, 'ignore_hints' ) ? get_user_meta( $current_user->ID, 'ignore_hints', true ) : 'true';
+
+                // current page parameters.
+                if ( isset( $_GET['page'] ) ) { // phpcs:ignore WordPress.Security.NonceVerification
+                    $cur_page = sanitize_text_field( wp_unslash( $_GET['page'] ) ); // phpcs:ignore WordPress.Security.NonceVerification
+                }
+
+                $cur_tab = '0';
+                if ( isset( $_GET['tab'] ) ) { // phpcs:ignore WordPress.Security.NonceVerification
+                    $cur_tab = sanitize_text_field( wp_unslash( $_GET['tab'] ) ); // phpcs:ignore WordPress.Security.NonceVerification
+                }
+
+                // Default url values for enabling hints.
+                $dismiss = 'true';
+                $s       = esc_html__( 'Enable', 'redux-framework' );
+
+                // Values for disabling hints.
+                if ( 'true' === $hint_status ) {
+                    $dismiss = 'false';
+                    $s       = esc_html__( 'Disable', 'redux-framework' );
+                }
+
+                // Make URL.
+                $nonce = wp_create_nonce( 'redux_hint_toggle' );
+                $url   = '<a class="redux_hint_status" href="?nonce=' . $nonce . '&amp;dismiss=' . $dismiss . '&amp;id=hints&amp;page=' . esc_attr( $cur_page ) . '&amp;tab=' . esc_attr( $cur_tab ) . '">' . $s . ' hints</a>';
+
+                $event = esc_html__( 'moving the mouse over', 'redux-framework' );
+                if ( 'click' === $core->args['hints']['tip_effect']['show']['event'] ) {
+                    $event = esc_html__( 'clicking', 'redux-framework' );
+                }
+
+                // Construct message.
+                // translators: %1$s: Mouse action.  %2$s: Hint status.
+                $msg = sprintf( esc_html__( 'Hints are tooltips that popup when %1$s the hint icon, offering addition information about the field in which they appear.  They can be %2$s by using the link below.', 'redux-framework' ), $event, Redux_Core::strtolower( $s ) ) . '<br/><br/>' . $url;
+
+                // Construct hint tab.
+                $tab = array(
+                    'id'      => 'redux-hint-tab',
+                    'title'   => esc_html__( 'Hints', 'redux-framework' ),
+                    'content' => '<p>' . $msg . '</p>',
+                );
+
+                $screen->add_help_tab( $tab );
+            }
+
+            // Sidebar text.
+            if ( '' !== $core->args['help_sidebar'] ) {
+
+                // Specify user's text from arguments.
+                $screen->set_help_sidebar( $core->args['help_sidebar'] );
+            } elseif ( true === $this->show_hints ) {
+                // If a sidebar text is empty and hints are active, display text
+                // about hints.
+
+                $screen->set_help_sidebar( '<p><strong>Redux Framework</strong><br/><br/>' . esc_html__( 'Hint Tooltip Preferences', 'redux-framework' ) . '</p>' );
+            }
+
+            /**
+             * Action 'redux/page/{opt_name}/load'
+             *
+             * @param object $screen WP_Screen
+             */
+
+            // phpcs:ignore WordPress.NamingConventions.ValidHookName
+            do_action( "redux/page/{$core->args['opt_name']}/load", $screen );
+        }
+
+        /**
+         * Class Add Sub Menu Function, creates option submenu in WordPress admin area.
+         *
+         * @param       object $core ReduxFramework core pointer.
+         *
+         * @since       3.1.9
+         * @access      private
+         * @return      void
+         */
+        private function submenu( $core ) {
+            global $submenu;
+
+            $page_parent      = $core->args['page_parent'];
+            $page_title       = $core->args['page_title'];
+            $menu_title       = $core->args['menu_title'];
+            $page_permissions = $core->args['page_permissions'];
+            $page_slug        = $core->args['page_slug'];
+
+            // Just in case. One never knows.
+            $page_parent = Redux_Core::strtolower( $page_parent );
+
+            $test = array(
+                'index.php'               => 'dashboard',
+                'edit.php'                => 'posts',
+                'upload.php'              => 'media',
+                'link-manager.php'        => 'links',
+                'edit.php?post_type=page' => 'pages',
+                'edit-comments.php'       => 'comments',
+                'themes.php'              => 'theme',
+                'plugins.php'             => 'plugins',
+                'users.php'               => 'users',
+                'tools.php'               => 'management',
+                'options-general.php'     => 'options',
+            );
+
+            if ( isset( $test[ $page_parent ] ) ) {
+                $function   = 'add_' . $test[ $page_parent ] . '_page';
+                $this->page = $function(
+                    $page_title,
+                    $menu_title,
+                    $page_permissions,
+                    $page_slug,
+                    array( $this, 'generate_panel' )
+                );
+            } else {
+                // Network settings and Post type menus. These do not have
+                // wrappers and need to be appended to using add_submenu_page.
+                // Okay, since we've left the post-type menu appending
+                // as default, we need to validate it, so anything that
+                // isn't post_type=<post_type> doesn't get through and mess
+                // things up.
+                $add_menu = false;
+                if ( 'settings.php' !== $page_parent ) {
+                    // Establish the needle.
+                    $needle = '?post_type=';
+
+                    // Check if it exists in the page_parent (how I miss instr).
+                    $needle_pos = strrpos( $page_parent, $needle );
+
+                    // It's there, so...
+                    if ( $needle_pos > 0 ) {
+
+                        // Get the post-type.
+                        $post_type = substr( $page_parent, $needle_pos + strlen( $needle ) );
+
+                        // Ensure it exists.
+                        if ( post_type_exists( $post_type ) ) {
+                            // Set the flag to add the menu page.
+                            $add_menu = true;
+                        }
+                        // custom menu.
+                    } elseif ( isset( $submenu[ $core->args['page_parent'] ] ) ) {
+                        $add_menu = true;
+                    } else {
+                        global $menu;
+
+                        foreach ( $menu as $menuitem ) {
+                            $needle_menu_slug = isset( $menuitem ) ? $menuitem[2] : false;
+                            if ( false !== $needle_menu_slug ) {
+
+                                // check if the current needle menu equals page_parent.
+                                if ( 0 === strcasecmp( $needle_menu_slug, $page_parent ) ) {
+
+                                    // found an empty parent menu.
+                                    $add_menu = true;
+                                }
+                            }
+                        }
+                    }
+                } else {
+                    // The page_parent was settings.php, so set menu add flag to true.
+                    $add_menu = true;
+                }
+                // Add the submenu if it's permitted.
+                if ( true === $add_menu ) {
+                    // ONLY for non-wp.org themes OR plugins. Theme-Check alert shown if used and IS theme.
+                    $this->page = call_user_func(
+                        'add_submenu_page',
+                        $page_parent,
+                        $page_title,
+                        $menu_title,
+                        $page_permissions,
+                        $page_slug,
+                        array(
+                            $this,
+                            'generate_panel',
+                        )
+                    );
+                }
+            }
+        }
+
+        /**
+         * Output the option panel.
+         */
+        public function generate_panel() {
+            $core = $this->core();
+
+            $panel = new Redux_Panel( $core );
+            $panel->init();
+            $core->transient_class->set();
+        }
+
+        /**
+         * Section HTML OUTPUT.
+         *
+         * @param       array $section Sections array.
+         *
+         * @return      void
+         * @since       1.0.0
+         * @access      public
+         */
+        public function section_desc( array $section ) {
+            $core = $this->core();
+
+            $id = rtrim( $section['id'], '_section' );
+            $id = str_replace( $core->args['opt_name'], '', $id );
+
+            if ( isset( $core->sections[ $id ]['desc'] ) && ! empty( $core->sections[ $id ]['desc'] ) ) {
+                echo '<div class="redux-section-desc">' . wp_kses_post( $core->sections[ $id ]['desc'] ) . '</div>';
+            }
+        }
+
+        /**
+         * Field HTML OUTPUT.
+         * Gets an option from an option array, then calls the specific field type class - allows extending by other devs
+         *
+         * @param array             $field   Field array.
+         * @param string|array|null $v       Values.
+         *
+         * @return      void
+         * @since       1.0.0
+         */
+        public function field_input( array $field, $v = null ) {
+            $core = $this->core();
+
+            if ( isset( $field['callback'] ) && ( is_callable( $field['callback'] ) || ( is_string( $field['callback'] ) && function_exists( $field['callback'] ) ) ) ) {
+
+                $value = ( isset( $core->options[ $field['id'] ] ) ) ? $core->options[ $field['id'] ] : '';
+
+                /**
+                 * Action 'redux/field/{opt_name}/{field.type}/callback/before'
+                 *
+                 * @param array  $field field data
+                 * @param string $value field.id
+                 */
+                // phpcs:ignore WordPress.NamingConventions.ValidHookName
+                do_action_ref_array(
+                // phpcs:ignore WordPress.NamingConventions.ValidHookName
+                    "redux/field/{$core->args['opt_name']}/{$field['type']}/callback/before",
+                    array(
+                        &$field,
+                        &$value,
+                    )
+                );
+
+                /**
+                 * Action 'redux/field/{opt_name}/callback/before'
+                 *
+                 * @param array  $field field data
+                 * @param string $value field.id
+                 */
+                // phpcs:ignore WordPress.NamingConventions.ValidHookName
+                do_action_ref_array(
+                // phpcs:ignore WordPress.NamingConventions.ValidHookName
+                    "redux/field/{$core->args['opt_name']}/callback/before",
+                    array(
+                        &$field,
+                        &$value,
+                    )
+                );
+
+                call_user_func( $field['callback'], $field, $value );
+
+                /**
+                 * Action 'redux/field/{opt_name}/{field.type}/callback/after'
+                 *
+                 * @param array  $field field data
+                 * @param string $value field.id
+                 */
+                // phpcs:ignore WordPress.NamingConventions.ValidHookName
+                do_action_ref_array(
+                // phpcs:ignore WordPress.NamingConventions.ValidHookName
+                    "redux/field/{$core->args['opt_name']}/{$field['type']}/callback/after",
+                    array(
+                        &$field,
+                        &$value,
+                    )
+                );
+
+                /**
+                 * Action 'redux/field/{opt_name}/callback/after'
+                 *
+                 * @param array  $field field data
+                 * @param string $value field.id
+                 */
+                // phpcs:ignore WordPress.NamingConventions.ValidHookName
+                do_action_ref_array(
+                // phpcs:ignore WordPress.NamingConventions.ValidHookName
+                    "redux/field/{$core->args['opt_name']}/callback/after",
+                    array(
+                        &$field,
+                        &$value,
+                    )
+                );
+
+                return;
+            }
+
+            if ( isset( $field['type'] ) ) {
+                // If the field is set not to display in the panel.
+                $display = true;
+
+                if ( isset( $_GET['page'] ) && $core->args['page_slug'] === $_GET['page'] ) { // phpcs:ignore WordPress.Security.NonceVerification
+                    if ( isset( $field['panel'] ) && false === $field['panel'] ) {
+                        $display = false;
+                    }
+                }
+
+                if ( ! $display ) {
+                    return;
+                }
+
+                $field_type = str_replace( '_', '-', $field['type'] );
+                $core_path  = Redux_Core::$dir . "inc/fields/{$field['type']}/class-redux-$field_type.php";
+
+                // Shim for v3 extension class names.
+                if ( ! file_exists( $core_path ) ) {
+                    $core_path = Redux_Core::$dir . "inc/fields/{$field['type']}/field_{$field['type']}.php";
+                }
+
+                $filter_path = $core_path;
+
+                $field_class = '';
+
+                /**
+                 * Filter 'redux/{opt_name}/field/class/{field.type}'
+                 *
+                 * @param string $path Field class file path.
+                 * @param array  $field field data
+                 */
+
+                // phpcs:ignore WordPress.NamingConventions.ValidHookName
+                $class_file = apply_filters( "redux/{$core->args['opt_name']}/field/class/{$field['type']}", $filter_path, $field );
+
+                if ( $class_file ) {
+                    $field_classes = array( 'Redux_' . $field['type'], 'ReduxFramework_' . $field['type'] );
+
+                    $field_class = Redux_Functions::class_exists_ex( $field_classes );
+
+                    if ( ! class_exists( $field_class ) ) {
+                        if ( file_exists( $class_file ) ) {
+                            require_once $class_file;
+                            $field_class = Redux_Functions::class_exists_ex( $field_classes );
+                        } else {
+                            // translators: %1$s is the field ID, %2$s is the field type.
+                            printf( esc_html__( 'Field %1$s could not be displayed. Field type %2$s was not found.', 'redux-framework' ), '<code>' . esc_attr( $field['id'] ) . '</code>', '<code>' . esc_attr( $field['type'] ) . '</code>' );
+                        }
+                    }
+                }
+
+                if ( class_exists( $field_class ) ) {
+                    $value = $core->options[ $field['id'] ] ?? '';
+
+                    if ( null !== $v ) {
+                        $value = $v;
+                    }
+
+                    /**
+                     * Action 'redux/field/{opt_name}/{field.type}/render/before'
+                     *
+                     * @param array  $field field data
+                     * @param string $value field id
+                     */
+                    // phpcs:ignore WordPress.NamingConventions.ValidHookName
+                    do_action_ref_array(
+                    // phpcs:ignore WordPress.NamingConventions.ValidHookName
+                        "redux/field/{$core->args['opt_name']}/{$field['type']}/render/before",
+                        array(
+                            &$field,
+                            &$value,
+                        )
+                    );
+
+                    /**
+                     * Action 'redux/field/{$this->args['opt_name']}/render/before'
+                     *
+                     * @param array  $field field data
+                     * @param string $value field id
+                     */
+                    // phpcs:ignore WordPress.NamingConventions.ValidHookName
+                    do_action_ref_array(
+                    // phpcs:ignore WordPress.NamingConventions.ValidHookName
+                        "redux/field/{$core->args['opt_name']}/render/before",
+                        array(
+                            &$field,
+                            &$value,
+                        )
+                    );
+
+                    if ( ! isset( $field['name_suffix'] ) ) {
+                        $field['name_suffix'] = '';
+                    }
+
+                    $render = new $field_class( $field, $value, $core );
+
+                    ob_start();
+
+                    try {
+                        $render->render();
+                    } catch ( Error $e ) {
+                        echo 'Field failed to render: ', esc_html( $e->getMessage() ), "\n";
+                    }
+
+                    /**
+                     * Filter 'redux/field/{opt_name}'
+                     *
+                     * @param string $content Rendered field markup.
+                     * @param array  $field field data
+                     */
+
+                    // phpcs:ignore WordPress.NamingConventions.ValidHookName
+                    $_render = apply_filters( "redux/field/{$core->args['opt_name']}", ob_get_contents(), $field );
+
+                    /**
+                     * Filter 'redux/field/{opt_name}/{field.type}/render/after'
+                     *
+                     * @param string $content Rendered field markup.
+                     * @param array  $field Field data
+                     */
+
+                    // phpcs:ignore WordPress.NamingConventions.ValidHookName
+                    $_render = apply_filters( "redux/field/{$core->args['opt_name']}/{$field['type']}/render/after", $_render, $field );
+
+                    /**
+                     * Filter 'redux/field/{opt_name}/render/after'
+                     *
+                     * @param string $content Rendered field markup.
+                     * @param array  $field Field data
+                     */
+
+                    // phpcs:ignore WordPress.NamingConventions.ValidHookName
+                    $_render = apply_filters( "redux/field/{$core->args['opt_name']}/render/after", $_render, $field );
+
+                    ob_end_clean();
+
+                    // create default data und class string and checks the dependencies of an object.
+                    $class_string = '';
+
+                    $core->required_class->check_dependencies( $field );
+
+                    /**
+                     * Action 'redux/field/{opt_name}/{field.type}/fieldset/before/{opt_name}'
+                     *
+                     * @param array  $field field data
+                     * @param string $value field id
+                     */
+                    // phpcs:ignore WordPress.NamingConventions.ValidHookName
+                    do_action_ref_array(
+                    // phpcs:ignore WordPress.NamingConventions.ValidHookName
+                        "redux/field/{$core->args['opt_name']}/{$field['type']}/fieldset/before/{$core->args['opt_name']}",
+                        array(
+                            &$field,
+                            &$value,
+                        )
+                    );
+
+                    /**
+                     * Action 'redux/field/{opt_name}/fieldset/before/{opt_name}'
+                     *
+                     * @param array  $field field data
+                     * @param string $value field id
+                     */
+                    // phpcs:ignore WordPress.NamingConventions.ValidHookName
+                    do_action_ref_array(
+                    // phpcs:ignore WordPress.NamingConventions.ValidHookName
+                        "redux/field/{$core->args['opt_name']}/fieldset/before/{$core->args['opt_name']}",
+                        array(
+                            &$field,
+                            &$value,
+                        )
+                    );
+
+                    $hidden = '';
+                    if ( isset( $field['hidden'] ) && $field['hidden'] ) {
+                        $hidden = 'hidden ';
+                    }
+
+                    $disabled = '';
+                    if ( isset( $field['disabled'] ) && $field['disabled'] ) {
+                        $disabled = 'disabled ';
+                    }
+
+                    if ( isset( $field['full_width'] ) && true === $field['full_width'] ) {
+                        $class_string .= 'redux_remove_th';
+                    }
+
+                    if ( isset( $field['fieldset_class'] ) && ! empty( $field['fieldset_class'] ) ) {
+                        $class_string .= ' ' . $field['fieldset_class'];
+                    }
+
+                    echo '<fieldset id="' . esc_attr( $core->args['opt_name'] . '-' . $field['id'] ) . '" class="' . esc_attr( $hidden . esc_attr( $disabled ) . 'redux-field-container redux-field redux-field-init redux-container-' . $field['type'] . ' ' . $class_string ) . '" data-id="' . esc_attr( $field['id'] ) . '" data-type="' . esc_attr( $field['type'] ) . '">';
+                    echo $_render; // phpcs:ignore WordPress.Security.EscapeOutput
+
+                    if ( ! empty( $field['desc'] ) ) {
+                        $field['description'] = $field['desc'];
+                    }
+
+                    echo ( isset( $field['description'] ) && 'info' !== $field['type'] && 'section' !== $field['type'] && ! empty( $field['description'] ) ) ? '<div class="description field-desc">' . wp_kses_post( $field['description'] ) . '</div>' : '';
+                    echo '</fieldset>';
+
+                    /**
+                     * Action 'redux/field/{opt_name}/{field.type}/fieldset/after/{opt_name}'
+                     *
+                     * @param array  $field field data
+                     * @param string $value field id
+                     */
+                    // phpcs:ignore WordPress.NamingConventions.ValidHookName
+                    do_action_ref_array(
+                    // phpcs:ignore WordPress.NamingConventions.ValidHookName
+                        "redux/field/{$core->args['opt_name']}/{$field['type']}/fieldset/after/{$core->args['opt_name']}",
+                        array(
+                            &$field,
+                            &$value,
+                        )
+                    );
+
+                    /**
+                     * Action 'redux/field/{opt_name}/fieldset/after/{opt_name}'
+                     *
+                     * @param array  $field field data
+                     * @param string $value field id
+                     */
+                    // phpcs:ignore WordPress.NamingConventions.ValidHookName
+                    do_action_ref_array(
+                    // phpcs:ignore WordPress.NamingConventions.ValidHookName
+                        "redux/field/{$core->args['opt_name']}/fieldset/after/{$core->args['opt_name']}",
+                        array(
+                            &$field,
+                            &$value,
+                        )
+                    );
+                }
+            }
+        }
+
+        /**
+         * Add admin bar menu.
+         *
+         * @since       3.1.5.16
+         * @access      public
+         * @global      $menu , $submenu, $wp_admin_bar
+         * @return      void
+         */
+        public function add_menu() {
+            global $menu, $submenu, $wp_admin_bar;
+
+            $core = $this->core();
+
+            if ( ! is_super_admin() || ! is_admin_bar_showing() || ! $core->args['admin_bar'] || 'hidden' === $core->args['menu_type'] ) {
+                return;
+            }
+
+            if ( $menu ) {
+                foreach ( $menu as $menu_item ) {
+                    if ( isset( $menu_item[2] ) && $menu_item[2] === $core->args['page_slug'] ) {
+
+                        // Fetch the title.
+                        $title = empty( $core->args['admin_bar_icon'] ) ? $menu_item[0] : '<span class="ab-icon ' . esc_attr( $core->args['admin_bar_icon'] ) . '"></span>' . esc_html( $menu_item[0] );
+
+                        $nodeargs = array(
+                            'id'    => $menu_item[2],
+                            'title' => $title,
+                            'href'  => admin_url( 'admin.php?page=' . $menu_item[2] ),
+                            'meta'  => array(),
+                        );
+
+                        $wp_admin_bar->add_node( $nodeargs );
+
+                        break;
+                    }
+                }
+
+                if ( isset( $submenu[ $core->args['page_slug'] ] ) && is_array( $submenu[ $core->args['page_slug'] ] ) ) {
+                    foreach ( $submenu[ $core->args['page_slug'] ] as $index => $redux_options_submenu ) {
+                        $subnodeargs = array(
+                            'id'     => esc_html( $core->args['page_slug'] . '_' . $index ),
+                            'title'  => esc_html( $redux_options_submenu[0] ),
+                            'parent' => esc_html( $core->args['page_slug'] ),
+                            'href'   => esc_url( admin_url( 'admin.php?page=' . $redux_options_submenu[2] ) ),
+                        );
+
+                        $wp_admin_bar->add_node( $subnodeargs );
+                    }
+                }
+
+                // Let's deal with external links.
+                if ( isset( $core->args['admin_bar_links'] ) ) {
+                    if ( ! $core->args['dev_mode'] && $core->args_class->omit_items ) {
+                        return;
+                    }
+
+                    // Group for Main Root Menu (External Group).
+                    $wp_admin_bar->add_node(
+                        array(
+                            'id'     => esc_html( $core->args['page_slug'] . '-external' ),
+                            'parent' => esc_html( $core->args['page_slug'] ),
+                            'group'  => true,
+                            'meta'   => array( 'class' => 'ab-sub-secondary' ),
+                        )
+                    );
+
+                    // Add Child Menus to External Group Menu.
+                    foreach ( $core->args['admin_bar_links'] as $link ) {
+                        if ( ! isset( $link['id'] ) ) {
+                            $link['id'] = $core->args['page_slug'] . '-sub-' . sanitize_html_class( $link['title'] );
+                        }
+
+                        $externalnodeargs = array(
+                            'id'     => esc_html( $link['id'] ),
+                            'title'  => esc_html( $link['title'] ),
+                            'parent' => esc_html( $core->args['page_slug'] . '-external' ),
+                            'href'   => esc_url( $link['href'] ),
+                            'meta'   => array( 'target' => '_blank' ),
+                        );
+
+                        $wp_admin_bar->add_node( $externalnodeargs );
+                    }
+                }
+            } else {
+                // Fetch the title.
+                $title = empty( $core->args['admin_bar_icon'] ) ? $core->args['menu_title'] : '<span class="ab-icon ' . esc_attr( $core->args['admin_bar_icon'] ) . '"></span>' . esc_html( $core->args['menu_title'] );
+
+                $nodeargs = array(
+                    'id'    => esc_html( $core->args['page_slug'] ),
+                    'title' => $title,
+                    'href'  => esc_url( admin_url( 'admin.php?page=' . $core->args['page_slug'] ) ),
+                    'meta'  => array(),
+                );
+
+                $wp_admin_bar->add_node( $nodeargs );
+            }
+        }
+
+        /**
+         * Do action redux-admin-head for option page
+         *
+         * @since       1.0.0
+         * @access      public
+         * @return      void
+         */
+        public function admin_head() {
+            $core = $this->core();
+
+            /**
+             * Action 'redux/page/{opt_name}/header'
+             *
+             * @param  object $this ReduxFramework
+             */
+
+            // phpcs:ignore WordPress.NamingConventions.ValidHookName
+            do_action( "redux/page/{$core->args['opt_name']}/header", $core );
+        }
+
+        /**
+         * Return footer text
+         *
+         * @since       2.0.0
+         * @access      public
+         * @return      string $this->args['footer_credit']
+         */
+        public function admin_footer_text(): string {
+            $core = $this->core();
+
+            return $core->args['footer_credit'];
+        }
+
+        /**
+         * Generate field header HTML
+         *
+         * @param array $field Field array.
+         *
+         * @return string
+         */
+        public function get_header_html( array $field ): string {
+            global $current_user;
+
+            $core = $this->core();
+
+            // Set to empty string to avoid warnings.
+            $hint = '';
+            $th   = '';
+
+            if ( isset( $field['title'] ) && isset( $field['type'] ) && 'info' !== $field['type'] && 'section' !== $field['type'] ) {
+                $default_mark = ( ! empty( $field['default'] ) && isset( $core->options[ $field['id'] ] ) && $field['default'] === $core->options[ $field['id'] ] && ! empty( $core->args['default_mark'] ) ) ? $core->args['default_mark'] : '';
+
+                // If a hint is specified in the field, process it.
+                if ( isset( $field['hint'] ) && ! empty( $field['hint'] ) ) {
+
+                    // Set the show_hints flag to true, so the help tab will be displayed.
+                    $this->show_hints = true;
+
+                    // phpcs:ignore WordPress.NamingConventions.ValidHookName
+                    $hint = apply_filters( 'redux/hints/html', $hint, $field, $core->args );
+
+                    // Get user pref for displaying hints.
+                    $meta_val = get_user_meta( $current_user->ID, 'ignore_hints', true );
+
+                    if ( 'true' === $meta_val || empty( $meta_val ) && empty( $hint ) ) {
+
+                        // Set hand cursor for clickable hints.
+                        $pointer = '';
+                        if ( isset( $core->args['hints']['tip_effect']['show']['event'] ) && 'click' === $core->args['hints']['tip_effect']['show']['event'] ) {
+                            $pointer = 'pointer';
+                        }
+
+                        $size = '16px';
+                        if ( 'large' === $core->args['hints']['icon_size'] ) {
+                            $size = '18px';
+                        }
+
+                        // In case docs are ignored.
+                        $title_param   = $field['hint']['title'] ?? '';
+                        $content_param = $field['hint']['content'] ?? '';
+
+                        $hint_color = $core->args['hints']['icon_color'] ?? '#d3d3d3';
+
+                        // Set hint html with appropriate position css.
+                        $hint = '<div class="redux-hint-qtip" style="float:' . esc_attr( $core->args['hints']['icon_position'] ) . '; font-size: ' . esc_attr( $size ) . '; color:' . esc_attr( $hint_color ) . '; cursor: ' . $pointer . ';" qtip-title="' . esc_attr( $title_param ) . '" qtip-content="' . wp_kses_post( $content_param ) . '">&nbsp;<i class="' . ( isset( $core->args['hints']['icon'] ) ? esc_attr( $core->args['hints']['icon'] ) : '' ) . '"></i></div>';
+                    }
+                }
+
+                if ( ! empty( $field['title'] ) ) {
+                    if ( 'left' === $core->args['hints']['icon_position'] ) {
+                        $th = $hint . wp_kses_post( $field['title'] ) . $default_mark . ' ';
+                    } else {
+                        $th = wp_kses_post( $field['title'] ) . $default_mark . ' ' . $hint;
+                    }
+                }
+
+                if ( isset( $field['subtitle'] ) ) {
+                    $th .= '<span class="description">' . wp_kses_post( $field['subtitle'] ) . '</span>';
+                }
+            }
+
+            if ( ! empty( $th ) ) {
+                $th = '<div class="redux_field_th">' . $th . '</div>';
+            }
+
+            $filter_arr = array(
+                'editor',
+                'ace_editor',
+                'info',
+                'section',
+                'repeater',
+                'tabbed',
+                'color_scheme',
+                'social_profiles',
+                'css_layout',
+            );
+
+            if ( true === $core->args['default_show'] && isset( $field['default'] ) && isset( $core->options[ $field['id'] ] ) && $field['default'] !== $core->options[ $field['id'] ] && ! in_array( $field['type'], $filter_arr, true ) ) {
+                $th .= $this->get_default_output_string( $field );
+            }
+
+            return $th;
+        }
+
+        /**
+         * Return default output string for use in a panel
+         *
+         * @param array $field Field array.
+         *
+         * @return      string default_output
+         * @since       3.1.5
+         * @access      public
+         */
+        private function get_default_output_string( array $field ): string {
+            $default_output = '';
+
+            if ( ! isset( $field['default'] ) ) {
+                $field['default'] = '';
+            }
+
+            if ( ! is_array( $field['default'] ) ) {
+                if ( ! empty( $field['options'][ $field['default'] ] ) ) {
+                    if ( ! empty( $field['options'][ $field['default'] ]['alt'] ) ) {
+                        $default_output .= $field['options'][ $field['default'] ]['alt'] . ', ';
+                    } elseif ( ! is_array( $field['options'][ $field['default'] ] ) ) {
+                            $default_output .= $field['options'][ $field['default'] ] . ', ';
+                    } else {
+                        $default_output .= maybe_serialize( $field['options'][ $field['default'] ] ) . ', ';
+                    }
+                } elseif ( ! empty( $field['options'][ $field['default'] ] ) ) {
+                    $default_output .= $field['options'][ $field['default'] ] . ', ';
+                } elseif ( ! empty( $field['default'] ) ) {
+                    if ( 'switch' === $field['type'] && isset( $field['on'] ) && isset( $field['off'] ) ) {
+                        $default_output .= ( 1 === $field['default'] ? $field['on'] : $field['off'] ) . ', ';
+                    } else {
+                        $default_output .= $field['default'] . ', ';
+                    }
+                }
+            } else {
+                foreach ( $field['default'] as $defaultk => $defaultv ) {
+                    $defaultk = is_numeric( $defaultk ) ? (string) $defaultk : $defaultk;
+                    $defaultv = is_numeric( $defaultv ) ? (string) $defaultv : $defaultv;
+
+                    if ( ! empty( $field['options'][ $defaultv ]['alt'] ) ) {
+                        $default_output .= $field['options'][ $defaultv ]['alt'] . ', ';
+                    } elseif ( ! empty( $field['options'][ $defaultv ] ) ) {
+                        $default_output .= $field['options'][ $defaultv ] . ', ';
+                    } elseif ( ! empty( $field['options'][ $defaultk ] ) ) {
+                        $default_output .= $field['options'][ $defaultk ] . ', ';
+                    } elseif ( ! empty( $defaultv ) ) {
+                        if ( is_array( $defaultv ) ) {
+                            foreach ( $defaultv as $k => $v ) {
+                                if( is_array( $v ) ) {
+                                    $defaultv = implode( ', ', $v );
+                                }
+                            }
+
+                            if ( is_array( $defaultv ) ) {
+                                $defaultv = implode( ', ', $defaultv );
+                            }
+                        }
+
+                        $default_output .= $defaultv . ', ';
+                    }
+                }
+            }
+
+            if ( ! empty( $default_output ) ) {
+                $default_output = esc_html__( 'Default', 'redux-framework' ) . ': ' . substr( $default_output, 0, - 2 );
+            }
+
+            if ( ! empty( $default_output ) ) {
+                $default_output = '<span class="showDefaults">' . esc_html( $default_output ) . '</span><br class="default_br" />';
+            }
+
+            return $default_output;
+        }
+
+        /**
+         * Return Section Menu HTML.
+         *
+         * @param int|string $k        Section index.
+         * @param array      $section  Section array.
+         * @param string     $suffix   Optional suffix.
+         * @param array      $sections Sections array.
+         *
+         * @return      string
+         * @since       3.1.5
+         * @access      public
+         */
+        public function section_menu( $k, array $section, string $suffix = '', array $sections = array() ): string {
+            $function_count = 0;
+
+            $core = $this->core();
+
+            $display = true;
+
+            $section['class'] = isset( $section['class'] ) ? ' ' . $section['class'] : '';
+
+            if ( isset( $_GET['page'] ) && $core->args['page_slug'] === $_GET['page'] ) { // phpcs:ignore WordPress.Security.NonceVerification
+                if ( isset( $section['panel'] ) && false === $section['panel'] ) {
+                    $display = false;
+                }
+            }
+
+            if ( ! $display ) {
+                return '';
+            }
+
+            if ( empty( $sections ) ) {
+                $sections       = $core->sections;
+                $function_count = $k;
+            }
+
+            $string = '';
+            if ( ( ( isset( $core->args['icon_type'] ) && 'image' === $core->args['icon_type'] ) || ( isset( $section['icon_type'] ) && 'image' === $section['icon_type'] ) ) || ( isset( $section['icon'] ) && false !== strpos( $section['icon'], '/' ) ) ) {
+                // phpcs:ignore PluginCheck.CodeAnalysis.ImageFunctions.NonEnqueuedImage -- No image/icon to enqueue.
+                $icon = ( ! isset( $section['icon'] ) ) ? '' : '<img class="image_icon_type" src="' . esc_url( $section['icon'] ) . '" /> ';
+            } else {
+                if ( ! empty( $section['icon_class'] ) ) {
+                    $icon_class = ' ' . $section['icon_class'];
+                } elseif ( ! empty( $core->args['default_icon_class'] ) ) {
+                    $icon_class = ' ' . $core->args['default_icon_class'];
+                } else {
+                    $icon_class = '';
+                }
+                $icon = ( ! isset( $section['icon'] ) ) ? '<i class="el el-cog' . esc_attr( $icon_class ) . '"></i> ' : '<i class="' . esc_attr( $section['icon'] ) . esc_attr( $icon_class ) . '"></i> ';
+            }
+            if ( strpos( $icon, 'el-icon-' ) !== false ) {
+                $icon = str_replace( 'el-icon-', 'el el-', $icon );
+            }
+
+            $hide_section = '';
+            if ( isset( $section['hidden'] ) ) {
+                $hide_section = ( true === $section['hidden'] ) ? ' hidden ' : '';
+            }
+
+            $can_be_subsection = $k > 0 && ( ! isset( $sections[ ( $k ) ]['type'] ) || 'divide' !== $sections[ ( $k ) ]['type'] );
+
+            if ( ! $can_be_subsection && isset( $section['subsection'] ) && true === $section['subsection'] ) {
+                unset( $section['subsection'] );
+            }
+
+            if ( isset( $section['type'] ) && 'divide' === $section['type'] ) {
+                $string .= '<li class="divide' . esc_attr( $section['class'] ) . '">&nbsp;</li>';
+            } elseif ( ! isset( $section['subsection'] ) || true !== $section['subsection'] ) {
+                $subsections        = isset( $sections[ ( $k + 1 ) ]['subsection'] ) && true === $sections[ ( $k + 1 ) ]['subsection'];
+                $subsections_class  = $subsections ? ' hasSubSections' : '';
+                $subsections_class .= ( empty( $section['fields'] ) ) ? ' empty_section' : '';
+                $rotate             = true === $core->args['flyout_submenus'] ? ' el-rotate' : '';
+                $extra_icon         = $subsections ? '<span class="extraIconSubsections"><i class="el el-chevron-down' . $rotate . '">&nbsp;</i></span>' : '';
+                $string            .= '<li id="' . esc_attr( $k . $suffix ) . '_section_group_li" class="redux-group-tab-link-li' . esc_attr( $hide_section ) . esc_attr( $section['class'] ) . esc_attr( $subsections_class ) . '">';
+                $string            .= '<a href="javascript:void(0);" id="' . esc_attr( $k . $suffix ) . '_section_group_li_a" class="redux-group-tab-link-a" data-key="' . esc_attr( $k ) . '" data-rel="' . esc_attr( $k . $suffix ) . '">' . $extra_icon . $icon . '<span class="group_title">' . wp_kses_post( $section['title'] ) . '</span></a>';
+
+                $next_k = $k;
+
+                // Make sure you can make this a subsection.
+                if ( $subsections ) {
+                    $string .= '<ul id="' . esc_attr( $next_k . $suffix ) . '_section_group_li_subsections" class="subsection">';
+
+                    $do_loop = true;
+
+                    while ( $do_loop ) {
+                        ++$next_k;
+                        ++$function_count;
+
+                        $display = true;
+
+                        if ( isset( $_GET['page'] ) && $core->args['page_slug'] === $_GET['page'] ) { // phpcs:ignore WordPress.Security.NonceVerification
+                            if ( isset( $sections[ $next_k ]['panel'] ) && false === $sections[ $next_k ]['panel'] ) {
+                                $display = false;
+                            }
+                        }
+
+                        if ( count( $sections ) < $function_count || ! isset( $sections[ $next_k ] ) || ! isset( $sections[ $next_k ]['subsection'] ) || true !== $sections[ $next_k ]['subsection'] ) {
+                            $do_loop = false;
+                        } else {
+                            if ( ! $display ) {
+                                continue;
+                            }
+
+                            $hide_sub = '';
+                            if ( isset( $sections[ $next_k ]['hidden'] ) ) {
+                                $hide_sub = ( true === $sections[ $next_k ]['hidden'] ) ? ' hidden ' : '';
+                            }
+
+                            if ( ( isset( $core->args['icon_type'] ) && 'image' === $core->args['icon_type'] ) || ( isset( $sections[ $next_k ]['icon_type'] ) && 'image' === $sections[ $next_k ]['icon_type'] ) ) {
+                                // phpcs:ignore PluginCheck.CodeAnalysis.ImageFunctions.NonEnqueuedImage -- No image/icon to enqueue.
+                                $icon = ( ! isset( $sections[ $next_k ]['icon'] ) ) ? '' : '<img class="image_icon_type" src="' . esc_url( $sections[ $next_k ]['icon'] ) . '" /> ';
+                            } else {
+                                if ( ! empty( $sections[ $next_k ]['icon_class'] ) ) {
+                                    $icon_class = ' ' . $sections[ $next_k ]['icon_class'];
+                                } elseif ( ! empty( $core->args['default_icon_class'] ) ) {
+                                    $icon_class = ' ' . $core->args['default_icon_class'];
+                                } else {
+                                    $icon_class = '';
+                                }
+                                $icon = ( ! isset( $sections[ $next_k ]['icon'] ) ) ? '' : '<i class="' . esc_attr( $sections[ $next_k ]['icon'] ) . esc_attr( $icon_class ) . '"></i> ';
+                            }
+                            if ( strpos( $icon, 'el-icon-' ) !== false ) {
+                                $icon = str_replace( 'el-icon-', 'el el-', $icon );
+                            }
+
+                            $sections[ $next_k ]['class'] = $sections[ $next_k ]['class'] ?? '';
+                            $section[ $next_k ]['class']  = $section[ $next_k ]['class'] ?? $sections[ $next_k ]['class'];
+                            $string                      .= '<li id="' . esc_attr( $next_k . $suffix ) . '_section_group_li" class="redux-group-tab-link-li ' . esc_attr( $hide_sub ) . esc_attr( $section[ $next_k ]['class'] ) . ( $icon ? ' hasIcon' : '' ) . '">';
+                            $string                      .= '<a href="javascript:void(0);" id="' . esc_attr( $next_k . $suffix ) . '_section_group_li_a" class="redux-group-tab-link-a" data-key="' . esc_attr( $next_k ) . '" data-rel="' . esc_attr( $next_k . $suffix ) . '">' . $icon . '<span class="group_title">' . wp_kses_post( $sections[ $next_k ]['title'] ) . '</span></a>';
+                            $string                      .= '</li>';
+                        }
+                    }
+
+                    $string .= '</ul>';
+                }
+
+                $string .= '</li>';
+            }
+
+            return $string;
+        }
+    }
 }

Spacing +46 added lines, -46 removed lines

@@ -81,12 +81,12 @@ 
 						'generate_panel',
 					),
 					$core->args['menu_icon'],
-					(int) $core->args['page_priority']
+					( int ) $core->args['page_priority']
 				);
 
 				if ( true === $core->args['allow_sub_menu'] ) {
 					foreach ( $core->sections as $k => $section ) {
-						$can_be_subsection = $k > 0 && ( ! isset( $core->sections[ ( $k ) ]['type'] ) || 'divide' !== $core->sections[ ( $k ) ]['type'] );
+						$can_be_subsection = $k > 0 && ( ! isset( $core->sections[( $k )]['type'] ) || 'divide' !== $core->sections[( $k )]['type'] );
 
 						if ( ! isset( $section['title'] ) || ( $can_be_subsection && ( isset( $section['subsection'] ) && true === $section['subsection'] ) ) ) {
 							continue;
@@ -261,8 +261,8 @@ 
 				'options-general.php'     => 'options',
 			);
 
-			if ( isset( $test[ $page_parent ] ) ) {
-				$function   = 'add_' . $test[ $page_parent ] . '_page';
+			if ( isset( $test[$page_parent] ) ) {
+				$function   = 'add_' . $test[$page_parent] . '_page';
 				$this->page = $function(
 					$page_title,
 					$menu_title,
@@ -297,7 +297,7 @@ 
 							$add_menu = true;
 						}
 						// custom menu.
-					} elseif ( isset( $submenu[ $core->args['page_parent'] ] ) ) {
+					} elseif ( isset( $submenu[$core->args['page_parent']] ) ) {
 						$add_menu = true;
 					} else {
 						global $menu;
@@ -364,8 +364,8 @@ 
 			$id = rtrim( $section['id'], '_section' );
 			$id = str_replace( $core->args['opt_name'], '', $id );
 
-			if ( isset( $core->sections[ $id ]['desc'] ) && ! empty( $core->sections[ $id ]['desc'] ) ) {
-				echo '<div class="redux-section-desc">' . wp_kses_post( $core->sections[ $id ]['desc'] ) . '</div>';
+			if ( isset( $core->sections[$id]['desc'] ) && ! empty( $core->sections[$id]['desc'] ) ) {
+				echo '<div class="redux-section-desc">' . wp_kses_post( $core->sections[$id]['desc'] ) . '</div>';
 			}
 		}
 
@@ -384,7 +384,7 @@ 
 
 			if ( isset( $field['callback'] ) && ( is_callable( $field['callback'] ) || ( is_string( $field['callback'] ) && function_exists( $field['callback'] ) ) ) ) {
 
-				$value = ( isset( $core->options[ $field['id'] ] ) ) ? $core->options[ $field['id'] ] : '';
+				$value = ( isset( $core->options[$field['id']] ) ) ? $core->options[$field['id']] : '';
 
 				/**
 				 * Action 'redux/field/{opt_name}/{field.type}/callback/before'
@@ -508,7 +508,7 @@ 
 				}
 
 				if ( class_exists( $field_class ) ) {
-					$value = $core->options[ $field['id'] ] ?? '';
+					$value = $core->options[$field['id']] ?? '';
 
 					if ( null !== $v ) {
 						$value = $v;
@@ -729,8 +729,8 @@ 
 					}
 				}
 
-				if ( isset( $submenu[ $core->args['page_slug'] ] ) && is_array( $submenu[ $core->args['page_slug'] ] ) ) {
-					foreach ( $submenu[ $core->args['page_slug'] ] as $index => $redux_options_submenu ) {
+				if ( isset( $submenu[$core->args['page_slug']] ) && is_array( $submenu[$core->args['page_slug']] ) ) {
+					foreach ( $submenu[$core->args['page_slug']] as $index => $redux_options_submenu ) {
 						$subnodeargs = array(
 							'id'     => esc_html( $core->args['page_slug'] . '_' . $index ),
 							'title'  => esc_html( $redux_options_submenu[0] ),
@@ -840,7 +840,7 @@ 
 			$th   = '';
 
 			if ( isset( $field['title'] ) && isset( $field['type'] ) && 'info' !== $field['type'] && 'section' !== $field['type'] ) {
-				$default_mark = ( ! empty( $field['default'] ) && isset( $core->options[ $field['id'] ] ) && $field['default'] === $core->options[ $field['id'] ] && ! empty( $core->args['default_mark'] ) ) ? $core->args['default_mark'] : '';
+				$default_mark = ( ! empty( $field['default'] ) && isset( $core->options[$field['id']] ) && $field['default'] === $core->options[$field['id']] && ! empty( $core->args['default_mark'] ) ) ? $core->args['default_mark'] : '';
 
 				// If a hint is specified in the field, process it.
 				if ( isset( $field['hint'] ) && ! empty( $field['hint'] ) ) {
@@ -907,7 +907,7 @@ 
 				'css_layout',
 			);
 
-			if ( true === $core->args['default_show'] && isset( $field['default'] ) && isset( $core->options[ $field['id'] ] ) && $field['default'] !== $core->options[ $field['id'] ] && ! in_array( $field['type'], $filter_arr, true ) ) {
+			if ( true === $core->args['default_show'] && isset( $field['default'] ) && isset( $core->options[$field['id']] ) && $field['default'] !== $core->options[$field['id']] && ! in_array( $field['type'], $filter_arr, true ) ) {
 				$th .= $this->get_default_output_string( $field );
 			}
 
@@ -931,16 +931,16 @@ 
 			}
 
 			if ( ! is_array( $field['default'] ) ) {
-				if ( ! empty( $field['options'][ $field['default'] ] ) ) {
-					if ( ! empty( $field['options'][ $field['default'] ]['alt'] ) ) {
-						$default_output .= $field['options'][ $field['default'] ]['alt'] . ', ';
-					} elseif ( ! is_array( $field['options'][ $field['default'] ] ) ) {
-							$default_output .= $field['options'][ $field['default'] ] . ', ';
+				if ( ! empty( $field['options'][$field['default']] ) ) {
+					if ( ! empty( $field['options'][$field['default']]['alt'] ) ) {
+						$default_output .= $field['options'][$field['default']]['alt'] . ', ';
+					} elseif ( ! is_array( $field['options'][$field['default']] ) ) {
+							$default_output .= $field['options'][$field['default']] . ', ';
 					} else {
-						$default_output .= maybe_serialize( $field['options'][ $field['default'] ] ) . ', ';
+						$default_output .= maybe_serialize( $field['options'][$field['default']] ) . ', ';
 					}
-				} elseif ( ! empty( $field['options'][ $field['default'] ] ) ) {
-					$default_output .= $field['options'][ $field['default'] ] . ', ';
+				} elseif ( ! empty( $field['options'][$field['default']] ) ) {
+					$default_output .= $field['options'][$field['default']] . ', ';
 				} elseif ( ! empty( $field['default'] ) ) {
 					if ( 'switch' === $field['type'] && isset( $field['on'] ) && isset( $field['off'] ) ) {
 						$default_output .= ( 1 === $field['default'] ? $field['on'] : $field['off'] ) . ', ';
@@ -950,19 +950,19 @@ 
 				}
 			} else {
 				foreach ( $field['default'] as $defaultk => $defaultv ) {
-					$defaultk = is_numeric( $defaultk ) ? (string) $defaultk : $defaultk;
-					$defaultv = is_numeric( $defaultv ) ? (string) $defaultv : $defaultv;
-
-					if ( ! empty( $field['options'][ $defaultv ]['alt'] ) ) {
-						$default_output .= $field['options'][ $defaultv ]['alt'] . ', ';
-					} elseif ( ! empty( $field['options'][ $defaultv ] ) ) {
-						$default_output .= $field['options'][ $defaultv ] . ', ';
-					} elseif ( ! empty( $field['options'][ $defaultk ] ) ) {
-						$default_output .= $field['options'][ $defaultk ] . ', ';
+					$defaultk = is_numeric( $defaultk ) ? ( string ) $defaultk : $defaultk;
+					$defaultv = is_numeric( $defaultv ) ? ( string ) $defaultv : $defaultv;
+
+					if ( ! empty( $field['options'][$defaultv]['alt'] ) ) {
+						$default_output .= $field['options'][$defaultv]['alt'] . ', ';
+					} elseif ( ! empty( $field['options'][$defaultv] ) ) {
+						$default_output .= $field['options'][$defaultv] . ', ';
+					} elseif ( ! empty( $field['options'][$defaultk] ) ) {
+						$default_output .= $field['options'][$defaultk] . ', ';
 					} elseif ( ! empty( $defaultv ) ) {
 						if ( is_array( $defaultv ) ) {
 							foreach ( $defaultv as $k => $v ) {
-								if( is_array( $v ) ) {
+								if ( is_array( $v ) ) {
 									$defaultv = implode( ', ', $v );
 								}
 							}
@@ -1047,7 +1047,7 @@ 
 				$hide_section = ( true === $section['hidden'] ) ? ' hidden ' : '';
 			}
 
-			$can_be_subsection = $k > 0 && ( ! isset( $sections[ ( $k ) ]['type'] ) || 'divide' !== $sections[ ( $k ) ]['type'] );
+			$can_be_subsection = $k > 0 && ( ! isset( $sections[( $k )]['type'] ) || 'divide' !== $sections[( $k )]['type'] );
 
 			if ( ! $can_be_subsection && isset( $section['subsection'] ) && true === $section['subsection'] ) {
 				unset( $section['subsection'] );
@@ -1056,7 +1056,7 @@ 
 			if ( isset( $section['type'] ) && 'divide' === $section['type'] ) {
 				$string .= '<li class="divide' . esc_attr( $section['class'] ) . '">&nbsp;</li>';
 			} elseif ( ! isset( $section['subsection'] ) || true !== $section['subsection'] ) {
-				$subsections        = isset( $sections[ ( $k + 1 ) ]['subsection'] ) && true === $sections[ ( $k + 1 ) ]['subsection'];
+				$subsections        = isset( $sections[( $k + 1 )]['subsection'] ) && true === $sections[( $k + 1 )]['subsection'];
 				$subsections_class  = $subsections ? ' hasSubSections' : '';
 				$subsections_class .= ( empty( $section['fields'] ) ) ? ' empty_section' : '';
 				$rotate             = true === $core->args['flyout_submenus'] ? ' el-rotate' : '';
@@ -1079,12 +1079,12 @@ 
 						$display = true;
 
 						if ( isset( $_GET['page'] ) && $core->args['page_slug'] === $_GET['page'] ) { // phpcs:ignore WordPress.Security.NonceVerification
-							if ( isset( $sections[ $next_k ]['panel'] ) && false === $sections[ $next_k ]['panel'] ) {
+							if ( isset( $sections[$next_k]['panel'] ) && false === $sections[$next_k]['panel'] ) {
 								$display = false;
 							}
 						}
 
-						if ( count( $sections ) < $function_count || ! isset( $sections[ $next_k ] ) || ! isset( $sections[ $next_k ]['subsection'] ) || true !== $sections[ $next_k ]['subsection'] ) {
+						if ( count( $sections ) < $function_count || ! isset( $sections[$next_k] ) || ! isset( $sections[$next_k]['subsection'] ) || true !== $sections[$next_k]['subsection'] ) {
 							$do_loop = false;
 						} else {
 							if ( ! $display ) {
@@ -1092,31 +1092,31 @@ 
 							}
 
 							$hide_sub = '';
-							if ( isset( $sections[ $next_k ]['hidden'] ) ) {
-								$hide_sub = ( true === $sections[ $next_k ]['hidden'] ) ? ' hidden ' : '';
+							if ( isset( $sections[$next_k]['hidden'] ) ) {
+								$hide_sub = ( true === $sections[$next_k]['hidden'] ) ? ' hidden ' : '';
 							}
 
-							if ( ( isset( $core->args['icon_type'] ) && 'image' === $core->args['icon_type'] ) || ( isset( $sections[ $next_k ]['icon_type'] ) && 'image' === $sections[ $next_k ]['icon_type'] ) ) {
+							if ( ( isset( $core->args['icon_type'] ) && 'image' === $core->args['icon_type'] ) || ( isset( $sections[$next_k]['icon_type'] ) && 'image' === $sections[$next_k]['icon_type'] ) ) {
 								// phpcs:ignore PluginCheck.CodeAnalysis.ImageFunctions.NonEnqueuedImage -- No image/icon to enqueue.
-								$icon = ( ! isset( $sections[ $next_k ]['icon'] ) ) ? '' : '<img class="image_icon_type" src="' . esc_url( $sections[ $next_k ]['icon'] ) . '" /> ';
+								$icon = ( ! isset( $sections[$next_k]['icon'] ) ) ? '' : '<img class="image_icon_type" src="' . esc_url( $sections[$next_k]['icon'] ) . '" /> ';
 							} else {
-								if ( ! empty( $sections[ $next_k ]['icon_class'] ) ) {
-									$icon_class = ' ' . $sections[ $next_k ]['icon_class'];
+								if ( ! empty( $sections[$next_k]['icon_class'] ) ) {
+									$icon_class = ' ' . $sections[$next_k]['icon_class'];
 								} elseif ( ! empty( $core->args['default_icon_class'] ) ) {
 									$icon_class = ' ' . $core->args['default_icon_class'];
 								} else {
 									$icon_class = '';
 								}
-								$icon = ( ! isset( $sections[ $next_k ]['icon'] ) ) ? '' : '<i class="' . esc_attr( $sections[ $next_k ]['icon'] ) . esc_attr( $icon_class ) . '"></i> ';
+								$icon = ( ! isset( $sections[$next_k]['icon'] ) ) ? '' : '<i class="' . esc_attr( $sections[$next_k]['icon'] ) . esc_attr( $icon_class ) . '"></i> ';
 							}
 							if ( strpos( $icon, 'el-icon-' ) !== false ) {
 								$icon = str_replace( 'el-icon-', 'el el-', $icon );
 							}
 
-							$sections[ $next_k ]['class'] = $sections[ $next_k ]['class'] ?? '';
-							$section[ $next_k ]['class']  = $section[ $next_k ]['class'] ?? $sections[ $next_k ]['class'];
-							$string                      .= '<li id="' . esc_attr( $next_k . $suffix ) . '_section_group_li" class="redux-group-tab-link-li ' . esc_attr( $hide_sub ) . esc_attr( $section[ $next_k ]['class'] ) . ( $icon ? ' hasIcon' : '' ) . '">';
-							$string                      .= '<a href="javascript:void(0);" id="' . esc_attr( $next_k . $suffix ) . '_section_group_li_a" class="redux-group-tab-link-a" data-key="' . esc_attr( $next_k ) . '" data-rel="' . esc_attr( $next_k . $suffix ) . '">' . $icon . '<span class="group_title">' . wp_kses_post( $sections[ $next_k ]['title'] ) . '</span></a>';
+							$sections[$next_k]['class'] = $sections[$next_k]['class'] ?? '';
+							$section[$next_k]['class']  = $section[$next_k]['class'] ?? $sections[$next_k]['class'];
+							$string                      .= '<li id="' . esc_attr( $next_k . $suffix ) . '_section_group_li" class="redux-group-tab-link-li ' . esc_attr( $hide_sub ) . esc_attr( $section[$next_k]['class'] ) . ( $icon ? ' hasIcon' : '' ) . '">';
+							$string                      .= '<a href="javascript:void(0);" id="' . esc_attr( $next_k . $suffix ) . '_section_group_li_a" class="redux-group-tab-link-a" data-key="' . esc_attr( $next_k ) . '" data-rel="' . esc_attr( $next_k . $suffix ) . '">' . $icon . '<span class="group_title">' . wp_kses_post( $sections[$next_k]['title'] ) . '</span></a>';
 							$string                      .= '</li>';
 						}
 					}

sample/barebones-config.php

Indentation +186 added lines, -186 removed lines

@@ -8,7 +8,7 @@ 
 
 // phpcs:disabled
 if ( ! class_exists( 'Redux' ) ) {
-	return null;
+    return null;
 }
 
 // This is your option name where all the Redux data is stored.
@@ -27,184 +27,184 @@ 
 $theme = wp_get_theme(); // For use with some settings. Not necessary.
 
 $args = array(
-	// REQUIRED!!  Change these values as you need/desire.
-	'opt_name'                  => $opt_name,
+    // REQUIRED!!  Change these values as you need/desire.
+    'opt_name'                  => $opt_name,
 
-	// Name that appears at the top of your panel.
-	'display_name'              => $theme->get( 'Name' ),
+    // Name that appears at the top of your panel.
+    'display_name'              => $theme->get( 'Name' ),
 
-	// Version that appears at the top of your panel.
-	'display_version'           => $theme->get( 'Version' ),
+    // Version that appears at the top of your panel.
+    'display_version'           => $theme->get( 'Version' ),
 
-	// Specify if the admin menu should appear or not. Options: menu or submenu (Under appearance only).
-	'menu_type'                 => 'menu',
+    // Specify if the admin menu should appear or not. Options: menu or submenu (Under appearance only).
+    'menu_type'                 => 'menu',
 
-	// Show the sections below the admin menu item or not.
-	'allow_sub_menu'            => true,
+    // Show the sections below the admin menu item or not.
+    'allow_sub_menu'            => true,
 
-	'menu_title'                => esc_html__( 'Sample Options', 'your-textdomain-here' ),
-	'page_title'                => esc_html__( 'Sample Options', 'your-textdomain-here' ),
+    'menu_title'                => esc_html__( 'Sample Options', 'your-textdomain-here' ),
+    'page_title'                => esc_html__( 'Sample Options', 'your-textdomain-here' ),
 
-	// Disable this in case you want to create your own Google fonts loader.
-	'disable_google_fonts_link' => false,
+    // Disable this in case you want to create your own Google fonts loader.
+    'disable_google_fonts_link' => false,
 
-	// Show the panel pages on the admin bar.
-	'admin_bar'                 => true,
+    // Show the panel pages on the admin bar.
+    'admin_bar'                 => true,
 
-	// Choose an icon for the admin bar menu.
-	'admin_bar_icon'            => 'dashicons-portfolio',
+    // Choose an icon for the admin bar menu.
+    'admin_bar_icon'            => 'dashicons-portfolio',
 
-	// Choose a priority for the admin bar menu.
-	'admin_bar_priority'        => 50,
+    // Choose a priority for the admin bar menu.
+    'admin_bar_priority'        => 50,
 
-	// Set a different name for your global variable other than the opt_name.
-	'global_variable'           => '',
+    // Set a different name for your global variable other than the opt_name.
+    'global_variable'           => '',
 
-	// Show the time the page took to load, etc.
-	'dev_mode'                  => true,
+    // Show the time the page took to load, etc.
+    'dev_mode'                  => true,
 
-	// Enable basic customizer support.
-	'customizer'                => true,
+    // Enable basic customizer support.
+    'customizer'                => true,
 
-	// Order where the menu appears in the admin area. If there is any conflict, something will not show. Warning.
-	'page_priority'             => null,
+    // Order where the menu appears in the admin area. If there is any conflict, something will not show. Warning.
+    'page_priority'             => null,
 
-	// For a full list of options, visit: @link https://codex.wordpress.org/Function_Reference/add_submenu_page#Parameters.
-	'page_parent'               => 'themes.php',
+    // For a full list of options, visit: @link https://codex.wordpress.org/Function_Reference/add_submenu_page#Parameters.
+    'page_parent'               => 'themes.php',
 
-	// Permissions needed to access the options panel.
-	'page_permissions'          => 'manage_options',
+    // Permissions needed to access the options panel.
+    'page_permissions'          => 'manage_options',
 
-	// Specify a custom URL to an icon.
-	'menu_icon'                 => '',
+    // Specify a custom URL to an icon.
+    'menu_icon'                 => '',
 
-	// Force your panel to always open to a specific tab (by id).
-	'last_tab'                  => '',
+    // Force your panel to always open to a specific tab (by id).
+    'last_tab'                  => '',
 
-	// Icon displayed in the admin panel next to your menu_title.
-	'page_icon'                 => 'icon-themes',
+    // Icon displayed in the admin panel next to your menu_title.
+    'page_icon'                 => 'icon-themes',
 
-	// Page slug used to denote the panel.
-	'page_slug'                 => '_options',
+    // Page slug used to denote the panel.
+    'page_slug'                 => '_options',
 
-	// On load save the defaults to DB before user clicks save or not.
-	'save_defaults'             => true,
+    // On load save the defaults to DB before user clicks save or not.
+    'save_defaults'             => true,
 
-	// If true, shows the default value next to each field that is not the default value.
-	'default_show'              => false,
+    // If true, shows the default value next to each field that is not the default value.
+    'default_show'              => false,
 
-	// What to print by the field's title if the value shown is default. Suggested: *.
-	'default_mark'              => '',
+    // What to print by the field's title if the value shown is default. Suggested: *.
+    'default_mark'              => '',
 
-	// Shows the Import/Export panel when not used as a field.
-	'show_import_export'        => true,
+    // Shows the Import/Export panel when not used as a field.
+    'show_import_export'        => true,
 
-	// CAREFUL: These options are for advanced use only.
-	'transient_time'            => 60 * MINUTE_IN_SECONDS,
+    // CAREFUL: These options are for advanced use only.
+    'transient_time'            => 60 * MINUTE_IN_SECONDS,
 
-	// Global shut-off for dynamic CSS output by the framework. Will also disable google fonts output.
-	'output'                    => true,
+    // Global shut-off for dynamic CSS output by the framework. Will also disable google fonts output.
+    'output'                    => true,
 
-	// Allows dynamic CSS to be generated for customizer and google fonts, but stops the dynamic CSS from going to the head.
-	'output_tag'                => true,
+    // Allows dynamic CSS to be generated for customizer and google fonts, but stops the dynamic CSS from going to the head.
+    'output_tag'                => true,
 
-	// FUTURE → Not in use yet, but reserved or partially implemented.
-	// Use at your own risk.
-	// Possible: options, theme_mods, theme_mods_expanded, transient. Not fully functional, warning!
-	'database'                  => '',
+    // FUTURE → Not in use yet, but reserved or partially implemented.
+    // Use at your own risk.
+    // Possible: options, theme_mods, theme_mods_expanded, transient. Not fully functional, warning!
+    'database'                  => '',
 
-	'compiler'                  => true,
+    'compiler'                  => true,
 
-	// Enable or disable flyout menus when hovering over a menu with submenus.
-	'flyout_submenus'           => true,
+    // Enable or disable flyout menus when hovering over a menu with submenus.
+    'flyout_submenus'           => true,
 
-	// Mode to display fonts (auto|block|swap|fallback|optional)
-	// See: https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display .
-	'font_display'              => 'swap',
+    // Mode to display fonts (auto|block|swap|fallback|optional)
+    // See: https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display .
+    'font_display'              => 'swap',
 
-	// HINTS.
-	'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'   => 'slide',
-				'duration' => '500',
-				'event'    => 'click mouseleave',
-			),
-		),
-	),
+    // HINTS.
+    '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'   => 'slide',
+                'duration' => '500',
+                'event'    => 'click mouseleave',
+            ),
+        ),
+    ),
 );
 
 // ADMIN BAR LINKS → Set up custom links in the admin bar menu as external items.
 $args['admin_bar_links'][] = array(
-	'id'    => 'redux-docs',
-	'href'  => '//devs.redux.io/',
-	'title' => esc_html__( 'Documentation', 'your-textdomain-here' ),
+    'id'    => 'redux-docs',
+    'href'  => '//devs.redux.io/',
+    'title' => esc_html__( 'Documentation', 'your-textdomain-here' ),
 );
 
 $args['admin_bar_links'][] = array(
-	'id'    => 'redux-support',
-	'href'  => '//github.com/ReduxFramework/redux-framework/issues',
-	'title' => esc_html__( 'Support', 'your-textdomain-here' ),
+    'id'    => 'redux-support',
+    'href'  => '//github.com/ReduxFramework/redux-framework/issues',
+    'title' => esc_html__( 'Support', 'your-textdomain-here' ),
 );
 
 $args['admin_bar_links'][] = array(
-	'id'    => 'redux-extensions',
-	'href'  => 'redux.io/extensions',
-	'title' => esc_html__( 'Extensions', 'your-textdomain-here' ),
+    'id'    => 'redux-extensions',
+    'href'  => 'redux.io/extensions',
+    'title' => esc_html__( 'Extensions', 'your-textdomain-here' ),
 );
 
 // SOCIAL ICONS → Set up custom links in the footer for quick links in your panel footer icons.
 $args['share_icons'][] = array(
-	'url'   => '//github.com/ReduxFramework/ReduxFramework',
-	'title' => 'Visit us on GitHub',
-	'icon'  => 'el el-github',
+    'url'   => '//github.com/ReduxFramework/ReduxFramework',
+    'title' => 'Visit us on GitHub',
+    'icon'  => 'el el-github',
 );
 $args['share_icons'][] = array(
-	'url'   => '//www.facebook.com/pages/Redux-Framework/243141545850368',
-	'title' => esc_html__( 'Like us on Facebook', 'your-textdomain-here' ),
-	'icon'  => 'el el-facebook',
+    'url'   => '//www.facebook.com/pages/Redux-Framework/243141545850368',
+    'title' => esc_html__( 'Like us on Facebook', 'your-textdomain-here' ),
+    'icon'  => 'el el-facebook',
 );
 $args['share_icons'][] = array(
-	'url'   => '//twitter.com/reduxframework',
-	'title' => esc_html__( 'Follow us on Twitter', 'your-textdomain-here' ),
-	'icon'  => 'el el-twitter',
+    'url'   => '//twitter.com/reduxframework',
+    'title' => esc_html__( 'Follow us on Twitter', 'your-textdomain-here' ),
+    'icon'  => 'el el-twitter',
 );
 $args['share_icons'][] = array(
-	'url'   => '//www.linkedin.com/company/redux-framework',
-	'title' => esc_html__( 'Find us on LinkedIn', 'your-textdomain-here' ),
-	'icon'  => 'el el-linkedin',
+    'url'   => '//www.linkedin.com/company/redux-framework',
+    'title' => esc_html__( 'Find us on LinkedIn', 'your-textdomain-here' ),
+    'icon'  => 'el el-linkedin',
 );
 
 // Panel Intro text → before the form.
 if ( false !== $args['global_variable'] ) {
-	if ( ! empty( $args['global_variable'] ) ) {
-		$v = $args['global_variable'];
-	} else {
-		$v = str_replace( '-', '_', $args['opt_name'] );
-	}
+    if ( ! empty( $args['global_variable'] ) ) {
+        $v = $args['global_variable'];
+    } else {
+        $v = str_replace( '-', '_', $args['opt_name'] );
+    }
 
-	$args['intro_text'] = '<p>' . sprintf( __( 'Did you know that Redux sets a global variable for you? To access any of your saved options from within your code you can use your global variable: $s', 'your-textdomain-here' ) . '</p>', '<strong>' . $v . '</strong>' );
+    $args['intro_text'] = '<p>' . sprintf( __( 'Did you know that Redux sets a global variable for you? To access any of your saved options from within your code you can use your global variable: $s', 'your-textdomain-here' ) . '</p>', '<strong>' . $v . '</strong>' );
 } else {
-	$args['intro_text'] = '<p>' . esc_html__( 'This text is displayed above the options panel. It isn\'t required, but more info is always better! The intro_text field accepts all HTML.', 'your-textdomain-here' ) . '</p>';
+    $args['intro_text'] = '<p>' . esc_html__( 'This text is displayed above the options panel. It isn\'t required, but more info is always better! The intro_text field accepts all HTML.', 'your-textdomain-here' ) . '</p>';
 }
 
 // Add content after the form.
@@ -221,17 +221,17 @@ 
  */
 
 $help_tabs = array(
-	array(
-		'id'      => 'redux-help-tab-1',
-		'title'   => esc_html__( 'Theme Information 1', 'your-textdomain-here' ),
-		'content' => '<p>' . esc_html__( 'This is the tab content, HTML is allowed.', 'your-textdomain-here' ) . '</p>',
-	),
-
-	array(
-		'id'      => 'redux-help-tab-2',
-		'title'   => esc_html__( 'Theme Information 2', 'your-textdomain-here' ),
-		'content' => '<p>' . esc_html__( 'This is the tab content, HTML is allowed.', 'your-textdomain-here' ) . '</p>',
-	),
+    array(
+        'id'      => 'redux-help-tab-1',
+        'title'   => esc_html__( 'Theme Information 1', 'your-textdomain-here' ),
+        'content' => '<p>' . esc_html__( 'This is the tab content, HTML is allowed.', 'your-textdomain-here' ) . '</p>',
+    ),
+
+    array(
+        'id'      => 'redux-help-tab-2',
+        'title'   => esc_html__( 'Theme Information 2', 'your-textdomain-here' ),
+        'content' => '<p>' . esc_html__( 'This is the tab content, HTML is allowed.', 'your-textdomain-here' ) . '</p>',
+    ),
 );
 
 Redux::set_help_tab( $opt_name, $help_tabs );
@@ -255,77 +255,77 @@ 
 /* -> START Basic Fields. */
 
 $kses_exceptions = array(
-	'a'      => array(
-		'href' => array(),
-	),
-	'strong' => array(),
-	'br'     => array(),
+    'a'      => array(
+        'href' => array(),
+    ),
+    'strong' => array(),
+    'br'     => array(),
 );
 
 $section = array(
-	'title'  => esc_html__( 'Basic Field', 'your-textdomain-here' ),
-	'id'     => 'basic',
-	'desc'   => esc_html__( 'Basic field with no subsections.', 'your-textdomain-here' ),
-	'icon'   => 'el el-home',
-	'fields' => array(
-		array(
-			'id'       => 'opt-text',
-			'type'     => 'text',
-			'title'    => esc_html__( 'Example Text', 'your-textdomain-here' ),
-			'desc'     => esc_html__( 'Example description.', 'your-textdomain-here' ),
-			'subtitle' => esc_html__( 'Example subtitle.', 'your-textdomain-here' ),
-			'hint'     => array(
-				'content' => wp_kses( __( 'This is a <strong>hint</strong> tool-tip for the text field.<br/><br/>Add any HTML-based text you like here.', 'your-textdomain-here' ), $kses_exceptions ),
-			),
-		),
-	),
+    'title'  => esc_html__( 'Basic Field', 'your-textdomain-here' ),
+    'id'     => 'basic',
+    'desc'   => esc_html__( 'Basic field with no subsections.', 'your-textdomain-here' ),
+    'icon'   => 'el el-home',
+    'fields' => array(
+        array(
+            'id'       => 'opt-text',
+            'type'     => 'text',
+            'title'    => esc_html__( 'Example Text', 'your-textdomain-here' ),
+            'desc'     => esc_html__( 'Example description.', 'your-textdomain-here' ),
+            'subtitle' => esc_html__( 'Example subtitle.', 'your-textdomain-here' ),
+            'hint'     => array(
+                'content' => wp_kses( __( 'This is a <strong>hint</strong> tool-tip for the text field.<br/><br/>Add any HTML-based text you like here.', 'your-textdomain-here' ), $kses_exceptions ),
+            ),
+        ),
+    ),
 );
 
 Redux::set_section( $opt_name, $section );
 
 $section = array(
-	'title' => __( 'Basic Fields', 'your-textdomain-here' ),
-	'id'    => 'basic',
-	'desc'  => __( 'Basic fields as subsections.', 'your-textdomain-here' ),
-	'icon'  => 'el el-home',
+    'title' => __( 'Basic Fields', 'your-textdomain-here' ),
+    'id'    => 'basic',
+    'desc'  => __( 'Basic fields as subsections.', 'your-textdomain-here' ),
+    'icon'  => 'el el-home',
 );
 
 Redux::set_section( $opt_name, $section );
 
 $section = array(
-	'title'      => esc_html__( 'Text', 'your-textdomain-here' ),
-	'desc'       => esc_html__( 'For full documentation on this field, visit: ', 'your-textdomain-here' ) . '<a href="https://devs.redux.io/core-fields/text.html" target="_blank">https://devs.redux.io/core-fields/text.html</a>',
-	'id'         => 'opt-text-subsection',
-	'subsection' => true,
-	'fields'     => array(
-		array(
-			'id'       => 'text-example',
-			'type'     => 'text',
-			'title'    => esc_html__( 'Text Field', 'your-textdomain-here' ),
-			'subtitle' => esc_html__( 'Subtitle', 'your-textdomain-here' ),
-			'desc'     => esc_html__( 'Field Description', 'your-textdomain-here' ),
-			'default'  => 'Default Text',
-		),
-	),
+    'title'      => esc_html__( 'Text', 'your-textdomain-here' ),
+    'desc'       => esc_html__( 'For full documentation on this field, visit: ', 'your-textdomain-here' ) . '<a href="https://devs.redux.io/core-fields/text.html" target="_blank">https://devs.redux.io/core-fields/text.html</a>',
+    'id'         => 'opt-text-subsection',
+    'subsection' => true,
+    'fields'     => array(
+        array(
+            'id'       => 'text-example',
+            'type'     => 'text',
+            'title'    => esc_html__( 'Text Field', 'your-textdomain-here' ),
+            'subtitle' => esc_html__( 'Subtitle', 'your-textdomain-here' ),
+            'desc'     => esc_html__( 'Field Description', 'your-textdomain-here' ),
+            'default'  => 'Default Text',
+        ),
+    ),
 );
 
 Redux::set_section( $opt_name, $section );
 
 $section = array(
-	'title'      => esc_html__( 'Text Area', 'your-textdomain-here' ),
-	'desc'       => esc_html__( 'For full documentation on this field, visit: ', 'your-textdomain-here' ) . '<a href="https://devs.redux.io/core-fields/textarea.html" target="_blank">https://devs.redux.io/core-fields/textarea.html</a>',
-	'id'         => 'opt-textarea-subsection',
-	'subsection' => true,
-	'fields'     => array(
-		array(
-			'id'       => 'textarea-example',
-			'type'     => 'textarea',
-			'title'    => esc_html__( 'Text Area Field', 'your-textdomain-here' ),
-			'subtitle' => esc_html__( 'Subtitle', 'your-textdomain-here' ),
-			'desc'     => esc_html__( 'Field Description', 'your-textdomain-here' ),
-			'default'  => 'Default Text',
-		),
-	),
+    'title'      => esc_html__( 'Text Area', 'your-textdomain-here' ),
+    'desc'       => esc_html__( 'For full documentation on this field, visit: ', 'your-textdomain-here' ) . '<a href="https://devs.redux.io/core-fields/textarea.html" target="_blank">https://devs.redux.io/core-fields/textarea.html</a>',
+    'id'         => 'opt-textarea-subsection',
+    'subsection' => true,
+    'fields'     => array(
+        array(
+            'id'       => 'textarea-example',
+            'type'     => 'textarea',
+            'title'    => esc_html__( 'Text Area Field', 'your-textdomain-here' ),
+            'subtitle' => esc_html__( 'Subtitle', 'your-textdomain-here' ),
+            'desc'     => esc_html__( 'Field Description', 'your-textdomain-here' ),
+            'default'  => 'Default Text',
+        ),
+    ),
 );
 
 Redux::set_section( $opt_name, $section );

sample/metaboxes.php

Indentation +200 added lines, -200 removed lines

@@ -12,218 +12,218 @@
 defined( 'ABSPATH' ) || exit;
 
 if ( ! class_exists( 'Redux_Metaboxes' ) ) {
-	return;
+    return;
 }
 
 Redux_Metaboxes::set_box(
-	$opt_name,
-	array(
-		'id'         => 'opt-metaboxes',
-		'title'      => esc_html__( 'Metabox Options', 'your-textdomain-here' ),
-		'post_types' => array( 'page', 'post' ),
-		'position'   => 'normal', // normal, advanced, side.
-		'priority'   => 'high', // high, core, default, low.
-		'sections'   => array(
-			array(
-				'title'  => esc_html__( 'Basic Fields', 'your-textdomain-here' ),
-				'id'     => 'opt-basic-fields',
-				'desc'   => esc_html__( 'Redux Framework was created with the developer in mind. It allows for any theme developer to have an advanced theme panel with most of the features a developer would need. For more information check out the Github repo at:', 'your-textdomain-here' ) . '  <a href="https://github.com/ReduxFramework/Redux-Framework">https://github.com/ReduxFramework/Redux-Framework</a>',
-				'icon'   => 'el-icon-cogs',
-				'fields' => array(
-					array(
-						'id'       => 'opt-checkbox',
-						'type'     => 'checkbox',
-						'title'    => esc_html__( 'Checkbox', 'your-textdomain-here' ),
-						'subtitle' => esc_html__( 'Basic Checkbox field.', 'your-textdomain-here' ),
-						'default'  => true,
-					),
-					array(
-						'id'       => 'opt-radio',
-						'type'     => 'radio',
-						'title'    => esc_html__( 'Radio Button', 'your-textdomain-here' ),
-						'subtitle' => esc_html__( 'Basic Radio Button field.', 'your-textdomain-here' ),
-						'options'  => array(
-							'1' => esc_html__( 'Option 1', 'your-textdomain-here' ),
-							'2' => esc_html__( 'Option 2', 'your-textdomain-here' ),
-							'3' => esc_html__( 'Option 3', 'your-textdomain-here' ),
-						),
-						'default'  => '2',
-					),
-					array(
-						'id'       => 'opt-media',
-						'type'     => 'media',
-						'url'      => true,
-						'title'    => esc_html__( 'Media w/ URL', 'your-textdomain-here' ),
-						'compiler' => 'true',
-						'desc'     => esc_html__( 'Basic media uploader with disabled URL input field.', 'your-textdomain-here' ),
-						'subtitle' => esc_html__( 'Upload any media using the WordPress native uploader', 'your-textdomain-here' ),
-						'default'  => array( 'url' => 'https://s.wordpress.org/style/images/codeispoetry.png' ),
-					),
-					array(
-						'id'       => 'gallery',
-						'type'     => 'gallery',
-						'title'    => esc_html__( 'Add/Edit Gallery', 'your-textdomain-here' ),
-						'subtitle' => esc_html__( 'Create a new Gallery by selecting existing or uploading new images using the WordPress native uploader', 'your-textdomain-here' ),
-						'desc'     => esc_html__( 'This is the description field, again good for additional info.', 'your-textdomain-here' ),
-					),
-					array(
-						'id'      => 'opt-slider',
-						'type'    => 'slider',
-						'title'   => esc_html__( 'JQuery UI Slider Example 2 w/ Steps (5)', 'your-textdomain-here' ),
-						'desc'    => esc_html__( 'JQuery UI slider description. Min: 0, max: 300, step: 5, default value: 75', 'your-textdomain-here' ),
-						'default' => '0',
-						'min'     => '0',
-						'step'    => '5',
-						'max'     => '300',
-					),
-					array(
-						'id'      => 'opt-spinner',
-						'type'    => 'spinner',
-						'title'   => esc_html__( 'JQuery UI Spinner Example 1', 'your-textdomain-here' ),
-						'desc'    => esc_html__( 'JQuery UI spinner description. Min:20, max: 100, step:20, default value: 40', 'your-textdomain-here' ),
-						'default' => '40',
-						'min'     => '20',
-						'step'    => '20',
-						'max'     => '100',
-					),
+    $opt_name,
+    array(
+        'id'         => 'opt-metaboxes',
+        'title'      => esc_html__( 'Metabox Options', 'your-textdomain-here' ),
+        'post_types' => array( 'page', 'post' ),
+        'position'   => 'normal', // normal, advanced, side.
+        'priority'   => 'high', // high, core, default, low.
+        'sections'   => array(
+            array(
+                'title'  => esc_html__( 'Basic Fields', 'your-textdomain-here' ),
+                'id'     => 'opt-basic-fields',
+                'desc'   => esc_html__( 'Redux Framework was created with the developer in mind. It allows for any theme developer to have an advanced theme panel with most of the features a developer would need. For more information check out the Github repo at:', 'your-textdomain-here' ) . '  <a href="https://github.com/ReduxFramework/Redux-Framework">https://github.com/ReduxFramework/Redux-Framework</a>',
+                'icon'   => 'el-icon-cogs',
+                'fields' => array(
+                    array(
+                        'id'       => 'opt-checkbox',
+                        'type'     => 'checkbox',
+                        'title'    => esc_html__( 'Checkbox', 'your-textdomain-here' ),
+                        'subtitle' => esc_html__( 'Basic Checkbox field.', 'your-textdomain-here' ),
+                        'default'  => true,
+                    ),
+                    array(
+                        'id'       => 'opt-radio',
+                        'type'     => 'radio',
+                        'title'    => esc_html__( 'Radio Button', 'your-textdomain-here' ),
+                        'subtitle' => esc_html__( 'Basic Radio Button field.', 'your-textdomain-here' ),
+                        'options'  => array(
+                            '1' => esc_html__( 'Option 1', 'your-textdomain-here' ),
+                            '2' => esc_html__( 'Option 2', 'your-textdomain-here' ),
+                            '3' => esc_html__( 'Option 3', 'your-textdomain-here' ),
+                        ),
+                        'default'  => '2',
+                    ),
+                    array(
+                        'id'       => 'opt-media',
+                        'type'     => 'media',
+                        'url'      => true,
+                        'title'    => esc_html__( 'Media w/ URL', 'your-textdomain-here' ),
+                        'compiler' => 'true',
+                        'desc'     => esc_html__( 'Basic media uploader with disabled URL input field.', 'your-textdomain-here' ),
+                        'subtitle' => esc_html__( 'Upload any media using the WordPress native uploader', 'your-textdomain-here' ),
+                        'default'  => array( 'url' => 'https://s.wordpress.org/style/images/codeispoetry.png' ),
+                    ),
+                    array(
+                        'id'       => 'gallery',
+                        'type'     => 'gallery',
+                        'title'    => esc_html__( 'Add/Edit Gallery', 'your-textdomain-here' ),
+                        'subtitle' => esc_html__( 'Create a new Gallery by selecting existing or uploading new images using the WordPress native uploader', 'your-textdomain-here' ),
+                        'desc'     => esc_html__( 'This is the description field, again good for additional info.', 'your-textdomain-here' ),
+                    ),
+                    array(
+                        'id'      => 'opt-slider',
+                        'type'    => 'slider',
+                        'title'   => esc_html__( 'JQuery UI Slider Example 2 w/ Steps (5)', 'your-textdomain-here' ),
+                        'desc'    => esc_html__( 'JQuery UI slider description. Min: 0, max: 300, step: 5, default value: 75', 'your-textdomain-here' ),
+                        'default' => '0',
+                        'min'     => '0',
+                        'step'    => '5',
+                        'max'     => '300',
+                    ),
+                    array(
+                        'id'      => 'opt-spinner',
+                        'type'    => 'spinner',
+                        'title'   => esc_html__( 'JQuery UI Spinner Example 1', 'your-textdomain-here' ),
+                        'desc'    => esc_html__( 'JQuery UI spinner description. Min:20, max: 100, step:20, default value: 40', 'your-textdomain-here' ),
+                        'default' => '40',
+                        'min'     => '20',
+                        'step'    => '20',
+                        'max'     => '100',
+                    ),
 
-					array(
-						'id'       => 'switch-on',
-						'type'     => 'switch',
-						'title'    => esc_html__( 'Switch On', 'your-textdomain-here' ),
-						'subtitle' => esc_html__( 'Look, it\'s on!', 'your-textdomain-here' ),
-						'default'  => 1,
-					),
-				),
-			),
+                    array(
+                        'id'       => 'switch-on',
+                        'type'     => 'switch',
+                        'title'    => esc_html__( 'Switch On', 'your-textdomain-here' ),
+                        'subtitle' => esc_html__( 'Look, it\'s on!', 'your-textdomain-here' ),
+                        'default'  => 1,
+                    ),
+                ),
+            ),
 
-			array(
-				'title'      => esc_html__( 'Text Fields', 'your-textdomain-here' ),
-				'desc'       => esc_html__( 'Redux Framework was created with the developer in mind. It allows for any theme developer to have an advanced theme panel with most of the features a developer would need. For more information check out the Github repo at:', 'your-textdomain-here' ) . '  <a href="https://github.com/ReduxFramework/Redux-Framework">https://github.com/ReduxFramework/Redux-Framework</a>',
-				'icon'       => 'el-icon-cog',
-				'id'         => 'opt-text-fields',
-				'subsection' => true,
-				'fields'     => array(
-					array(
-						'title' => esc_html__( 'Text Field', 'your-textdomain-here' ),
-						'id'    => 'opt-text',
-						'type'  => 'text',
-					),
-					array(
-						'title' => esc_html__( 'Textarea Field', 'your-textdomain-here' ),
-						'id'    => 'opt-textarea',
-						'type'  => 'textarea',
-					),
-				),
-			),
+            array(
+                'title'      => esc_html__( 'Text Fields', 'your-textdomain-here' ),
+                'desc'       => esc_html__( 'Redux Framework was created with the developer in mind. It allows for any theme developer to have an advanced theme panel with most of the features a developer would need. For more information check out the Github repo at:', 'your-textdomain-here' ) . '  <a href="https://github.com/ReduxFramework/Redux-Framework">https://github.com/ReduxFramework/Redux-Framework</a>',
+                'icon'       => 'el-icon-cog',
+                'id'         => 'opt-text-fields',
+                'subsection' => true,
+                'fields'     => array(
+                    array(
+                        'title' => esc_html__( 'Text Field', 'your-textdomain-here' ),
+                        'id'    => 'opt-text',
+                        'type'  => 'text',
+                    ),
+                    array(
+                        'title' => esc_html__( 'Textarea Field', 'your-textdomain-here' ),
+                        'id'    => 'opt-textarea',
+                        'type'  => 'textarea',
+                    ),
+                ),
+            ),
 
-			array(
-				'title'  => esc_html__( 'Color Field', 'your-textdomain-here' ),
-				'desc'   => esc_html__( 'Redux Framework was created with the developer in mind. It allows for any theme developer to have an advanced theme panel with most of the features a developer would need. For more information check out the Github repo at:', 'your-textdomain-here' ) . '  <a href="https://github.com/ReduxFramework/Redux-Framework">https://github.com/ReduxFramework/Redux-Framework</a>',
-				'icon'   => 'el-icon-pencil',
-				'id'     => 'color-section',
-				'fields' => array(
-					array(
-						'id'       => 'opt-color',
-						'type'     => 'color',
-						'title'    => esc_html__( 'Color Field', 'your-textdomain-here' ),
-						'default'  => '#333333',
-						'required' => array( 'opt-layout', '=', 'on' ),
-					),
-				),
-			),
-			array(
-				'title'  => esc_html__( 'Layout', 'your-textdomain-here' ),
-				'desc'   => esc_html__( 'Redux Framework was created with the developer in mind. It allows for any theme developer to have an advanced theme panel with most of the features a developer would need. For more information check out the Github repo at:', 'your-textdomain-here' ) . '  <a href="https://github.com/ReduxFramework/Redux-Framework">https://github.com/ReduxFramework/Redux-Framework</a>',
-				'icon'   => 'el-icon-pencil',
-				'id'     => 'home-layout',
-				'fields' => array(
-					array(
-						'id'       => 'homepage_blocks',
-						'type'     => 'sorter',
-						'title'    => 'Homepage Layout Manager',
-						'desc'     => 'Organize how you want the layout to appear on the homepage',
-						'compiler' => 'true',
-						'required' => array( 'layout', '=', '1' ),
-						'options'  => array(
-							'enabled'  => array(
-								'placebo'    => 'placebo',
-								'highlights' => 'Highlights',
-								'slider'     => 'Slider',
-								'staticpage' => 'Static Page',
-								'services'   => 'Services',
-							),
-							'disabled' => array(
-								'placebo' => 'placebo',
-							),
-						),
-					),
-					array(
-						'id'       => 'slides',
-						'type'     => 'slides',
-						'title'    => esc_html__( 'Slides Options', 'your-textdomain-here' ),
-						'subtitle' => esc_html__( 'Unlimited slides with drag and drop sorting.', 'your-textdomain-here' ),
-						'desc'     => esc_html__( 'This field will store all slides values into a multidimensional array to use into a foreach loop.', 'your-textdomain-here' ),
-					),
-				),
-			),
-		),
-	)
+            array(
+                'title'  => esc_html__( 'Color Field', 'your-textdomain-here' ),
+                'desc'   => esc_html__( 'Redux Framework was created with the developer in mind. It allows for any theme developer to have an advanced theme panel with most of the features a developer would need. For more information check out the Github repo at:', 'your-textdomain-here' ) . '  <a href="https://github.com/ReduxFramework/Redux-Framework">https://github.com/ReduxFramework/Redux-Framework</a>',
+                'icon'   => 'el-icon-pencil',
+                'id'     => 'color-section',
+                'fields' => array(
+                    array(
+                        'id'       => 'opt-color',
+                        'type'     => 'color',
+                        'title'    => esc_html__( 'Color Field', 'your-textdomain-here' ),
+                        'default'  => '#333333',
+                        'required' => array( 'opt-layout', '=', 'on' ),
+                    ),
+                ),
+            ),
+            array(
+                'title'  => esc_html__( 'Layout', 'your-textdomain-here' ),
+                'desc'   => esc_html__( 'Redux Framework was created with the developer in mind. It allows for any theme developer to have an advanced theme panel with most of the features a developer would need. For more information check out the Github repo at:', 'your-textdomain-here' ) . '  <a href="https://github.com/ReduxFramework/Redux-Framework">https://github.com/ReduxFramework/Redux-Framework</a>',
+                'icon'   => 'el-icon-pencil',
+                'id'     => 'home-layout',
+                'fields' => array(
+                    array(
+                        'id'       => 'homepage_blocks',
+                        'type'     => 'sorter',
+                        'title'    => 'Homepage Layout Manager',
+                        'desc'     => 'Organize how you want the layout to appear on the homepage',
+                        'compiler' => 'true',
+                        'required' => array( 'layout', '=', '1' ),
+                        'options'  => array(
+                            'enabled'  => array(
+                                'placebo'    => 'placebo',
+                                'highlights' => 'Highlights',
+                                'slider'     => 'Slider',
+                                'staticpage' => 'Static Page',
+                                'services'   => 'Services',
+                            ),
+                            'disabled' => array(
+                                'placebo' => 'placebo',
+                            ),
+                        ),
+                    ),
+                    array(
+                        'id'       => 'slides',
+                        'type'     => 'slides',
+                        'title'    => esc_html__( 'Slides Options', 'your-textdomain-here' ),
+                        'subtitle' => esc_html__( 'Unlimited slides with drag and drop sorting.', 'your-textdomain-here' ),
+                        'desc'     => esc_html__( 'This field will store all slides values into a multidimensional array to use into a foreach loop.', 'your-textdomain-here' ),
+                    ),
+                ),
+            ),
+        ),
+    )
 );
 
 
 Redux_Metaboxes::set_box(
-	$opt_name,
-	array(
-		'id'         => 'opt-metaboxes-2',
-		'post_types' => array( 'page', 'post' ),
-		'position'   => 'side', // normal, advanced, side.
-		'priority'   => 'high', // high, core, default, low.
-		'sections'   => array(
-			array(
-				'icon_class' => 'icon-large',
-				'icon'       => 'el-icon-home',
-				'fields'     => array(
-					array(
-						'title'   => esc_html__( 'Cross Box Required', 'your-textdomain-here' ),
-						'desc'    => esc_html__( 'Required arguments work across metaboxes! Click on Color Field under Metabox Options then adjust this field to see the fields within show or hide.', 'your-textdomain-here' ),
-						'id'      => 'opt-layout',
-						'type'    => 'radio',
-						'options' => array(
-							'on'  => esc_html__( 'On', 'your-textdomain-here' ),
-							'off' => esc_html__( 'Off', 'your-textdomain-here' ),
-						),
-						'default' => 'on',
-					),
-				),
-			),
-		),
-	)
+    $opt_name,
+    array(
+        'id'         => 'opt-metaboxes-2',
+        'post_types' => array( 'page', 'post' ),
+        'position'   => 'side', // normal, advanced, side.
+        'priority'   => 'high', // high, core, default, low.
+        'sections'   => array(
+            array(
+                'icon_class' => 'icon-large',
+                'icon'       => 'el-icon-home',
+                'fields'     => array(
+                    array(
+                        'title'   => esc_html__( 'Cross Box Required', 'your-textdomain-here' ),
+                        'desc'    => esc_html__( 'Required arguments work across metaboxes! Click on Color Field under Metabox Options then adjust this field to see the fields within show or hide.', 'your-textdomain-here' ),
+                        'id'      => 'opt-layout',
+                        'type'    => 'radio',
+                        'options' => array(
+                            'on'  => esc_html__( 'On', 'your-textdomain-here' ),
+                            'off' => esc_html__( 'Off', 'your-textdomain-here' ),
+                        ),
+                        'default' => 'on',
+                    ),
+                ),
+            ),
+        ),
+    )
 );
 
 Redux_Metaboxes::set_box(
-	$opt_name,
-	array(
-		'id'         => 'opt-metaboxes-3',
-		'post_types' => array( 'page', 'post' ),
-		'position'   => 'side', // normal, advanced, side.
-		'priority'   => 'high', // high, core, default, low.
-		'sections'   => array(
-			array(
-				'icon_class' => 'icon-large',
-				'icon'       => 'el-icon-home',
-				'fields'     => array(
-					array(
-						'id'      => 'sidebar',
-						'title'   => esc_html__( 'Sidebar', 'your-textdomain-here' ),
-						'desc'    => esc_html__( 'Please select the sidebar you would like to display on this page. Note: You must first create the sidebar under Appearance > Widgets.', 'your-textdomain-here' ),
-						'type'    => 'select',
-						'data'    => 'sidebars',
-						'default' => 'None',
-					),
-				),
-			),
-		),
-	)
+    $opt_name,
+    array(
+        'id'         => 'opt-metaboxes-3',
+        'post_types' => array( 'page', 'post' ),
+        'position'   => 'side', // normal, advanced, side.
+        'priority'   => 'high', // high, core, default, low.
+        'sections'   => array(
+            array(
+                'icon_class' => 'icon-large',
+                'icon'       => 'el-icon-home',
+                'fields'     => array(
+                    array(
+                        'id'      => 'sidebar',
+                        'title'   => esc_html__( 'Sidebar', 'your-textdomain-here' ),
+                        'desc'    => esc_html__( 'Please select the sidebar you would like to display on this page. Note: You must first create the sidebar under Appearance > Widgets.', 'your-textdomain-here' ),
+                        'type'    => 'select',
+                        'data'    => 'sidebars',
+                        'default' => 'None',
+                    ),
+                ),
+            ),
+        ),
+    )
 );
 // phpcs:enable

sample/extension/sample_extension/class-redux-extension-sample-extension.php

Indentation +38 added lines, -38 removed lines

@@ -21,47 +21,47 @@
 // Don't duplicate me!
 if ( ! class_exists( 'Redux_Extension_My_Extension', false ) ) {
 
-	/**
-	 * Class Redux_Extension_My_Extension
-	 */
-	class Redux_Extension_My_Extension extends Redux_Extension_Abstract {
-		/**
-		 * Set extension version.
-		 *
-		 * @var string
-		 */
-		public static string $version = '1.0.0';
+    /**
+     * Class Redux_Extension_My_Extension
+     */
+    class Redux_Extension_My_Extension extends Redux_Extension_Abstract {
+        /**
+         * Set extension version.
+         *
+         * @var string
+         */
+        public static string $version = '1.0.0';
 
-		/**
-		 * Set the friendly name of the extension.  This is for display purposes.  No underscores or dashes are required.
-		 *
-		 * @var string
-		 */
-		private $extension_name = 'My Extension';
+        /**
+         * Set the friendly name of the extension.  This is for display purposes.  No underscores or dashes are required.
+         *
+         * @var string
+         */
+        private $extension_name = 'My Extension';
 
-		/**
-		 * Set the minimum required version of Redux here (optional).
-		 *
-		 * Leave blank to require no minimum version.  This allows you to specify a minimum required version of
-		 * Redux in the event you do not want to support older versions.
-		 *
-		 * @var string
-		 */
-		private $minimum_redux_version = '4.0.0';
+        /**
+         * Set the minimum required version of Redux here (optional).
+         *
+         * Leave blank to require no minimum version.  This allows you to specify a minimum required version of
+         * Redux in the event you do not want to support older versions.
+         *
+         * @var string
+         */
+        private $minimum_redux_version = '4.0.0';
 
-		/**
-		 * Redux_Extension_my_extension constructor.
-		 *
-		 * @param ReduxFramework $redux ReduxFramework pointer.
-		 */
-		public function __construct( $redux ) {
-			parent::__construct( $redux, __FILE__ );
+        /**
+         * Redux_Extension_my_extension constructor.
+         *
+         * @param ReduxFramework $redux ReduxFramework pointer.
+         */
+        public function __construct( $redux ) {
+            parent::__construct( $redux, __FILE__ );
 
-			if ( is_admin() && ! $this->is_minimum_version( $this->minimum_redux_version, self::$version, $this->extension_name ) ) {
-				return;
-			}
+            if ( is_admin() && ! $this->is_minimum_version( $this->minimum_redux_version, self::$version, $this->extension_name ) ) {
+                return;
+            }
 
-			$this->add_field( 'my_field' );
-		}
-	}
+            $this->add_field( 'my_field' );
+        }
+    }
 }

sample/extension/sample_extension/sample_extension/class-redux-sample-extension.php

Indentation +59 added lines, -59 removed lines

@@ -22,68 +22,68 @@
 // Don't duplicate me!
 if ( ! class_exists( 'Redux_My_Extension', false ) ) {
 
-	/**
-	 * Main Redux_My_Extension class
-	 *
-	 * @since       1.0.0
-	 */
-	class Redux_My_Extension extends Redux_Field {
-		/**
-		 * Field Constructor.
-		 * Required - must call the parent constructor, then assign field and value to vars
-		 *
-		 * @param array          $field  Field array.
-		 * @param mixed          $value  Field values.
-		 * @param ReduxFramework $redux ReduxFramework pointer.
-		 *
-		 * @throws ReflectionException Construct Exception.
-		 */
-		public function __construct( array $field, $value, $redux ) {
-			parent::__construct( $field, $value, $redux );
+    /**
+     * Main Redux_My_Extension class
+     *
+     * @since       1.0.0
+     */
+    class Redux_My_Extension extends Redux_Field {
+        /**
+         * Field Constructor.
+         * Required - must call the parent constructor, then assign field and value to vars
+         *
+         * @param array          $field  Field array.
+         * @param mixed          $value  Field values.
+         * @param ReduxFramework $redux ReduxFramework pointer.
+         *
+         * @throws ReflectionException Construct Exception.
+         */
+        public function __construct( array $field, $value, $redux ) {
+            parent::__construct( $field, $value, $redux );
 
-			// Set default args for this field to avoid bad indexes. Change this to anything you use.
-			$defaults = array(
-				'options'          => array(),
-				'stylesheet'       => '',
-				'output'           => true,
-				'enqueue'          => true,
-				'enqueue_frontend' => true,
-			);
+            // Set default args for this field to avoid bad indexes. Change this to anything you use.
+            $defaults = array(
+                'options'          => array(),
+                'stylesheet'       => '',
+                'output'           => true,
+                'enqueue'          => true,
+                'enqueue_frontend' => true,
+            );
 
-			$this->field = wp_parse_args( $this->field, $defaults );
-		}
+            $this->field = wp_parse_args( $this->field, $defaults );
+        }
 
-		/**
-		 * Field Render Function.
-		 * Takes the vars and outputs the HTML for the field in the settings
-		 *
-		 * @return      void
-		 */
-		public function render() {
-			// Render the field.
-		}
+        /**
+         * Field Render Function.
+         * Takes the vars and outputs the HTML for the field in the settings
+         *
+         * @return      void
+         */
+        public function render() {
+            // Render the field.
+        }
 
-		/**
-		 * Enqueue Function.
-		 * If this field requires any scripts, or css define this function and register/enqueue the scripts/css
-		 *
-		 * @return      void
-		 */
-		public function enqueue() {
-			wp_enqueue_script(
-				'redux-my-field',
-				$this->url . 'redux-my-extension.js',
-				array( 'jquery', 'redux-js' ),
-				Redux_Extension_My_Extension::$version,
-				true
-			);
+        /**
+         * Enqueue Function.
+         * If this field requires any scripts, or css define this function and register/enqueue the scripts/css
+         *
+         * @return      void
+         */
+        public function enqueue() {
+            wp_enqueue_script(
+                'redux-my-field',
+                $this->url . 'redux-my-extension.js',
+                array( 'jquery', 'redux-js' ),
+                Redux_Extension_My_Extension::$version,
+                true
+            );
 
-			wp_enqueue_style(
-				'redux-my-field',
-				$this->url . 'redux-my-extension.css',
-				array(),
-				Redux_Extension_my_extension::$version
-			);
-		}
-	}
+            wp_enqueue_style(
+                'redux-my-field',
+                $this->url . 'redux-my-extension.css',
+                array(),
+                Redux_Extension_my_extension::$version
+            );
+        }
+    }
 }

sample/sections/media-uploads/media.php

Indentation +95 added lines, -95 removed lines

@@ -10,102 +10,102 @@
 defined( 'ABSPATH' ) || exit;
 
 Redux::set_section(
-	$opt_name,
-	array(
-		'title'      => esc_html__( 'Media', 'your-textdomain-here' ),
-		'id'         => 'media-media',
-		'desc'       => esc_html__( 'For full documentation on this field, visit: ', 'your-textdomain-here' ) . '<a href="https://devs.redux.io/core-fields/media.html" target="_blank">https://devs.redux.io/core-fields/media.html</a>',
-		'subsection' => true,
-		'fields'     => array(
-			array(
-				'id'           => 'opt-media',
-				'type'         => 'media',
-				'url'          => true,
-				'title'        => esc_html__( 'Media w/ URL', 'your-textdomain-here' ),
-				'compiler'     => 'true',
-				'desc'         => esc_html__( 'Basic media uploader with disabled URL input field.', 'your-textdomain-here' ),
-				'subtitle'     => esc_html__( 'Upload any media using the WordPress native uploader', 'your-textdomain-here' ),
-				'preview_size' => 'full',
-			),
-			array(
-				'id'       => 'media-no-url',
-				'type'     => 'media',
-				'title'    => esc_html__( 'Media w/o URL', 'your-textdomain-here' ),
-				'desc'     => esc_html__( 'This represents the minimalistic view. It does not have the preview box or the display URL in an input box. ', 'your-textdomain-here' ),
-				'subtitle' => esc_html__( 'Upload any media using the WordPress native uploader', 'your-textdomain-here' ),
-				'url'      => false,
-				'preview'  => true,
-			),
-			array(
-				'id'       => 'media-no-preview',
-				'type'     => 'media',
-				'preview'  => false,
-				'title'    => esc_html__( 'Media No Preview', 'your-textdomain-here' ),
-				'desc'     => esc_html__( 'This represents the minimalistic view. It does not have the preview box or the display URL in an input box. ', 'your-textdomain-here' ),
-				'subtitle' => esc_html__( 'Upload any media using the WordPress native uploader', 'your-textdomain-here' ),
-				'hint'     => array(
-					'title'   => esc_html__( 'Test Hint', 'your-textdomain-here' ),
-					'content' => wp_kses_post( 'This is a <b>hint</b> tool-tip for the webFonts field.<br/><br/>Add any HTML-based text you like here.' ),
-				),
-			),
-			array(
-				'id'         => 'opt-random-upload',
-				'type'       => 'media',
-				'title'      => esc_html__( 'Upload Anything - Disabled Mode', 'your-textdomain-here' ),
-				'full_width' => true,
+    $opt_name,
+    array(
+        'title'      => esc_html__( 'Media', 'your-textdomain-here' ),
+        'id'         => 'media-media',
+        'desc'       => esc_html__( 'For full documentation on this field, visit: ', 'your-textdomain-here' ) . '<a href="https://devs.redux.io/core-fields/media.html" target="_blank">https://devs.redux.io/core-fields/media.html</a>',
+        'subsection' => true,
+        'fields'     => array(
+            array(
+                'id'           => 'opt-media',
+                'type'         => 'media',
+                'url'          => true,
+                'title'        => esc_html__( 'Media w/ URL', 'your-textdomain-here' ),
+                'compiler'     => 'true',
+                'desc'         => esc_html__( 'Basic media uploader with disabled URL input field.', 'your-textdomain-here' ),
+                'subtitle'     => esc_html__( 'Upload any media using the WordPress native uploader', 'your-textdomain-here' ),
+                'preview_size' => 'full',
+            ),
+            array(
+                'id'       => 'media-no-url',
+                'type'     => 'media',
+                'title'    => esc_html__( 'Media w/o URL', 'your-textdomain-here' ),
+                'desc'     => esc_html__( 'This represents the minimalistic view. It does not have the preview box or the display URL in an input box. ', 'your-textdomain-here' ),
+                'subtitle' => esc_html__( 'Upload any media using the WordPress native uploader', 'your-textdomain-here' ),
+                'url'      => false,
+                'preview'  => true,
+            ),
+            array(
+                'id'       => 'media-no-preview',
+                'type'     => 'media',
+                'preview'  => false,
+                'title'    => esc_html__( 'Media No Preview', 'your-textdomain-here' ),
+                'desc'     => esc_html__( 'This represents the minimalistic view. It does not have the preview box or the display URL in an input box. ', 'your-textdomain-here' ),
+                'subtitle' => esc_html__( 'Upload any media using the WordPress native uploader', 'your-textdomain-here' ),
+                'hint'     => array(
+                    'title'   => esc_html__( 'Test Hint', 'your-textdomain-here' ),
+                    'content' => wp_kses_post( 'This is a <b>hint</b> tool-tip for the webFonts field.<br/><br/>Add any HTML-based text you like here.' ),
+                ),
+            ),
+            array(
+                'id'         => 'opt-random-upload',
+                'type'       => 'media',
+                'title'      => esc_html__( 'Upload Anything - Disabled Mode', 'your-textdomain-here' ),
+                'full_width' => true,
 
-				// Can be set to false to allow any media type, or can also be set to any mime type.
-				'mode'       => false,
+                // Can be set to false to allow any media type, or can also be set to any mime type.
+                'mode'       => false,
 
-				'desc'       => esc_html__( 'Basic media uploader with disabled URL input field.', 'your-textdomain-here' ),
-				'subtitle'   => esc_html__( 'Upload any media using the WordPress native uploader', 'your-textdomain-here' ),
-			),
-			array(
-				'id'           => 'opt-media-filter',
-				'type'         => 'media',
-				'url'          => true,
-				'title'        => esc_html__( 'Media w/ URL', 'your-textdomain-here' ),
-				'compiler'     => true,
-				'desc'         => esc_html__( 'Basic media uploader with disabled URL input field.', 'your-textdomain-here' ),
-				'subtitle'     => esc_html__( 'Upload any media using the WordPress native uploader', 'your-textdomain-here' ),
-				'preview_size' => 'full',
-				'default'      => array(
-					'url'    => 'https://s.wordpress.org/style/images/codeispoetry.png',
-					'filter' => array(
-						'grayscale' => array(
-							'checked' => true,
-							'value'   => 50,
-						),
-					),
-				),
-				'filter'       => array(
-					'grayscale'  => true,
-					'blur'       => true,
-					'sepia'      => true,
-					'saturate'   => true,
-					'opacity'    => true,
-					'brightness' => true,
-					'contrast'   => true,
-					'hue-rotate' => true,
-					'invert'     => true,
-				),
-				'output'       => array( '.header-image img, .site-logo, .wp-block-site-logo' ),
-			),
-			array(
-				'id'           => 'media-no-url-filter',
-				'type'         => 'media',
-				'title'        => esc_html__( 'Media w/o URL', 'your-textdomain-here' ),
-				'desc'         => esc_html__( 'This represents the minimalistic view. It does not have the preview box or the display URL in an input box. ', 'your-textdomain-here' ),
-				'subtitle'     => esc_html__( 'Upload any media using the WordPress native uploader', 'your-textdomain-here' ),
-				'url'          => false,
-				'filter'       => array(
-					'grayscale' => true,
-					'blur'      => true,
-				),
-				'preview'      => true,
-				'preview_size' => 'full',
-			),
-		),
-	)
+                'desc'       => esc_html__( 'Basic media uploader with disabled URL input field.', 'your-textdomain-here' ),
+                'subtitle'   => esc_html__( 'Upload any media using the WordPress native uploader', 'your-textdomain-here' ),
+            ),
+            array(
+                'id'           => 'opt-media-filter',
+                'type'         => 'media',
+                'url'          => true,
+                'title'        => esc_html__( 'Media w/ URL', 'your-textdomain-here' ),
+                'compiler'     => true,
+                'desc'         => esc_html__( 'Basic media uploader with disabled URL input field.', 'your-textdomain-here' ),
+                'subtitle'     => esc_html__( 'Upload any media using the WordPress native uploader', 'your-textdomain-here' ),
+                'preview_size' => 'full',
+                'default'      => array(
+                    'url'    => 'https://s.wordpress.org/style/images/codeispoetry.png',
+                    'filter' => array(
+                        'grayscale' => array(
+                            'checked' => true,
+                            'value'   => 50,
+                        ),
+                    ),
+                ),
+                'filter'       => array(
+                    'grayscale'  => true,
+                    'blur'       => true,
+                    'sepia'      => true,
+                    'saturate'   => true,
+                    'opacity'    => true,
+                    'brightness' => true,
+                    'contrast'   => true,
+                    'hue-rotate' => true,
+                    'invert'     => true,
+                ),
+                'output'       => array( '.header-image img, .site-logo, .wp-block-site-logo' ),
+            ),
+            array(
+                'id'           => 'media-no-url-filter',
+                'type'         => 'media',
+                'title'        => esc_html__( 'Media w/o URL', 'your-textdomain-here' ),
+                'desc'         => esc_html__( 'This represents the minimalistic view. It does not have the preview box or the display URL in an input box. ', 'your-textdomain-here' ),
+                'subtitle'     => esc_html__( 'Upload any media using the WordPress native uploader', 'your-textdomain-here' ),
+                'url'          => false,
+                'filter'       => array(
+                    'grayscale' => true,
+                    'blur'      => true,
+                ),
+                'preview'      => true,
+                'preview_size' => 'full',
+            ),
+        ),
+    )
 );
 // phpcs:enable