iqltechnologies / brighty

brighty/wp-config.php

Indentation +15 added lines, -15 removed lines

@@ -25,18 +25,18 @@ 
 

 // a helper function to lookup "env_FILE", "env", then fallback

 if (!function_exists('getenv_docker')) {

-	// https://github.com/docker-library/wordpress/issues/588 (WP-CLI will load this file 2x)

-	function getenv_docker($env, $default) {

-		if ($fileEnv = getenv($env . '_FILE')) {

-			return rtrim(file_get_contents($fileEnv), "\r\n");

-		}

-		else if (($val = getenv($env)) !== false) {

-			return $val;

-		}

-		else {

-			return $default;

-		}

-	}

+    // https://github.com/docker-library/wordpress/issues/588 (WP-CLI will load this file 2x)

+    function getenv_docker($env, $default) {

+        if ($fileEnv = getenv($env . '_FILE')) {

+            return rtrim(file_get_contents($fileEnv), "\r\n");

+        }

+        else if (($val = getenv($env)) !== false) {

+            return $val;

+        }

+        else {

+            return $default;

+        }

+    }

 }

 

 // ** Database settings - You can get this info from your web host ** //

@@ -114,19 +114,19 @@ 
 // If we're behind a proxy server and using HTTPS, we need to alert WordPress of that fact

 // see also https://wordpress.org/support/article/administration-over-ssl/#using-a-reverse-proxy

 if (isset($_SERVER['HTTP_X_FORWARDED_PROTO']) && strpos($_SERVER['HTTP_X_FORWARDED_PROTO'], 'https') !== false) {

-	$_SERVER['HTTPS'] = 'on';

+    $_SERVER['HTTPS'] = 'on';

 }

 // (we include this by default because reverse proxying is extremely common in container environments)

 

 if ($configExtra = getenv_docker('WORDPRESS_CONFIG_EXTRA', '')) {

-	eval($configExtra);

+    eval($configExtra);

 }

 

 /* That's all, stop editing! Happy publishing. */

 

 /** Absolute path to the WordPress directory. */

 if ( ! defined( 'ABSPATH' ) ) {

-	define( 'ABSPATH', __DIR__ . '/' );

+    define( 'ABSPATH', __DIR__ . '/' );

 }

 

 /** Sets up WordPress vars and included files. */

Spacing +18 added lines, -18 removed lines

@@ -41,13 +41,13 @@ 
 

 // ** Database settings - You can get this info from your web host ** //

 /** The name of the database for WordPress */

-define( 'DB_NAME', getenv_docker('WORDPRESS_DB_NAME', 'wordpress') );

+define('DB_NAME', getenv_docker('WORDPRESS_DB_NAME', 'wordpress'));

 

 /** Database username */

-define( 'DB_USER', getenv_docker('WORDPRESS_DB_USER', 'example username') );

+define('DB_USER', getenv_docker('WORDPRESS_DB_USER', 'example username'));

 

 /** Database password */

-define( 'DB_PASSWORD', getenv_docker('WORDPRESS_DB_PASSWORD', 'example password') );

+define('DB_PASSWORD', getenv_docker('WORDPRESS_DB_PASSWORD', 'example password'));

 

 /**

  * Docker image fallback values above are sourced from the official WordPress installation wizard:

@@ -56,13 +56,13 @@ 
  */

 

 /** Database hostname */

-define( 'DB_HOST', getenv_docker('WORDPRESS_DB_HOST', 'mysql') );

+define('DB_HOST', getenv_docker('WORDPRESS_DB_HOST', 'mysql'));

 

 /** Database charset to use in creating database tables. */

-define( 'DB_CHARSET', getenv_docker('WORDPRESS_DB_CHARSET', 'utf8') );

+define('DB_CHARSET', getenv_docker('WORDPRESS_DB_CHARSET', 'utf8'));

 

 /** The database collate type. Don't change this if in doubt. */

-define( 'DB_COLLATE', getenv_docker('WORDPRESS_DB_COLLATE', '') );

+define('DB_COLLATE', getenv_docker('WORDPRESS_DB_COLLATE', ''));

 

 /**#@+

  * Authentication unique keys and salts.

@@ -75,14 +75,14 @@ 
  *

  * @since 2.6.0

  */

-define( 'AUTH_KEY',         getenv_docker('WORDPRESS_AUTH_KEY',         'eeea12a6cfd4373476a78bb31b8e058c2abc0c80') );

-define( 'SECURE_AUTH_KEY',  getenv_docker('WORDPRESS_SECURE_AUTH_KEY',  '5f0c5b5c2aa7402950810ad887ee29ebc34ab9be') );

-define( 'LOGGED_IN_KEY',    getenv_docker('WORDPRESS_LOGGED_IN_KEY',    '5b230d18674226be79df75ac512639ddccef8b6f') );

-define( 'NONCE_KEY',        getenv_docker('WORDPRESS_NONCE_KEY',        '12f495cf82bc22810128a60819cbc3d5ac696df6') );

-define( 'AUTH_SALT',        getenv_docker('WORDPRESS_AUTH_SALT',        '560279d8689ea9b9b3c9b7ec1114095899295f8c') );

-define( 'SECURE_AUTH_SALT', getenv_docker('WORDPRESS_SECURE_AUTH_SALT', 'db7f0e3a98248dac329461bce9e223efec703e95') );

-define( 'LOGGED_IN_SALT',   getenv_docker('WORDPRESS_LOGGED_IN_SALT',   '21206bcdcd338de4bd9d44c55aef027d15dbd53b') );

-define( 'NONCE_SALT',       getenv_docker('WORDPRESS_NONCE_SALT',       '28e4b83cc335c8f3e4d53712f2060c052fa38336') );

+define('AUTH_KEY', getenv_docker('WORDPRESS_AUTH_KEY', 'eeea12a6cfd4373476a78bb31b8e058c2abc0c80'));

+define('SECURE_AUTH_KEY', getenv_docker('WORDPRESS_SECURE_AUTH_KEY', '5f0c5b5c2aa7402950810ad887ee29ebc34ab9be'));

+define('LOGGED_IN_KEY', getenv_docker('WORDPRESS_LOGGED_IN_KEY', '5b230d18674226be79df75ac512639ddccef8b6f'));

+define('NONCE_KEY', getenv_docker('WORDPRESS_NONCE_KEY', '12f495cf82bc22810128a60819cbc3d5ac696df6'));

+define('AUTH_SALT', getenv_docker('WORDPRESS_AUTH_SALT', '560279d8689ea9b9b3c9b7ec1114095899295f8c'));

+define('SECURE_AUTH_SALT', getenv_docker('WORDPRESS_SECURE_AUTH_SALT', 'db7f0e3a98248dac329461bce9e223efec703e95'));

+define('LOGGED_IN_SALT', getenv_docker('WORDPRESS_LOGGED_IN_SALT', '21206bcdcd338de4bd9d44c55aef027d15dbd53b'));

+define('NONCE_SALT', getenv_docker('WORDPRESS_NONCE_SALT', '28e4b83cc335c8f3e4d53712f2060c052fa38336'));

 // (See also https://wordpress.stackexchange.com/a/152905/199287)

 

 /**#@-*/

@@ -107,8 +107,8 @@ 
  *

  * @link https://wordpress.org/support/article/debugging-in-wordpress/

  */

-define( 'WP_DEBUG', !!getenv_docker('WORDPRESS_DEBUG', '') );

-define( 'WP_DEBUG', false );

+define('WP_DEBUG', !!getenv_docker('WORDPRESS_DEBUG', ''));

+define('WP_DEBUG', false);

 

 /* Add any custom values between this line and the "stop editing" line. */

 

@@ -126,8 +126,8 @@ 
 /* That's all, stop editing! Happy publishing. */

 

 /** Absolute path to the WordPress directory. */

-if ( ! defined( 'ABSPATH' ) ) {

-	define( 'ABSPATH', __DIR__ . '/' );

+if (!defined('ABSPATH')) {

+	define('ABSPATH', __DIR__ . '/');

 }

 

 /** Sets up WordPress vars and included files. */

brighty/wp-content/plugins/brighty-core/includes/kirki-4.0.24/upgrade-notifications.php

Indentation +15 added lines, -15 removed lines

@@ -11,20 +11,20 @@ 
  */
 
 if ( ! function_exists( 'kirki_show_upgrade_notification' ) ) :
-	/**
-	 * Fires at the end of the update message container in each
-	 * row of the plugins list table.
-	 * Allows us to add important notices about updates should they be needed.
-	 * Notices should be added using "== Upgrade Notice ==" in readme.txt.
-	 *
-	 * @since 2.3.8
-	 * @param array $plugin_data An array of plugin metadata.
-	 * @param array $response    An array of metadata about the available plugin update.
-	 */
-	function kirki_show_upgrade_notification( $plugin_data, $response ) {
+    /**
+     * Fires at the end of the update message container in each
+     * row of the plugins list table.
+     * Allows us to add important notices about updates should they be needed.
+     * Notices should be added using "== Upgrade Notice ==" in readme.txt.
+     *
+     * @since 2.3.8
+     * @param array $plugin_data An array of plugin metadata.
+     * @param array $response    An array of metadata about the available plugin update.
+     */
+    function kirki_show_upgrade_notification( $plugin_data, $response ) {
 
-		// Check "upgrade_notice".
-		if ( isset( $response->upgrade_notice ) && strlen( trim( $response->upgrade_notice ) ) > 0 ) : ?>
+        // Check "upgrade_notice".
+        if ( isset( $response->upgrade_notice ) && strlen( trim( $response->upgrade_notice ) ) > 0 ) : ?>
 			<style>.kirki-upgrade-notification {background-color:#d54e21;padding:10px;color:#f9f9f9;margin-top:10px;margin-bottom:10px;}.kirki-upgrade-notification + p {display:none;}</style>
 			<div class="kirki-upgrade-notification">
 				<strong><?php esc_html_e( 'Important Upgrade Notice:', 'kirki' ); ?></strong>
@@ -32,7 +32,7 @@ 
 				<?php echo esc_html( $upgrade_notice ); ?>
 			</div>
 			<?php
-		endif;
-	}
+        endif;
+    }
 endif;
 add_action( 'in_plugin_update_message-' . plugin_basename( __FILE__ ), 'kirki_show_upgrade_notification', 10, 2 );

Spacing +7 added lines, -7 removed lines

@@ -10,7 +10,7 @@ 
  * @since 3.0.0
  */
 
-if ( ! function_exists( 'kirki_show_upgrade_notification' ) ) :
+if (!function_exists('kirki_show_upgrade_notification')) :
 	/**
 	 * Fires at the end of the update message container in each
 	 * row of the plugins list table.
@@ -21,18 +21,18 @@ 
 	 * @param array $plugin_data An array of plugin metadata.
 	 * @param array $response    An array of metadata about the available plugin update.
 	 */
-	function kirki_show_upgrade_notification( $plugin_data, $response ) {
+	function kirki_show_upgrade_notification($plugin_data, $response) {
 
 		// Check "upgrade_notice".
-		if ( isset( $response->upgrade_notice ) && strlen( trim( $response->upgrade_notice ) ) > 0 ) : ?>
+		if (isset($response->upgrade_notice) && strlen(trim($response->upgrade_notice)) > 0) : ?>
 			<style>.kirki-upgrade-notification {background-color:#d54e21;padding:10px;color:#f9f9f9;margin-top:10px;margin-bottom:10px;}.kirki-upgrade-notification + p {display:none;}</style>
 			<div class="kirki-upgrade-notification">
-				<strong><?php esc_html_e( 'Important Upgrade Notice:', 'kirki' ); ?></strong>
-				<?php $upgrade_notice = wp_strip_all_tags( $response->upgrade_notice ); ?>
-				<?php echo esc_html( $upgrade_notice ); ?>
+				<strong><?php esc_html_e('Important Upgrade Notice:', 'kirki'); ?></strong>
+				<?php $upgrade_notice = wp_strip_all_tags($response->upgrade_notice); ?>
+				<?php echo esc_html($upgrade_notice); ?>
 			</div>
 			<?php
 		endif;
 	}
 endif;
-add_action( 'in_plugin_update_message-' . plugin_basename( __FILE__ ), 'kirki_show_upgrade_notification', 10, 2 );
+add_action('in_plugin_update_message-' . plugin_basename(__FILE__), 'kirki_show_upgrade_notification', 10, 2);

brighty/wp-content/plugins/brighty-core/includes/kirki-4.0.24/example.php

Indentation +890 added lines, -890 removed lines

@@ -14,20 +14,20 @@ 
 
 // Exit if accessed directly.
 if ( ! defined( 'ABSPATH' ) ) {
-	exit;
+    exit;
 }
 
 // Do not proceed if Kirki does not exist.
 if ( ! class_exists( 'Kirki' ) ) {
-	return;
+    return;
 }
 
 Kirki::add_config(
-	'kirki_demo_config',
-	[
-		'option_type' => 'theme_mod',
-		'capability'  => 'manage_options',
-	]
+    'kirki_demo_config',
+    [
+        'option_type' => 'theme_mod',
+        'capability'  => 'manage_options',
+    ]
 );
 
 /**
@@ -36,12 +36,12 @@ 
  * @link https://kirki.org/docs/getting-started/panels.html
  */
 new \Kirki\Panel(
-	'kirki_demo_panel',
-	[
-		'priority'    => 10,
-		'title'       => esc_html__( 'Kirki Demo Panel', 'kirki' ),
-		'description' => esc_html__( 'Contains sections for all kirki controls.', 'kirki' ),
-	]
+    'kirki_demo_panel',
+    [
+        'priority'    => 10,
+        'title'       => esc_html__( 'Kirki Demo Panel', 'kirki' ),
+        'description' => esc_html__( 'Contains sections for all kirki controls.', 'kirki' ),
+    ]
 );
 
 /**
@@ -53,60 +53,60 @@ 
  * @link https://kirki.org/docs/getting-started/sections.html
  */
 $sections = [
-	'background'      => [ esc_html__( 'Background', 'kirki' ), '' ],
-	'code'            => [ esc_html__( 'Code', 'kirki' ), '' ],
-	'checkbox'        => [ esc_html__( 'Checkbox', 'kirki' ), '' ],
-	'color'           => [ esc_html__( 'Color', 'kirki' ), '' ],
-	'color_advanced'  => [ esc_html__( 'Color — Advanced', 'kirki' ), '' ],
-	'color_palette'   => [ esc_html__( 'Color Palette', 'kirki' ), '' ],
-	'custom'          => [ esc_html__( 'Custom', 'kirki' ), '' ],
-	'dashicons'       => [ esc_html__( 'Dashicons', 'kirki' ), '' ],
-	'date'            => [ esc_html__( 'Date', 'kirki' ), '' ],
-	'dimension'       => [ esc_html__( 'Dimension', 'kirki' ), '' ],
-	'dimensions'      => [ esc_html__( 'Dimensions', 'kirki' ), '' ],
-	'dropdown-pages'  => [ esc_html__( 'Dropdown Pages', 'kirki' ), '' ],
-	'editor'          => [ esc_html__( 'Editor', 'kirki' ), '' ],
-	'fontawesome'     => [ esc_html__( 'Font-Awesome', 'kirki' ), '' ],
-	'generic'         => [ esc_html__( 'Generic', 'kirki' ), '' ],
-	'image'           => [ esc_html__( 'Image', 'kirki' ), '' ],
-	'multicheck'      => [ esc_html__( 'Multicheck', 'kirki' ), '' ],
-	'multicolor'      => [ esc_html__( 'Multicolor', 'kirki' ), '' ],
-	'number'          => [ esc_html__( 'Number', 'kirki' ), '' ],
-	'palette'         => [ esc_html__( 'Palette', 'kirki' ), '' ],
-	'preset'          => [ esc_html__( 'Preset', 'kirki' ), '' ],
-	'radio'           => [ esc_html__( 'Radio', 'kirki' ), esc_html__( 'A plain Radio control.', 'kirki' ) ],
-	'radio-buttonset' => [ esc_html__( 'Radio Buttonset', 'kirki' ), esc_html__( 'Radio-Buttonset controls are essentially radio controls with some fancy styling to make them look cooler.', 'kirki' ) ],
-	'radio-image'     => [ esc_html__( 'Radio Image', 'kirki' ), esc_html__( 'Radio-Image controls are essentially radio controls with some fancy styles to use images', 'kirki' ) ],
-	'repeater'        => [ esc_html__( 'Repeater', 'kirki' ), '' ],
-	'select'          => [ esc_html__( 'Select', 'kirki' ), '' ],
-	'slider'          => [ esc_html__( 'Slider', 'kirki' ), '' ],
-	'sortable'        => [ esc_html__( 'Sortable', 'kirki' ), '' ],
-	'switch'          => [ esc_html__( 'Switch', 'kirki' ), '', 'outer' ],
-	'toggle'          => [ esc_html__( 'Toggle', 'kirki' ), '', 'outer' ],
-	'typography'      => [ esc_html__( 'Typography', 'kirki' ), '' ],
-	'upload'          => [ esc_html__( 'Upload', 'kirki' ), '' ],
+    'background'      => [ esc_html__( 'Background', 'kirki' ), '' ],
+    'code'            => [ esc_html__( 'Code', 'kirki' ), '' ],
+    'checkbox'        => [ esc_html__( 'Checkbox', 'kirki' ), '' ],
+    'color'           => [ esc_html__( 'Color', 'kirki' ), '' ],
+    'color_advanced'  => [ esc_html__( 'Color — Advanced', 'kirki' ), '' ],
+    'color_palette'   => [ esc_html__( 'Color Palette', 'kirki' ), '' ],
+    'custom'          => [ esc_html__( 'Custom', 'kirki' ), '' ],
+    'dashicons'       => [ esc_html__( 'Dashicons', 'kirki' ), '' ],
+    'date'            => [ esc_html__( 'Date', 'kirki' ), '' ],
+    'dimension'       => [ esc_html__( 'Dimension', 'kirki' ), '' ],
+    'dimensions'      => [ esc_html__( 'Dimensions', 'kirki' ), '' ],
+    'dropdown-pages'  => [ esc_html__( 'Dropdown Pages', 'kirki' ), '' ],
+    'editor'          => [ esc_html__( 'Editor', 'kirki' ), '' ],
+    'fontawesome'     => [ esc_html__( 'Font-Awesome', 'kirki' ), '' ],
+    'generic'         => [ esc_html__( 'Generic', 'kirki' ), '' ],
+    'image'           => [ esc_html__( 'Image', 'kirki' ), '' ],
+    'multicheck'      => [ esc_html__( 'Multicheck', 'kirki' ), '' ],
+    'multicolor'      => [ esc_html__( 'Multicolor', 'kirki' ), '' ],
+    'number'          => [ esc_html__( 'Number', 'kirki' ), '' ],
+    'palette'         => [ esc_html__( 'Palette', 'kirki' ), '' ],
+    'preset'          => [ esc_html__( 'Preset', 'kirki' ), '' ],
+    'radio'           => [ esc_html__( 'Radio', 'kirki' ), esc_html__( 'A plain Radio control.', 'kirki' ) ],
+    'radio-buttonset' => [ esc_html__( 'Radio Buttonset', 'kirki' ), esc_html__( 'Radio-Buttonset controls are essentially radio controls with some fancy styling to make them look cooler.', 'kirki' ) ],
+    'radio-image'     => [ esc_html__( 'Radio Image', 'kirki' ), esc_html__( 'Radio-Image controls are essentially radio controls with some fancy styles to use images', 'kirki' ) ],
+    'repeater'        => [ esc_html__( 'Repeater', 'kirki' ), '' ],
+    'select'          => [ esc_html__( 'Select', 'kirki' ), '' ],
+    'slider'          => [ esc_html__( 'Slider', 'kirki' ), '' ],
+    'sortable'        => [ esc_html__( 'Sortable', 'kirki' ), '' ],
+    'switch'          => [ esc_html__( 'Switch', 'kirki' ), '', 'outer' ],
+    'toggle'          => [ esc_html__( 'Toggle', 'kirki' ), '', 'outer' ],
+    'typography'      => [ esc_html__( 'Typography', 'kirki' ), '' ],
+    'upload'          => [ esc_html__( 'Upload', 'kirki' ), '' ],
 ];
 
 foreach ( $sections as $section_id => $section ) {
-	$section_args = [
-		'title'       => $section[0],
-		'description' => $section[1],
-		'panel'       => 'kirki_demo_panel',
-	];
-	if ( isset( $section[2] ) ) {
-		$section_args['type'] = $section[2];
-	}
-	new \Kirki\Section( str_replace( '-', '_', $section_id ) . '_section', $section_args );
+    $section_args = [
+        'title'       => $section[0],
+        'description' => $section[1],
+        'panel'       => 'kirki_demo_panel',
+    ];
+    if ( isset( $section[2] ) ) {
+        $section_args['type'] = $section[2];
+    }
+    new \Kirki\Section( str_replace( '-', '_', $section_id ) . '_section', $section_args );
 }
 
 new \Kirki\Section(
-	'pro_test',
-	[
-		'title'       => esc_html__( 'Test Link Section', 'kirki' ),
-		'type'        => 'link',
-		'button_text' => esc_html__( 'Pro', 'kirki' ),
-		'button_url'  => 'https://kirki.org',
-	]
+    'pro_test',
+    [
+        'title'       => esc_html__( 'Test Link Section', 'kirki' ),
+        'type'        => 'link',
+        'button_text' => esc_html__( 'Pro', 'kirki' ),
+        'button_url'  => 'https://kirki.org',
+    ]
 );
 
 /**
@@ -115,20 +115,20 @@ 
  * @todo Triggers change on load.
  */
 new \Kirki\Field\Background(
-	[
-		'settings'    => 'kirki_demo_background',
-		'label'       => esc_html__( 'Background Control', 'kirki' ),
-		'description' => esc_html__( 'Background conrols are pretty complex! (but useful if properly used)', 'kirki' ),
-		'section'     => 'background_section',
-		'default'     => [
-			'background-color'      => 'rgba(20,20,20,.8)',
-			'background-image'      => '',
-			'background-repeat'     => 'repeat',
-			'background-position'   => 'center center',
-			'background-size'       => 'cover',
-			'background-attachment' => 'scroll',
-		],
-	]
+    [
+        'settings'    => 'kirki_demo_background',
+        'label'       => esc_html__( 'Background Control', 'kirki' ),
+        'description' => esc_html__( 'Background conrols are pretty complex! (but useful if properly used)', 'kirki' ),
+        'section'     => 'background_section',
+        'default'     => [
+            'background-color'      => 'rgba(20,20,20,.8)',
+            'background-image'      => '',
+            'background-repeat'     => 'repeat',
+            'background-position'   => 'center center',
+            'background-size'       => 'cover',
+            'background-attachment' => 'scroll',
+        ],
+    ]
 );
 
 /**
@@ -137,16 +137,16 @@ 
  * @link https://kirki.org/docs/controls/code.html
  */
 new \Kirki\Field\Code(
-	[
-		'settings'    => 'kirki_demo_code_css',
-		'label'       => esc_html__( 'Code Control — CSS', 'kirki' ),
-		'description' => esc_html__( 'Sample of code control in CSS format', 'kirki' ),
-		'section'     => 'code_section',
-		'default'     => '',
-		'choices'     => [
-			'language' => 'css',
-		],
-	]
+    [
+        'settings'    => 'kirki_demo_code_css',
+        'label'       => esc_html__( 'Code Control — CSS', 'kirki' ),
+        'description' => esc_html__( 'Sample of code control in CSS format', 'kirki' ),
+        'section'     => 'code_section',
+        'default'     => '',
+        'choices'     => [
+            'language' => 'css',
+        ],
+    ]
 );
 
 /**
@@ -155,13 +155,13 @@ 
  * @link https://kirki.org/docs/controls/checkbox.html
  */
 new \Kirki\Field\Checkbox(
-	[
-		'settings'    => 'kirki_demo_checkbox',
-		'label'       => esc_html__( 'Checkbox Control', 'kirki' ),
-		'description' => esc_html__( 'Sample of checkbox control', 'kirki' ),
-		'section'     => 'checkbox_section',
-		'default'     => true,
-	]
+    [
+        'settings'    => 'kirki_demo_checkbox',
+        'label'       => esc_html__( 'Checkbox Control', 'kirki' ),
+        'description' => esc_html__( 'Sample of checkbox control', 'kirki' ),
+        'section'     => 'checkbox_section',
+        'default'     => true,
+    ]
 );
 
 /**
@@ -170,55 +170,55 @@ 
  * @link https://kirki.org/docs/controls/color.html
  */
 Kirki::add_field(
-	'kirki_demo_config',
-	[
-		'type'        => 'color',
-		'settings'    => 'kirki_demo_color_alpha_old',
-		'label'       => 'Using <code>Kirki::add_field</code> — With alpha',
-		'description' => esc_html__( 'This is a color control registered using `Kirki::add_field` with "alpha" => true (the old Kirki API).', 'kirki' ),
-		'section'     => 'color_section',
-		'transport'   => 'postMessage',
-		'default'     => '#ff0055',
-		'choices'     => [
-			'alpha' => true,
-		],
-	]
+    'kirki_demo_config',
+    [
+        'type'        => 'color',
+        'settings'    => 'kirki_demo_color_alpha_old',
+        'label'       => 'Using <code>Kirki::add_field</code> — With alpha',
+        'description' => esc_html__( 'This is a color control registered using `Kirki::add_field` with "alpha" => true (the old Kirki API).', 'kirki' ),
+        'section'     => 'color_section',
+        'transport'   => 'postMessage',
+        'default'     => '#ff0055',
+        'choices'     => [
+            'alpha' => true,
+        ],
+    ]
 );
 
 new \Kirki\Field\Color(
-	[
-		'settings'    => 'kirki_demo_color_hex',
-		'label'       => __( 'Hex only', 'kirki' ),
-		'description' => esc_html__( 'This is a color control without alpha channel.', 'kirki' ),
-		'section'     => 'color_section',
-		'transport'   => 'postMessage',
-		'default'     => '#0008DC',
-	]
+    [
+        'settings'    => 'kirki_demo_color_hex',
+        'label'       => __( 'Hex only', 'kirki' ),
+        'description' => esc_html__( 'This is a color control without alpha channel.', 'kirki' ),
+        'section'     => 'color_section',
+        'transport'   => 'postMessage',
+        'default'     => '#0008DC',
+    ]
 );
 
 new \Kirki\Field\Color(
-	[
-		'settings'    => 'kirki_demo_color_alpha',
-		'label'       => __( 'With alpha channel', 'kirki' ),
-		'description' => esc_html__( 'This is a color control with alpha channel.', 'kirki' ),
-		'section'     => 'color_section',
-		'transport'   => 'postMessage',
-		'choices'     => [
-			'alpha' => true,
-		],
-	]
+    [
+        'settings'    => 'kirki_demo_color_alpha',
+        'label'       => __( 'With alpha channel', 'kirki' ),
+        'description' => esc_html__( 'This is a color control with alpha channel.', 'kirki' ),
+        'section'     => 'color_section',
+        'transport'   => 'postMessage',
+        'choices'     => [
+            'alpha' => true,
+        ],
+    ]
 );
 
 new \Kirki\Field\Color(
-	[
-		'settings'    => 'kirki_demo_color_hue',
-		'label'       => __( 'Hue only.', 'kirki' ),
-		'description' => esc_html__( 'This is a color control with "mode" => "hue" (hue mode).', 'kirki' ),
-		'section'     => 'color_section',
-		'transport'   => 'postMessage',
-		'default'     => 160,
-		'mode'        => 'hue',
-	]
+    [
+        'settings'    => 'kirki_demo_color_hue',
+        'label'       => __( 'Hue only.', 'kirki' ),
+        'description' => esc_html__( 'This is a color control with "mode" => "hue" (hue mode).', 'kirki' ),
+        'section'     => 'color_section',
+        'transport'   => 'postMessage',
+        'default'     => 160,
+        'mode'        => 'hue',
+    ]
 );
 
 /**
@@ -232,17 +232,17 @@ 
  * "#ff0000"
  */
 new \Kirki\Field\Color(
-	[
-		'settings'    => 'kirki_demo_color_form_component_hex',
-		'label'       => __( 'v4 — form_component — HexColorPicker', 'kirki' ),
-		'description' => esc_html__( 'This is a color control with form_component value is HexColorPicker.', 'kirki' ),
-		'section'     => 'color_advanced_section',
-		'default'     => '#ffff00',
-		'choices'     => [
-			'form_component' => 'HexColorPicker',
-		],
-		'transport'   => 'postMessage',
-	]
+    [
+        'settings'    => 'kirki_demo_color_form_component_hex',
+        'label'       => __( 'v4 — form_component — HexColorPicker', 'kirki' ),
+        'description' => esc_html__( 'This is a color control with form_component value is HexColorPicker.', 'kirki' ),
+        'section'     => 'color_advanced_section',
+        'default'     => '#ffff00',
+        'choices'     => [
+            'form_component' => 'HexColorPicker',
+        ],
+        'transport'   => 'postMessage',
+    ]
 );
 
 /**
@@ -258,17 +258,17 @@ 
  * ]
  */
 new \Kirki\Field\Color(
-	[
-		'settings'    => 'kirki_demo_color_form_component_rgb',
-		'label'       => __( 'v4 — form_component — RgbColorPicker', 'kirki' ),
-		'description' => esc_html__( 'This is a color control with form_component value is RgbColorPicker. The saved value will be an array.', 'kirki' ),
-		'section'     => 'color_advanced_section',
-		'default'     => '#ffff00',
-		'choices'     => [
-			'form_component' => 'RgbColorPicker',
-		],
-		'transport'   => 'postMessage',
-	]
+    [
+        'settings'    => 'kirki_demo_color_form_component_rgb',
+        'label'       => __( 'v4 — form_component — RgbColorPicker', 'kirki' ),
+        'description' => esc_html__( 'This is a color control with form_component value is RgbColorPicker. The saved value will be an array.', 'kirki' ),
+        'section'     => 'color_advanced_section',
+        'default'     => '#ffff00',
+        'choices'     => [
+            'form_component' => 'RgbColorPicker',
+        ],
+        'transport'   => 'postMessage',
+    ]
 );
 
 /**
@@ -279,17 +279,17 @@ 
  * "rgba(255, 255, 45)"
  */
 new \Kirki\Field\Color(
-	[
-		'settings'    => 'kirki_demo_color_form_component_rgb_string',
-		'label'       => __( 'v4 — form_component — RgbStringColorPicker', 'kirki' ),
-		'description' => esc_html__( 'This is a color control with form_component value is RgbStringColorPicker. The saved value will be a string.', 'kirki' ),
-		'section'     => 'color_advanced_section',
-		'default'     => '#ffff00',
-		'choices'     => [
-			'form_component' => 'RgbStringColorPicker',
-		],
-		'transport'   => 'postMessage',
-	]
+    [
+        'settings'    => 'kirki_demo_color_form_component_rgb_string',
+        'label'       => __( 'v4 — form_component — RgbStringColorPicker', 'kirki' ),
+        'description' => esc_html__( 'This is a color control with form_component value is RgbStringColorPicker. The saved value will be a string.', 'kirki' ),
+        'section'     => 'color_advanced_section',
+        'default'     => '#ffff00',
+        'choices'     => [
+            'form_component' => 'RgbStringColorPicker',
+        ],
+        'transport'   => 'postMessage',
+    ]
 );
 
 /**
@@ -305,17 +305,17 @@ 
  * ]
  */
 new \Kirki\Field\Color(
-	[
-		'settings'    => 'kirki_demo_color_form_component_rgba',
-		'label'       => __( 'v4 — form_component — RgbaColorPicker', 'kirki' ),
-		'description' => esc_html__( 'This is a color control with form_component value is RgbaColorPicker.  The saved value will be an array.', 'kirki' ),
-		'section'     => 'color_advanced_section',
-		'default'     => '#ffff00',
-		'choices'     => [
-			'form_component' => 'RgbaColorPicker',
-		],
-		'transport'   => 'postMessage',
-	]
+    [
+        'settings'    => 'kirki_demo_color_form_component_rgba',
+        'label'       => __( 'v4 — form_component — RgbaColorPicker', 'kirki' ),
+        'description' => esc_html__( 'This is a color control with form_component value is RgbaColorPicker.  The saved value will be an array.', 'kirki' ),
+        'section'     => 'color_advanced_section',
+        'default'     => '#ffff00',
+        'choices'     => [
+            'form_component' => 'RgbaColorPicker',
+        ],
+        'transport'   => 'postMessage',
+    ]
 );
 
 /**
@@ -326,17 +326,17 @@ 
  * "rgba(255, 255, 45, 0.5)"
  */
 new \Kirki\Field\Color(
-	[
-		'settings'    => 'kirki_demo_color_form_component_rgba_string',
-		'label'       => __( 'v4 — form_component — RgbaStringColorPicker', 'kirki' ),
-		'description' => esc_html__( 'This is a color control with form_component value is RgbaStringColorPicker. The saved value will be a string.', 'kirki' ),
-		'section'     => 'color_advanced_section',
-		'default'     => '#ffff00',
-		'choices'     => [
-			'form_component' => 'RgbaStringColorPicker',
-		],
-		'transport'   => 'postMessage',
-	]
+    [
+        'settings'    => 'kirki_demo_color_form_component_rgba_string',
+        'label'       => __( 'v4 — form_component — RgbaStringColorPicker', 'kirki' ),
+        'description' => esc_html__( 'This is a color control with form_component value is RgbaStringColorPicker. The saved value will be a string.', 'kirki' ),
+        'section'     => 'color_advanced_section',
+        'default'     => '#ffff00',
+        'choices'     => [
+            'form_component' => 'RgbaStringColorPicker',
+        ],
+        'transport'   => 'postMessage',
+    ]
 );
 
 /**
@@ -351,17 +351,17 @@ 
  * ]
  */
 new \Kirki\Field\Color(
-	[
-		'settings'    => 'kirki_demo_color_form_component_hsl',
-		'label'       => __( 'v4 — form_component — HslColorPicker', 'kirki' ),
-		'description' => esc_html__( 'This is a color control with form_component value is HslColorPicker. The saved value will be an array', 'kirki' ),
-		'section'     => 'color_advanced_section',
-		'default'     => 'hsl(206, 23%, 25%)',
-		'choices'     => [
-			'form_component' => 'HslColorPicker',
-		],
-		'transport'   => 'postMessage',
-	]
+    [
+        'settings'    => 'kirki_demo_color_form_component_hsl',
+        'label'       => __( 'v4 — form_component — HslColorPicker', 'kirki' ),
+        'description' => esc_html__( 'This is a color control with form_component value is HslColorPicker. The saved value will be an array', 'kirki' ),
+        'section'     => 'color_advanced_section',
+        'default'     => 'hsl(206, 23%, 25%)',
+        'choices'     => [
+            'form_component' => 'HslColorPicker',
+        ],
+        'transport'   => 'postMessage',
+    ]
 );
 
 /**
@@ -372,17 +372,17 @@ 
  * "hsl(180, 40%, 50%)"
  */
 new \Kirki\Field\Color(
-	[
-		'settings'    => 'kirki_demo_color_form_component_hsl_string',
-		'label'       => __( 'v4 — form_component — HslStringColorPicker', 'kirki' ),
-		'description' => esc_html__( 'This is a color control with form_component value is HslStringColorPicker. The saved value will be a string', 'kirki' ),
-		'section'     => 'color_advanced_section',
-		'default'     => 'hsl(206, 23%, 25%)',
-		'choices'     => [
-			'form_component' => 'HslStringColorPicker',
-		],
-		'transport'   => 'postMessage',
-	]
+    [
+        'settings'    => 'kirki_demo_color_form_component_hsl_string',
+        'label'       => __( 'v4 — form_component — HslStringColorPicker', 'kirki' ),
+        'description' => esc_html__( 'This is a color control with form_component value is HslStringColorPicker. The saved value will be a string', 'kirki' ),
+        'section'     => 'color_advanced_section',
+        'default'     => 'hsl(206, 23%, 25%)',
+        'choices'     => [
+            'form_component' => 'HslStringColorPicker',
+        ],
+        'transport'   => 'postMessage',
+    ]
 );
 
 /**
@@ -398,17 +398,17 @@ 
  * ]
  */
 new \Kirki\Field\Color(
-	[
-		'settings'    => 'kirki_demo_color_form_component_hsla',
-		'label'       => __( 'v4 — form_component — HslaColorPicker', 'kirki' ),
-		'description' => esc_html__( 'This is a color control with form_component value is HslaColorPicker. The saved value will be an array', 'kirki' ),
-		'section'     => 'color_advanced_section',
-		'default'     => 'hsla(206, 23%, 25%, 0.7)',
-		'choices'     => [
-			'form_component' => 'HslaColorPicker',
-		],
-		'transport'   => 'postMessage',
-	]
+    [
+        'settings'    => 'kirki_demo_color_form_component_hsla',
+        'label'       => __( 'v4 — form_component — HslaColorPicker', 'kirki' ),
+        'description' => esc_html__( 'This is a color control with form_component value is HslaColorPicker. The saved value will be an array', 'kirki' ),
+        'section'     => 'color_advanced_section',
+        'default'     => 'hsla(206, 23%, 25%, 0.7)',
+        'choices'     => [
+            'form_component' => 'HslaColorPicker',
+        ],
+        'transport'   => 'postMessage',
+    ]
 );
 
 /**
@@ -419,63 +419,63 @@ 
  * "hsla(180, 40%, 50%, 0.5)"
  */
 new \Kirki\Field\Color(
-	[
-		'settings'    => 'kirki_demo_color_form_component_hsla_string',
-		'label'       => __( 'v4 — form_component — HslaStringColorPicker', 'kirki' ),
-		'description' => esc_html__( 'This is a color control with form_component value is HslaStringColorPicker. The saved value will be a string', 'kirki' ),
-		'section'     => 'color_advanced_section',
-		'default'     => 'hsla(206, 23%, 25%, 0.7)',
-		'choices'     => [
-			'form_component' => 'HslaStringColorPicker',
-		],
-		'transport'   => 'postMessage',
-	]
+    [
+        'settings'    => 'kirki_demo_color_form_component_hsla_string',
+        'label'       => __( 'v4 — form_component — HslaStringColorPicker', 'kirki' ),
+        'description' => esc_html__( 'This is a color control with form_component value is HslaStringColorPicker. The saved value will be a string', 'kirki' ),
+        'section'     => 'color_advanced_section',
+        'default'     => 'hsla(206, 23%, 25%, 0.7)',
+        'choices'     => [
+            'form_component' => 'HslaStringColorPicker',
+        ],
+        'transport'   => 'postMessage',
+    ]
 );
 
 /**
  * DateTime Control.
  */
 new \Kirki\Field\Date(
-	[
-		'settings'    => 'kirki_demo_date',
-		'label'       => esc_html__( 'Date Control', 'kirki' ),
-		'description' => esc_html__( 'This is a date control.', 'kirki' ),
-		'section'     => 'date_section',
-		'default'     => '',
-	]
+    [
+        'settings'    => 'kirki_demo_date',
+        'label'       => esc_html__( 'Date Control', 'kirki' ),
+        'description' => esc_html__( 'This is a date control.', 'kirki' ),
+        'section'     => 'date_section',
+        'default'     => '',
+    ]
 );
 
 new \Kirki\Field\Date(
-	[
-		'settings'    => 'kirki_demo_date_2',
-		'label'       => esc_html__( 'Date Control 2', 'kirki' ),
-		'description' => esc_html__( 'This is a date control.', 'kirki' ),
-		'section'     => 'date_section',
-		'default'     => '',
-	]
+    [
+        'settings'    => 'kirki_demo_date_2',
+        'label'       => esc_html__( 'Date Control 2', 'kirki' ),
+        'description' => esc_html__( 'This is a date control.', 'kirki' ),
+        'section'     => 'date_section',
+        'default'     => '',
+    ]
 );
 
 /**
  * Editor Controls
  */
 new \Kirki\Field\Editor(
-	[
-		'settings'    => 'kirki_demo_editor_1',
-		'label'       => esc_html__( 'First Editor Control', 'kirki' ),
-		'description' => esc_html__( 'This is an editor control.', 'kirki' ),
-		'section'     => 'editor_section',
-		'default'     => '',
-	]
+    [
+        'settings'    => 'kirki_demo_editor_1',
+        'label'       => esc_html__( 'First Editor Control', 'kirki' ),
+        'description' => esc_html__( 'This is an editor control.', 'kirki' ),
+        'section'     => 'editor_section',
+        'default'     => '',
+    ]
 );
 
 new \Kirki\Field\Editor(
-	[
-		'settings'    => 'kirki_demo_editor_2',
-		'label'       => esc_html__( 'Second Editor Control', 'kirki' ),
-		'description' => esc_html__( 'This is a 2nd editor control just to check that we do not have issues with multiple instances.', 'kirki' ),
-		'section'     => 'editor_section',
-		'default'     => esc_html__( 'Default Text', 'kirki' ),
-	]
+    [
+        'settings'    => 'kirki_demo_editor_2',
+        'label'       => esc_html__( 'Second Editor Control', 'kirki' ),
+        'description' => esc_html__( 'This is a 2nd editor control just to check that we do not have issues with multiple instances.', 'kirki' ),
+        'section'     => 'editor_section',
+        'default'     => esc_html__( 'Default Text', 'kirki' ),
+    ]
 );
 
 /**
@@ -484,106 +484,106 @@ 
  * @link https://kirki.org/docs/controls/color-palette.html
  */
 new \Kirki\Field\Color_Palette(
-	[
-		'settings'    => 'kirki_demo_color_palette_simple',
-		'label'       => esc_html__( 'Simple Colors Set', 'kirki' ),
-		'description' => esc_html__( 'With default size (28). The `size` here is inner size (without border)', 'kirki' ),
-		'section'     => 'color_palette_section',
-		'default'     => '#888888',
-		'transport'   => 'postMessage',
-		'choices'     => [
-			'colors' => [ '#000000', '#222222', '#444444', '#666666', '#888888', '#aaaaaa', '#cccccc', '#eeeeee', '#ffffff' ],
-			'style'  => 'round',
-		],
-	]
+    [
+        'settings'    => 'kirki_demo_color_palette_simple',
+        'label'       => esc_html__( 'Simple Colors Set', 'kirki' ),
+        'description' => esc_html__( 'With default size (28). The `size` here is inner size (without border)', 'kirki' ),
+        'section'     => 'color_palette_section',
+        'default'     => '#888888',
+        'transport'   => 'postMessage',
+        'choices'     => [
+            'colors' => [ '#000000', '#222222', '#444444', '#666666', '#888888', '#aaaaaa', '#cccccc', '#eeeeee', '#ffffff' ],
+            'style'  => 'round',
+        ],
+    ]
 );
 
 new \Kirki\Field\Color_Palette(
-	[
-		'settings'    => 'kirki_demo_color_palette_material_all',
-		'label'       => esc_html__( 'Material Design Colors — All', 'kirki' ),
-		'description' => esc_html__( 'Showing all material design colors using `round` shape and size is 17', 'kirki' ),
-		'section'     => 'color_palette_section',
-		'default'     => '#D1C4E9',
-		'transport'   => 'postMessage',
-		'choices'     => [
-			'colors' => Helper::get_material_design_colors( 'all' ),
-			'shape'  => 'round',
-			'size'   => 17,
-		],
-	]
+    [
+        'settings'    => 'kirki_demo_color_palette_material_all',
+        'label'       => esc_html__( 'Material Design Colors — All', 'kirki' ),
+        'description' => esc_html__( 'Showing all material design colors using `round` shape and size is 17', 'kirki' ),
+        'section'     => 'color_palette_section',
+        'default'     => '#D1C4E9',
+        'transport'   => 'postMessage',
+        'choices'     => [
+            'colors' => Helper::get_material_design_colors( 'all' ),
+            'shape'  => 'round',
+            'size'   => 17,
+        ],
+    ]
 );
 
 new \Kirki\Field\Color_Palette(
-	[
-		'settings'    => 'kirki_demo_color_palette_material_primary',
-		'label'       => esc_html__( 'Material Design Colors — Primary', 'kirki' ),
-		'description' => esc_html__( 'Showing primary material design colors', 'kirki' ),
-		'section'     => 'color_palette_section',
-		'choices'     => [
-			'colors' => Helper::get_material_design_colors( 'primary' ),
-			'size'   => 25,
-		],
-	]
+    [
+        'settings'    => 'kirki_demo_color_palette_material_primary',
+        'label'       => esc_html__( 'Material Design Colors — Primary', 'kirki' ),
+        'description' => esc_html__( 'Showing primary material design colors', 'kirki' ),
+        'section'     => 'color_palette_section',
+        'choices'     => [
+            'colors' => Helper::get_material_design_colors( 'primary' ),
+            'size'   => 25,
+        ],
+    ]
 );
 
 new \Kirki\Field\Color_Palette(
-	[
-		'settings'    => 'kirki_demo_color_palette_material_red',
-		'label'       => esc_html__( 'Material Design Colors — Red', 'kirki' ),
-		'description' => esc_html__( 'Showing red material design colors', 'kirki' ),
-		'section'     => 'color_palette_section',
-		'choices'     => [
-			'colors' => Helper::get_material_design_colors( 'red' ),
-			'size'   => 16,
-		],
-	]
+    [
+        'settings'    => 'kirki_demo_color_palette_material_red',
+        'label'       => esc_html__( 'Material Design Colors — Red', 'kirki' ),
+        'description' => esc_html__( 'Showing red material design colors', 'kirki' ),
+        'section'     => 'color_palette_section',
+        'choices'     => [
+            'colors' => Helper::get_material_design_colors( 'red' ),
+            'size'   => 16,
+        ],
+    ]
 );
 
 new \Kirki\Field\Color_Palette(
-	[
-		'settings'    => 'kirki_demo_color_palette_a100',
-		'label'       => esc_html__( 'Material Design Colors — A100', 'kirki' ),
-		'description' => esc_html__( 'Showing "A100" variant of material design colors', 'kirki' ),
-		'section'     => 'color_palette_section',
-		'default'     => '#FF80AB',
-		'choices'     => [
-			'colors' => Helper::get_material_design_colors( 'A100' ),
-			'size'   => 60,
-			'style'  => 'round',
-		],
-	]
+    [
+        'settings'    => 'kirki_demo_color_palette_a100',
+        'label'       => esc_html__( 'Material Design Colors — A100', 'kirki' ),
+        'description' => esc_html__( 'Showing "A100" variant of material design colors', 'kirki' ),
+        'section'     => 'color_palette_section',
+        'default'     => '#FF80AB',
+        'choices'     => [
+            'colors' => Helper::get_material_design_colors( 'A100' ),
+            'size'   => 60,
+            'style'  => 'round',
+        ],
+    ]
 );
 
 Kirki::add_field(
-	'kirki_demo_config',
-	[
-		'type'        => 'color-palette',
-		'settings'    => 'kirki_demo_color_palette_old',
-		'label'       => 'The Old Way',
-		'description' => 'Using `Kirki::add_field` in round shape',
-		'section'     => 'color_palette_section',
-		'transport'   => 'postMessage',
-		'choices'     => [
-			'colors' => [ '#000000', '#222222', '#444444', '#666666', '#888888', '#aaaaaa', '#cccccc', '#eeeeee', '#ffffff' ],
-			'style'  => 'round',
-		],
-	]
+    'kirki_demo_config',
+    [
+        'type'        => 'color-palette',
+        'settings'    => 'kirki_demo_color_palette_old',
+        'label'       => 'The Old Way',
+        'description' => 'Using `Kirki::add_field` in round shape',
+        'section'     => 'color_palette_section',
+        'transport'   => 'postMessage',
+        'choices'     => [
+            'colors' => [ '#000000', '#222222', '#444444', '#666666', '#888888', '#aaaaaa', '#cccccc', '#eeeeee', '#ffffff' ],
+            'style'  => 'round',
+        ],
+    ]
 );
 
 add_action(
-	'customize_register',
-	function( $wp_customize ) {
-		/**
-		 * The custom control class
-		 */
-		class Kirki_Demo_Custom_Control extends Kirki\Control\Base {
-			public $type = 'kirki-demo-custom-control';
+    'customize_register',
+    function( $wp_customize ) {
+        /**
+         * The custom control class
+         */
+        class Kirki_Demo_Custom_Control extends Kirki\Control\Base {
+            public $type = 'kirki-demo-custom-control';
 
-			public function render_content() {
+            public function render_content() {
 
-				$saved_value = $this->value();
-				?>
+                $saved_value = $this->value();
+                ?>
 
 				<span class="customize-control-title"><?php echo esc_html( $this->label ); ?></span>
 				<span class="customize-control-description description"><?php echo esc_html( $this->description ); ?></span>
@@ -594,31 +594,31 @@ 
 				</div>
 
 				<?php
-			}
-		}
+            }
+        }
 
-		// Register our custom control with Kirki.
-		add_filter(
-			'kirki_control_types',
-			function( $controls ) {
-				$controls['kirki-demo-custom-control'] = 'Kirki_Demo_Custom_Control';
-				return $controls;
-			}
-		);
+        // Register our custom control with Kirki.
+        add_filter(
+            'kirki_control_types',
+            function( $controls ) {
+                $controls['kirki-demo-custom-control'] = 'Kirki_Demo_Custom_Control';
+                return $controls;
+            }
+        );
 
-	}
+    }
 );
 
 Kirki::add_field(
-	'kirki_demo_config',
-	[
-		'type'        => 'kirki-demo-custom-control',
-		'settings'    => 'kirki_demo_custom_control_old_way',
-		'label'       => esc_html__( 'Custom Control', 'kirki' ),
-		'description' => 'A custom control demo, registered by extending `Kirki\\Control\\Base` class.',
-		'section'     => 'custom_section',
-		'transport'   => 'postMessage',
-	]
+    'kirki_demo_config',
+    [
+        'type'        => 'kirki-demo-custom-control',
+        'settings'    => 'kirki_demo_custom_control_old_way',
+        'label'       => esc_html__( 'Custom Control', 'kirki' ),
+        'description' => 'A custom control demo, registered by extending `Kirki\\Control\\Base` class.',
+        'section'     => 'custom_section',
+        'transport'   => 'postMessage',
+    ]
 );
 
 /**
@@ -627,674 +627,674 @@ 
  * @link https://kirki.org/docs/controls/dashicons.html
  */
 new \Kirki\Field\Dashicons(
-	[
-		'settings'    => 'kirki_demo_dashicons_setting_0',
-		'label'       => esc_html__( 'Dashicons Control', 'kirki' ),
-		'description' => esc_html__( 'Using a custom array of dashicons', 'kirki' ),
-		'section'     => 'dashicons_section',
-		'default'     => 'menu',
-		'choices'     => [
-			'menu',
-			'admin-site',
-			'dashboard',
-			'admin-post',
-			'admin-media',
-			'admin-links',
-			'admin-page',
-		],
-	]
+    [
+        'settings'    => 'kirki_demo_dashicons_setting_0',
+        'label'       => esc_html__( 'Dashicons Control', 'kirki' ),
+        'description' => esc_html__( 'Using a custom array of dashicons', 'kirki' ),
+        'section'     => 'dashicons_section',
+        'default'     => 'menu',
+        'choices'     => [
+            'menu',
+            'admin-site',
+            'dashboard',
+            'admin-post',
+            'admin-media',
+            'admin-links',
+            'admin-page',
+        ],
+    ]
 );
 
 new \Kirki\Field\Dashicons(
-	[
-		'settings'    => 'kirki_demo_dashicons_setting_1',
-		'label'       => esc_html__( 'All Dashicons', 'kirki' ),
-		'description' => esc_html__( 'Showing all dashicons', 'kirki' ),
-		'section'     => 'dashicons_section',
-		'default'     => 'menu',
-	]
+    [
+        'settings'    => 'kirki_demo_dashicons_setting_1',
+        'label'       => esc_html__( 'All Dashicons', 'kirki' ),
+        'description' => esc_html__( 'Showing all dashicons', 'kirki' ),
+        'section'     => 'dashicons_section',
+        'default'     => 'menu',
+    ]
 );
 
 /**
  * Dimension Control.
  */
 new \Kirki\Field\Dimension(
-	[
-		'settings'    => 'kirki_demo_dimension_0',
-		'label'       => esc_html__( 'Dimension Control', 'kirki' ),
-		'description' => esc_html__( 'A simple dimension control.', 'kirki' ),
-		'section'     => 'dimension_section',
-		'default'     => '10px',
-		'choices'     => [
-			'accept_unitless' => true,
-		],
-	]
+    [
+        'settings'    => 'kirki_demo_dimension_0',
+        'label'       => esc_html__( 'Dimension Control', 'kirki' ),
+        'description' => esc_html__( 'A simple dimension control.', 'kirki' ),
+        'section'     => 'dimension_section',
+        'default'     => '10px',
+        'choices'     => [
+            'accept_unitless' => true,
+        ],
+    ]
 );
 
 /**
  * Dimensions Control.
  */
 new \Kirki\Field\Dimensions(
-	[
-		'settings'    => 'kirki_demo_dimensions_0',
-		'label'       => esc_html__( 'Dimensions Control', 'kirki' ),
-		'description' => esc_html__( 'Sample of dimensions control with 2 fields.', 'kirki' ),
-		'section'     => 'dimensions_section',
-		'default'     => [
-			'width'  => '100px',
-			'height' => '100px',
-		],
-	]
+    [
+        'settings'    => 'kirki_demo_dimensions_0',
+        'label'       => esc_html__( 'Dimensions Control', 'kirki' ),
+        'description' => esc_html__( 'Sample of dimensions control with 2 fields.', 'kirki' ),
+        'section'     => 'dimensions_section',
+        'default'     => [
+            'width'  => '100px',
+            'height' => '100px',
+        ],
+    ]
 );
 
 new \Kirki\Field\Dimensions(
-	[
-		'settings'    => 'kirki_demo_dimensions_1',
-		'label'       => esc_html__( 'Dimension Control', 'kirki' ),
-		'description' => esc_html__( 'Sample of dimensions control with 4 fields.', 'kirki' ),
-		'section'     => 'dimensions_section',
-		'default'     => [
-			'padding-top'    => '1em',
-			'padding-bottom' => '10rem',
-			'padding-left'   => '1vh',
-			'padding-right'  => '10px',
-		],
-	]
+    [
+        'settings'    => 'kirki_demo_dimensions_1',
+        'label'       => esc_html__( 'Dimension Control', 'kirki' ),
+        'description' => esc_html__( 'Sample of dimensions control with 4 fields.', 'kirki' ),
+        'section'     => 'dimensions_section',
+        'default'     => [
+            'padding-top'    => '1em',
+            'padding-bottom' => '10rem',
+            'padding-left'   => '1vh',
+            'padding-right'  => '10px',
+        ],
+    ]
 );
 
 new \Kirki\Field\Dimensions(
-	[
-		'settings'    => 'kirki_demo_padding',
-		'label'       => esc_html__( 'Padding Control', 'kirki' ),
-		'description' => esc_html__( 'Sample of padding controls with 3 fields.', 'kirki' ),
-		'section'     => 'dimensions_section',
-		'default'     => [
-			'top'        => '1em',
-			'bottom'     => '10rem',
-			'horizontal' => '1vh',
-		],
-	]
+    [
+        'settings'    => 'kirki_demo_padding',
+        'label'       => esc_html__( 'Padding Control', 'kirki' ),
+        'description' => esc_html__( 'Sample of padding controls with 3 fields.', 'kirki' ),
+        'section'     => 'dimensions_section',
+        'default'     => [
+            'top'        => '1em',
+            'bottom'     => '10rem',
+            'horizontal' => '1vh',
+        ],
+    ]
 );
 
 new \Kirki\Field\Dimensions(
-	[
-		'settings'    => 'kirki_demo_spacing',
-		'label'       => esc_html__( 'Spacing Control', 'kirki' ),
-		'description' => esc_html__( 'Sample of spacing controls with 4 fields.', 'kirki' ),
-		'section'     => 'dimensions_section',
-		'default'     => [
-			'top'    => '1em',
-			'bottom' => '10rem',
-			'left'   => '1vh',
-			'right'  => '10px',
-		],
-	]
+    [
+        'settings'    => 'kirki_demo_spacing',
+        'label'       => esc_html__( 'Spacing Control', 'kirki' ),
+        'description' => esc_html__( 'Sample of spacing controls with 4 fields.', 'kirki' ),
+        'section'     => 'dimensions_section',
+        'default'     => [
+            'top'    => '1em',
+            'bottom' => '10rem',
+            'left'   => '1vh',
+            'right'  => '10px',
+        ],
+    ]
 );
 
 /**
  * Dropdown-pages Control.
  */
 new \Kirki\Field\Dropdown_Pages(
-	[
-		'settings'    => 'kirki_demo_dropdown_pages',
-		'label'       => esc_html__( 'Dropdown Pages Control', 'kirki' ),
-		'description' => esc_html__( 'Sample of dropdown pages control.', 'kirki' ),
-		'section'     => 'dropdown_pages_section',
-		'default'     => [
-			'width'  => '100px',
-			'height' => '100px',
-		],
-	]
+    [
+        'settings'    => 'kirki_demo_dropdown_pages',
+        'label'       => esc_html__( 'Dropdown Pages Control', 'kirki' ),
+        'description' => esc_html__( 'Sample of dropdown pages control.', 'kirki' ),
+        'section'     => 'dropdown_pages_section',
+        'default'     => [
+            'width'  => '100px',
+            'height' => '100px',
+        ],
+    ]
 );
 
 /**
  * Generic Controls.
  */
 new \Kirki\Field\Text(
-	[
-		'settings'        => 'kirki_demo_generic_text',
-		'label'           => esc_html__( 'Generic Control — Text Field', 'kirki' ),
-		'description'     => esc_html__( 'The demo of this control has partial refresh with transport is postMessage', 'kirki' ),
-		'section'         => 'generic_section',
-		'transport'       => 'postMessage',
-		'default'         => '',
-		'partial_refresh' => [
-			'generic_text_refresh' => [
-				'selector'        => '.kirki-partial-refresh-demo',
-				'render_callback' => function() {
-					$value = get_theme_mod( 'kirki_demo_generic_text' );
-					return $value ? 'value of Generic URL Field control is: ' . $value : '';
-				},
-			],
-		],
-	]
+    [
+        'settings'        => 'kirki_demo_generic_text',
+        'label'           => esc_html__( 'Generic Control — Text Field', 'kirki' ),
+        'description'     => esc_html__( 'The demo of this control has partial refresh with transport is postMessage', 'kirki' ),
+        'section'         => 'generic_section',
+        'transport'       => 'postMessage',
+        'default'         => '',
+        'partial_refresh' => [
+            'generic_text_refresh' => [
+                'selector'        => '.kirki-partial-refresh-demo',
+                'render_callback' => function() {
+                    $value = get_theme_mod( 'kirki_demo_generic_text' );
+                    return $value ? 'value of Generic URL Field control is: ' . $value : '';
+                },
+            ],
+        ],
+    ]
 );
 
 new \Kirki\Field\URL(
-	[
-		'settings'        => 'kirki_demo_generic_url',
-		'label'           => esc_html__( 'Generic Control — URL Field', 'kirki' ),
-		'description'     => esc_html__( 'The demo of this control has partial refresh without transport is defined', 'kirki' ),
-		'section'         => 'generic_section',
-		'default'         => '',
-		'partial_refresh' => [
-			'generic_text_refresh2' => [
-				'selector'        => '.kirki-partial-refresh-demo2',
-				'render_callback' => function() {
-					$value = get_theme_mod( 'kirki_demo_generic_url' );
-					return $value ? 'value of Generic URL Field control is: ' . $value : '';
-				},
-			],
-		],
-	]
+    [
+        'settings'        => 'kirki_demo_generic_url',
+        'label'           => esc_html__( 'Generic Control — URL Field', 'kirki' ),
+        'description'     => esc_html__( 'The demo of this control has partial refresh without transport is defined', 'kirki' ),
+        'section'         => 'generic_section',
+        'default'         => '',
+        'partial_refresh' => [
+            'generic_text_refresh2' => [
+                'selector'        => '.kirki-partial-refresh-demo2',
+                'render_callback' => function() {
+                    $value = get_theme_mod( 'kirki_demo_generic_url' );
+                    return $value ? 'value of Generic URL Field control is: ' . $value : '';
+                },
+            ],
+        ],
+    ]
 );
 
 new \Kirki\Field\Textarea(
-	[
-		'settings'    => 'kirki_demo_generic_textarea',
-		'label'       => esc_html__( 'Generic Control — Textarea Field', 'kirki' ),
-		'description' => esc_html__( 'Description', 'kirki' ),
-		'section'     => 'generic_section',
-		'default'     => '',
-	]
+    [
+        'settings'    => 'kirki_demo_generic_textarea',
+        'label'       => esc_html__( 'Generic Control — Textarea Field', 'kirki' ),
+        'description' => esc_html__( 'Description', 'kirki' ),
+        'section'     => 'generic_section',
+        'default'     => '',
+    ]
 );
 
 new \Kirki\Field\Generic(
-	[
-		'settings'    => 'kirki_demo_generic_custom',
-		'label'       => esc_html__( 'Generic Control — Custom Input.', 'kirki' ),
-		'description' => esc_html__( 'The "generic" control allows you to add any input type you want. In this case we use type="password" and define custom styles.', 'kirki' ),
-		'section'     => 'generic_section',
-		'default'     => '',
-		'choices'     => [
-			'element'  => 'input',
-			'type'     => 'password',
-			'style'    => 'background-color:black;color:red;',
-			'data-foo' => 'bar',
-		],
-	]
+    [
+        'settings'    => 'kirki_demo_generic_custom',
+        'label'       => esc_html__( 'Generic Control — Custom Input.', 'kirki' ),
+        'description' => esc_html__( 'The "generic" control allows you to add any input type you want. In this case we use type="password" and define custom styles.', 'kirki' ),
+        'section'     => 'generic_section',
+        'default'     => '',
+        'choices'     => [
+            'element'  => 'input',
+            'type'     => 'password',
+            'style'    => 'background-color:black;color:red;',
+            'data-foo' => 'bar',
+        ],
+    ]
 );
 
 /**
  * Image Control.
  */
 new \Kirki\Field\Image(
-	[
-		'settings'    => 'kirki_demo_image_url',
-		'label'       => esc_html__( 'Image Control (URL)', 'kirki' ),
-		'description' => esc_html__( 'The saved value will be the URL.', 'kirki' ),
-		'section'     => 'image_section',
-		'default'     => '',
-	]
+    [
+        'settings'    => 'kirki_demo_image_url',
+        'label'       => esc_html__( 'Image Control (URL)', 'kirki' ),
+        'description' => esc_html__( 'The saved value will be the URL.', 'kirki' ),
+        'section'     => 'image_section',
+        'default'     => '',
+    ]
 );
 
 new \Kirki\Field\Image(
-	[
-		'settings'    => 'kirki_demo_image_id',
-		'label'       => esc_html__( 'Image Control (ID)', 'kirki' ),
-		'description' => esc_html__( 'The saved value will an ID.', 'kirki' ),
-		'section'     => 'image_section',
-		'default'     => '',
-		'choices'     => [
-			'save_as' => 'id',
-		],
-	]
+    [
+        'settings'    => 'kirki_demo_image_id',
+        'label'       => esc_html__( 'Image Control (ID)', 'kirki' ),
+        'description' => esc_html__( 'The saved value will an ID.', 'kirki' ),
+        'section'     => 'image_section',
+        'default'     => '',
+        'choices'     => [
+            'save_as' => 'id',
+        ],
+    ]
 );
 
 new \Kirki\Field\Image(
-	[
-		'settings'    => 'kirki_demo_image_array',
-		'label'       => esc_html__( 'Image Control (array)', 'kirki' ),
-		'description' => esc_html__( 'The saved value will an array.', 'kirki' ),
-		'section'     => 'image_section',
-		'default'     => '',
-		'choices'     => [
-			'save_as' => 'array',
-		],
-	]
+    [
+        'settings'    => 'kirki_demo_image_array',
+        'label'       => esc_html__( 'Image Control (array)', 'kirki' ),
+        'description' => esc_html__( 'The saved value will an array.', 'kirki' ),
+        'section'     => 'image_section',
+        'default'     => '',
+        'choices'     => [
+            'save_as' => 'array',
+        ],
+    ]
 );
 
 /**
  * Upload control.
  */
 new \Kirki\Field\Upload(
-	[
-		'settings'    => 'kirki_demo_upload_url',
-		'label'       => esc_html__( 'Upload Control (URL)', 'kirki' ),
-		'description' => esc_html__( 'The saved value will the URL.', 'kirki' ),
-		'section'     => 'upload_section',
-		'default'     => '',
-		'transport'   => 'postMessage',
-	]
+    [
+        'settings'    => 'kirki_demo_upload_url',
+        'label'       => esc_html__( 'Upload Control (URL)', 'kirki' ),
+        'description' => esc_html__( 'The saved value will the URL.', 'kirki' ),
+        'section'     => 'upload_section',
+        'default'     => '',
+        'transport'   => 'postMessage',
+    ]
 );
 
 /**
  * Multicheck Control.
  */
 new \Kirki\Field\Multicheck(
-	[
-		'settings' => 'kirki_demo_multicheck',
-		'label'    => esc_html__( 'Multickeck Control', 'kirki' ),
-		'section'  => 'multicheck_section',
-		'default'  => [ 'option-1', 'option-3', 'option-4' ],
-		'priority' => 10,
-		'choices'  => [
-			'option-1' => esc_html__( 'Option 1', 'kirki' ),
-			'option-2' => esc_html__( 'Option 2', 'kirki' ),
-			'option-3' => esc_html__( 'Option 3', 'kirki' ),
-			'option-4' => esc_html__( 'Option 4', 'kirki' ),
-			'option-5' => esc_html__( 'Option 5', 'kirki' ),
-		],
-	]
+    [
+        'settings' => 'kirki_demo_multicheck',
+        'label'    => esc_html__( 'Multickeck Control', 'kirki' ),
+        'section'  => 'multicheck_section',
+        'default'  => [ 'option-1', 'option-3', 'option-4' ],
+        'priority' => 10,
+        'choices'  => [
+            'option-1' => esc_html__( 'Option 1', 'kirki' ),
+            'option-2' => esc_html__( 'Option 2', 'kirki' ),
+            'option-3' => esc_html__( 'Option 3', 'kirki' ),
+            'option-4' => esc_html__( 'Option 4', 'kirki' ),
+            'option-5' => esc_html__( 'Option 5', 'kirki' ),
+        ],
+    ]
 );
 
 /**
  * Multicolor Control.
  */
 new \Kirki\Field\Multicolor(
-	[
-		'settings'  => 'kirki_demo_multicolor',
-		'label'     => esc_html__( 'Multicolor Control', 'kirki' ),
-		'section'   => 'multicolor_section',
-		'priority'  => 10,
-		'transport' => 'postMessage',
-		'choices'   => [
-			'link'      => esc_html__( 'Link Color', 'kirki' ),
-			'hover'     => esc_html__( 'And this is hover color with long label so you know how it is displayed.', 'kirki' ),
-			'active'    => esc_html__( 'Active Color', 'kirki' ),
-			'another1'  => esc_html__( 'Another color 1', 'kirki' ),
-			'another2'  => esc_html__( 'Another color 2', 'kirki' ),
-			'another3'  => esc_html__( 'Another color 3', 'kirki' ),
-			'another4'  => esc_html__( 'Another color 4', 'kirki' ),
-			'another5'  => esc_html__( 'Another color 5', 'kirki' ),
-			'another6'  => esc_html__( 'Another color 6', 'kirki' ),
-			'another7'  => esc_html__( 'Another color 7', 'kirki' ),
-			'another8'  => esc_html__( 'Another color 8', 'kirki' ),
-			'another9'  => esc_html__( 'Another color 9', 'kirki' ),
-			'another10' => esc_html__( 'Another color 10', 'kirki' ),
-			'another11' => esc_html__( 'Another color 11', 'kirki' ),
-			'another12' => esc_html__( 'Another color 12', 'kirki' ),
-			'another13' => esc_html__( 'Another color 13', 'kirki' ),
-			'another14' => esc_html__( 'Another color 14', 'kirki' ),
-			'another15' => esc_html__( 'Another color 15', 'kirki' ),
-		],
-		'alpha'     => true,
-		'default'   => [
-			'link'   => '#0088cc',
-			'hover'  => '#00aaff',
-			'active' => '#00ffff',
-		],
-	]
+    [
+        'settings'  => 'kirki_demo_multicolor',
+        'label'     => esc_html__( 'Multicolor Control', 'kirki' ),
+        'section'   => 'multicolor_section',
+        'priority'  => 10,
+        'transport' => 'postMessage',
+        'choices'   => [
+            'link'      => esc_html__( 'Link Color', 'kirki' ),
+            'hover'     => esc_html__( 'And this is hover color with long label so you know how it is displayed.', 'kirki' ),
+            'active'    => esc_html__( 'Active Color', 'kirki' ),
+            'another1'  => esc_html__( 'Another color 1', 'kirki' ),
+            'another2'  => esc_html__( 'Another color 2', 'kirki' ),
+            'another3'  => esc_html__( 'Another color 3', 'kirki' ),
+            'another4'  => esc_html__( 'Another color 4', 'kirki' ),
+            'another5'  => esc_html__( 'Another color 5', 'kirki' ),
+            'another6'  => esc_html__( 'Another color 6', 'kirki' ),
+            'another7'  => esc_html__( 'Another color 7', 'kirki' ),
+            'another8'  => esc_html__( 'Another color 8', 'kirki' ),
+            'another9'  => esc_html__( 'Another color 9', 'kirki' ),
+            'another10' => esc_html__( 'Another color 10', 'kirki' ),
+            'another11' => esc_html__( 'Another color 11', 'kirki' ),
+            'another12' => esc_html__( 'Another color 12', 'kirki' ),
+            'another13' => esc_html__( 'Another color 13', 'kirki' ),
+            'another14' => esc_html__( 'Another color 14', 'kirki' ),
+            'another15' => esc_html__( 'Another color 15', 'kirki' ),
+        ],
+        'alpha'     => true,
+        'default'   => [
+            'link'   => '#0088cc',
+            'hover'  => '#00aaff',
+            'active' => '#00ffff',
+        ],
+    ]
 );
 
 /**
  * Number Control.
  */
 new \Kirki\Field\Number(
-	[
-		'settings' => 'kirki_demo_number',
-		'label'    => esc_html__( 'Number Control', 'kirki' ),
-		'section'  => 'number_section',
-		'priority' => 10,
-		'choices'  => [
-			'min'  => -5,
-			'max'  => 5,
-			'step' => 1,
-		],
-	]
+    [
+        'settings' => 'kirki_demo_number',
+        'label'    => esc_html__( 'Number Control', 'kirki' ),
+        'section'  => 'number_section',
+        'priority' => 10,
+        'choices'  => [
+            'min'  => -5,
+            'max'  => 5,
+            'step' => 1,
+        ],
+    ]
 );
 
 /**
  * Palette Control.
  */
 new \Kirki\Field\Palette(
-	array(
-		'settings' => 'kirki_demo_palette',
-		'label'    => esc_html__( 'Control Palette', 'kirki' ),
-		'section'  => 'palette_section',
-		'default'  => 'blue',
-		'choices'  => array(
-			'a200'  => Kirki_Helper::get_material_design_colors( 'A200' ),
-			'blue'  => Kirki_Helper::get_material_design_colors( 'blue' ),
-			'green' => array( '#E8F5E9', '#C8E6C9', '#A5D6A7', '#81C784', '#66BB6A', '#4CAF50', '#43A047', '#388E3C', '#2E7D32', '#1B5E20', '#B9F6CA', '#69F0AE', '#00E676', '#00C853' ),
-			'bnw'   => array( '#000000', '#ffffff' ),
-		),
-	)
+    array(
+        'settings' => 'kirki_demo_palette',
+        'label'    => esc_html__( 'Control Palette', 'kirki' ),
+        'section'  => 'palette_section',
+        'default'  => 'blue',
+        'choices'  => array(
+            'a200'  => Kirki_Helper::get_material_design_colors( 'A200' ),
+            'blue'  => Kirki_Helper::get_material_design_colors( 'blue' ),
+            'green' => array( '#E8F5E9', '#C8E6C9', '#A5D6A7', '#81C784', '#66BB6A', '#4CAF50', '#43A047', '#388E3C', '#2E7D32', '#1B5E20', '#B9F6CA', '#69F0AE', '#00E676', '#00C853' ),
+            'bnw'   => array( '#000000', '#ffffff' ),
+        ),
+    )
 );
 
 /**
  * Radio Control.
  */
 new \Kirki\Field\Radio(
-	[
-		'settings'    => 'kirki_demo_radio',
-		'label'       => esc_html__( 'Radio Control', 'kirki' ),
-		'description' => esc_html__( 'The description here.', 'kirki' ),
-		'section'     => 'radio_section',
-		'default'     => 'option-3',
-		'choices'     => [
-			'option-1' => esc_html__( 'Option 1', 'kirki' ),
-			'option-2' => esc_html__( 'Option 2', 'kirki' ),
-			'option-3' => esc_html__( 'Option 3', 'kirki' ),
-			'option-4' => esc_html__( 'Option 4', 'kirki' ),
-			'option-5' => esc_html__( 'Option 5', 'kirki' ),
-		],
-	]
+    [
+        'settings'    => 'kirki_demo_radio',
+        'label'       => esc_html__( 'Radio Control', 'kirki' ),
+        'description' => esc_html__( 'The description here.', 'kirki' ),
+        'section'     => 'radio_section',
+        'default'     => 'option-3',
+        'choices'     => [
+            'option-1' => esc_html__( 'Option 1', 'kirki' ),
+            'option-2' => esc_html__( 'Option 2', 'kirki' ),
+            'option-3' => esc_html__( 'Option 3', 'kirki' ),
+            'option-4' => esc_html__( 'Option 4', 'kirki' ),
+            'option-5' => esc_html__( 'Option 5', 'kirki' ),
+        ],
+    ]
 );
 
 /**
  * Radio-Buttonset Control.
  */
 new \Kirki\Field\Radio_Buttonset(
-	[
-		'settings'    => 'kirki_demo_radio_buttonset',
-		'label'       => esc_html__( 'Radio-Buttonset Control', 'kirki' ),
-		'description' => esc_html__( 'Sample of radio-buttonset control.', 'kirki' ),
-		'section'     => 'radio_buttonset_section',
-		'default'     => 'option-2',
-		'choices'     => [
-			'option-1' => esc_html__( 'Option 1', 'kirki' ),
-			'option-2' => esc_html__( 'Option 2', 'kirki' ),
-			'option-3' => esc_html__( 'Option 3', 'kirki' ),
-		],
-	]
+    [
+        'settings'    => 'kirki_demo_radio_buttonset',
+        'label'       => esc_html__( 'Radio-Buttonset Control', 'kirki' ),
+        'description' => esc_html__( 'Sample of radio-buttonset control.', 'kirki' ),
+        'section'     => 'radio_buttonset_section',
+        'default'     => 'option-2',
+        'choices'     => [
+            'option-1' => esc_html__( 'Option 1', 'kirki' ),
+            'option-2' => esc_html__( 'Option 2', 'kirki' ),
+            'option-3' => esc_html__( 'Option 3', 'kirki' ),
+        ],
+    ]
 );
 
 /**
  * Radio-Image Control.
  */
 new \Kirki\Field\Radio_Image(
-	[
-		'settings'    => 'kirki_demo_radio_image',
-		'label'       => esc_html__( 'Radio-Image Control', 'kirki' ),
-		'description' => esc_html__( 'Sample of radio image control.', 'kirki' ),
-		'section'     => 'radio_image_section',
-		'default'     => 'travel',
-		'choices'     => [
-			'moto'    => 'https://jawordpressorg.github.io/wapuu/wapuu-archive/wapuu-moto.png',
-			'cossack' => 'https://raw.githubusercontent.com/templatemonster/cossack-wapuula/master/cossack-wapuula.png',
-			'travel'  => 'https://jawordpressorg.github.io/wapuu/wapuu-archive/wapuu-travel.png',
-		],
-	]
+    [
+        'settings'    => 'kirki_demo_radio_image',
+        'label'       => esc_html__( 'Radio-Image Control', 'kirki' ),
+        'description' => esc_html__( 'Sample of radio image control.', 'kirki' ),
+        'section'     => 'radio_image_section',
+        'default'     => 'travel',
+        'choices'     => [
+            'moto'    => 'https://jawordpressorg.github.io/wapuu/wapuu-archive/wapuu-moto.png',
+            'cossack' => 'https://raw.githubusercontent.com/templatemonster/cossack-wapuula/master/cossack-wapuula.png',
+            'travel'  => 'https://jawordpressorg.github.io/wapuu/wapuu-archive/wapuu-travel.png',
+        ],
+    ]
 );
 
 /**
  * Repeater Control.
  */
 new \Kirki\Field\Repeater(
-	[
-		'settings'    => 'kirki_demo_repeater',
-		'label'       => esc_html__( 'Repeater Control', 'kirki' ),
-		'description' => esc_html__( 'Sample of repeater control.', 'kirki' ),
-		'section'     => 'repeater_section',
-		'default'     => [
-			[
-				'link_text'   => esc_html__( 'Kirki Site', 'kirki' ),
-				'link_url'    => 'https://kirki.org/',
-				'link_target' => '_self',
-				'checkbox'    => false,
-			],
-			[
-				'link_text'   => esc_html__( 'Kirki Repository', 'kirki' ),
-				'link_url'    => 'https://github.com/aristath/kirki',
-				'link_target' => '_self',
-				'checkbox'    => false,
-			],
-		],
-		'fields'      => [
-			'link_text'   => [
-				'type'        => 'text',
-				'label'       => esc_html__( 'Link Text', 'kirki' ),
-				'description' => esc_html__( 'This will be the label for your link', 'kirki' ),
-				'default'     => '',
-			],
-			'link_url'    => [
-				'type'        => 'text',
-				'label'       => esc_html__( 'Link URL', 'kirki' ),
-				'description' => esc_html__( 'This will be the link URL', 'kirki' ),
-				'default'     => '',
-			],
-			'link_target' => [
-				'type'        => 'select',
-				'label'       => esc_html__( 'Link Target', 'kirki' ),
-				'description' => esc_html__( 'This will be the link target', 'kirki' ),
-				'default'     => '_self',
-				'choices'     => [
-					'_blank' => esc_html__( 'New Window', 'kirki' ),
-					'_self'  => esc_html__( 'Same Frame', 'kirki' ),
-				],
-			],
-			'checkbox'    => [
-				'type'    => 'checkbox',
-				'label'   => esc_html__( 'Checkbox', 'kirki' ),
-				'default' => false,
-			],
-		],
-	]
+    [
+        'settings'    => 'kirki_demo_repeater',
+        'label'       => esc_html__( 'Repeater Control', 'kirki' ),
+        'description' => esc_html__( 'Sample of repeater control.', 'kirki' ),
+        'section'     => 'repeater_section',
+        'default'     => [
+            [
+                'link_text'   => esc_html__( 'Kirki Site', 'kirki' ),
+                'link_url'    => 'https://kirki.org/',
+                'link_target' => '_self',
+                'checkbox'    => false,
+            ],
+            [
+                'link_text'   => esc_html__( 'Kirki Repository', 'kirki' ),
+                'link_url'    => 'https://github.com/aristath/kirki',
+                'link_target' => '_self',
+                'checkbox'    => false,
+            ],
+        ],
+        'fields'      => [
+            'link_text'   => [
+                'type'        => 'text',
+                'label'       => esc_html__( 'Link Text', 'kirki' ),
+                'description' => esc_html__( 'This will be the label for your link', 'kirki' ),
+                'default'     => '',
+            ],
+            'link_url'    => [
+                'type'        => 'text',
+                'label'       => esc_html__( 'Link URL', 'kirki' ),
+                'description' => esc_html__( 'This will be the link URL', 'kirki' ),
+                'default'     => '',
+            ],
+            'link_target' => [
+                'type'        => 'select',
+                'label'       => esc_html__( 'Link Target', 'kirki' ),
+                'description' => esc_html__( 'This will be the link target', 'kirki' ),
+                'default'     => '_self',
+                'choices'     => [
+                    '_blank' => esc_html__( 'New Window', 'kirki' ),
+                    '_self'  => esc_html__( 'Same Frame', 'kirki' ),
+                ],
+            ],
+            'checkbox'    => [
+                'type'    => 'checkbox',
+                'label'   => esc_html__( 'Checkbox', 'kirki' ),
+                'default' => false,
+            ],
+        ],
+    ]
 );
 
 /**
  * Select Control.
  */
 new \Kirki\Field\Select(
-	[
-		'settings'    => 'kirki_demo_select',
-		'label'       => esc_html__( 'Select Control', 'kirki' ),
-		'description' => esc_html__( 'Sample of single mode select control.', 'kirki' ),
-		'section'     => 'select_section',
-		'default'     => 'option-3',
-		'placeholder' => esc_html__( 'Select an option', 'kirki' ),
-		'choices'     => [
-			'option-1' => esc_html__( 'Option 1', 'kirki' ),
-			'option-2' => esc_html__( 'Option 2', 'kirki' ),
-			'option-3' => esc_html__( 'Option 3', 'kirki' ),
-			'option-4' => esc_html__( 'Option 4', 'kirki' ),
-			'option-5' => esc_html__( 'Option 5', 'kirki' ),
-		],
-	]
+    [
+        'settings'    => 'kirki_demo_select',
+        'label'       => esc_html__( 'Select Control', 'kirki' ),
+        'description' => esc_html__( 'Sample of single mode select control.', 'kirki' ),
+        'section'     => 'select_section',
+        'default'     => 'option-3',
+        'placeholder' => esc_html__( 'Select an option', 'kirki' ),
+        'choices'     => [
+            'option-1' => esc_html__( 'Option 1', 'kirki' ),
+            'option-2' => esc_html__( 'Option 2', 'kirki' ),
+            'option-3' => esc_html__( 'Option 3', 'kirki' ),
+            'option-4' => esc_html__( 'Option 4', 'kirki' ),
+            'option-5' => esc_html__( 'Option 5', 'kirki' ),
+        ],
+    ]
 );
 
 new \Kirki\Field\Select(
-	[
-		'settings'    => 'kirki_demo_select_multiple',
-		'label'       => esc_html__( 'Select Control', 'kirki' ),
-		'description' => esc_html__( 'Sample of multiple mode select control.', 'kirki' ),
-		'section'     => 'select_section',
-		'default'     => 'option-3',
-		'multiple'    => 3,
-		'choices'     => [
-			'option-1' => esc_html__( 'Option 1', 'kirki' ),
-			'option-2' => esc_html__( 'Option 2', 'kirki' ),
-			'option-3' => esc_html__( 'Option 3', 'kirki' ),
-			'option-4' => esc_html__( 'Option 4', 'kirki' ),
-			'option-5' => esc_html__( 'Option 5', 'kirki' ),
-		],
-	]
+    [
+        'settings'    => 'kirki_demo_select_multiple',
+        'label'       => esc_html__( 'Select Control', 'kirki' ),
+        'description' => esc_html__( 'Sample of multiple mode select control.', 'kirki' ),
+        'section'     => 'select_section',
+        'default'     => 'option-3',
+        'multiple'    => 3,
+        'choices'     => [
+            'option-1' => esc_html__( 'Option 1', 'kirki' ),
+            'option-2' => esc_html__( 'Option 2', 'kirki' ),
+            'option-3' => esc_html__( 'Option 3', 'kirki' ),
+            'option-4' => esc_html__( 'Option 4', 'kirki' ),
+            'option-5' => esc_html__( 'Option 5', 'kirki' ),
+        ],
+    ]
 );
 
 /**
  * Slider Control.
  */
 new \Kirki\Field\Slider(
-	[
-		'settings'    => 'kirki_demo_slider',
-		'label'       => esc_html__( 'Slider Control', 'kirki' ),
-		'description' => esc_html__( 'Sample of slider control.', 'kirki' ),
-		'section'     => 'slider_section',
-		'default'     => '10',
-		'transport'   => 'postMessage',
-		'tooltip'     => esc_html__( 'This is the tooltip', 'kirki' ),
-		'choices'     => [
-			'min'  => 0,
-			'max'  => 100,
-			'step' => 1,
-		],
-	]
+    [
+        'settings'    => 'kirki_demo_slider',
+        'label'       => esc_html__( 'Slider Control', 'kirki' ),
+        'description' => esc_html__( 'Sample of slider control.', 'kirki' ),
+        'section'     => 'slider_section',
+        'default'     => '10',
+        'transport'   => 'postMessage',
+        'tooltip'     => esc_html__( 'This is the tooltip', 'kirki' ),
+        'choices'     => [
+            'min'  => 0,
+            'max'  => 100,
+            'step' => 1,
+        ],
+    ]
 );
 
 Kirki::add_field(
-	'kirki_demo_config',
-	[
-		'type'        => 'slider',
-		'settings'    => 'kirki_demo_slider_old',
-		'label'       => esc_html__( 'Slider Control — Using Old Way', 'kirki' ),
-		'description' => 'Added using `Kirki::add_field` (the old Kirki API)',
-		'section'     => 'slider_section',
-		'transport'   => 'postMessage',
-		'choices'     => [
-			'min'  => 0,
-			'max'  => 100,
-			'step' => 0.5,
-		],
-	]
+    'kirki_demo_config',
+    [
+        'type'        => 'slider',
+        'settings'    => 'kirki_demo_slider_old',
+        'label'       => esc_html__( 'Slider Control — Using Old Way', 'kirki' ),
+        'description' => 'Added using `Kirki::add_field` (the old Kirki API)',
+        'section'     => 'slider_section',
+        'transport'   => 'postMessage',
+        'choices'     => [
+            'min'  => 0,
+            'max'  => 100,
+            'step' => 0.5,
+        ],
+    ]
 );
 
 /**
  * Sortable control.
  */
 new \Kirki\Field\Sortable(
-	[
-		'settings' => 'kirki_demo_sortable',
-		'label'    => __( 'This is a sortable control.', 'kirki' ),
-		'section'  => 'sortable_section',
-		'default'  => [ 'option3', 'option1', 'option4' ],
-		'choices'  => [
-			'option1' => esc_html__( 'Option 1', 'kirki' ),
-			'option2' => esc_html__( 'Option 2', 'kirki' ),
-			'option3' => esc_html__( 'Option 3', 'kirki' ),
-			'option4' => esc_html__( 'Option 4', 'kirki' ),
-			'option5' => esc_html__( 'Option 5', 'kirki' ),
-			'option6' => esc_html__( 'Option 6', 'kirki' ),
-		],
-	]
+    [
+        'settings' => 'kirki_demo_sortable',
+        'label'    => __( 'This is a sortable control.', 'kirki' ),
+        'section'  => 'sortable_section',
+        'default'  => [ 'option3', 'option1', 'option4' ],
+        'choices'  => [
+            'option1' => esc_html__( 'Option 1', 'kirki' ),
+            'option2' => esc_html__( 'Option 2', 'kirki' ),
+            'option3' => esc_html__( 'Option 3', 'kirki' ),
+            'option4' => esc_html__( 'Option 4', 'kirki' ),
+            'option5' => esc_html__( 'Option 5', 'kirki' ),
+            'option6' => esc_html__( 'Option 6', 'kirki' ),
+        ],
+    ]
 );
 
 /**
  * Switch control.
  */
 new \Kirki\Field\Checkbox_Switch(
-	[
-		'settings'    => 'kirki_demo_switch',
-		'label'       => esc_html__( 'Switch Field', 'kirki' ),
-		'description' => esc_html__( 'Simple switch control', 'kirki' ),
-		'section'     => 'switch_section',
-		'transport'   => 'postMessage',
-		'default'     => true,
-	]
+    [
+        'settings'    => 'kirki_demo_switch',
+        'label'       => esc_html__( 'Switch Field', 'kirki' ),
+        'description' => esc_html__( 'Simple switch control', 'kirki' ),
+        'section'     => 'switch_section',
+        'transport'   => 'postMessage',
+        'default'     => true,
+    ]
 );
 
 new \Kirki\Field\Checkbox_Switch(
-	[
-		'settings'        => 'kirki_demo_switch_custom_label',
-		'label'           => esc_html__( 'Switch Field — With custom labels', 'kirki' ),
-		'description'     => esc_html__( 'Switch control using custom labels', 'kirki' ),
-		'section'         => 'switch_section',
-		'default'         => true,
-		'choices'         => [
-			'on'  => esc_html__( 'Enabled', 'kirki' ),
-			'off' => esc_html__( 'Disabled', 'kirki' ),
-		],
-		'active_callback' => [
-			[
-				'setting'  => 'kirki_demo_switch',
-				'operator' => '==',
-				'value'    => true,
-			],
-		],
-	]
+    [
+        'settings'        => 'kirki_demo_switch_custom_label',
+        'label'           => esc_html__( 'Switch Field — With custom labels', 'kirki' ),
+        'description'     => esc_html__( 'Switch control using custom labels', 'kirki' ),
+        'section'         => 'switch_section',
+        'default'         => true,
+        'choices'         => [
+            'on'  => esc_html__( 'Enabled', 'kirki' ),
+            'off' => esc_html__( 'Disabled', 'kirki' ),
+        ],
+        'active_callback' => [
+            [
+                'setting'  => 'kirki_demo_switch',
+                'operator' => '==',
+                'value'    => true,
+            ],
+        ],
+    ]
 );
 
 /**
  * Toggle control.
  */
 Kirki::add_field(
-	'kirki_demo_config',
-	[
-		'type'        => 'toggle',
-		'settings'    => 'kirki_demo_toggle_setting',
-		'label'       => esc_html__( 'Toggle Field', 'kirki' ),
-		'description' => esc_html__( 'Toggle is just utilizing switch control but aligned horizontally & without the text', 'kirki' ),
-		'section'     => 'toggle_section',
-		'default'     => '1',
-		'priority'    => 10,
-		'transport'   => 'postMessage',
-	]
+    'kirki_demo_config',
+    [
+        'type'        => 'toggle',
+        'settings'    => 'kirki_demo_toggle_setting',
+        'label'       => esc_html__( 'Toggle Field', 'kirki' ),
+        'description' => esc_html__( 'Toggle is just utilizing switch control but aligned horizontally & without the text', 'kirki' ),
+        'section'     => 'toggle_section',
+        'default'     => '1',
+        'priority'    => 10,
+        'transport'   => 'postMessage',
+    ]
 );
 
 /**
  * Typography Control.
  */
 new \Kirki\Field\Typography(
-	[
-		'settings'    => 'kirki_demo_kirki_typography_setting',
-		'label'       => esc_html__( 'Typography Control', 'kirki' ),
-		'description' => esc_html__( 'The full set of options.', 'kirki' ),
-		'section'     => 'typography_section',
-		'priority'    => 10,
-		'transport'   => 'postMessage',
-		'default'     => [
-			'font-family'     => 'Roboto',
-			'variant'         => 'regular',
-			'font-style'      => 'normal',
-			'color'           => '#333333',
-			'font-size'       => '14px',
-			'line-height'     => '1.5',
-			'letter-spacing'  => '0',
-			'text-transform'  => 'none',
-			'text-decoration' => 'none',
-			'text-align'      => 'left',
-			'margin-top'      => '0',
-			'margin-bottom'   => '0',
-		],
-		'output'      => [
-			[
-				'element' => 'body, p',
-			],
-		],
-		'choices'     => [
-			'fonts' => [
-				'google'   => [ 'popularity', 60 ],
-				'families' => [
-					'custom' => [
-						'text'     => 'My Custom Fonts (demo only)',
-						'children' => [
-							[
-								'id'   => 'helvetica-neue',
-								'text' => 'Helvetica Neue',
-							],
-							[
-								'id'   => 'linotype-authentic',
-								'text' => 'Linotype Authentic',
-							],
-						],
-					],
-				],
-				'variants' => [
-					'helvetica-neue'     => [ 'regular', '900' ],
-					'linotype-authentic' => [ 'regular', '100', '300' ],
-				],
-			],
-		],
-	]
+    [
+        'settings'    => 'kirki_demo_kirki_typography_setting',
+        'label'       => esc_html__( 'Typography Control', 'kirki' ),
+        'description' => esc_html__( 'The full set of options.', 'kirki' ),
+        'section'     => 'typography_section',
+        'priority'    => 10,
+        'transport'   => 'postMessage',
+        'default'     => [
+            'font-family'     => 'Roboto',
+            'variant'         => 'regular',
+            'font-style'      => 'normal',
+            'color'           => '#333333',
+            'font-size'       => '14px',
+            'line-height'     => '1.5',
+            'letter-spacing'  => '0',
+            'text-transform'  => 'none',
+            'text-decoration' => 'none',
+            'text-align'      => 'left',
+            'margin-top'      => '0',
+            'margin-bottom'   => '0',
+        ],
+        'output'      => [
+            [
+                'element' => 'body, p',
+            ],
+        ],
+        'choices'     => [
+            'fonts' => [
+                'google'   => [ 'popularity', 60 ],
+                'families' => [
+                    'custom' => [
+                        'text'     => 'My Custom Fonts (demo only)',
+                        'children' => [
+                            [
+                                'id'   => 'helvetica-neue',
+                                'text' => 'Helvetica Neue',
+                            ],
+                            [
+                                'id'   => 'linotype-authentic',
+                                'text' => 'Linotype Authentic',
+                            ],
+                        ],
+                    ],
+                ],
+                'variants' => [
+                    'helvetica-neue'     => [ 'regular', '900' ],
+                    'linotype-authentic' => [ 'regular', '100', '300' ],
+                ],
+            ],
+        ],
+    ]
 );
 
 new \Kirki\Field\Typography(
-	[
-		'settings'    => 'kirki_demo_typography_setting_1',
-		'label'       => esc_html__( 'Typography Control', 'kirki' ),
-		'description' => esc_html__( 'Just the font-family and font-weight.', 'kirki' ),
-		'section'     => 'typography_section',
-		'priority'    => 10,
-		'transport'   => 'auto',
-		'default'     => [
-			'font-family' => 'Roboto',
-		],
-		'output'      => [
-			[
-				'element' => [ 'h1', 'h2', 'h3', 'h4', 'h5', 'h6' ],
-			],
-		],
-	]
+    [
+        'settings'    => 'kirki_demo_typography_setting_1',
+        'label'       => esc_html__( 'Typography Control', 'kirki' ),
+        'description' => esc_html__( 'Just the font-family and font-weight.', 'kirki' ),
+        'section'     => 'typography_section',
+        'priority'    => 10,
+        'transport'   => 'auto',
+        'default'     => [
+            'font-family' => 'Roboto',
+        ],
+        'output'      => [
+            [
+                'element' => [ 'h1', 'h2', 'h3', 'h4', 'h5', 'h6' ],
+            ],
+        ],
+    ]
 );
 
 /**
@@ -1303,27 +1303,27 @@ 
  * @return void
  */
 function kirki_sidebars_select_example() {
-	$sidebars = [];
-	if ( isset( $GLOBALS['wp_registered_sidebars'] ) ) {
-		$sidebars = $GLOBALS['wp_registered_sidebars'];
-	}
-	$sidebars_choices = [];
-	foreach ( $sidebars as $sidebar ) {
-		$sidebars_choices[ $sidebar['id'] ] = $sidebar['name'];
-	}
-	if ( ! class_exists( 'Kirki' ) ) {
-		return;
-	}
-	new \Kirki\Field\Select(
-		[
-			'settings'    => 'kirki_demo_sidebars_select',
-			'label'       => esc_html__( 'Sidebars Select', 'kirki' ),
-			'description' => esc_html__( 'An example of how to implement sidebars selection.', 'kirki' ),
-			'section'     => 'select_section',
-			'default'     => 'primary',
-			'choices'     => $sidebars_choices,
-			'priority'    => 30,
-		]
-	);
+    $sidebars = [];
+    if ( isset( $GLOBALS['wp_registered_sidebars'] ) ) {
+        $sidebars = $GLOBALS['wp_registered_sidebars'];
+    }
+    $sidebars_choices = [];
+    foreach ( $sidebars as $sidebar ) {
+        $sidebars_choices[ $sidebar['id'] ] = $sidebar['name'];
+    }
+    if ( ! class_exists( 'Kirki' ) ) {
+        return;
+    }
+    new \Kirki\Field\Select(
+        [
+            'settings'    => 'kirki_demo_sidebars_select',
+            'label'       => esc_html__( 'Sidebars Select', 'kirki' ),
+            'description' => esc_html__( 'An example of how to implement sidebars selection.', 'kirki' ),
+            'section'     => 'select_section',
+            'default'     => 'primary',
+            'choices'     => $sidebars_choices,
+            'priority'    => 30,
+        ]
+    );
 }
 add_action( 'init', 'kirki_sidebars_select_example', 999 );

Spacing +246 added lines, -246 removed lines

@@ -13,12 +13,12 @@ 
 use Kirki\Util\Helper;
 
 // Exit if accessed directly.
-if ( ! defined( 'ABSPATH' ) ) {
+if (!defined('ABSPATH')) {
 	exit;
 }
 
 // Do not proceed if Kirki does not exist.
-if ( ! class_exists( 'Kirki' ) ) {
+if (!class_exists('Kirki')) {
 	return;
 }
 
@@ -39,8 +39,8 @@ 
 	'kirki_demo_panel',
 	[
 		'priority'    => 10,
-		'title'       => esc_html__( 'Kirki Demo Panel', 'kirki' ),
-		'description' => esc_html__( 'Contains sections for all kirki controls.', 'kirki' ),
+		'title'       => esc_html__('Kirki Demo Panel', 'kirki'),
+		'description' => esc_html__('Contains sections for all kirki controls.', 'kirki'),
 	]
 );
 
@@ -53,58 +53,58 @@ 
  * @link https://kirki.org/docs/getting-started/sections.html
  */
 $sections = [
-	'background'      => [ esc_html__( 'Background', 'kirki' ), '' ],
-	'code'            => [ esc_html__( 'Code', 'kirki' ), '' ],
-	'checkbox'        => [ esc_html__( 'Checkbox', 'kirki' ), '' ],
-	'color'           => [ esc_html__( 'Color', 'kirki' ), '' ],
-	'color_advanced'  => [ esc_html__( 'Color — Advanced', 'kirki' ), '' ],
-	'color_palette'   => [ esc_html__( 'Color Palette', 'kirki' ), '' ],
-	'custom'          => [ esc_html__( 'Custom', 'kirki' ), '' ],
-	'dashicons'       => [ esc_html__( 'Dashicons', 'kirki' ), '' ],
-	'date'            => [ esc_html__( 'Date', 'kirki' ), '' ],
-	'dimension'       => [ esc_html__( 'Dimension', 'kirki' ), '' ],
-	'dimensions'      => [ esc_html__( 'Dimensions', 'kirki' ), '' ],
-	'dropdown-pages'  => [ esc_html__( 'Dropdown Pages', 'kirki' ), '' ],
-	'editor'          => [ esc_html__( 'Editor', 'kirki' ), '' ],
-	'fontawesome'     => [ esc_html__( 'Font-Awesome', 'kirki' ), '' ],
-	'generic'         => [ esc_html__( 'Generic', 'kirki' ), '' ],
-	'image'           => [ esc_html__( 'Image', 'kirki' ), '' ],
-	'multicheck'      => [ esc_html__( 'Multicheck', 'kirki' ), '' ],
-	'multicolor'      => [ esc_html__( 'Multicolor', 'kirki' ), '' ],
-	'number'          => [ esc_html__( 'Number', 'kirki' ), '' ],
-	'palette'         => [ esc_html__( 'Palette', 'kirki' ), '' ],
-	'preset'          => [ esc_html__( 'Preset', 'kirki' ), '' ],
-	'radio'           => [ esc_html__( 'Radio', 'kirki' ), esc_html__( 'A plain Radio control.', 'kirki' ) ],
-	'radio-buttonset' => [ esc_html__( 'Radio Buttonset', 'kirki' ), esc_html__( 'Radio-Buttonset controls are essentially radio controls with some fancy styling to make them look cooler.', 'kirki' ) ],
-	'radio-image'     => [ esc_html__( 'Radio Image', 'kirki' ), esc_html__( 'Radio-Image controls are essentially radio controls with some fancy styles to use images', 'kirki' ) ],
-	'repeater'        => [ esc_html__( 'Repeater', 'kirki' ), '' ],
-	'select'          => [ esc_html__( 'Select', 'kirki' ), '' ],
-	'slider'          => [ esc_html__( 'Slider', 'kirki' ), '' ],
-	'sortable'        => [ esc_html__( 'Sortable', 'kirki' ), '' ],
-	'switch'          => [ esc_html__( 'Switch', 'kirki' ), '', 'outer' ],
-	'toggle'          => [ esc_html__( 'Toggle', 'kirki' ), '', 'outer' ],
-	'typography'      => [ esc_html__( 'Typography', 'kirki' ), '' ],
-	'upload'          => [ esc_html__( 'Upload', 'kirki' ), '' ],
+	'background'      => [esc_html__('Background', 'kirki'), ''],
+	'code'            => [esc_html__('Code', 'kirki'), ''],
+	'checkbox'        => [esc_html__('Checkbox', 'kirki'), ''],
+	'color'           => [esc_html__('Color', 'kirki'), ''],
+	'color_advanced'  => [esc_html__('Color — Advanced', 'kirki'), ''],
+	'color_palette'   => [esc_html__('Color Palette', 'kirki'), ''],
+	'custom'          => [esc_html__('Custom', 'kirki'), ''],
+	'dashicons'       => [esc_html__('Dashicons', 'kirki'), ''],
+	'date'            => [esc_html__('Date', 'kirki'), ''],
+	'dimension'       => [esc_html__('Dimension', 'kirki'), ''],
+	'dimensions'      => [esc_html__('Dimensions', 'kirki'), ''],
+	'dropdown-pages'  => [esc_html__('Dropdown Pages', 'kirki'), ''],
+	'editor'          => [esc_html__('Editor', 'kirki'), ''],
+	'fontawesome'     => [esc_html__('Font-Awesome', 'kirki'), ''],
+	'generic'         => [esc_html__('Generic', 'kirki'), ''],
+	'image'           => [esc_html__('Image', 'kirki'), ''],
+	'multicheck'      => [esc_html__('Multicheck', 'kirki'), ''],
+	'multicolor'      => [esc_html__('Multicolor', 'kirki'), ''],
+	'number'          => [esc_html__('Number', 'kirki'), ''],
+	'palette'         => [esc_html__('Palette', 'kirki'), ''],
+	'preset'          => [esc_html__('Preset', 'kirki'), ''],
+	'radio'           => [esc_html__('Radio', 'kirki'), esc_html__('A plain Radio control.', 'kirki')],
+	'radio-buttonset' => [esc_html__('Radio Buttonset', 'kirki'), esc_html__('Radio-Buttonset controls are essentially radio controls with some fancy styling to make them look cooler.', 'kirki')],
+	'radio-image'     => [esc_html__('Radio Image', 'kirki'), esc_html__('Radio-Image controls are essentially radio controls with some fancy styles to use images', 'kirki')],
+	'repeater'        => [esc_html__('Repeater', 'kirki'), ''],
+	'select'          => [esc_html__('Select', 'kirki'), ''],
+	'slider'          => [esc_html__('Slider', 'kirki'), ''],
+	'sortable'        => [esc_html__('Sortable', 'kirki'), ''],
+	'switch'          => [esc_html__('Switch', 'kirki'), '', 'outer'],
+	'toggle'          => [esc_html__('Toggle', 'kirki'), '', 'outer'],
+	'typography'      => [esc_html__('Typography', 'kirki'), ''],
+	'upload'          => [esc_html__('Upload', 'kirki'), ''],
 ];
 
-foreach ( $sections as $section_id => $section ) {
+foreach ($sections as $section_id => $section) {
 	$section_args = [
 		'title'       => $section[0],
 		'description' => $section[1],
 		'panel'       => 'kirki_demo_panel',
 	];
-	if ( isset( $section[2] ) ) {
+	if (isset($section[2])) {
 		$section_args['type'] = $section[2];
 	}
-	new \Kirki\Section( str_replace( '-', '_', $section_id ) . '_section', $section_args );
+	new \Kirki\Section(str_replace('-', '_', $section_id) . '_section', $section_args);
 }
 
 new \Kirki\Section(
 	'pro_test',
 	[
-		'title'       => esc_html__( 'Test Link Section', 'kirki' ),
+		'title'       => esc_html__('Test Link Section', 'kirki'),
 		'type'        => 'link',
-		'button_text' => esc_html__( 'Pro', 'kirki' ),
+		'button_text' => esc_html__('Pro', 'kirki'),
 		'button_url'  => 'https://kirki.org',
 	]
 );
@@ -117,8 +117,8 @@ 
 new \Kirki\Field\Background(
 	[
 		'settings'    => 'kirki_demo_background',
-		'label'       => esc_html__( 'Background Control', 'kirki' ),
-		'description' => esc_html__( 'Background conrols are pretty complex! (but useful if properly used)', 'kirki' ),
+		'label'       => esc_html__('Background Control', 'kirki'),
+		'description' => esc_html__('Background conrols are pretty complex! (but useful if properly used)', 'kirki'),
 		'section'     => 'background_section',
 		'default'     => [
 			'background-color'      => 'rgba(20,20,20,.8)',
@@ -139,8 +139,8 @@ 
 new \Kirki\Field\Code(
 	[
 		'settings'    => 'kirki_demo_code_css',
-		'label'       => esc_html__( 'Code Control — CSS', 'kirki' ),
-		'description' => esc_html__( 'Sample of code control in CSS format', 'kirki' ),
+		'label'       => esc_html__('Code Control — CSS', 'kirki'),
+		'description' => esc_html__('Sample of code control in CSS format', 'kirki'),
 		'section'     => 'code_section',
 		'default'     => '',
 		'choices'     => [
@@ -157,8 +157,8 @@ 
 new \Kirki\Field\Checkbox(
 	[
 		'settings'    => 'kirki_demo_checkbox',
-		'label'       => esc_html__( 'Checkbox Control', 'kirki' ),
-		'description' => esc_html__( 'Sample of checkbox control', 'kirki' ),
+		'label'       => esc_html__('Checkbox Control', 'kirki'),
+		'description' => esc_html__('Sample of checkbox control', 'kirki'),
 		'section'     => 'checkbox_section',
 		'default'     => true,
 	]
@@ -175,7 +175,7 @@ 
 		'type'        => 'color',
 		'settings'    => 'kirki_demo_color_alpha_old',
 		'label'       => 'Using <code>Kirki::add_field</code> — With alpha',
-		'description' => esc_html__( 'This is a color control registered using `Kirki::add_field` with "alpha" => true (the old Kirki API).', 'kirki' ),
+		'description' => esc_html__('This is a color control registered using `Kirki::add_field` with "alpha" => true (the old Kirki API).', 'kirki'),
 		'section'     => 'color_section',
 		'transport'   => 'postMessage',
 		'default'     => '#ff0055',
@@ -188,8 +188,8 @@ 
 new \Kirki\Field\Color(
 	[
 		'settings'    => 'kirki_demo_color_hex',
-		'label'       => __( 'Hex only', 'kirki' ),
-		'description' => esc_html__( 'This is a color control without alpha channel.', 'kirki' ),
+		'label'       => __('Hex only', 'kirki'),
+		'description' => esc_html__('This is a color control without alpha channel.', 'kirki'),
 		'section'     => 'color_section',
 		'transport'   => 'postMessage',
 		'default'     => '#0008DC',
@@ -199,8 +199,8 @@ 
 new \Kirki\Field\Color(
 	[
 		'settings'    => 'kirki_demo_color_alpha',
-		'label'       => __( 'With alpha channel', 'kirki' ),
-		'description' => esc_html__( 'This is a color control with alpha channel.', 'kirki' ),
+		'label'       => __('With alpha channel', 'kirki'),
+		'description' => esc_html__('This is a color control with alpha channel.', 'kirki'),
 		'section'     => 'color_section',
 		'transport'   => 'postMessage',
 		'choices'     => [
@@ -212,8 +212,8 @@ 
 new \Kirki\Field\Color(
 	[
 		'settings'    => 'kirki_demo_color_hue',
-		'label'       => __( 'Hue only.', 'kirki' ),
-		'description' => esc_html__( 'This is a color control with "mode" => "hue" (hue mode).', 'kirki' ),
+		'label'       => __('Hue only.', 'kirki'),
+		'description' => esc_html__('This is a color control with "mode" => "hue" (hue mode).', 'kirki'),
 		'section'     => 'color_section',
 		'transport'   => 'postMessage',
 		'default'     => 160,
@@ -234,8 +234,8 @@ 
 new \Kirki\Field\Color(
 	[
 		'settings'    => 'kirki_demo_color_form_component_hex',
-		'label'       => __( 'v4 — form_component — HexColorPicker', 'kirki' ),
-		'description' => esc_html__( 'This is a color control with form_component value is HexColorPicker.', 'kirki' ),
+		'label'       => __('v4 — form_component — HexColorPicker', 'kirki'),
+		'description' => esc_html__('This is a color control with form_component value is HexColorPicker.', 'kirki'),
 		'section'     => 'color_advanced_section',
 		'default'     => '#ffff00',
 		'choices'     => [
@@ -260,8 +260,8 @@ 
 new \Kirki\Field\Color(
 	[
 		'settings'    => 'kirki_demo_color_form_component_rgb',
-		'label'       => __( 'v4 — form_component — RgbColorPicker', 'kirki' ),
-		'description' => esc_html__( 'This is a color control with form_component value is RgbColorPicker. The saved value will be an array.', 'kirki' ),
+		'label'       => __('v4 — form_component — RgbColorPicker', 'kirki'),
+		'description' => esc_html__('This is a color control with form_component value is RgbColorPicker. The saved value will be an array.', 'kirki'),
 		'section'     => 'color_advanced_section',
 		'default'     => '#ffff00',
 		'choices'     => [
@@ -281,8 +281,8 @@ 
 new \Kirki\Field\Color(
 	[
 		'settings'    => 'kirki_demo_color_form_component_rgb_string',
-		'label'       => __( 'v4 — form_component — RgbStringColorPicker', 'kirki' ),
-		'description' => esc_html__( 'This is a color control with form_component value is RgbStringColorPicker. The saved value will be a string.', 'kirki' ),
+		'label'       => __('v4 — form_component — RgbStringColorPicker', 'kirki'),
+		'description' => esc_html__('This is a color control with form_component value is RgbStringColorPicker. The saved value will be a string.', 'kirki'),
 		'section'     => 'color_advanced_section',
 		'default'     => '#ffff00',
 		'choices'     => [
@@ -307,8 +307,8 @@ 
 new \Kirki\Field\Color(
 	[
 		'settings'    => 'kirki_demo_color_form_component_rgba',
-		'label'       => __( 'v4 — form_component — RgbaColorPicker', 'kirki' ),
-		'description' => esc_html__( 'This is a color control with form_component value is RgbaColorPicker.  The saved value will be an array.', 'kirki' ),
+		'label'       => __('v4 — form_component — RgbaColorPicker', 'kirki'),
+		'description' => esc_html__('This is a color control with form_component value is RgbaColorPicker.  The saved value will be an array.', 'kirki'),
 		'section'     => 'color_advanced_section',
 		'default'     => '#ffff00',
 		'choices'     => [
@@ -328,8 +328,8 @@ 
 new \Kirki\Field\Color(
 	[
 		'settings'    => 'kirki_demo_color_form_component_rgba_string',
-		'label'       => __( 'v4 — form_component — RgbaStringColorPicker', 'kirki' ),
-		'description' => esc_html__( 'This is a color control with form_component value is RgbaStringColorPicker. The saved value will be a string.', 'kirki' ),
+		'label'       => __('v4 — form_component — RgbaStringColorPicker', 'kirki'),
+		'description' => esc_html__('This is a color control with form_component value is RgbaStringColorPicker. The saved value will be a string.', 'kirki'),
 		'section'     => 'color_advanced_section',
 		'default'     => '#ffff00',
 		'choices'     => [
@@ -353,8 +353,8 @@ 
 new \Kirki\Field\Color(
 	[
 		'settings'    => 'kirki_demo_color_form_component_hsl',
-		'label'       => __( 'v4 — form_component — HslColorPicker', 'kirki' ),
-		'description' => esc_html__( 'This is a color control with form_component value is HslColorPicker. The saved value will be an array', 'kirki' ),
+		'label'       => __('v4 — form_component — HslColorPicker', 'kirki'),
+		'description' => esc_html__('This is a color control with form_component value is HslColorPicker. The saved value will be an array', 'kirki'),
 		'section'     => 'color_advanced_section',
 		'default'     => 'hsl(206, 23%, 25%)',
 		'choices'     => [
@@ -374,8 +374,8 @@ 
 new \Kirki\Field\Color(
 	[
 		'settings'    => 'kirki_demo_color_form_component_hsl_string',
-		'label'       => __( 'v4 — form_component — HslStringColorPicker', 'kirki' ),
-		'description' => esc_html__( 'This is a color control with form_component value is HslStringColorPicker. The saved value will be a string', 'kirki' ),
+		'label'       => __('v4 — form_component — HslStringColorPicker', 'kirki'),
+		'description' => esc_html__('This is a color control with form_component value is HslStringColorPicker. The saved value will be a string', 'kirki'),
 		'section'     => 'color_advanced_section',
 		'default'     => 'hsl(206, 23%, 25%)',
 		'choices'     => [
@@ -400,8 +400,8 @@ 
 new \Kirki\Field\Color(
 	[
 		'settings'    => 'kirki_demo_color_form_component_hsla',
-		'label'       => __( 'v4 — form_component — HslaColorPicker', 'kirki' ),
-		'description' => esc_html__( 'This is a color control with form_component value is HslaColorPicker. The saved value will be an array', 'kirki' ),
+		'label'       => __('v4 — form_component — HslaColorPicker', 'kirki'),
+		'description' => esc_html__('This is a color control with form_component value is HslaColorPicker. The saved value will be an array', 'kirki'),
 		'section'     => 'color_advanced_section',
 		'default'     => 'hsla(206, 23%, 25%, 0.7)',
 		'choices'     => [
@@ -421,8 +421,8 @@ 
 new \Kirki\Field\Color(
 	[
 		'settings'    => 'kirki_demo_color_form_component_hsla_string',
-		'label'       => __( 'v4 — form_component — HslaStringColorPicker', 'kirki' ),
-		'description' => esc_html__( 'This is a color control with form_component value is HslaStringColorPicker. The saved value will be a string', 'kirki' ),
+		'label'       => __('v4 — form_component — HslaStringColorPicker', 'kirki'),
+		'description' => esc_html__('This is a color control with form_component value is HslaStringColorPicker. The saved value will be a string', 'kirki'),
 		'section'     => 'color_advanced_section',
 		'default'     => 'hsla(206, 23%, 25%, 0.7)',
 		'choices'     => [
@@ -438,8 +438,8 @@ 
 new \Kirki\Field\Date(
 	[
 		'settings'    => 'kirki_demo_date',
-		'label'       => esc_html__( 'Date Control', 'kirki' ),
-		'description' => esc_html__( 'This is a date control.', 'kirki' ),
+		'label'       => esc_html__('Date Control', 'kirki'),
+		'description' => esc_html__('This is a date control.', 'kirki'),
 		'section'     => 'date_section',
 		'default'     => '',
 	]
@@ -448,8 +448,8 @@ 
 new \Kirki\Field\Date(
 	[
 		'settings'    => 'kirki_demo_date_2',
-		'label'       => esc_html__( 'Date Control 2', 'kirki' ),
-		'description' => esc_html__( 'This is a date control.', 'kirki' ),
+		'label'       => esc_html__('Date Control 2', 'kirki'),
+		'description' => esc_html__('This is a date control.', 'kirki'),
 		'section'     => 'date_section',
 		'default'     => '',
 	]
@@ -461,8 +461,8 @@ 
 new \Kirki\Field\Editor(
 	[
 		'settings'    => 'kirki_demo_editor_1',
-		'label'       => esc_html__( 'First Editor Control', 'kirki' ),
-		'description' => esc_html__( 'This is an editor control.', 'kirki' ),
+		'label'       => esc_html__('First Editor Control', 'kirki'),
+		'description' => esc_html__('This is an editor control.', 'kirki'),
 		'section'     => 'editor_section',
 		'default'     => '',
 	]
@@ -471,10 +471,10 @@ 
 new \Kirki\Field\Editor(
 	[
 		'settings'    => 'kirki_demo_editor_2',
-		'label'       => esc_html__( 'Second Editor Control', 'kirki' ),
-		'description' => esc_html__( 'This is a 2nd editor control just to check that we do not have issues with multiple instances.', 'kirki' ),
+		'label'       => esc_html__('Second Editor Control', 'kirki'),
+		'description' => esc_html__('This is a 2nd editor control just to check that we do not have issues with multiple instances.', 'kirki'),
 		'section'     => 'editor_section',
-		'default'     => esc_html__( 'Default Text', 'kirki' ),
+		'default'     => esc_html__('Default Text', 'kirki'),
 	]
 );
 
@@ -486,13 +486,13 @@ 
 new \Kirki\Field\Color_Palette(
 	[
 		'settings'    => 'kirki_demo_color_palette_simple',
-		'label'       => esc_html__( 'Simple Colors Set', 'kirki' ),
-		'description' => esc_html__( 'With default size (28). The `size` here is inner size (without border)', 'kirki' ),
+		'label'       => esc_html__('Simple Colors Set', 'kirki'),
+		'description' => esc_html__('With default size (28). The `size` here is inner size (without border)', 'kirki'),
 		'section'     => 'color_palette_section',
 		'default'     => '#888888',
 		'transport'   => 'postMessage',
 		'choices'     => [
-			'colors' => [ '#000000', '#222222', '#444444', '#666666', '#888888', '#aaaaaa', '#cccccc', '#eeeeee', '#ffffff' ],
+			'colors' => ['#000000', '#222222', '#444444', '#666666', '#888888', '#aaaaaa', '#cccccc', '#eeeeee', '#ffffff'],
 			'style'  => 'round',
 		],
 	]
@@ -501,13 +501,13 @@ 
 new \Kirki\Field\Color_Palette(
 	[
 		'settings'    => 'kirki_demo_color_palette_material_all',
-		'label'       => esc_html__( 'Material Design Colors — All', 'kirki' ),
-		'description' => esc_html__( 'Showing all material design colors using `round` shape and size is 17', 'kirki' ),
+		'label'       => esc_html__('Material Design Colors — All', 'kirki'),
+		'description' => esc_html__('Showing all material design colors using `round` shape and size is 17', 'kirki'),
 		'section'     => 'color_palette_section',
 		'default'     => '#D1C4E9',
 		'transport'   => 'postMessage',
 		'choices'     => [
-			'colors' => Helper::get_material_design_colors( 'all' ),
+			'colors' => Helper::get_material_design_colors('all'),
 			'shape'  => 'round',
 			'size'   => 17,
 		],
@@ -517,11 +517,11 @@ 
 new \Kirki\Field\Color_Palette(
 	[
 		'settings'    => 'kirki_demo_color_palette_material_primary',
-		'label'       => esc_html__( 'Material Design Colors — Primary', 'kirki' ),
-		'description' => esc_html__( 'Showing primary material design colors', 'kirki' ),
+		'label'       => esc_html__('Material Design Colors — Primary', 'kirki'),
+		'description' => esc_html__('Showing primary material design colors', 'kirki'),
 		'section'     => 'color_palette_section',
 		'choices'     => [
-			'colors' => Helper::get_material_design_colors( 'primary' ),
+			'colors' => Helper::get_material_design_colors('primary'),
 			'size'   => 25,
 		],
 	]
@@ -530,11 +530,11 @@ 
 new \Kirki\Field\Color_Palette(
 	[
 		'settings'    => 'kirki_demo_color_palette_material_red',
-		'label'       => esc_html__( 'Material Design Colors — Red', 'kirki' ),
-		'description' => esc_html__( 'Showing red material design colors', 'kirki' ),
+		'label'       => esc_html__('Material Design Colors — Red', 'kirki'),
+		'description' => esc_html__('Showing red material design colors', 'kirki'),
 		'section'     => 'color_palette_section',
 		'choices'     => [
-			'colors' => Helper::get_material_design_colors( 'red' ),
+			'colors' => Helper::get_material_design_colors('red'),
 			'size'   => 16,
 		],
 	]
@@ -543,12 +543,12 @@ 
 new \Kirki\Field\Color_Palette(
 	[
 		'settings'    => 'kirki_demo_color_palette_a100',
-		'label'       => esc_html__( 'Material Design Colors — A100', 'kirki' ),
-		'description' => esc_html__( 'Showing "A100" variant of material design colors', 'kirki' ),
+		'label'       => esc_html__('Material Design Colors — A100', 'kirki'),
+		'description' => esc_html__('Showing "A100" variant of material design colors', 'kirki'),
 		'section'     => 'color_palette_section',
 		'default'     => '#FF80AB',
 		'choices'     => [
-			'colors' => Helper::get_material_design_colors( 'A100' ),
+			'colors' => Helper::get_material_design_colors('A100'),
 			'size'   => 60,
 			'style'  => 'round',
 		],
@@ -565,7 +565,7 @@ 
 		'section'     => 'color_palette_section',
 		'transport'   => 'postMessage',
 		'choices'     => [
-			'colors' => [ '#000000', '#222222', '#444444', '#666666', '#888888', '#aaaaaa', '#cccccc', '#eeeeee', '#ffffff' ],
+			'colors' => ['#000000', '#222222', '#444444', '#666666', '#888888', '#aaaaaa', '#cccccc', '#eeeeee', '#ffffff'],
 			'style'  => 'round',
 		],
 	]
@@ -573,7 +573,7 @@ 
 
 add_action(
 	'customize_register',
-	function( $wp_customize ) {
+	function($wp_customize) {
 		/**
 		 * The custom control class
 		 */
@@ -585,12 +585,12 @@ 
 				$saved_value = $this->value();
 				?>
 
-				<span class="customize-control-title"><?php echo esc_html( $this->label ); ?></span>
-				<span class="customize-control-description description"><?php echo esc_html( $this->description ); ?></span>
+				<span class="customize-control-title"><?php echo esc_html($this->label); ?></span>
+				<span class="customize-control-description description"><?php echo esc_html($this->description); ?></span>
 
 				<div class="kirki-demo-custom-control">
 					<div class="slider"></div>
-					<input type="text" id="<?php echo esc_attr( $this->id ); ?>" name="<?php echo esc_attr( $this->id ); ?>" value="<?php echo esc_attr( $saved_value ); ?>" class="customize-control-slider-value" <?php $this->link(); ?> />
+					<input type="text" id="<?php echo esc_attr($this->id); ?>" name="<?php echo esc_attr($this->id); ?>" value="<?php echo esc_attr($saved_value); ?>" class="customize-control-slider-value" <?php $this->link(); ?> />
 				</div>
 
 				<?php
@@ -600,7 +600,7 @@ 
 		// Register our custom control with Kirki.
 		add_filter(
 			'kirki_control_types',
-			function( $controls ) {
+			function($controls) {
 				$controls['kirki-demo-custom-control'] = 'Kirki_Demo_Custom_Control';
 				return $controls;
 			}
@@ -614,7 +614,7 @@ 
 	[
 		'type'        => 'kirki-demo-custom-control',
 		'settings'    => 'kirki_demo_custom_control_old_way',
-		'label'       => esc_html__( 'Custom Control', 'kirki' ),
+		'label'       => esc_html__('Custom Control', 'kirki'),
 		'description' => 'A custom control demo, registered by extending `Kirki\\Control\\Base` class.',
 		'section'     => 'custom_section',
 		'transport'   => 'postMessage',
@@ -629,8 +629,8 @@ 
 new \Kirki\Field\Dashicons(
 	[
 		'settings'    => 'kirki_demo_dashicons_setting_0',
-		'label'       => esc_html__( 'Dashicons Control', 'kirki' ),
-		'description' => esc_html__( 'Using a custom array of dashicons', 'kirki' ),
+		'label'       => esc_html__('Dashicons Control', 'kirki'),
+		'description' => esc_html__('Using a custom array of dashicons', 'kirki'),
 		'section'     => 'dashicons_section',
 		'default'     => 'menu',
 		'choices'     => [
@@ -648,8 +648,8 @@ 
 new \Kirki\Field\Dashicons(
 	[
 		'settings'    => 'kirki_demo_dashicons_setting_1',
-		'label'       => esc_html__( 'All Dashicons', 'kirki' ),
-		'description' => esc_html__( 'Showing all dashicons', 'kirki' ),
+		'label'       => esc_html__('All Dashicons', 'kirki'),
+		'description' => esc_html__('Showing all dashicons', 'kirki'),
 		'section'     => 'dashicons_section',
 		'default'     => 'menu',
 	]
@@ -661,8 +661,8 @@ 
 new \Kirki\Field\Dimension(
 	[
 		'settings'    => 'kirki_demo_dimension_0',
-		'label'       => esc_html__( 'Dimension Control', 'kirki' ),
-		'description' => esc_html__( 'A simple dimension control.', 'kirki' ),
+		'label'       => esc_html__('Dimension Control', 'kirki'),
+		'description' => esc_html__('A simple dimension control.', 'kirki'),
 		'section'     => 'dimension_section',
 		'default'     => '10px',
 		'choices'     => [
@@ -677,8 +677,8 @@ 
 new \Kirki\Field\Dimensions(
 	[
 		'settings'    => 'kirki_demo_dimensions_0',
-		'label'       => esc_html__( 'Dimensions Control', 'kirki' ),
-		'description' => esc_html__( 'Sample of dimensions control with 2 fields.', 'kirki' ),
+		'label'       => esc_html__('Dimensions Control', 'kirki'),
+		'description' => esc_html__('Sample of dimensions control with 2 fields.', 'kirki'),
 		'section'     => 'dimensions_section',
 		'default'     => [
 			'width'  => '100px',
@@ -690,8 +690,8 @@ 
 new \Kirki\Field\Dimensions(
 	[
 		'settings'    => 'kirki_demo_dimensions_1',
-		'label'       => esc_html__( 'Dimension Control', 'kirki' ),
-		'description' => esc_html__( 'Sample of dimensions control with 4 fields.', 'kirki' ),
+		'label'       => esc_html__('Dimension Control', 'kirki'),
+		'description' => esc_html__('Sample of dimensions control with 4 fields.', 'kirki'),
 		'section'     => 'dimensions_section',
 		'default'     => [
 			'padding-top'    => '1em',
@@ -705,8 +705,8 @@ 
 new \Kirki\Field\Dimensions(
 	[
 		'settings'    => 'kirki_demo_padding',
-		'label'       => esc_html__( 'Padding Control', 'kirki' ),
-		'description' => esc_html__( 'Sample of padding controls with 3 fields.', 'kirki' ),
+		'label'       => esc_html__('Padding Control', 'kirki'),
+		'description' => esc_html__('Sample of padding controls with 3 fields.', 'kirki'),
 		'section'     => 'dimensions_section',
 		'default'     => [
 			'top'        => '1em',
@@ -719,8 +719,8 @@ 
 new \Kirki\Field\Dimensions(
 	[
 		'settings'    => 'kirki_demo_spacing',
-		'label'       => esc_html__( 'Spacing Control', 'kirki' ),
-		'description' => esc_html__( 'Sample of spacing controls with 4 fields.', 'kirki' ),
+		'label'       => esc_html__('Spacing Control', 'kirki'),
+		'description' => esc_html__('Sample of spacing controls with 4 fields.', 'kirki'),
 		'section'     => 'dimensions_section',
 		'default'     => [
 			'top'    => '1em',
@@ -737,8 +737,8 @@ 
 new \Kirki\Field\Dropdown_Pages(
 	[
 		'settings'    => 'kirki_demo_dropdown_pages',
-		'label'       => esc_html__( 'Dropdown Pages Control', 'kirki' ),
-		'description' => esc_html__( 'Sample of dropdown pages control.', 'kirki' ),
+		'label'       => esc_html__('Dropdown Pages Control', 'kirki'),
+		'description' => esc_html__('Sample of dropdown pages control.', 'kirki'),
 		'section'     => 'dropdown_pages_section',
 		'default'     => [
 			'width'  => '100px',
@@ -753,8 +753,8 @@ 
 new \Kirki\Field\Text(
 	[
 		'settings'        => 'kirki_demo_generic_text',
-		'label'           => esc_html__( 'Generic Control — Text Field', 'kirki' ),
-		'description'     => esc_html__( 'The demo of this control has partial refresh with transport is postMessage', 'kirki' ),
+		'label'           => esc_html__('Generic Control — Text Field', 'kirki'),
+		'description'     => esc_html__('The demo of this control has partial refresh with transport is postMessage', 'kirki'),
 		'section'         => 'generic_section',
 		'transport'       => 'postMessage',
 		'default'         => '',
@@ -762,7 +762,7 @@ 
 			'generic_text_refresh' => [
 				'selector'        => '.kirki-partial-refresh-demo',
 				'render_callback' => function() {
-					$value = get_theme_mod( 'kirki_demo_generic_text' );
+					$value = get_theme_mod('kirki_demo_generic_text');
 					return $value ? 'value of Generic URL Field control is: ' . $value : '';
 				},
 			],
@@ -773,15 +773,15 @@ 
 new \Kirki\Field\URL(
 	[
 		'settings'        => 'kirki_demo_generic_url',
-		'label'           => esc_html__( 'Generic Control — URL Field', 'kirki' ),
-		'description'     => esc_html__( 'The demo of this control has partial refresh without transport is defined', 'kirki' ),
+		'label'           => esc_html__('Generic Control — URL Field', 'kirki'),
+		'description'     => esc_html__('The demo of this control has partial refresh without transport is defined', 'kirki'),
 		'section'         => 'generic_section',
 		'default'         => '',
 		'partial_refresh' => [
 			'generic_text_refresh2' => [
 				'selector'        => '.kirki-partial-refresh-demo2',
 				'render_callback' => function() {
-					$value = get_theme_mod( 'kirki_demo_generic_url' );
+					$value = get_theme_mod('kirki_demo_generic_url');
 					return $value ? 'value of Generic URL Field control is: ' . $value : '';
 				},
 			],
@@ -792,8 +792,8 @@ 
 new \Kirki\Field\Textarea(
 	[
 		'settings'    => 'kirki_demo_generic_textarea',
-		'label'       => esc_html__( 'Generic Control — Textarea Field', 'kirki' ),
-		'description' => esc_html__( 'Description', 'kirki' ),
+		'label'       => esc_html__('Generic Control — Textarea Field', 'kirki'),
+		'description' => esc_html__('Description', 'kirki'),
 		'section'     => 'generic_section',
 		'default'     => '',
 	]
@@ -802,8 +802,8 @@ 
 new \Kirki\Field\Generic(
 	[
 		'settings'    => 'kirki_demo_generic_custom',
-		'label'       => esc_html__( 'Generic Control — Custom Input.', 'kirki' ),
-		'description' => esc_html__( 'The "generic" control allows you to add any input type you want. In this case we use type="password" and define custom styles.', 'kirki' ),
+		'label'       => esc_html__('Generic Control — Custom Input.', 'kirki'),
+		'description' => esc_html__('The "generic" control allows you to add any input type you want. In this case we use type="password" and define custom styles.', 'kirki'),
 		'section'     => 'generic_section',
 		'default'     => '',
 		'choices'     => [
@@ -821,8 +821,8 @@ 
 new \Kirki\Field\Image(
 	[
 		'settings'    => 'kirki_demo_image_url',
-		'label'       => esc_html__( 'Image Control (URL)', 'kirki' ),
-		'description' => esc_html__( 'The saved value will be the URL.', 'kirki' ),
+		'label'       => esc_html__('Image Control (URL)', 'kirki'),
+		'description' => esc_html__('The saved value will be the URL.', 'kirki'),
 		'section'     => 'image_section',
 		'default'     => '',
 	]
@@ -831,8 +831,8 @@ 
 new \Kirki\Field\Image(
 	[
 		'settings'    => 'kirki_demo_image_id',
-		'label'       => esc_html__( 'Image Control (ID)', 'kirki' ),
-		'description' => esc_html__( 'The saved value will an ID.', 'kirki' ),
+		'label'       => esc_html__('Image Control (ID)', 'kirki'),
+		'description' => esc_html__('The saved value will an ID.', 'kirki'),
 		'section'     => 'image_section',
 		'default'     => '',
 		'choices'     => [
@@ -844,8 +844,8 @@ 
 new \Kirki\Field\Image(
 	[
 		'settings'    => 'kirki_demo_image_array',
-		'label'       => esc_html__( 'Image Control (array)', 'kirki' ),
-		'description' => esc_html__( 'The saved value will an array.', 'kirki' ),
+		'label'       => esc_html__('Image Control (array)', 'kirki'),
+		'description' => esc_html__('The saved value will an array.', 'kirki'),
 		'section'     => 'image_section',
 		'default'     => '',
 		'choices'     => [
@@ -860,8 +860,8 @@ 
 new \Kirki\Field\Upload(
 	[
 		'settings'    => 'kirki_demo_upload_url',
-		'label'       => esc_html__( 'Upload Control (URL)', 'kirki' ),
-		'description' => esc_html__( 'The saved value will the URL.', 'kirki' ),
+		'label'       => esc_html__('Upload Control (URL)', 'kirki'),
+		'description' => esc_html__('The saved value will the URL.', 'kirki'),
 		'section'     => 'upload_section',
 		'default'     => '',
 		'transport'   => 'postMessage',
@@ -874,16 +874,16 @@ 
 new \Kirki\Field\Multicheck(
 	[
 		'settings' => 'kirki_demo_multicheck',
-		'label'    => esc_html__( 'Multickeck Control', 'kirki' ),
+		'label'    => esc_html__('Multickeck Control', 'kirki'),
 		'section'  => 'multicheck_section',
-		'default'  => [ 'option-1', 'option-3', 'option-4' ],
+		'default'  => ['option-1', 'option-3', 'option-4'],
 		'priority' => 10,
 		'choices'  => [
-			'option-1' => esc_html__( 'Option 1', 'kirki' ),
-			'option-2' => esc_html__( 'Option 2', 'kirki' ),
-			'option-3' => esc_html__( 'Option 3', 'kirki' ),
-			'option-4' => esc_html__( 'Option 4', 'kirki' ),
-			'option-5' => esc_html__( 'Option 5', 'kirki' ),
+			'option-1' => esc_html__('Option 1', 'kirki'),
+			'option-2' => esc_html__('Option 2', 'kirki'),
+			'option-3' => esc_html__('Option 3', 'kirki'),
+			'option-4' => esc_html__('Option 4', 'kirki'),
+			'option-5' => esc_html__('Option 5', 'kirki'),
 		],
 	]
 );
@@ -894,29 +894,29 @@ 
 new \Kirki\Field\Multicolor(
 	[
 		'settings'  => 'kirki_demo_multicolor',
-		'label'     => esc_html__( 'Multicolor Control', 'kirki' ),
+		'label'     => esc_html__('Multicolor Control', 'kirki'),
 		'section'   => 'multicolor_section',
 		'priority'  => 10,
 		'transport' => 'postMessage',
 		'choices'   => [
-			'link'      => esc_html__( 'Link Color', 'kirki' ),
-			'hover'     => esc_html__( 'And this is hover color with long label so you know how it is displayed.', 'kirki' ),
-			'active'    => esc_html__( 'Active Color', 'kirki' ),
-			'another1'  => esc_html__( 'Another color 1', 'kirki' ),
-			'another2'  => esc_html__( 'Another color 2', 'kirki' ),
-			'another3'  => esc_html__( 'Another color 3', 'kirki' ),
-			'another4'  => esc_html__( 'Another color 4', 'kirki' ),
-			'another5'  => esc_html__( 'Another color 5', 'kirki' ),
-			'another6'  => esc_html__( 'Another color 6', 'kirki' ),
-			'another7'  => esc_html__( 'Another color 7', 'kirki' ),
-			'another8'  => esc_html__( 'Another color 8', 'kirki' ),
-			'another9'  => esc_html__( 'Another color 9', 'kirki' ),
-			'another10' => esc_html__( 'Another color 10', 'kirki' ),
-			'another11' => esc_html__( 'Another color 11', 'kirki' ),
-			'another12' => esc_html__( 'Another color 12', 'kirki' ),
-			'another13' => esc_html__( 'Another color 13', 'kirki' ),
-			'another14' => esc_html__( 'Another color 14', 'kirki' ),
-			'another15' => esc_html__( 'Another color 15', 'kirki' ),
+			'link'      => esc_html__('Link Color', 'kirki'),
+			'hover'     => esc_html__('And this is hover color with long label so you know how it is displayed.', 'kirki'),
+			'active'    => esc_html__('Active Color', 'kirki'),
+			'another1'  => esc_html__('Another color 1', 'kirki'),
+			'another2'  => esc_html__('Another color 2', 'kirki'),
+			'another3'  => esc_html__('Another color 3', 'kirki'),
+			'another4'  => esc_html__('Another color 4', 'kirki'),
+			'another5'  => esc_html__('Another color 5', 'kirki'),
+			'another6'  => esc_html__('Another color 6', 'kirki'),
+			'another7'  => esc_html__('Another color 7', 'kirki'),
+			'another8'  => esc_html__('Another color 8', 'kirki'),
+			'another9'  => esc_html__('Another color 9', 'kirki'),
+			'another10' => esc_html__('Another color 10', 'kirki'),
+			'another11' => esc_html__('Another color 11', 'kirki'),
+			'another12' => esc_html__('Another color 12', 'kirki'),
+			'another13' => esc_html__('Another color 13', 'kirki'),
+			'another14' => esc_html__('Another color 14', 'kirki'),
+			'another15' => esc_html__('Another color 15', 'kirki'),
 		],
 		'alpha'     => true,
 		'default'   => [
@@ -933,7 +933,7 @@ 
 new \Kirki\Field\Number(
 	[
 		'settings' => 'kirki_demo_number',
-		'label'    => esc_html__( 'Number Control', 'kirki' ),
+		'label'    => esc_html__('Number Control', 'kirki'),
 		'section'  => 'number_section',
 		'priority' => 10,
 		'choices'  => [
@@ -950,14 +950,14 @@ 
 new \Kirki\Field\Palette(
 	array(
 		'settings' => 'kirki_demo_palette',
-		'label'    => esc_html__( 'Control Palette', 'kirki' ),
+		'label'    => esc_html__('Control Palette', 'kirki'),
 		'section'  => 'palette_section',
 		'default'  => 'blue',
 		'choices'  => array(
-			'a200'  => Kirki_Helper::get_material_design_colors( 'A200' ),
-			'blue'  => Kirki_Helper::get_material_design_colors( 'blue' ),
-			'green' => array( '#E8F5E9', '#C8E6C9', '#A5D6A7', '#81C784', '#66BB6A', '#4CAF50', '#43A047', '#388E3C', '#2E7D32', '#1B5E20', '#B9F6CA', '#69F0AE', '#00E676', '#00C853' ),
-			'bnw'   => array( '#000000', '#ffffff' ),
+			'a200'  => Kirki_Helper::get_material_design_colors('A200'),
+			'blue'  => Kirki_Helper::get_material_design_colors('blue'),
+			'green' => array('#E8F5E9', '#C8E6C9', '#A5D6A7', '#81C784', '#66BB6A', '#4CAF50', '#43A047', '#388E3C', '#2E7D32', '#1B5E20', '#B9F6CA', '#69F0AE', '#00E676', '#00C853'),
+			'bnw'   => array('#000000', '#ffffff'),
 		),
 	)
 );
@@ -968,16 +968,16 @@ 
 new \Kirki\Field\Radio(
 	[
 		'settings'    => 'kirki_demo_radio',
-		'label'       => esc_html__( 'Radio Control', 'kirki' ),
-		'description' => esc_html__( 'The description here.', 'kirki' ),
+		'label'       => esc_html__('Radio Control', 'kirki'),
+		'description' => esc_html__('The description here.', 'kirki'),
 		'section'     => 'radio_section',
 		'default'     => 'option-3',
 		'choices'     => [
-			'option-1' => esc_html__( 'Option 1', 'kirki' ),
-			'option-2' => esc_html__( 'Option 2', 'kirki' ),
-			'option-3' => esc_html__( 'Option 3', 'kirki' ),
-			'option-4' => esc_html__( 'Option 4', 'kirki' ),
-			'option-5' => esc_html__( 'Option 5', 'kirki' ),
+			'option-1' => esc_html__('Option 1', 'kirki'),
+			'option-2' => esc_html__('Option 2', 'kirki'),
+			'option-3' => esc_html__('Option 3', 'kirki'),
+			'option-4' => esc_html__('Option 4', 'kirki'),
+			'option-5' => esc_html__('Option 5', 'kirki'),
 		],
 	]
 );
@@ -988,14 +988,14 @@ 
 new \Kirki\Field\Radio_Buttonset(
 	[
 		'settings'    => 'kirki_demo_radio_buttonset',
-		'label'       => esc_html__( 'Radio-Buttonset Control', 'kirki' ),
-		'description' => esc_html__( 'Sample of radio-buttonset control.', 'kirki' ),
+		'label'       => esc_html__('Radio-Buttonset Control', 'kirki'),
+		'description' => esc_html__('Sample of radio-buttonset control.', 'kirki'),
 		'section'     => 'radio_buttonset_section',
 		'default'     => 'option-2',
 		'choices'     => [
-			'option-1' => esc_html__( 'Option 1', 'kirki' ),
-			'option-2' => esc_html__( 'Option 2', 'kirki' ),
-			'option-3' => esc_html__( 'Option 3', 'kirki' ),
+			'option-1' => esc_html__('Option 1', 'kirki'),
+			'option-2' => esc_html__('Option 2', 'kirki'),
+			'option-3' => esc_html__('Option 3', 'kirki'),
 		],
 	]
 );
@@ -1006,8 +1006,8 @@ 
 new \Kirki\Field\Radio_Image(
 	[
 		'settings'    => 'kirki_demo_radio_image',
-		'label'       => esc_html__( 'Radio-Image Control', 'kirki' ),
-		'description' => esc_html__( 'Sample of radio image control.', 'kirki' ),
+		'label'       => esc_html__('Radio-Image Control', 'kirki'),
+		'description' => esc_html__('Sample of radio image control.', 'kirki'),
 		'section'     => 'radio_image_section',
 		'default'     => 'travel',
 		'choices'     => [
@@ -1024,18 +1024,18 @@ 
 new \Kirki\Field\Repeater(
 	[
 		'settings'    => 'kirki_demo_repeater',
-		'label'       => esc_html__( 'Repeater Control', 'kirki' ),
-		'description' => esc_html__( 'Sample of repeater control.', 'kirki' ),
+		'label'       => esc_html__('Repeater Control', 'kirki'),
+		'description' => esc_html__('Sample of repeater control.', 'kirki'),
 		'section'     => 'repeater_section',
 		'default'     => [
 			[
-				'link_text'   => esc_html__( 'Kirki Site', 'kirki' ),
+				'link_text'   => esc_html__('Kirki Site', 'kirki'),
 				'link_url'    => 'https://kirki.org/',
 				'link_target' => '_self',
 				'checkbox'    => false,
 			],
 			[
-				'link_text'   => esc_html__( 'Kirki Repository', 'kirki' ),
+				'link_text'   => esc_html__('Kirki Repository', 'kirki'),
 				'link_url'    => 'https://github.com/aristath/kirki',
 				'link_target' => '_self',
 				'checkbox'    => false,
@@ -1044,29 +1044,29 @@ 
 		'fields'      => [
 			'link_text'   => [
 				'type'        => 'text',
-				'label'       => esc_html__( 'Link Text', 'kirki' ),
-				'description' => esc_html__( 'This will be the label for your link', 'kirki' ),
+				'label'       => esc_html__('Link Text', 'kirki'),
+				'description' => esc_html__('This will be the label for your link', 'kirki'),
 				'default'     => '',
 			],
 			'link_url'    => [
 				'type'        => 'text',
-				'label'       => esc_html__( 'Link URL', 'kirki' ),
-				'description' => esc_html__( 'This will be the link URL', 'kirki' ),
+				'label'       => esc_html__('Link URL', 'kirki'),
+				'description' => esc_html__('This will be the link URL', 'kirki'),
 				'default'     => '',
 			],
 			'link_target' => [
 				'type'        => 'select',
-				'label'       => esc_html__( 'Link Target', 'kirki' ),
-				'description' => esc_html__( 'This will be the link target', 'kirki' ),
+				'label'       => esc_html__('Link Target', 'kirki'),
+				'description' => esc_html__('This will be the link target', 'kirki'),
 				'default'     => '_self',
 				'choices'     => [
-					'_blank' => esc_html__( 'New Window', 'kirki' ),
-					'_self'  => esc_html__( 'Same Frame', 'kirki' ),
+					'_blank' => esc_html__('New Window', 'kirki'),
+					'_self'  => esc_html__('Same Frame', 'kirki'),
 				],
 			],
 			'checkbox'    => [
 				'type'    => 'checkbox',
-				'label'   => esc_html__( 'Checkbox', 'kirki' ),
+				'label'   => esc_html__('Checkbox', 'kirki'),
 				'default' => false,
 			],
 		],
@@ -1079,17 +1079,17 @@ 
 new \Kirki\Field\Select(
 	[
 		'settings'    => 'kirki_demo_select',
-		'label'       => esc_html__( 'Select Control', 'kirki' ),
-		'description' => esc_html__( 'Sample of single mode select control.', 'kirki' ),
+		'label'       => esc_html__('Select Control', 'kirki'),
+		'description' => esc_html__('Sample of single mode select control.', 'kirki'),
 		'section'     => 'select_section',
 		'default'     => 'option-3',
-		'placeholder' => esc_html__( 'Select an option', 'kirki' ),
+		'placeholder' => esc_html__('Select an option', 'kirki'),
 		'choices'     => [
-			'option-1' => esc_html__( 'Option 1', 'kirki' ),
-			'option-2' => esc_html__( 'Option 2', 'kirki' ),
-			'option-3' => esc_html__( 'Option 3', 'kirki' ),
-			'option-4' => esc_html__( 'Option 4', 'kirki' ),
-			'option-5' => esc_html__( 'Option 5', 'kirki' ),
+			'option-1' => esc_html__('Option 1', 'kirki'),
+			'option-2' => esc_html__('Option 2', 'kirki'),
+			'option-3' => esc_html__('Option 3', 'kirki'),
+			'option-4' => esc_html__('Option 4', 'kirki'),
+			'option-5' => esc_html__('Option 5', 'kirki'),
 		],
 	]
 );
@@ -1097,17 +1097,17 @@ 
 new \Kirki\Field\Select(
 	[
 		'settings'    => 'kirki_demo_select_multiple',
-		'label'       => esc_html__( 'Select Control', 'kirki' ),
-		'description' => esc_html__( 'Sample of multiple mode select control.', 'kirki' ),
+		'label'       => esc_html__('Select Control', 'kirki'),
+		'description' => esc_html__('Sample of multiple mode select control.', 'kirki'),
 		'section'     => 'select_section',
 		'default'     => 'option-3',
 		'multiple'    => 3,
 		'choices'     => [
-			'option-1' => esc_html__( 'Option 1', 'kirki' ),
-			'option-2' => esc_html__( 'Option 2', 'kirki' ),
-			'option-3' => esc_html__( 'Option 3', 'kirki' ),
-			'option-4' => esc_html__( 'Option 4', 'kirki' ),
-			'option-5' => esc_html__( 'Option 5', 'kirki' ),
+			'option-1' => esc_html__('Option 1', 'kirki'),
+			'option-2' => esc_html__('Option 2', 'kirki'),
+			'option-3' => esc_html__('Option 3', 'kirki'),
+			'option-4' => esc_html__('Option 4', 'kirki'),
+			'option-5' => esc_html__('Option 5', 'kirki'),
 		],
 	]
 );
@@ -1118,12 +1118,12 @@ 
 new \Kirki\Field\Slider(
 	[
 		'settings'    => 'kirki_demo_slider',
-		'label'       => esc_html__( 'Slider Control', 'kirki' ),
-		'description' => esc_html__( 'Sample of slider control.', 'kirki' ),
+		'label'       => esc_html__('Slider Control', 'kirki'),
+		'description' => esc_html__('Sample of slider control.', 'kirki'),
 		'section'     => 'slider_section',
 		'default'     => '10',
 		'transport'   => 'postMessage',
-		'tooltip'     => esc_html__( 'This is the tooltip', 'kirki' ),
+		'tooltip'     => esc_html__('This is the tooltip', 'kirki'),
 		'choices'     => [
 			'min'  => 0,
 			'max'  => 100,
@@ -1137,7 +1137,7 @@ 
 	[
 		'type'        => 'slider',
 		'settings'    => 'kirki_demo_slider_old',
-		'label'       => esc_html__( 'Slider Control — Using Old Way', 'kirki' ),
+		'label'       => esc_html__('Slider Control — Using Old Way', 'kirki'),
 		'description' => 'Added using `Kirki::add_field` (the old Kirki API)',
 		'section'     => 'slider_section',
 		'transport'   => 'postMessage',
@@ -1155,16 +1155,16 @@ 
 new \Kirki\Field\Sortable(
 	[
 		'settings' => 'kirki_demo_sortable',
-		'label'    => __( 'This is a sortable control.', 'kirki' ),
+		'label'    => __('This is a sortable control.', 'kirki'),
 		'section'  => 'sortable_section',
-		'default'  => [ 'option3', 'option1', 'option4' ],
+		'default'  => ['option3', 'option1', 'option4'],
 		'choices'  => [
-			'option1' => esc_html__( 'Option 1', 'kirki' ),
-			'option2' => esc_html__( 'Option 2', 'kirki' ),
-			'option3' => esc_html__( 'Option 3', 'kirki' ),
-			'option4' => esc_html__( 'Option 4', 'kirki' ),
-			'option5' => esc_html__( 'Option 5', 'kirki' ),
-			'option6' => esc_html__( 'Option 6', 'kirki' ),
+			'option1' => esc_html__('Option 1', 'kirki'),
+			'option2' => esc_html__('Option 2', 'kirki'),
+			'option3' => esc_html__('Option 3', 'kirki'),
+			'option4' => esc_html__('Option 4', 'kirki'),
+			'option5' => esc_html__('Option 5', 'kirki'),
+			'option6' => esc_html__('Option 6', 'kirki'),
 		],
 	]
 );
@@ -1175,8 +1175,8 @@ 
 new \Kirki\Field\Checkbox_Switch(
 	[
 		'settings'    => 'kirki_demo_switch',
-		'label'       => esc_html__( 'Switch Field', 'kirki' ),
-		'description' => esc_html__( 'Simple switch control', 'kirki' ),
+		'label'       => esc_html__('Switch Field', 'kirki'),
+		'description' => esc_html__('Simple switch control', 'kirki'),
 		'section'     => 'switch_section',
 		'transport'   => 'postMessage',
 		'default'     => true,
@@ -1186,13 +1186,13 @@ 
 new \Kirki\Field\Checkbox_Switch(
 	[
 		'settings'        => 'kirki_demo_switch_custom_label',
-		'label'           => esc_html__( 'Switch Field — With custom labels', 'kirki' ),
-		'description'     => esc_html__( 'Switch control using custom labels', 'kirki' ),
+		'label'           => esc_html__('Switch Field — With custom labels', 'kirki'),
+		'description'     => esc_html__('Switch control using custom labels', 'kirki'),
 		'section'         => 'switch_section',
 		'default'         => true,
 		'choices'         => [
-			'on'  => esc_html__( 'Enabled', 'kirki' ),
-			'off' => esc_html__( 'Disabled', 'kirki' ),
+			'on'  => esc_html__('Enabled', 'kirki'),
+			'off' => esc_html__('Disabled', 'kirki'),
 		],
 		'active_callback' => [
 			[
@@ -1212,8 +1212,8 @@ 
 	[
 		'type'        => 'toggle',
 		'settings'    => 'kirki_demo_toggle_setting',
-		'label'       => esc_html__( 'Toggle Field', 'kirki' ),
-		'description' => esc_html__( 'Toggle is just utilizing switch control but aligned horizontally & without the text', 'kirki' ),
+		'label'       => esc_html__('Toggle Field', 'kirki'),
+		'description' => esc_html__('Toggle is just utilizing switch control but aligned horizontally & without the text', 'kirki'),
 		'section'     => 'toggle_section',
 		'default'     => '1',
 		'priority'    => 10,
@@ -1227,8 +1227,8 @@ 
 new \Kirki\Field\Typography(
 	[
 		'settings'    => 'kirki_demo_kirki_typography_setting',
-		'label'       => esc_html__( 'Typography Control', 'kirki' ),
-		'description' => esc_html__( 'The full set of options.', 'kirki' ),
+		'label'       => esc_html__('Typography Control', 'kirki'),
+		'description' => esc_html__('The full set of options.', 'kirki'),
 		'section'     => 'typography_section',
 		'priority'    => 10,
 		'transport'   => 'postMessage',
@@ -1253,7 +1253,7 @@ 
 		],
 		'choices'     => [
 			'fonts' => [
-				'google'   => [ 'popularity', 60 ],
+				'google'   => ['popularity', 60],
 				'families' => [
 					'custom' => [
 						'text'     => 'My Custom Fonts (demo only)',
@@ -1270,8 +1270,8 @@ 
 					],
 				],
 				'variants' => [
-					'helvetica-neue'     => [ 'regular', '900' ],
-					'linotype-authentic' => [ 'regular', '100', '300' ],
+					'helvetica-neue'     => ['regular', '900'],
+					'linotype-authentic' => ['regular', '100', '300'],
 				],
 			],
 		],
@@ -1281,8 +1281,8 @@ 
 new \Kirki\Field\Typography(
 	[
 		'settings'    => 'kirki_demo_typography_setting_1',
-		'label'       => esc_html__( 'Typography Control', 'kirki' ),
-		'description' => esc_html__( 'Just the font-family and font-weight.', 'kirki' ),
+		'label'       => esc_html__('Typography Control', 'kirki'),
+		'description' => esc_html__('Just the font-family and font-weight.', 'kirki'),
 		'section'     => 'typography_section',
 		'priority'    => 10,
 		'transport'   => 'auto',
@@ -1291,7 +1291,7 @@ 
 		],
 		'output'      => [
 			[
-				'element' => [ 'h1', 'h2', 'h3', 'h4', 'h5', 'h6' ],
+				'element' => ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'],
 			],
 		],
 	]
@@ -1304,21 +1304,21 @@ 
  */
 function kirki_sidebars_select_example() {
 	$sidebars = [];
-	if ( isset( $GLOBALS['wp_registered_sidebars'] ) ) {
+	if (isset($GLOBALS['wp_registered_sidebars'])) {
 		$sidebars = $GLOBALS['wp_registered_sidebars'];
 	}
 	$sidebars_choices = [];
-	foreach ( $sidebars as $sidebar ) {
-		$sidebars_choices[ $sidebar['id'] ] = $sidebar['name'];
+	foreach ($sidebars as $sidebar) {
+		$sidebars_choices[$sidebar['id']] = $sidebar['name'];
 	}
-	if ( ! class_exists( 'Kirki' ) ) {
+	if (!class_exists('Kirki')) {
 		return;
 	}
 	new \Kirki\Field\Select(
 		[
 			'settings'    => 'kirki_demo_sidebars_select',
-			'label'       => esc_html__( 'Sidebars Select', 'kirki' ),
-			'description' => esc_html__( 'An example of how to implement sidebars selection.', 'kirki' ),
+			'label'       => esc_html__('Sidebars Select', 'kirki'),
+			'description' => esc_html__('An example of how to implement sidebars selection.', 'kirki'),
 			'section'     => 'select_section',
 			'default'     => 'primary',
 			'choices'     => $sidebars_choices,
@@ -1326,4 +1326,4 @@ 
 		]
 	);
 }
-add_action( 'init', 'kirki_sidebars_select_example', 999 );
+add_action('init', 'kirki_sidebars_select_example', 999);

brighty/wp-content/plugins/brighty-core/includes/kirki-4.0.24/lib/class-kirki-color.php

Indentation +299 added lines, -299 removed lines

@@ -15,7 +15,7 @@ 
 
 // Exit if accessed directly.
 if ( ! defined( 'ABSPATH' ) ) {
-	exit;
+    exit;
 }
 
 /**
@@ -23,320 +23,320 @@ 
  */
 final class Kirki_Color extends ariColor {
 
-	/**
-	 * A proxy for the sanitize_color method.
-	 *
-	 * @param string|array $color The color.
-	 * @param bool         $hash  Whether we want to include a hash (#) at the beginning or not.
-	 * @return string             The sanitized hex color.
-	 */
-	 public static function sanitize_hex( $color = '#FFFFFF', $hash = true ) {
-	 	if ( ! $hash ) {
-	 		return ltrim( self::sanitize_color( $color, 'hex' ), '#' );
-	 	}
-	 	return self::sanitize_color( $color, 'hex' );
-	}
+    /**
+     * A proxy for the sanitize_color method.
+     *
+     * @param string|array $color The color.
+     * @param bool         $hash  Whether we want to include a hash (#) at the beginning or not.
+     * @return string             The sanitized hex color.
+     */
+        public static function sanitize_hex( $color = '#FFFFFF', $hash = true ) {
+            if ( ! $hash ) {
+                return ltrim( self::sanitize_color( $color, 'hex' ), '#' );
+            }
+            return self::sanitize_color( $color, 'hex' );
+    }
 
-	/**
-	 * A proxy the sanitize_color method.
-	 *
-	 * @static
-	 * @access public
-	 * @param string $color The color.
-	 * @return string
-	 */
-	public static function sanitize_rgba( $color ) {
-		return self::sanitize_color( $color, 'rgba' );
-	}
+    /**
+     * A proxy the sanitize_color method.
+     *
+     * @static
+     * @access public
+     * @param string $color The color.
+     * @return string
+     */
+    public static function sanitize_rgba( $color ) {
+        return self::sanitize_color( $color, 'rgba' );
+    }
 
-	/**
-	 * Sanitize colors.
-	 * Determine if the current value is a hex or an rgba color and call the appropriate method.
-	 *
-	 * @static
-	 * @access public
-	 * @since 0.8.5
-	 * @param string|array $color The color.
-	 * @param string       $mode  The mode to be used.
-	 * @return string
-	 */
-	public static function sanitize_color( $color = '', $mode = 'auto' ) {
-		if ( is_string( $color ) && 'transparent' == trim( $color ) ) {
-			return 'transparent';
-		}
-		$obj = ariColor::newColor( $color );
-		if ( 'auto' == $mode ) {
-			$mode = $obj->mode;
-		}
-		return $obj->toCSS( $mode );
-	}
+    /**
+     * Sanitize colors.
+     * Determine if the current value is a hex or an rgba color and call the appropriate method.
+     *
+     * @static
+     * @access public
+     * @since 0.8.5
+     * @param string|array $color The color.
+     * @param string       $mode  The mode to be used.
+     * @return string
+     */
+    public static function sanitize_color( $color = '', $mode = 'auto' ) {
+        if ( is_string( $color ) && 'transparent' == trim( $color ) ) {
+            return 'transparent';
+        }
+        $obj = ariColor::newColor( $color );
+        if ( 'auto' == $mode ) {
+            $mode = $obj->mode;
+        }
+        return $obj->toCSS( $mode );
+    }
 
-	/**
-	 * Gets the rgb value of a color.
-	 *
-	 * @static
-	 * @access public
-	 * @param string  $color   The color.
-	 * @param boolean $implode Whether we want to implode the values or not.
-	 * @return array|string
-	 */
-	public static function get_rgb( $color, $implode = false ) {
-		$obj = ariColor::newColor( $color );
-		if ( $implode ) {
-			return $obj->toCSS( 'rgb' );
-		}
-		return array( $obj->red, $obj->green, $obj->blue );
-	}
+    /**
+     * Gets the rgb value of a color.
+     *
+     * @static
+     * @access public
+     * @param string  $color   The color.
+     * @param boolean $implode Whether we want to implode the values or not.
+     * @return array|string
+     */
+    public static function get_rgb( $color, $implode = false ) {
+        $obj = ariColor::newColor( $color );
+        if ( $implode ) {
+            return $obj->toCSS( 'rgb' );
+        }
+        return array( $obj->red, $obj->green, $obj->blue );
+    }
 
-	/**
-	 * A proxy for the sanitize_color method.
-	 *
-	 * @static
-	 * @access public
-	 * @param string|array $color The color to convert.
-	 * @return string The hex value of the color.
-	 */
-	public static function rgba2hex( $color ) {
-		return self::sanitize_color( $color, 'hex' );
-	}
+    /**
+     * A proxy for the sanitize_color method.
+     *
+     * @static
+     * @access public
+     * @param string|array $color The color to convert.
+     * @return string The hex value of the color.
+     */
+    public static function rgba2hex( $color ) {
+        return self::sanitize_color( $color, 'hex' );
+    }
 
-	/**
-	 * Get the alpha channel from an rgba color.
-	 *
-	 * @static
-	 * @access public
-	 * @param string $color The rgba color formatted like rgba(r,g,b,a).
-	 * @return int|float    The alpha value of the color.
-	 */
-	public static function get_alpha_from_rgba( $color ) {
-		$obj = ariColor::newColor( $color );
-		return $obj->alpha;
-	}
+    /**
+     * Get the alpha channel from an rgba color.
+     *
+     * @static
+     * @access public
+     * @param string $color The rgba color formatted like rgba(r,g,b,a).
+     * @return int|float    The alpha value of the color.
+     */
+    public static function get_alpha_from_rgba( $color ) {
+        $obj = ariColor::newColor( $color );
+        return $obj->alpha;
+    }
 
-	/**
-	 * Gets the rgba value of the $color.
-	 *
-	 * @static
-	 * @access public
-	 * @param string    $color The hex value of a color.
-	 * @param int|float $alpha Opacity level (0-1).
-	 * @return string
-	 */
-	public static function get_rgba( $color = '#fff', $alpha = 1 ) {
-		$obj = ariColor::newColor( $color );
-		if ( 1 == $alpha ) {
-			return $obj->toCSS( 'rgba' );
-		}
-		// Make sure that opacity is properly formatted.
-		// Converts 1-100 values to 0-1.
-		if ( $alpha > 1 || $alpha < -1 ) {
-			// Divide by 100.
-			$alpha /= 100;
-		}
-		// Get absolute value.
-		$alpha = abs( $alpha );
-		// Max 1.
-		if ( 1 < $alpha ) {
-			$alpha = 1;
-		}
-		$new_obj = $obj->getNew( 'alpha', $alpha );
-		return $new_obj->toCSS( 'rgba' );
-	}
+    /**
+     * Gets the rgba value of the $color.
+     *
+     * @static
+     * @access public
+     * @param string    $color The hex value of a color.
+     * @param int|float $alpha Opacity level (0-1).
+     * @return string
+     */
+    public static function get_rgba( $color = '#fff', $alpha = 1 ) {
+        $obj = ariColor::newColor( $color );
+        if ( 1 == $alpha ) {
+            return $obj->toCSS( 'rgba' );
+        }
+        // Make sure that opacity is properly formatted.
+        // Converts 1-100 values to 0-1.
+        if ( $alpha > 1 || $alpha < -1 ) {
+            // Divide by 100.
+            $alpha /= 100;
+        }
+        // Get absolute value.
+        $alpha = abs( $alpha );
+        // Max 1.
+        if ( 1 < $alpha ) {
+            $alpha = 1;
+        }
+        $new_obj = $obj->getNew( 'alpha', $alpha );
+        return $new_obj->toCSS( 'rgba' );
+    }
 
-	/**
-	 * Strips the alpha value from an RGBA color string.
-	 *
-	 * @static
-	 * @access public
-	 * @param string $color The RGBA color string.
-	 * @return string       The corresponding RGB string.
-	 */
-	public static function rgba_to_rgb( $color ) {
-		$obj = ariColor::newColor( $color );
-		return $obj->toCSS( 'rgb' );
-	}
+    /**
+     * Strips the alpha value from an RGBA color string.
+     *
+     * @static
+     * @access public
+     * @param string $color The RGBA color string.
+     * @return string       The corresponding RGB string.
+     */
+    public static function rgba_to_rgb( $color ) {
+        $obj = ariColor::newColor( $color );
+        return $obj->toCSS( 'rgb' );
+    }
 
-	/**
-	 * Gets the brightness of the $hex color.
-	 *
-	 * @static
-	 * @access public
-	 * @param string $hex The hex value of a color.
-	 * @return int        Value between 0 and 255.
-	 */
-	public static function get_brightness( $hex ) {
-		$hex = self::sanitize_hex( $hex, false );
+    /**
+     * Gets the brightness of the $hex color.
+     *
+     * @static
+     * @access public
+     * @param string $hex The hex value of a color.
+     * @return int        Value between 0 and 255.
+     */
+    public static function get_brightness( $hex ) {
+        $hex = self::sanitize_hex( $hex, false );
 
-		// Returns brightness value from 0 to 255.
-		return intval( ( ( hexdec( substr( $hex, 0, 2 ) ) * 299 ) + ( hexdec( substr( $hex, 2, 2 ) ) * 587 ) + ( hexdec( substr( $hex, 4, 2 ) ) * 114 ) ) / 1000 );
-	}
+        // Returns brightness value from 0 to 255.
+        return intval( ( ( hexdec( substr( $hex, 0, 2 ) ) * 299 ) + ( hexdec( substr( $hex, 2, 2 ) ) * 587 ) + ( hexdec( substr( $hex, 4, 2 ) ) * 114 ) ) / 1000 );
+    }
 
-	/**
-	 * Adjusts brightness of the $hex color.
-	 *
-	 * @static
-	 * @access public
-	 * @param   string  $hex    The hex value of a color.
-	 * @param   integer $steps  Should be between -255 and 255. Negative = darker, positive = lighter.
-	 * @return  string          Returns hex color.
-	 */
-	public static function adjust_brightness( $hex, $steps ) {
-		$hex = self::sanitize_hex( $hex, false );
-		$steps = max( -255, min( 255, $steps ) );
+    /**
+     * Adjusts brightness of the $hex color.
+     *
+     * @static
+     * @access public
+     * @param   string  $hex    The hex value of a color.
+     * @param   integer $steps  Should be between -255 and 255. Negative = darker, positive = lighter.
+     * @return  string          Returns hex color.
+     */
+    public static function adjust_brightness( $hex, $steps ) {
+        $hex = self::sanitize_hex( $hex, false );
+        $steps = max( -255, min( 255, $steps ) );
 
-		// Adjust number of steps and keep it inside 0 to 255.
-		$red   = max( 0, min( 255, hexdec( substr( $hex, 0, 2 ) ) + $steps ) );
-		$green = max( 0, min( 255, hexdec( substr( $hex, 2, 2 ) ) + $steps ) );
-		$blue  = max( 0, min( 255, hexdec( substr( $hex, 4, 2 ) ) + $steps ) );
+        // Adjust number of steps and keep it inside 0 to 255.
+        $red   = max( 0, min( 255, hexdec( substr( $hex, 0, 2 ) ) + $steps ) );
+        $green = max( 0, min( 255, hexdec( substr( $hex, 2, 2 ) ) + $steps ) );
+        $blue  = max( 0, min( 255, hexdec( substr( $hex, 4, 2 ) ) + $steps ) );
 
-		$red_hex   = str_pad( dechex( $red ), 2, '0', STR_PAD_LEFT );
-		$green_hex = str_pad( dechex( $green ), 2, '0', STR_PAD_LEFT );
-		$blue_hex  = str_pad( dechex( $blue ), 2, '0', STR_PAD_LEFT );
-		return self::sanitize_hex( $red_hex . $green_hex . $blue_hex );
-	}
+        $red_hex   = str_pad( dechex( $red ), 2, '0', STR_PAD_LEFT );
+        $green_hex = str_pad( dechex( $green ), 2, '0', STR_PAD_LEFT );
+        $blue_hex  = str_pad( dechex( $blue ), 2, '0', STR_PAD_LEFT );
+        return self::sanitize_hex( $red_hex . $green_hex . $blue_hex );
+    }
 
-	/**
-	 * Mixes 2 hex colors.
-	 * The "percentage" variable is the percent of the first color.
-	 * to be used it the mix. default is 50 (equal mix).
-	 *
-	 * @static
-	 * @access public
-	 * @param string|false $hex1       Color.
-	 * @param string|false $hex2       Color.
-	 * @param int          $percentage A value between 0 and 100.
-	 * @return string                  Returns hex color.
-	 */
-	public static function mix_colors( $hex1, $hex2, $percentage ) {
-		$hex1 = self::sanitize_hex( $hex1, false );
-		$hex2 = self::sanitize_hex( $hex2, false );
-		$red   = ( $percentage * hexdec( substr( $hex1, 0, 2 ) ) + ( 100 - $percentage ) * hexdec( substr( $hex2, 0, 2 ) ) ) / 100;
-		$green = ( $percentage * hexdec( substr( $hex1, 2, 2 ) ) + ( 100 - $percentage ) * hexdec( substr( $hex2, 2, 2 ) ) ) / 100;
-		$blue  = ( $percentage * hexdec( substr( $hex1, 4, 2 ) ) + ( 100 - $percentage ) * hexdec( substr( $hex2, 4, 2 ) ) ) / 100;
-		$red_hex   = str_pad( dechex( $red ), 2, '0', STR_PAD_LEFT );
-		$green_hex = str_pad( dechex( $green ), 2, '0', STR_PAD_LEFT );
-		$blue_hex  = str_pad( dechex( $blue ), 2, '0', STR_PAD_LEFT );
-		return self::sanitize_hex( $red_hex . $green_hex . $blue_hex );
-	}
+    /**
+     * Mixes 2 hex colors.
+     * The "percentage" variable is the percent of the first color.
+     * to be used it the mix. default is 50 (equal mix).
+     *
+     * @static
+     * @access public
+     * @param string|false $hex1       Color.
+     * @param string|false $hex2       Color.
+     * @param int          $percentage A value between 0 and 100.
+     * @return string                  Returns hex color.
+     */
+    public static function mix_colors( $hex1, $hex2, $percentage ) {
+        $hex1 = self::sanitize_hex( $hex1, false );
+        $hex2 = self::sanitize_hex( $hex2, false );
+        $red   = ( $percentage * hexdec( substr( $hex1, 0, 2 ) ) + ( 100 - $percentage ) * hexdec( substr( $hex2, 0, 2 ) ) ) / 100;
+        $green = ( $percentage * hexdec( substr( $hex1, 2, 2 ) ) + ( 100 - $percentage ) * hexdec( substr( $hex2, 2, 2 ) ) ) / 100;
+        $blue  = ( $percentage * hexdec( substr( $hex1, 4, 2 ) ) + ( 100 - $percentage ) * hexdec( substr( $hex2, 4, 2 ) ) ) / 100;
+        $red_hex   = str_pad( dechex( $red ), 2, '0', STR_PAD_LEFT );
+        $green_hex = str_pad( dechex( $green ), 2, '0', STR_PAD_LEFT );
+        $blue_hex  = str_pad( dechex( $blue ), 2, '0', STR_PAD_LEFT );
+        return self::sanitize_hex( $red_hex . $green_hex . $blue_hex );
+    }
 
-	/**
-	 * Convert hex color to hsv.
-	 *
-	 * @static
-	 * @access public
-	 * @param string $hex The hex value of color 1.
-	 * @return array Returns array( 'h', 's', 'v' ).
-	 */
-	public static function hex_to_hsv( $hex ) {
-		$rgb = (array) (array) self::get_rgb( self::sanitize_hex( $hex, false ) );
-		return self::rgb_to_hsv( $rgb );
-	}
+    /**
+     * Convert hex color to hsv.
+     *
+     * @static
+     * @access public
+     * @param string $hex The hex value of color 1.
+     * @return array Returns array( 'h', 's', 'v' ).
+     */
+    public static function hex_to_hsv( $hex ) {
+        $rgb = (array) (array) self::get_rgb( self::sanitize_hex( $hex, false ) );
+        return self::rgb_to_hsv( $rgb );
+    }
 
-	/**
-	 * Convert hex color to hsv.
-	 *
-	 * @static
-	 * @access public
-	 * @param string $color The rgb color to convert array( 'r', 'g', 'b' ).
-	 * @return array Returns array( 'h', 's', 'v' ).
-	 */
-	public static function rgb_to_hsv( $color = array() ) {
-		$var_r = ( $color[0] / 255 );
-		$var_g = ( $color[1] / 255 );
-		$var_b = ( $color[2] / 255 );
-		$var_min = min( $var_r, $var_g, $var_b );
-		$var_max = max( $var_r, $var_g, $var_b );
-		$del_max = $var_max - $var_min;
-		$h = 0;
-		$s = 0;
-		$v = $var_max;
-		if ( 0 != $del_max ) {
-			$s = $del_max / $var_max;
-			$del_r = ( ( ( $var_max - $var_r ) / 6 ) + ( $del_max / 2 ) ) / $del_max;
-			$del_g = ( ( ( $var_max - $var_g ) / 6 ) + ( $del_max / 2 ) ) / $del_max;
-			$del_b = ( ( ( $var_max - $var_b ) / 6 ) + ( $del_max / 2 ) ) / $del_max;
-			if ( $var_r == $var_max ) {
-				$h = $del_b - $del_g;
-			} elseif ( $var_g == $var_max ) {
-				$h = ( 1 / 3 ) + $del_r - $del_b;
-			} elseif ( $var_b == $var_max ) {
-				$h = ( 2 / 3 ) + $del_g - $del_r;
-			}
-			if ( $h < 0 ) {
-				$h++;
-			}
-			if ( $h > 1 ) {
-				$h--;
-			}
-		}
-		return array(
-			'h' => round( $h, 2 ),
-			's' => round( $s, 2 ),
-			'v' => round( $v, 2 ),
-		);
-	}
+    /**
+     * Convert hex color to hsv.
+     *
+     * @static
+     * @access public
+     * @param string $color The rgb color to convert array( 'r', 'g', 'b' ).
+     * @return array Returns array( 'h', 's', 'v' ).
+     */
+    public static function rgb_to_hsv( $color = array() ) {
+        $var_r = ( $color[0] / 255 );
+        $var_g = ( $color[1] / 255 );
+        $var_b = ( $color[2] / 255 );
+        $var_min = min( $var_r, $var_g, $var_b );
+        $var_max = max( $var_r, $var_g, $var_b );
+        $del_max = $var_max - $var_min;
+        $h = 0;
+        $s = 0;
+        $v = $var_max;
+        if ( 0 != $del_max ) {
+            $s = $del_max / $var_max;
+            $del_r = ( ( ( $var_max - $var_r ) / 6 ) + ( $del_max / 2 ) ) / $del_max;
+            $del_g = ( ( ( $var_max - $var_g ) / 6 ) + ( $del_max / 2 ) ) / $del_max;
+            $del_b = ( ( ( $var_max - $var_b ) / 6 ) + ( $del_max / 2 ) ) / $del_max;
+            if ( $var_r == $var_max ) {
+                $h = $del_b - $del_g;
+            } elseif ( $var_g == $var_max ) {
+                $h = ( 1 / 3 ) + $del_r - $del_b;
+            } elseif ( $var_b == $var_max ) {
+                $h = ( 2 / 3 ) + $del_g - $del_r;
+            }
+            if ( $h < 0 ) {
+                $h++;
+            }
+            if ( $h > 1 ) {
+                $h--;
+            }
+        }
+        return array(
+            'h' => round( $h, 2 ),
+            's' => round( $s, 2 ),
+            'v' => round( $v, 2 ),
+        );
+    }
 
-	/**
-	 * This is a very simple algorithm that works by summing up the differences between the three color components red, green and blue.
-	 * A value higher than 500 is recommended for good readability.
-	 *
-	 * @static
-	 * @access public
-	 * @param string $color_1 The 1st color.
-	 * @param string $color_2 The 2nd color.
-	 * @return string
-	 */
-	public static function color_difference( $color_1 = '#ffffff', $color_2 = '#000000' ) {
-		$color_1 = self::sanitize_hex( $color_1, false );
-		$color_2 = self::sanitize_hex( $color_2, false );
-		$color_1_rgb = self::get_rgb( $color_1 );
-		$color_2_rgb = self::get_rgb( $color_2 );
-		$r_diff = max( $color_1_rgb[0], $color_2_rgb[0] ) - min( $color_1_rgb[0], $color_2_rgb[0] );
-		$g_diff = max( $color_1_rgb[1], $color_2_rgb[1] ) - min( $color_1_rgb[1], $color_2_rgb[1] );
-		$b_diff = max( $color_1_rgb[2], $color_2_rgb[2] ) - min( $color_1_rgb[2], $color_2_rgb[2] );
-		$color_diff = $r_diff + $g_diff + $b_diff;
-		return $color_diff;
-	}
+    /**
+     * This is a very simple algorithm that works by summing up the differences between the three color components red, green and blue.
+     * A value higher than 500 is recommended for good readability.
+     *
+     * @static
+     * @access public
+     * @param string $color_1 The 1st color.
+     * @param string $color_2 The 2nd color.
+     * @return string
+     */
+    public static function color_difference( $color_1 = '#ffffff', $color_2 = '#000000' ) {
+        $color_1 = self::sanitize_hex( $color_1, false );
+        $color_2 = self::sanitize_hex( $color_2, false );
+        $color_1_rgb = self::get_rgb( $color_1 );
+        $color_2_rgb = self::get_rgb( $color_2 );
+        $r_diff = max( $color_1_rgb[0], $color_2_rgb[0] ) - min( $color_1_rgb[0], $color_2_rgb[0] );
+        $g_diff = max( $color_1_rgb[1], $color_2_rgb[1] ) - min( $color_1_rgb[1], $color_2_rgb[1] );
+        $b_diff = max( $color_1_rgb[2], $color_2_rgb[2] ) - min( $color_1_rgb[2], $color_2_rgb[2] );
+        $color_diff = $r_diff + $g_diff + $b_diff;
+        return $color_diff;
+    }
 
-	/**
-	 * This function tries to compare the brightness of the colors.
-	 * A return value of more than 125 is recommended.
-	 * Combining it with the color_difference function above might make sense.
-	 *
-	 * @static
-	 * @access public
-	 * @param string $color_1 The 1st color.
-	 * @param string $color_2 The 2nd color.
-	 * @return string
-	 */
-	public static function brightness_difference( $color_1 = '#ffffff', $color_2 = '#000000' ) {
-		$color_1 = self::sanitize_hex( $color_1, false );
-		$color_2 = self::sanitize_hex( $color_2, false );
-		$color_1_rgb = self::get_rgb( $color_1 );
-		$color_2_rgb = self::get_rgb( $color_2 );
-		$br_1 = ( 299 * $color_1_rgb[0] + 587 * $color_1_rgb[1] + 114 * $color_1_rgb[2] ) / 1000;
-		$br_2 = ( 299 * $color_2_rgb[0] + 587 * $color_2_rgb[1] + 114 * $color_2_rgb[2] ) / 1000;
-		return intval( abs( $br_1 - $br_2 ) );
-	}
+    /**
+     * This function tries to compare the brightness of the colors.
+     * A return value of more than 125 is recommended.
+     * Combining it with the color_difference function above might make sense.
+     *
+     * @static
+     * @access public
+     * @param string $color_1 The 1st color.
+     * @param string $color_2 The 2nd color.
+     * @return string
+     */
+    public static function brightness_difference( $color_1 = '#ffffff', $color_2 = '#000000' ) {
+        $color_1 = self::sanitize_hex( $color_1, false );
+        $color_2 = self::sanitize_hex( $color_2, false );
+        $color_1_rgb = self::get_rgb( $color_1 );
+        $color_2_rgb = self::get_rgb( $color_2 );
+        $br_1 = ( 299 * $color_1_rgb[0] + 587 * $color_1_rgb[1] + 114 * $color_1_rgb[2] ) / 1000;
+        $br_2 = ( 299 * $color_2_rgb[0] + 587 * $color_2_rgb[1] + 114 * $color_2_rgb[2] ) / 1000;
+        return intval( abs( $br_1 - $br_2 ) );
+    }
 
-	/**
-	 * Uses the luminosity to calculate the difference between the given colors.
-	 * The returned value should be bigger than 5 for best readability.
-	 *
-	 * @static
-	 * @access public
-	 * @param string $color_1 The 1st color.
-	 * @param string $color_2 The 2nd color.
-	 * @return string
-	 */
-	public static function lumosity_difference( $color_1 = '#ffffff', $color_2 = '#000000' ) {
-		$color_1 = self::sanitize_hex( $color_1, false );
-		$color_2 = self::sanitize_hex( $color_2, false );
-		$color_1_rgb = self::get_rgb( $color_1 );
-		$color_2_rgb = self::get_rgb( $color_2 );
-		$l1 = 0.2126 * pow( $color_1_rgb[0] / 255, 2.2 ) + 0.7152 * pow( $color_1_rgb[1] / 255, 2.2 ) + 0.0722 * pow( $color_1_rgb[2] / 255, 2.2 );
-		$l2 = 0.2126 * pow( $color_2_rgb[0] / 255, 2.2 ) + 0.7152 * pow( $color_2_rgb[1] / 255, 2.2 ) + 0.0722 * pow( $color_2_rgb[2] / 255, 2.2 );
-		$lum_diff = ( $l1 > $l2 ) ? ( $l1 + 0.05 ) / ( $l2 + 0.05 ) : ( $l2 + 0.05 ) / ( $l1 + 0.05 );
-		return round( $lum_diff, 2 );
-	}
+    /**
+     * Uses the luminosity to calculate the difference between the given colors.
+     * The returned value should be bigger than 5 for best readability.
+     *
+     * @static
+     * @access public
+     * @param string $color_1 The 1st color.
+     * @param string $color_2 The 2nd color.
+     * @return string
+     */
+    public static function lumosity_difference( $color_1 = '#ffffff', $color_2 = '#000000' ) {
+        $color_1 = self::sanitize_hex( $color_1, false );
+        $color_2 = self::sanitize_hex( $color_2, false );
+        $color_1_rgb = self::get_rgb( $color_1 );
+        $color_2_rgb = self::get_rgb( $color_2 );
+        $l1 = 0.2126 * pow( $color_1_rgb[0] / 255, 2.2 ) + 0.7152 * pow( $color_1_rgb[1] / 255, 2.2 ) + 0.0722 * pow( $color_1_rgb[2] / 255, 2.2 );
+        $l2 = 0.2126 * pow( $color_2_rgb[0] / 255, 2.2 ) + 0.7152 * pow( $color_2_rgb[1] / 255, 2.2 ) + 0.0722 * pow( $color_2_rgb[2] / 255, 2.2 );
+        $lum_diff = ( $l1 > $l2 ) ? ( $l1 + 0.05 ) / ( $l2 + 0.05 ) : ( $l2 + 0.05 ) / ( $l1 + 0.05 );
+        return round( $lum_diff, 2 );
+    }
 }

Spacing +104 added lines, -104 removed lines

@@ -14,7 +14,7 @@ 
 // phpcs:ignoreFile
 
 // Exit if accessed directly.
-if ( ! defined( 'ABSPATH' ) ) {
+if (!defined('ABSPATH')) {
 	exit;
 }
 
@@ -30,11 +30,11 @@ 
 	 * @param bool         $hash  Whether we want to include a hash (#) at the beginning or not.
 	 * @return string             The sanitized hex color.
 	 */
-	 public static function sanitize_hex( $color = '#FFFFFF', $hash = true ) {
-	 	if ( ! $hash ) {
-	 		return ltrim( self::sanitize_color( $color, 'hex' ), '#' );
+	 public static function sanitize_hex($color = '#FFFFFF', $hash = true) {
+	 	if (!$hash) {
+	 		return ltrim(self::sanitize_color($color, 'hex'), '#');
 	 	}
-	 	return self::sanitize_color( $color, 'hex' );
+	 	return self::sanitize_color($color, 'hex');
 	}
 
 	/**
@@ -45,8 +45,8 @@ 
 	 * @param string $color The color.
 	 * @return string
 	 */
-	public static function sanitize_rgba( $color ) {
-		return self::sanitize_color( $color, 'rgba' );
+	public static function sanitize_rgba($color) {
+		return self::sanitize_color($color, 'rgba');
 	}
 
 	/**
@@ -60,15 +60,15 @@ 
 	 * @param string       $mode  The mode to be used.
 	 * @return string
 	 */
-	public static function sanitize_color( $color = '', $mode = 'auto' ) {
-		if ( is_string( $color ) && 'transparent' == trim( $color ) ) {
+	public static function sanitize_color($color = '', $mode = 'auto') {
+		if (is_string($color) && 'transparent' == trim($color)) {
 			return 'transparent';
 		}
-		$obj = ariColor::newColor( $color );
-		if ( 'auto' == $mode ) {
+		$obj = ariColor::newColor($color);
+		if ('auto' == $mode) {
 			$mode = $obj->mode;
 		}
-		return $obj->toCSS( $mode );
+		return $obj->toCSS($mode);
 	}
 
 	/**
@@ -80,12 +80,12 @@ 
 	 * @param boolean $implode Whether we want to implode the values or not.
 	 * @return array|string
 	 */
-	public static function get_rgb( $color, $implode = false ) {
-		$obj = ariColor::newColor( $color );
-		if ( $implode ) {
-			return $obj->toCSS( 'rgb' );
+	public static function get_rgb($color, $implode = false) {
+		$obj = ariColor::newColor($color);
+		if ($implode) {
+			return $obj->toCSS('rgb');
 		}
-		return array( $obj->red, $obj->green, $obj->blue );
+		return array($obj->red, $obj->green, $obj->blue);
 	}
 
 	/**
@@ -96,8 +96,8 @@ 
 	 * @param string|array $color The color to convert.
 	 * @return string The hex value of the color.
 	 */
-	public static function rgba2hex( $color ) {
-		return self::sanitize_color( $color, 'hex' );
+	public static function rgba2hex($color) {
+		return self::sanitize_color($color, 'hex');
 	}
 
 	/**
@@ -108,8 +108,8 @@ 
 	 * @param string $color The rgba color formatted like rgba(r,g,b,a).
 	 * @return int|float    The alpha value of the color.
 	 */
-	public static function get_alpha_from_rgba( $color ) {
-		$obj = ariColor::newColor( $color );
+	public static function get_alpha_from_rgba($color) {
+		$obj = ariColor::newColor($color);
 		return $obj->alpha;
 	}
 
@@ -122,25 +122,25 @@ 
 	 * @param int|float $alpha Opacity level (0-1).
 	 * @return string
 	 */
-	public static function get_rgba( $color = '#fff', $alpha = 1 ) {
-		$obj = ariColor::newColor( $color );
-		if ( 1 == $alpha ) {
-			return $obj->toCSS( 'rgba' );
+	public static function get_rgba($color = '#fff', $alpha = 1) {
+		$obj = ariColor::newColor($color);
+		if (1 == $alpha) {
+			return $obj->toCSS('rgba');
 		}
 		// Make sure that opacity is properly formatted.
 		// Converts 1-100 values to 0-1.
-		if ( $alpha > 1 || $alpha < -1 ) {
+		if ($alpha > 1 || $alpha < -1) {
 			// Divide by 100.
 			$alpha /= 100;
 		}
 		// Get absolute value.
-		$alpha = abs( $alpha );
+		$alpha = abs($alpha);
 		// Max 1.
-		if ( 1 < $alpha ) {
+		if (1 < $alpha) {
 			$alpha = 1;
 		}
-		$new_obj = $obj->getNew( 'alpha', $alpha );
-		return $new_obj->toCSS( 'rgba' );
+		$new_obj = $obj->getNew('alpha', $alpha);
+		return $new_obj->toCSS('rgba');
 	}
 
 	/**
@@ -151,9 +151,9 @@ 
 	 * @param string $color The RGBA color string.
 	 * @return string       The corresponding RGB string.
 	 */
-	public static function rgba_to_rgb( $color ) {
-		$obj = ariColor::newColor( $color );
-		return $obj->toCSS( 'rgb' );
+	public static function rgba_to_rgb($color) {
+		$obj = ariColor::newColor($color);
+		return $obj->toCSS('rgb');
 	}
 
 	/**
@@ -164,11 +164,11 @@ 
 	 * @param string $hex The hex value of a color.
 	 * @return int        Value between 0 and 255.
 	 */
-	public static function get_brightness( $hex ) {
-		$hex = self::sanitize_hex( $hex, false );
+	public static function get_brightness($hex) {
+		$hex = self::sanitize_hex($hex, false);
 
 		// Returns brightness value from 0 to 255.
-		return intval( ( ( hexdec( substr( $hex, 0, 2 ) ) * 299 ) + ( hexdec( substr( $hex, 2, 2 ) ) * 587 ) + ( hexdec( substr( $hex, 4, 2 ) ) * 114 ) ) / 1000 );
+		return intval(((hexdec(substr($hex, 0, 2)) * 299) + (hexdec(substr($hex, 2, 2)) * 587) + (hexdec(substr($hex, 4, 2)) * 114)) / 1000);
 	}
 
 	/**
@@ -180,19 +180,19 @@ 
 	 * @param   integer $steps  Should be between -255 and 255. Negative = darker, positive = lighter.
 	 * @return  string          Returns hex color.
 	 */
-	public static function adjust_brightness( $hex, $steps ) {
-		$hex = self::sanitize_hex( $hex, false );
-		$steps = max( -255, min( 255, $steps ) );
+	public static function adjust_brightness($hex, $steps) {
+		$hex = self::sanitize_hex($hex, false);
+		$steps = max( -255, min(255, $steps) );
 
 		// Adjust number of steps and keep it inside 0 to 255.
-		$red   = max( 0, min( 255, hexdec( substr( $hex, 0, 2 ) ) + $steps ) );
-		$green = max( 0, min( 255, hexdec( substr( $hex, 2, 2 ) ) + $steps ) );
-		$blue  = max( 0, min( 255, hexdec( substr( $hex, 4, 2 ) ) + $steps ) );
+		$red   = max(0, min(255, hexdec(substr($hex, 0, 2)) + $steps));
+		$green = max(0, min(255, hexdec(substr($hex, 2, 2)) + $steps));
+		$blue  = max(0, min(255, hexdec(substr($hex, 4, 2)) + $steps));
 
-		$red_hex   = str_pad( dechex( $red ), 2, '0', STR_PAD_LEFT );
-		$green_hex = str_pad( dechex( $green ), 2, '0', STR_PAD_LEFT );
-		$blue_hex  = str_pad( dechex( $blue ), 2, '0', STR_PAD_LEFT );
-		return self::sanitize_hex( $red_hex . $green_hex . $blue_hex );
+		$red_hex   = str_pad(dechex($red), 2, '0', STR_PAD_LEFT);
+		$green_hex = str_pad(dechex($green), 2, '0', STR_PAD_LEFT);
+		$blue_hex  = str_pad(dechex($blue), 2, '0', STR_PAD_LEFT);
+		return self::sanitize_hex($red_hex . $green_hex . $blue_hex);
 	}
 
 	/**
@@ -207,16 +207,16 @@ 
 	 * @param int          $percentage A value between 0 and 100.
 	 * @return string                  Returns hex color.
 	 */
-	public static function mix_colors( $hex1, $hex2, $percentage ) {
-		$hex1 = self::sanitize_hex( $hex1, false );
-		$hex2 = self::sanitize_hex( $hex2, false );
-		$red   = ( $percentage * hexdec( substr( $hex1, 0, 2 ) ) + ( 100 - $percentage ) * hexdec( substr( $hex2, 0, 2 ) ) ) / 100;
-		$green = ( $percentage * hexdec( substr( $hex1, 2, 2 ) ) + ( 100 - $percentage ) * hexdec( substr( $hex2, 2, 2 ) ) ) / 100;
-		$blue  = ( $percentage * hexdec( substr( $hex1, 4, 2 ) ) + ( 100 - $percentage ) * hexdec( substr( $hex2, 4, 2 ) ) ) / 100;
-		$red_hex   = str_pad( dechex( $red ), 2, '0', STR_PAD_LEFT );
-		$green_hex = str_pad( dechex( $green ), 2, '0', STR_PAD_LEFT );
-		$blue_hex  = str_pad( dechex( $blue ), 2, '0', STR_PAD_LEFT );
-		return self::sanitize_hex( $red_hex . $green_hex . $blue_hex );
+	public static function mix_colors($hex1, $hex2, $percentage) {
+		$hex1 = self::sanitize_hex($hex1, false);
+		$hex2 = self::sanitize_hex($hex2, false);
+		$red   = ($percentage * hexdec(substr($hex1, 0, 2)) + (100 - $percentage) * hexdec(substr($hex2, 0, 2))) / 100;
+		$green = ($percentage * hexdec(substr($hex1, 2, 2)) + (100 - $percentage) * hexdec(substr($hex2, 2, 2))) / 100;
+		$blue  = ($percentage * hexdec(substr($hex1, 4, 2)) + (100 - $percentage) * hexdec(substr($hex2, 4, 2))) / 100;
+		$red_hex   = str_pad(dechex($red), 2, '0', STR_PAD_LEFT);
+		$green_hex = str_pad(dechex($green), 2, '0', STR_PAD_LEFT);
+		$blue_hex  = str_pad(dechex($blue), 2, '0', STR_PAD_LEFT);
+		return self::sanitize_hex($red_hex . $green_hex . $blue_hex);
 	}
 
 	/**
@@ -227,9 +227,9 @@ 
 	 * @param string $hex The hex value of color 1.
 	 * @return array Returns array( 'h', 's', 'v' ).
 	 */
-	public static function hex_to_hsv( $hex ) {
-		$rgb = (array) (array) self::get_rgb( self::sanitize_hex( $hex, false ) );
-		return self::rgb_to_hsv( $rgb );
+	public static function hex_to_hsv($hex) {
+		$rgb = (array) (array) self::get_rgb(self::sanitize_hex($hex, false));
+		return self::rgb_to_hsv($rgb);
 	}
 
 	/**
@@ -240,39 +240,39 @@ 
 	 * @param string $color The rgb color to convert array( 'r', 'g', 'b' ).
 	 * @return array Returns array( 'h', 's', 'v' ).
 	 */
-	public static function rgb_to_hsv( $color = array() ) {
-		$var_r = ( $color[0] / 255 );
-		$var_g = ( $color[1] / 255 );
-		$var_b = ( $color[2] / 255 );
-		$var_min = min( $var_r, $var_g, $var_b );
-		$var_max = max( $var_r, $var_g, $var_b );
+	public static function rgb_to_hsv($color = array()) {
+		$var_r = ($color[0] / 255);
+		$var_g = ($color[1] / 255);
+		$var_b = ($color[2] / 255);
+		$var_min = min($var_r, $var_g, $var_b);
+		$var_max = max($var_r, $var_g, $var_b);
 		$del_max = $var_max - $var_min;
 		$h = 0;
 		$s = 0;
 		$v = $var_max;
-		if ( 0 != $del_max ) {
+		if (0 != $del_max) {
 			$s = $del_max / $var_max;
-			$del_r = ( ( ( $var_max - $var_r ) / 6 ) + ( $del_max / 2 ) ) / $del_max;
-			$del_g = ( ( ( $var_max - $var_g ) / 6 ) + ( $del_max / 2 ) ) / $del_max;
-			$del_b = ( ( ( $var_max - $var_b ) / 6 ) + ( $del_max / 2 ) ) / $del_max;
-			if ( $var_r == $var_max ) {
+			$del_r = ((($var_max - $var_r) / 6) + ($del_max / 2)) / $del_max;
+			$del_g = ((($var_max - $var_g) / 6) + ($del_max / 2)) / $del_max;
+			$del_b = ((($var_max - $var_b) / 6) + ($del_max / 2)) / $del_max;
+			if ($var_r == $var_max) {
 				$h = $del_b - $del_g;
-			} elseif ( $var_g == $var_max ) {
-				$h = ( 1 / 3 ) + $del_r - $del_b;
-			} elseif ( $var_b == $var_max ) {
-				$h = ( 2 / 3 ) + $del_g - $del_r;
+			} elseif ($var_g == $var_max) {
+				$h = (1 / 3) + $del_r - $del_b;
+			} elseif ($var_b == $var_max) {
+				$h = (2 / 3) + $del_g - $del_r;
 			}
-			if ( $h < 0 ) {
+			if ($h < 0) {
 				$h++;
 			}
-			if ( $h > 1 ) {
+			if ($h > 1) {
 				$h--;
 			}
 		}
 		return array(
-			'h' => round( $h, 2 ),
-			's' => round( $s, 2 ),
-			'v' => round( $v, 2 ),
+			'h' => round($h, 2),
+			's' => round($s, 2),
+			'v' => round($v, 2),
 		);
 	}
 
@@ -286,14 +286,14 @@ 
 	 * @param string $color_2 The 2nd color.
 	 * @return string
 	 */
-	public static function color_difference( $color_1 = '#ffffff', $color_2 = '#000000' ) {
-		$color_1 = self::sanitize_hex( $color_1, false );
-		$color_2 = self::sanitize_hex( $color_2, false );
-		$color_1_rgb = self::get_rgb( $color_1 );
-		$color_2_rgb = self::get_rgb( $color_2 );
-		$r_diff = max( $color_1_rgb[0], $color_2_rgb[0] ) - min( $color_1_rgb[0], $color_2_rgb[0] );
-		$g_diff = max( $color_1_rgb[1], $color_2_rgb[1] ) - min( $color_1_rgb[1], $color_2_rgb[1] );
-		$b_diff = max( $color_1_rgb[2], $color_2_rgb[2] ) - min( $color_1_rgb[2], $color_2_rgb[2] );
+	public static function color_difference($color_1 = '#ffffff', $color_2 = '#000000') {
+		$color_1 = self::sanitize_hex($color_1, false);
+		$color_2 = self::sanitize_hex($color_2, false);
+		$color_1_rgb = self::get_rgb($color_1);
+		$color_2_rgb = self::get_rgb($color_2);
+		$r_diff = max($color_1_rgb[0], $color_2_rgb[0]) - min($color_1_rgb[0], $color_2_rgb[0]);
+		$g_diff = max($color_1_rgb[1], $color_2_rgb[1]) - min($color_1_rgb[1], $color_2_rgb[1]);
+		$b_diff = max($color_1_rgb[2], $color_2_rgb[2]) - min($color_1_rgb[2], $color_2_rgb[2]);
 		$color_diff = $r_diff + $g_diff + $b_diff;
 		return $color_diff;
 	}
@@ -309,14 +309,14 @@ 
 	 * @param string $color_2 The 2nd color.
 	 * @return string
 	 */
-	public static function brightness_difference( $color_1 = '#ffffff', $color_2 = '#000000' ) {
-		$color_1 = self::sanitize_hex( $color_1, false );
-		$color_2 = self::sanitize_hex( $color_2, false );
-		$color_1_rgb = self::get_rgb( $color_1 );
-		$color_2_rgb = self::get_rgb( $color_2 );
-		$br_1 = ( 299 * $color_1_rgb[0] + 587 * $color_1_rgb[1] + 114 * $color_1_rgb[2] ) / 1000;
-		$br_2 = ( 299 * $color_2_rgb[0] + 587 * $color_2_rgb[1] + 114 * $color_2_rgb[2] ) / 1000;
-		return intval( abs( $br_1 - $br_2 ) );
+	public static function brightness_difference($color_1 = '#ffffff', $color_2 = '#000000') {
+		$color_1 = self::sanitize_hex($color_1, false);
+		$color_2 = self::sanitize_hex($color_2, false);
+		$color_1_rgb = self::get_rgb($color_1);
+		$color_2_rgb = self::get_rgb($color_2);
+		$br_1 = (299 * $color_1_rgb[0] + 587 * $color_1_rgb[1] + 114 * $color_1_rgb[2]) / 1000;
+		$br_2 = (299 * $color_2_rgb[0] + 587 * $color_2_rgb[1] + 114 * $color_2_rgb[2]) / 1000;
+		return intval(abs($br_1 - $br_2));
 	}
 
 	/**
@@ -329,14 +329,14 @@ 
 	 * @param string $color_2 The 2nd color.
 	 * @return string
 	 */
-	public static function lumosity_difference( $color_1 = '#ffffff', $color_2 = '#000000' ) {
-		$color_1 = self::sanitize_hex( $color_1, false );
-		$color_2 = self::sanitize_hex( $color_2, false );
-		$color_1_rgb = self::get_rgb( $color_1 );
-		$color_2_rgb = self::get_rgb( $color_2 );
-		$l1 = 0.2126 * pow( $color_1_rgb[0] / 255, 2.2 ) + 0.7152 * pow( $color_1_rgb[1] / 255, 2.2 ) + 0.0722 * pow( $color_1_rgb[2] / 255, 2.2 );
-		$l2 = 0.2126 * pow( $color_2_rgb[0] / 255, 2.2 ) + 0.7152 * pow( $color_2_rgb[1] / 255, 2.2 ) + 0.0722 * pow( $color_2_rgb[2] / 255, 2.2 );
-		$lum_diff = ( $l1 > $l2 ) ? ( $l1 + 0.05 ) / ( $l2 + 0.05 ) : ( $l2 + 0.05 ) / ( $l1 + 0.05 );
-		return round( $lum_diff, 2 );
+	public static function lumosity_difference($color_1 = '#ffffff', $color_2 = '#000000') {
+		$color_1 = self::sanitize_hex($color_1, false);
+		$color_2 = self::sanitize_hex($color_2, false);
+		$color_1_rgb = self::get_rgb($color_1);
+		$color_2_rgb = self::get_rgb($color_2);
+		$l1 = 0.2126 * pow($color_1_rgb[0] / 255, 2.2) + 0.7152 * pow($color_1_rgb[1] / 255, 2.2) + 0.0722 * pow($color_1_rgb[2] / 255, 2.2);
+		$l2 = 0.2126 * pow($color_2_rgb[0] / 255, 2.2) + 0.7152 * pow($color_2_rgb[1] / 255, 2.2) + 0.0722 * pow($color_2_rgb[2] / 255, 2.2);
+		$lum_diff = ($l1 > $l2) ? ($l1 + 0.05) / ($l2 + 0.05) : ($l2 + 0.05) / ($l1 + 0.05);
+		return round($lum_diff, 2);
 	}
 }

brighty/wp-content/plugins/brighty-core/includes/kirki-4.0.24/lib/class-aricolor.php

Indentation +973 added lines, -973 removed lines

@@ -3,980 +3,980 @@
 
 // Exit if accessed directly.
 if ( ! defined( 'ABSPATH' ) ) {
-	exit;
+    exit;
 }
 
 if ( ! class_exists( 'ariColor' ) ) {
-	/**
-	 * The color calculations class.
-	 */
-	class ariColor {
-
-		/**
-		 * An array of our instances.
-		 *
-		 * @static
-		 * @access public
-		 * @since 1.0.0
-		 * @var array
-		 */
-		public static $instances = array();
-
-		/**
-		 * The color initially set.
-		 *
-		 * @access public
-		 * @since 1.0.0
-		 * @var mixed
-		 */
-		public $color;
-
-		/**
-		 * A fallback color in case of failure.
-		 *
-		 * @access public
-		 * @since 1.0.0
-		 * @var mixed
-		 */
-		public $fallback = '#ffffff';
-
-		/**
-		 * Fallback object from the fallback color.
-		 *
-		 * @access public
-		 * @since 1.0.0
-		 * @var object
-		 */
-		public $fallback_obj;
-
-		/**
-		 * The mode we're using for this color.
-		 *
-		 * @access public
-		 * @since 1.0.0
-		 * @var string
-		 */
-		public $mode = 'hex';
-
-		/**
-		 * An array containing all word-colors (white/blue/red etc)
-		 * and their corresponding HEX codes.
-		 *
-		 * @access public
-		 * @since 1.0.0
-		 * @var array
-		 */
-		public $word_colors = array();
-
-		/**
-		 * The hex code of the color.
-		 *
-		 * @access public
-		 * @since 1.0.0
-		 * @var string
-		 */
-		public $hex;
-
-		/**
-		 * Red value.
-		 *
-		 * @access public
-		 * @since 1.0.0
-		 * @var int
-		 */
-		public $red   = 0;
-
-		/**
-		 * Green value.
-		 *
-		 * @access public
-		 * @since 1.0.0
-		 * @var int
-		 */
-		public $green = 0;
-
-		/**
-		 * Blue value.
-		 *
-		 * @access public
-		 * @since 1.0.0
-		 * @var int
-		 */
-		public $blue  = 0;
-
-		/**
-		 * Alpha value (min:0, max: 1)
-		 *
-		 * @access public
-		 * @since 1.0.0
-		 * @var float
-		 */
-		public $alpha = 1;
-
-		/**
-		 * Hue value.
-		 *
-		 * @access public
-		 * @since 1.0.0
-		 * @var float
-		 */
-		public $hue;
-
-		/**
-		 * Saturation value.
-		 *
-		 * @access public
-		 * @since 1.0.0
-		 * @var float
-		 */
-		public $saturation;
-
-		/**
-		 * Lightness value.
-		 *
-		 * @access public
-		 * @since 1.0.0
-		 * @var float
-		 */
-		public $lightness;
-
-		/**
-		 * Chroma value.
-		 *
-		 * @access public
-		 * @since 1.0.0
-		 * @var float
-		 */
-		public $chroma;
-
-		/**
-		 * An array containing brightnesses.
-		 *
-		 * @access public
-		 * @since 1.0.0
-		 * @var array
-		 */
-		public $brightness = array();
-
-		/**
-		 * Luminance value.
-		 *
-		 * @access public
-		 * @since 1.0.0
-		 * @var float
-		 */
-		public $luminance;
-
-		/**
-		 * The class constructor.
-		 *
-		 * @access protected
-		 * @since 1.0.0
-		 * @param string|array $color The color.
-		 * @param string       $mode  The color mode. Leave empty to auto-detect.
-		 */
-		protected function __construct( $color = '', $mode = 'auto' ) {
-			$this->color = $color;
-
-			if ( is_array( $color ) && isset( $color['fallback'] ) ) {
-				$this->fallback = $color['fallback'];
-				$this->fallback_obj = self::newColor( $this->fallback );
-			}
-
-			if ( ! method_exists( $this, 'from_' . $mode ) ) {
-				$mode = $this->get_mode( $color );
-			}
-
-			$this->mode = $mode;
-
-			if ( ! $mode ) {
-				return;
-			}
-
-			$this->mode = $mode;
-			$method = 'from_' . $mode;
-			// Call the from_{$color_mode} method.
-			$this->$method();
-		}
-
-		/**
-		 * Gets an instance for this color.
-		 * We use a separate instance per color
-		 * because there's no need to create a completely new instance each time we call this class.
-		 * Instead using instances helps us improve performance & footprint.
-		 *
-		 * @static
-		 * @access public
-		 * @since 1.0.0
-		 * @param string|array $color The color.
-		 * @param string       $mode  Mode to be used.
-		 * @return ariColor    (object)
-		 */
-		public static function newColor( $color, $mode = 'auto' ) {
-
-			// Get an md5 for this color.
-			$color_md5 = ( is_array( $color ) ) ? md5( wp_json_encode( $color ) . $mode ) : md5( $color . $mode );
-			// Set the instance if it does not already exist.
-			if ( ! isset( self::$instances[ $color_md5 ] ) ) {
-				self::$instances[ $color_md5 ] = new self( $color, $mode );
-			}
-			return self::$instances[ $color_md5 ];
-		}
-
-		/**
-		 * Alias of the newColor method.
-		 *
-		 * @static
-		 * @access public
-		 * @since 1.1
-		 * @param string|array $color The color.
-		 * @param string       $mode  Mode to be used.
-		 * @return ariColor    (object)
-		 */
-		public static function new_color( $color, $mode = 'auto' ) {
-			return self::newColor( $color, $mode );
-		}
-
-		/**
-		 * Allows us to get a new instance by modifying a property of the existing one.
-		 *
-		 * @access public
-		 * @since 1.0.0
-		 * @param string           $property   Can be one of the following:
-		 *                             red,
-		 *                             green,
-		 *                             blue,
-		 *                             alpha,
-		 *                             hue,
-		 *                             saturation,
-		 *                             lightness,
-		 *                             brightness.
-		 * @param int|float|string $value      The new value.
-		 * @return ariColor|null
-		 */
-		public function getNew( $property = '', $value = '' ) {
-
-			if ( in_array( $property, array( 'red', 'green', 'blue', 'alpha' ), true ) ) {
-				// Check if we're changing any of the rgba values.
-				$value = max( 0, min( 255, $value ) );
-				if ( 'red' === $property ) {
-					return self::new_color( 'rgba(' . $value . ',' . $this->green . ',' . $this->blue . ',' . $this->alpha . ')', 'rgba' );
-				} elseif ( 'green' === $property ) {
-					return self::new_color( 'rgba(' . $this->red . ',' . $value . ',' . $this->blue . ',' . $this->alpha . ')', 'rgba' );
-				} elseif ( 'blue' === $property ) {
-					return self::new_color( 'rgba(' . $this->red . ',' . $this->green . ',' . $value . ',' . $this->alpha . ')', 'rgba' );
-				} elseif ( 'alpha' === $property ) {
-					return self::new_color( 'rgba(' . $this->red . ',' . $this->green . ',' . $this->blue . ',' . $value . ')', 'rgba' );
-				}
-			} elseif ( in_array( $property, array( 'hue', 'saturation', 'lightness' ), true ) ) {
-				// Check if we're changing any of the hsl values.
-				$value = ( 'hue' === $property ) ? max( 0, min( 360, $value ) ) : max( 0, min( 100, $value ) );
-
-				if ( 'hue' === $property ) {
-					return self::new_color( 'hsla(' . $value . ',' . $this->saturation . '%,' . $this->lightness . '%,' . $this->alpha . ')', 'hsla' );
-				} elseif ( 'saturation' === $property ) {
-					return self::new_color( 'hsla(' . $this->hue . ',' . $value . '%,' . $this->lightness . '%,' . $this->alpha . ')', 'hsla' );
-				} elseif ( 'lightness' === $property ) {
-					return self::new_color( 'hsla(' . $this->hue . ',' . $this->saturation . '%,' . $value . '%,' . $this->alpha . ')', 'hsla' );
-				}
-			} elseif ( 'brightness' === $property ) {
-				// Check if we're changing the brightness.
-				if ( $value < $this->brightness['total'] ) {
-					$red   = max( 0, min( 255, $this->red - ( $this->brightness['total'] - $value ) ) );
-					$green = max( 0, min( 255, $this->green - ( $this->brightness['total'] - $value ) ) );
-					$blue  = max( 0, min( 255, $this->blue - ( $this->brightness['total'] - $value ) ) );
-				} elseif ( $value > $this->brightness['total'] ) {
-					$red   = max( 0, min( 255, $this->red + ( $value - $this->brightness['total'] ) ) );
-					$green = max( 0, min( 255, $this->green + ( $value - $this->brightness['total'] ) ) );
-					$blue  = max( 0, min( 255, $this->blue + ( $value - $this->brightness['total'] ) ) );
-				} else {
-					// If it's not smaller and it's not greater, then it's equal.
-					return $this;
-				}
-				return self::new_color( 'rgba(' . $red . ',' . $green . ',' . $blue . ',' . $this->alpha . ')', 'rgba' );
-			}
-			return null;
-		}
-
-		/**
-		 * Allias for the getNew method.
-		 *
-		 * @access public
-		 * @since 1.1.0
-		 * @param string           $property   Can be one of the following:
-		 *                             red,
-		 *                             green,
-		 *                             blue,
-		 *                             alpha,
-		 *                             hue,
-		 *                             saturation,
-		 *                             lightness,
-		 *                             brightness.
-		 * @param int|float|string $value      The new value.
-		 * @return ariColor|null
-		 */
-		public function get_new( $property = '', $value = '' ) {
-			return $this->getNew( $property, $value );
-		}
-
-		/**
-		 * Figure out what mode we're using.
-		 *
-		 * @access public
-		 * @since 1.0.0
-		 * @param string|array $color The color we're querying.
-		 * @return string
-		 */
-		public function get_mode( $color ) {
-
-			// Check if value is an array.
-			if ( is_array( $color ) ) {
-				// Does the array have an 'rgba' key?
-				if ( isset( $color['rgba'] ) ) {
-					$this->color = $color['rgba'];
-					return 'rgba';
-				} elseif ( isset( $color['color'] ) ) {
-					// Does the array have a 'color' key?
-					$this->color = $color['color'];
-					if ( is_string( $color['color'] ) && false !== strpos( $color['color'], 'rgba' ) ) {
-						return 'rgba';
-					}
-					return 'hex';
-				}
-				// Is this a simple array with 4 items?
-				if ( 4 === count( $color ) && isset( $color[0] ) && isset( $color[1] ) && isset( $color[2] ) && isset( $color[3] ) ) {
-					$this->color = 'rgba(' . intval( $color[0] ) . ',' . intval( $color[1] ) . ',' . intval( $color[2] ) . ',' . intval( $color[3] ) . ')';
-					return 'rgba';
-				} elseif ( 3 === count( $color ) && isset( $color[0] ) && isset( $color[1] ) && isset( $color[2] ) ) {
-					// Is this a simple array with 3 items?
-					$this->color = 'rgba(' . intval( $color[0] ) . ',' . intval( $color[1] ) . ',' . intval( $color[2] ) . ',1)';
-					return 'rgba';
-				}
-
-				// Check for other keys in the array and get values from there.
-				$finders_keepers = array(
-					'r'       => 'red',
-					'g'       => 'green',
-					'b'       => 'blue',
-					'a'       => 'alpha',
-					'red'     => 'red',
-					'green'   => 'green',
-					'blue'    => 'blue',
-					'alpha'   => 'alpha',
-					'opacity' => 'alpha',
-				);
-				$found = false;
-				foreach ( $finders_keepers as $finder => $keeper ) {
-					if ( isset( $color[ $finder ] ) ) {
-						$found = true;
-						$this->$keeper = $color[ $finder ];
-					}
-				}
-
-				// We failed, use fallback.
-				if ( ! $found ) {
-					$this->from_fallback();
-					return $this->mode;
-				}
-
-				// We did not fail, so use rgba values recovered above.
-				$this->color = 'rgba(' . $this->red . ',' . $this->green . ',' . $this->blue . ',' . $this->alpha . ')';
-				return 'rgba';
-			}
-
-			// If a string and 3 or 6 characters long, add # since it's a hex.
-			if ( 3 === strlen( $this->color ) || 6 === strlen( $this->color ) && false === strpos( $this->color, '#' ) ) {
-				$this->color = '#' . $this->color;
-				$color = $this->color;
-			}
-
-			// If we got this far, it's not an array.
-			// Check for key identifiers in the value.
-			$finders_keepers = array(
-				'#'    => 'hex',
-				'rgba' => 'rgba',
-				'rgb'  => 'rgb',
-				'hsla' => 'hsla',
-				'hsl'  => 'hsl',
-			);
-			foreach ( $finders_keepers as $finder => $keeper ) {
-				if ( false !== strrpos( $color, $finder ) ) {
-
-					// Make sure hex colors have 6 digits and not more.
-					if ( '#' === $finder && 7 < strlen( $color ) ) {
-						$this->color = substr( $color, 0, 7 );
-					}
-
-					return $keeper;
-				}
-			}
-			// Perhaps we're using a word like "orange"?
-			$wordcolors = $this->get_word_colors();
-			if ( is_string( $color ) && array_key_exists( $color, $wordcolors ) ) {
-				$this->color = '#' . $wordcolors[ $color ];
-				return 'hex';
-			}
-			// Fallback to hex.
-
-			$this->color = $this->fallback;
-			return 'hex';
-		}
-
-		/**
-		 * Starts with a HEX color and calculates all other properties.
-		 *
-		 * @access protected
-		 * @since 1.0.0
-		 * @return null
-		 */
-		protected function from_hex() {
-
-			if ( ! function_exists( 'sanitize_hex_color' ) ) {
-				require_once wp_normalize_path( ABSPATH . WPINC . '/class-wp-customize-manager.php' );
-			}
-			// Is this perhaps a word-color?
-			$word_colors = $this->get_word_colors();
-			if ( array_key_exists( $this->color, $word_colors ) ) {
-				$this->color = '#' . $word_colors[ $this->color ];
-			}
-			// Sanitize color.
-			$this->hex = sanitize_hex_color( maybe_hash_hex_color( $this->color ) );
-			$hex = ltrim( $this->hex, '#' );
-
-			// Fallback if needed.
-			if ( ! $hex || 3 > strlen( $hex ) ) {
-				$this->from_fallback();
-				return;
-			}
-			// Make sure we have 6 digits for the below calculations.
-			if ( 3 === strlen( $hex ) ) {
-				$hex = ltrim( $this->hex, '#' );
-				$hex = substr( $hex, 0, 1 ) . substr( $hex, 0, 1 ) . substr( $hex, 1, 1 ) . substr( $hex, 1, 1 ) . substr( $hex, 2, 1 ) . substr( $hex, 2, 1 );
-			}
-
-			// Set red, green, blue.
-			$this->red   = hexdec( substr( $hex, 0, 2 ) );
-			$this->green = hexdec( substr( $hex, 2, 2 ) );
-			$this->blue  = hexdec( substr( $hex, 4, 2 ) );
-			$this->alpha = 1;
-			// Set other color properties.
-			$this->set_brightness();
-			$this->set_hsl();
-			$this->set_luminance();
-
-		}
-
-		/**
-		 * Starts with an RGB color and calculates all other properties.
-		 *
-		 * @access protected
-		 * @since 1.0.0
-		 * @return null
-		 */
-		protected function from_rgb() {
-			$value = explode( ',', str_replace( array( ' ', 'rgb', '(', ')' ), '', $this->color ) );
-			// Set red, green, blue.
-			$this->red   = ( isset( $value[0] ) ) ? intval( $value[0] ) : 255;
-			$this->green = ( isset( $value[1] ) ) ? intval( $value[1] ) : 255;
-			$this->blue  = ( isset( $value[2] ) ) ? intval( $value[2] ) : 255;
-			$this->alpha = 1;
-			// Set the hex.
-			$this->hex = $this->rgb_to_hex( $this->red, $this->green, $this->blue );
-			// Set other color properties.
-			$this->set_brightness();
-			$this->set_hsl();
-			$this->set_luminance();
-		}
-
-		/**
-		 * Starts with an RGBA color and calculates all other properties.
-		 *
-		 * @access protected
-		 * @since 1.0.0
-		 * @return null
-		 */
-		protected function from_rgba() {
-			// Set r, g, b, a properties.
-			$value = explode( ',', str_replace( array( ' ', 'rgba', '(', ')' ), '', $this->color ) );
-			$this->red   = ( isset( $value[0] ) ) ? intval( $value[0] ) : 255;
-			$this->green = ( isset( $value[1] ) ) ? intval( $value[1] ) : 255;
-			$this->blue  = ( isset( $value[2] ) ) ? intval( $value[2] ) : 255;
-			$this->alpha = ( isset( $value[3] ) ) ? filter_var( $value[3], FILTER_SANITIZE_NUMBER_FLOAT, FILTER_FLAG_ALLOW_FRACTION ) : 1;
-			// Limit values in the range of 0 - 255.
-			$this->red   = max( 0, min( 255, $this->red ) );
-			$this->green = max( 0, min( 255, $this->green ) );
-			$this->blue  = max( 0, min( 255, $this->blue ) );
-			// Limit values 0 - 1.
-			$this->alpha = max( 0, min( 1, $this->alpha ) );
-			// Set hex.
-			$this->hex = $this->rgb_to_hex( $this->red, $this->green, $this->blue );
-			// Set other color properties.
-			$this->set_brightness();
-			$this->set_hsl();
-			$this->set_luminance();
-		}
-
-		/**
-		 * Starts with an HSL color and calculates all other properties.
-		 *
-		 * @access protected
-		 * @since 1.0.0
-		 * @return null
-		 */
-		protected function from_hsl() {
-			$value = explode( ',', str_replace( array( ' ', 'hsl', '(', ')', '%' ), '', $this->color ) );
-			$this->hue        = $value[0];
-			$this->saturation = $value[1];
-			$this->lightness  = $value[2];
-			$this->from_hsl_array();
-		}
-
-		/**
-		 * Starts with an HSLA color and calculates all other properties.
-		 *
-		 * @access protected
-		 * @since 1.0.0
-		 * @return null
-		 */
-		protected function from_hsla() {
-			$value = explode( ',', str_replace( array( ' ', 'hsla', '(', ')', '%' ), '', $this->color ) );
-			$this->hue        = $value[0];
-			$this->saturation = $value[1];
-			$this->lightness  = $value[2];
-			$this->alpha      = $value[3];
-			$this->from_hsl_array();
-		}
-
-		/**
-		 * Generates the HEX value of a color given values for $red, $green, $blue.
-		 *
-		 * @access protected
-		 * @since 1.0.0
-		 * @param int|string $red   The red value of this color.
-		 * @param int|string $green The green value of this color.
-		 * @param int|string $blue  The blue value of this color.
-		 * @return string
-		 */
-		protected function rgb_to_hex( $red, $green, $blue ) {
-			// Get hex values properly formatted.
-			$hex_red   = $this->dexhex_double_digit( $red );
-			$hex_green = $this->dexhex_double_digit( $green );
-			$hex_blue  = $this->dexhex_double_digit( $blue );
-			return '#' . $hex_red . $hex_green . $hex_blue;
-		}
-
-		/**
-		 * Convert a decimal value to hex and make sure it's 2 characters.
-		 *
-		 * @access protected
-		 * @since 1.0.0
-		 * @param int|string $value The value to convert.
-		 * @return string
-		 */
-		protected function dexhex_double_digit( $value ) {
-			$value = dechex( $value );
-			if ( 1 === strlen( $value ) ) {
-				$value = '0' . $value;
-			}
-			return $value;
-		}
-
-		/**
-		 * Calculates the red, green, blue values of an HSL color.
-		 *
-		 * @access protected
-		 * @since 1.0.0
-		 * @see https://gist.github.com/brandonheyer/5254516
-		 */
-		protected function from_hsl_array() {
-			$h = $this->hue / 360;
-			$s = $this->saturation / 100;
-			$l = $this->lightness / 100;
-
-			$r = $l;
-			$g = $l;
-			$b = $l;
-			$v = ( $l <= 0.5 ) ? ( $l * ( 1.0 + $s ) ) : ( $l + $s - $l * $s );
-			if ( $v > 0 ) {
-				$m = $l + $l - $v;
-				$sv = ( $v - $m ) / $v;
-				$h *= 6.0;
-				$sextant = floor( $h );
-				$fract = $h - $sextant;
-				$vsf = $v * $sv * $fract;
-				$mid1 = $m + $vsf;
-				$mid2 = $v - $vsf;
-				switch ( $sextant ) {
-					case 0:
-						$r = $v;
-						$g = $mid1;
-						$b = $m;
-						break;
-					case 1:
-						$r = $mid2;
-						$g = $v;
-						$b = $m;
-						break;
-					case 2:
-						$r = $m;
-						$g = $v;
-						$b = $mid1;
-						break;
-					case 3:
-						$r = $m;
-						$g = $mid2;
-						$b = $v;
-						break;
-					case 4:
-						$r = $mid1;
-						$g = $m;
-						$b = $v;
-						break;
-					case 5:
-						$r = $v;
-						$g = $m;
-						$b = $mid2;
-						break;
-				}
-			}
-			$this->red   = round( $r * 255, 0 );
-			$this->green = round( $g * 255, 0 );
-			$this->blue  = round( $b * 255, 0 );
-
-			$this->hex = $this->rgb_to_hex( $this->red, $this->green, $this->blue );
-			$this->set_luminance();
-		}
-
-		/**
-		 * Returns a CSS-formatted value for colors.
-		 *
-		 * @access public
-		 * @since 1.0.0
-		 * @param string $mode The mode we're using.
-		 * @return string
-		 */
-		public function toCSS( $mode = 'hex' ) {
-
-			$value = '';
-
-			switch ( $mode ) {
-				case 'hex':
-					$value = strtolower( $this->hex );
-					break;
-				case 'rgba':
-					$value = 'rgba(' . $this->red . ',' . $this->green . ',' . $this->blue . ',' . $this->alpha . ')';
-					break;
-				case 'rgb':
-					$value = 'rgb(' . $this->red . ',' . $this->green . ',' . $this->blue . ')';
-					break;
-				case 'hsl':
-					$value = 'hsl(' . $this->hue . ',' . round( $this->saturation ) . '%,' . round( $this->lightness ) . '%)';
-					break;
-				case 'hsla':
-					$value = 'hsla(' . $this->hue . ',' . round( $this->saturation ) . '%,' . round( $this->lightness ) . '%,' . $this->alpha . ')';
-					break;
-			}
-			return $value;
-		}
-
-		/**
-		 * Alias for the toCSS method.
-		 *
-		 * @access public
-		 * @since 1.1
-		 * @param string $mode The mode we're using.
-		 * @return string
-		 */
-		public function to_css( $mode = 'hex' ) {
-			return $this->toCSS( $mode );
-		}
-
-		/**
-		 * Sets the HSL values of a color based on the values of red, green, blue.
-		 *
-		 * @access public
-		 * @since 1.0.0
-		 */
-		protected function set_hsl() {
-			$red   = $this->red / 255;
-			$green = $this->green / 255;
-			$blue  = $this->blue / 255;
-
-			$max = max( $red, $green, $blue );
-			$min = min( $red, $green, $blue );
-
-			$lightness  = ( $max + $min ) / 2;
-			$difference = $max - $min;
-
-			if ( ! $difference ) {
-				$hue = $saturation = 0; // Achromatic.
-			} else {
-				$saturation = $difference / ( 1 - abs( 2 * $lightness - 1 ) );
-				switch ( $max ) {
-					case $red:
-						$hue = 60 * fmod( ( ( $green - $blue ) / $difference ), 6 );
-						if ( $blue > $green ) {
-							$hue += 360;
-						}
-						break;
-					case $green:
-						$hue = 60 * ( ( $blue - $red ) / $difference + 2 );
-						break;
-					case $blue:
-						$hue = 60 * ( ( $red - $green ) / $difference + 4 );
-						break;
-				}
-			}
-
-			$this->hue        = round( $hue );
-			$this->saturation = round( $saturation * 100 );
-			$this->lightness  = round( $lightness * 100 );
-		}
-
-		/**
-		 * Sets the brightness of a color based on the values of red, green, blue.
-		 *
-		 * @access protected
-		 * @since 1.0.0
-		 */
-		protected function set_brightness() {
-			$this->brightness = array(
-				'red'   => round( $this->red * .299 ),
-				'green' => round( $this->green * .587 ),
-				'blue'  => round( $this->blue * .114 ),
-				'total' => intval( ( $this->red * .299 ) + ( $this->green * .587 ) + ( $this->blue * .114 ) ),
-			);
-		}
-
-		/**
-		 * Sets the luminance of a color (range:0-255) based on the values of red, green, blue.
-		 *
-		 * @access protected
-		 * @since 1.0.0
-		 */
-		protected function set_luminance() {
-			$lum = ( 0.2126 * $this->red ) + ( 0.7152 * $this->green ) + ( 0.0722 * $this->blue );
-			$this->luminance = round( $lum );
-		}
-
-		/**
-		 * Gets an array of all the wordcolors.
-		 *
-		 * @access protected
-		 * @since 1.0.0
-		 * @return array
-		 */
-		protected function get_word_colors() {
-			return array(
-				'aliceblue'            => 'F0F8FF',
-				'antiquewhite'         => 'FAEBD7',
-				'aqua'                 => '00FFFF',
-				'aquamarine'           => '7FFFD4',
-				'azure'                => 'F0FFFF',
-				'beige'                => 'F5F5DC',
-				'bisque'               => 'FFE4C4',
-				'black'                => '000000',
-				'blanchedalmond'       => 'FFEBCD',
-				'blue'                 => '0000FF',
-				'blueviolet'           => '8A2BE2',
-				'brown'                => 'A52A2A',
-				'burlywood'            => 'DEB887',
-				'cadetblue'            => '5F9EA0',
-				'chartreuse'           => '7FFF00',
-				'chocolate'            => 'D2691E',
-				'coral'                => 'FF7F50',
-				'cornflowerblue'       => '6495ED',
-				'cornsilk'             => 'FFF8DC',
-				'crimson'              => 'DC143C',
-				'cyan'                 => '00FFFF',
-				'darkblue'             => '00008B',
-				'darkcyan'             => '008B8B',
-				'darkgoldenrod'        => 'B8860B',
-				'darkgray'             => 'A9A9A9',
-				'darkgreen'            => '006400',
-				'darkgrey'             => 'A9A9A9',
-				'darkkhaki'            => 'BDB76B',
-				'darkmagenta'          => '8B008B',
-				'darkolivegreen'       => '556B2F',
-				'darkorange'           => 'FF8C00',
-				'darkorchid'           => '9932CC',
-				'darkred'              => '8B0000',
-				'darksalmon'           => 'E9967A',
-				'darkseagreen'         => '8FBC8F',
-				'darkslateblue'        => '483D8B',
-				'darkslategray'        => '2F4F4F',
-				'darkslategrey'        => '2F4F4F',
-				'darkturquoise'        => '00CED1',
-				'darkviolet'           => '9400D3',
-				'deeppink'             => 'FF1493',
-				'deepskyblue'          => '00BFFF',
-				'dimgray'              => '696969',
-				'dimgrey'              => '696969',
-				'dodgerblue'           => '1E90FF',
-				'firebrick'            => 'B22222',
-				'floralwhite'          => 'FFFAF0',
-				'forestgreen'          => '228B22',
-				'fuchsia'              => 'FF00FF',
-				'gainsboro'            => 'DCDCDC',
-				'ghostwhite'           => 'F8F8FF',
-				'gold'                 => 'FFD700',
-				'goldenrod'            => 'DAA520',
-				'gray'                 => '808080',
-				'green'                => '008000',
-				'greenyellow'          => 'ADFF2F',
-				'grey'                 => '808080',
-				'honeydew'             => 'F0FFF0',
-				'hotpink'              => 'FF69B4',
-				'indianred'            => 'CD5C5C',
-				'indigo'               => '4B0082',
-				'ivory'                => 'FFFFF0',
-				'khaki'                => 'F0E68C',
-				'lavender'             => 'E6E6FA',
-				'lavenderblush'        => 'FFF0F5',
-				'lawngreen'            => '7CFC00',
-				'lemonchiffon'         => 'FFFACD',
-				'lightblue'            => 'ADD8E6',
-				'lightcoral'           => 'F08080',
-				'lightcyan'            => 'E0FFFF',
-				'lightgoldenrodyellow' => 'FAFAD2',
-				'lightgray'            => 'D3D3D3',
-				'lightgreen'           => '90EE90',
-				'lightgrey'            => 'D3D3D3',
-				'lightpink'            => 'FFB6C1',
-				'lightsalmon'          => 'FFA07A',
-				'lightseagreen'        => '20B2AA',
-				'lightskyblue'         => '87CEFA',
-				'lightslategray'       => '778899',
-				'lightslategrey'       => '778899',
-				'lightsteelblue'       => 'B0C4DE',
-				'lightyellow'          => 'FFFFE0',
-				'lime'                 => '00FF00',
-				'limegreen'            => '32CD32',
-				'linen'                => 'FAF0E6',
-				'magenta'              => 'FF00FF',
-				'maroon'               => '800000',
-				'mediumaquamarine'     => '66CDAA',
-				'mediumblue'           => '0000CD',
-				'mediumorchid'         => 'BA55D3',
-				'mediumpurple'         => '9370D0',
-				'mediumseagreen'       => '3CB371',
-				'mediumslateblue'      => '7B68EE',
-				'mediumspringgreen'    => '00FA9A',
-				'mediumturquoise'      => '48D1CC',
-				'mediumvioletred'      => 'C71585',
-				'midnightblue'         => '191970',
-				'mintcream'            => 'F5FFFA',
-				'mistyrose'            => 'FFE4E1',
-				'moccasin'             => 'FFE4B5',
-				'navajowhite'          => 'FFDEAD',
-				'navy'                 => '000080',
-				'oldlace'              => 'FDF5E6',
-				'olive'                => '808000',
-				'olivedrab'            => '6B8E23',
-				'orange'               => 'FFA500',
-				'orangered'            => 'FF4500',
-				'orchid'               => 'DA70D6',
-				'palegoldenrod'        => 'EEE8AA',
-				'palegreen'            => '98FB98',
-				'paleturquoise'        => 'AFEEEE',
-				'palevioletred'        => 'DB7093',
-				'papayawhip'           => 'FFEFD5',
-				'peachpuff'            => 'FFDAB9',
-				'peru'                 => 'CD853F',
-				'pink'                 => 'FFC0CB',
-				'plum'                 => 'DDA0DD',
-				'powderblue'           => 'B0E0E6',
-				'purple'               => '800080',
-				'red'                  => 'FF0000',
-				'rosybrown'            => 'BC8F8F',
-				'royalblue'            => '4169E1',
-				'saddlebrown'          => '8B4513',
-				'salmon'               => 'FA8072',
-				'sandybrown'           => 'F4A460',
-				'seagreen'             => '2E8B57',
-				'seashell'             => 'FFF5EE',
-				'sienna'               => 'A0522D',
-				'silver'               => 'C0C0C0',
-				'skyblue'              => '87CEEB',
-				'slateblue'            => '6A5ACD',
-				'slategray'            => '708090',
-				'slategrey'            => '708090',
-				'snow'                 => 'FFFAFA',
-				'springgreen'          => '00FF7F',
-				'steelblue'            => '4682B4',
-				'tan'                  => 'D2B48C',
-				'teal'                 => '008080',
-				'thistle'              => 'D8BFD8',
-				'tomato'               => 'FF6347',
-				'turquoise'            => '40E0D0',
-				'violet'               => 'EE82EE',
-				'wheat'                => 'F5DEB3',
-				'white'                => 'FFFFFF',
-				'whitesmoke'           => 'F5F5F5',
-				'yellow'               => 'FFFF00',
-				'yellowgreen'          => '9ACD32',
-			);
-
-		}
-
-		/**
-		 * Use fallback object.
-		 *
-		 * @access protected
-		 * @since 1.2.0
-		 */
-		protected function from_fallback() {
-			$this->color = $this->fallback;
-
-			if ( ! $this->fallback_obj ) {
-				$this->fallback_obj = self::newColor( $this->fallback );
-			}
-			$this->color      = $this->fallback_obj->color;
-			$this->mode       = $this->fallback_obj->mode;
-			$this->red        = $this->fallback_obj->red;
-			$this->green      = $this->fallback_obj->green;
-			$this->blue       = $this->fallback_obj->blue;
-			$this->alpha      = $this->fallback_obj->alpha;
-			$this->hue        = $this->fallback_obj->hue;
-			$this->saturation = $this->fallback_obj->saturation;
-			$this->lightness  = $this->fallback_obj->lightness;
-			$this->luminance  = $this->fallback_obj->luminance;
-			$this->hex        = $this->fallback_obj->hex;
-		}
-
-		/**
-		 * Handle non-existing public methods.
-		 *
-		 * @access public
-		 * @since 1.1.0
-		 * @param string $name      The method name.
-		 * @param mixed  $arguments The method arguments.
-		 * @return mixed
-		 */
-		public function __call( $name, $arguments ) {
-			if ( method_exists( $this, $name ) ) {
-				call_user_func( array( $this, $name ), $arguments );
-			} else {
-				return $arguments;
-			}
-		}
-
-		/**
-		 * Handle non-existing public static methods.
-		 *
-		 * @static
-		 * @access public
-		 * @since 1.1.0
-		 * @param string $name      The method name.
-		 * @param mixed  $arguments The method arguments.
-		 * @return mixed
-		 */
-		public static function __callStatic( $name, $arguments ) {
-			if ( method_exists( __CLASS__, $name ) ) {
-				call_user_func( array( __CLASS__, $name ), $arguments );
-			} else {
-				return $arguments;
-			}
-		}
-	}
+    /**
+     * The color calculations class.
+     */
+    class ariColor {
+
+        /**
+         * An array of our instances.
+         *
+         * @static
+         * @access public
+         * @since 1.0.0
+         * @var array
+         */
+        public static $instances = array();
+
+        /**
+         * The color initially set.
+         *
+         * @access public
+         * @since 1.0.0
+         * @var mixed
+         */
+        public $color;
+
+        /**
+         * A fallback color in case of failure.
+         *
+         * @access public
+         * @since 1.0.0
+         * @var mixed
+         */
+        public $fallback = '#ffffff';
+
+        /**
+         * Fallback object from the fallback color.
+         *
+         * @access public
+         * @since 1.0.0
+         * @var object
+         */
+        public $fallback_obj;
+
+        /**
+         * The mode we're using for this color.
+         *
+         * @access public
+         * @since 1.0.0
+         * @var string
+         */
+        public $mode = 'hex';
+
+        /**
+         * An array containing all word-colors (white/blue/red etc)
+         * and their corresponding HEX codes.
+         *
+         * @access public
+         * @since 1.0.0
+         * @var array
+         */
+        public $word_colors = array();
+
+        /**
+         * The hex code of the color.
+         *
+         * @access public
+         * @since 1.0.0
+         * @var string
+         */
+        public $hex;
+
+        /**
+         * Red value.
+         *
+         * @access public
+         * @since 1.0.0
+         * @var int
+         */
+        public $red   = 0;
+
+        /**
+         * Green value.
+         *
+         * @access public
+         * @since 1.0.0
+         * @var int
+         */
+        public $green = 0;
+
+        /**
+         * Blue value.
+         *
+         * @access public
+         * @since 1.0.0
+         * @var int
+         */
+        public $blue  = 0;
+
+        /**
+         * Alpha value (min:0, max: 1)
+         *
+         * @access public
+         * @since 1.0.0
+         * @var float
+         */
+        public $alpha = 1;
+
+        /**
+         * Hue value.
+         *
+         * @access public
+         * @since 1.0.0
+         * @var float
+         */
+        public $hue;
+
+        /**
+         * Saturation value.
+         *
+         * @access public
+         * @since 1.0.0
+         * @var float
+         */
+        public $saturation;
+
+        /**
+         * Lightness value.
+         *
+         * @access public
+         * @since 1.0.0
+         * @var float
+         */
+        public $lightness;
+
+        /**
+         * Chroma value.
+         *
+         * @access public
+         * @since 1.0.0
+         * @var float
+         */
+        public $chroma;
+
+        /**
+         * An array containing brightnesses.
+         *
+         * @access public
+         * @since 1.0.0
+         * @var array
+         */
+        public $brightness = array();
+
+        /**
+         * Luminance value.
+         *
+         * @access public
+         * @since 1.0.0
+         * @var float
+         */
+        public $luminance;
+
+        /**
+         * The class constructor.
+         *
+         * @access protected
+         * @since 1.0.0
+         * @param string|array $color The color.
+         * @param string       $mode  The color mode. Leave empty to auto-detect.
+         */
+        protected function __construct( $color = '', $mode = 'auto' ) {
+            $this->color = $color;
+
+            if ( is_array( $color ) && isset( $color['fallback'] ) ) {
+                $this->fallback = $color['fallback'];
+                $this->fallback_obj = self::newColor( $this->fallback );
+            }
+
+            if ( ! method_exists( $this, 'from_' . $mode ) ) {
+                $mode = $this->get_mode( $color );
+            }
+
+            $this->mode = $mode;
+
+            if ( ! $mode ) {
+                return;
+            }
+
+            $this->mode = $mode;
+            $method = 'from_' . $mode;
+            // Call the from_{$color_mode} method.
+            $this->$method();
+        }
+
+        /**
+         * Gets an instance for this color.
+         * We use a separate instance per color
+         * because there's no need to create a completely new instance each time we call this class.
+         * Instead using instances helps us improve performance & footprint.
+         *
+         * @static
+         * @access public
+         * @since 1.0.0
+         * @param string|array $color The color.
+         * @param string       $mode  Mode to be used.
+         * @return ariColor    (object)
+         */
+        public static function newColor( $color, $mode = 'auto' ) {
+
+            // Get an md5 for this color.
+            $color_md5 = ( is_array( $color ) ) ? md5( wp_json_encode( $color ) . $mode ) : md5( $color . $mode );
+            // Set the instance if it does not already exist.
+            if ( ! isset( self::$instances[ $color_md5 ] ) ) {
+                self::$instances[ $color_md5 ] = new self( $color, $mode );
+            }
+            return self::$instances[ $color_md5 ];
+        }
+
+        /**
+         * Alias of the newColor method.
+         *
+         * @static
+         * @access public
+         * @since 1.1
+         * @param string|array $color The color.
+         * @param string       $mode  Mode to be used.
+         * @return ariColor    (object)
+         */
+        public static function new_color( $color, $mode = 'auto' ) {
+            return self::newColor( $color, $mode );
+        }
+
+        /**
+         * Allows us to get a new instance by modifying a property of the existing one.
+         *
+         * @access public
+         * @since 1.0.0
+         * @param string           $property   Can be one of the following:
+         *                             red,
+         *                             green,
+         *                             blue,
+         *                             alpha,
+         *                             hue,
+         *                             saturation,
+         *                             lightness,
+         *                             brightness.
+         * @param int|float|string $value      The new value.
+         * @return ariColor|null
+         */
+        public function getNew( $property = '', $value = '' ) {
+
+            if ( in_array( $property, array( 'red', 'green', 'blue', 'alpha' ), true ) ) {
+                // Check if we're changing any of the rgba values.
+                $value = max( 0, min( 255, $value ) );
+                if ( 'red' === $property ) {
+                    return self::new_color( 'rgba(' . $value . ',' . $this->green . ',' . $this->blue . ',' . $this->alpha . ')', 'rgba' );
+                } elseif ( 'green' === $property ) {
+                    return self::new_color( 'rgba(' . $this->red . ',' . $value . ',' . $this->blue . ',' . $this->alpha . ')', 'rgba' );
+                } elseif ( 'blue' === $property ) {
+                    return self::new_color( 'rgba(' . $this->red . ',' . $this->green . ',' . $value . ',' . $this->alpha . ')', 'rgba' );
+                } elseif ( 'alpha' === $property ) {
+                    return self::new_color( 'rgba(' . $this->red . ',' . $this->green . ',' . $this->blue . ',' . $value . ')', 'rgba' );
+                }
+            } elseif ( in_array( $property, array( 'hue', 'saturation', 'lightness' ), true ) ) {
+                // Check if we're changing any of the hsl values.
+                $value = ( 'hue' === $property ) ? max( 0, min( 360, $value ) ) : max( 0, min( 100, $value ) );
+
+                if ( 'hue' === $property ) {
+                    return self::new_color( 'hsla(' . $value . ',' . $this->saturation . '%,' . $this->lightness . '%,' . $this->alpha . ')', 'hsla' );
+                } elseif ( 'saturation' === $property ) {
+                    return self::new_color( 'hsla(' . $this->hue . ',' . $value . '%,' . $this->lightness . '%,' . $this->alpha . ')', 'hsla' );
+                } elseif ( 'lightness' === $property ) {
+                    return self::new_color( 'hsla(' . $this->hue . ',' . $this->saturation . '%,' . $value . '%,' . $this->alpha . ')', 'hsla' );
+                }
+            } elseif ( 'brightness' === $property ) {
+                // Check if we're changing the brightness.
+                if ( $value < $this->brightness['total'] ) {
+                    $red   = max( 0, min( 255, $this->red - ( $this->brightness['total'] - $value ) ) );
+                    $green = max( 0, min( 255, $this->green - ( $this->brightness['total'] - $value ) ) );
+                    $blue  = max( 0, min( 255, $this->blue - ( $this->brightness['total'] - $value ) ) );
+                } elseif ( $value > $this->brightness['total'] ) {
+                    $red   = max( 0, min( 255, $this->red + ( $value - $this->brightness['total'] ) ) );
+                    $green = max( 0, min( 255, $this->green + ( $value - $this->brightness['total'] ) ) );
+                    $blue  = max( 0, min( 255, $this->blue + ( $value - $this->brightness['total'] ) ) );
+                } else {
+                    // If it's not smaller and it's not greater, then it's equal.
+                    return $this;
+                }
+                return self::new_color( 'rgba(' . $red . ',' . $green . ',' . $blue . ',' . $this->alpha . ')', 'rgba' );
+            }
+            return null;
+        }
+
+        /**
+         * Allias for the getNew method.
+         *
+         * @access public
+         * @since 1.1.0
+         * @param string           $property   Can be one of the following:
+         *                             red,
+         *                             green,
+         *                             blue,
+         *                             alpha,
+         *                             hue,
+         *                             saturation,
+         *                             lightness,
+         *                             brightness.
+         * @param int|float|string $value      The new value.
+         * @return ariColor|null
+         */
+        public function get_new( $property = '', $value = '' ) {
+            return $this->getNew( $property, $value );
+        }
+
+        /**
+         * Figure out what mode we're using.
+         *
+         * @access public
+         * @since 1.0.0
+         * @param string|array $color The color we're querying.
+         * @return string
+         */
+        public function get_mode( $color ) {
+
+            // Check if value is an array.
+            if ( is_array( $color ) ) {
+                // Does the array have an 'rgba' key?
+                if ( isset( $color['rgba'] ) ) {
+                    $this->color = $color['rgba'];
+                    return 'rgba';
+                } elseif ( isset( $color['color'] ) ) {
+                    // Does the array have a 'color' key?
+                    $this->color = $color['color'];
+                    if ( is_string( $color['color'] ) && false !== strpos( $color['color'], 'rgba' ) ) {
+                        return 'rgba';
+                    }
+                    return 'hex';
+                }
+                // Is this a simple array with 4 items?
+                if ( 4 === count( $color ) && isset( $color[0] ) && isset( $color[1] ) && isset( $color[2] ) && isset( $color[3] ) ) {
+                    $this->color = 'rgba(' . intval( $color[0] ) . ',' . intval( $color[1] ) . ',' . intval( $color[2] ) . ',' . intval( $color[3] ) . ')';
+                    return 'rgba';
+                } elseif ( 3 === count( $color ) && isset( $color[0] ) && isset( $color[1] ) && isset( $color[2] ) ) {
+                    // Is this a simple array with 3 items?
+                    $this->color = 'rgba(' . intval( $color[0] ) . ',' . intval( $color[1] ) . ',' . intval( $color[2] ) . ',1)';
+                    return 'rgba';
+                }
+
+                // Check for other keys in the array and get values from there.
+                $finders_keepers = array(
+                    'r'       => 'red',
+                    'g'       => 'green',
+                    'b'       => 'blue',
+                    'a'       => 'alpha',
+                    'red'     => 'red',
+                    'green'   => 'green',
+                    'blue'    => 'blue',
+                    'alpha'   => 'alpha',
+                    'opacity' => 'alpha',
+                );
+                $found = false;
+                foreach ( $finders_keepers as $finder => $keeper ) {
+                    if ( isset( $color[ $finder ] ) ) {
+                        $found = true;
+                        $this->$keeper = $color[ $finder ];
+                    }
+                }
+
+                // We failed, use fallback.
+                if ( ! $found ) {
+                    $this->from_fallback();
+                    return $this->mode;
+                }
+
+                // We did not fail, so use rgba values recovered above.
+                $this->color = 'rgba(' . $this->red . ',' . $this->green . ',' . $this->blue . ',' . $this->alpha . ')';
+                return 'rgba';
+            }
+
+            // If a string and 3 or 6 characters long, add # since it's a hex.
+            if ( 3 === strlen( $this->color ) || 6 === strlen( $this->color ) && false === strpos( $this->color, '#' ) ) {
+                $this->color = '#' . $this->color;
+                $color = $this->color;
+            }
+
+            // If we got this far, it's not an array.
+            // Check for key identifiers in the value.
+            $finders_keepers = array(
+                '#'    => 'hex',
+                'rgba' => 'rgba',
+                'rgb'  => 'rgb',
+                'hsla' => 'hsla',
+                'hsl'  => 'hsl',
+            );
+            foreach ( $finders_keepers as $finder => $keeper ) {
+                if ( false !== strrpos( $color, $finder ) ) {
+
+                    // Make sure hex colors have 6 digits and not more.
+                    if ( '#' === $finder && 7 < strlen( $color ) ) {
+                        $this->color = substr( $color, 0, 7 );
+                    }
+
+                    return $keeper;
+                }
+            }
+            // Perhaps we're using a word like "orange"?
+            $wordcolors = $this->get_word_colors();
+            if ( is_string( $color ) && array_key_exists( $color, $wordcolors ) ) {
+                $this->color = '#' . $wordcolors[ $color ];
+                return 'hex';
+            }
+            // Fallback to hex.
+
+            $this->color = $this->fallback;
+            return 'hex';
+        }
+
+        /**
+         * Starts with a HEX color and calculates all other properties.
+         *
+         * @access protected
+         * @since 1.0.0
+         * @return null
+         */
+        protected function from_hex() {
+
+            if ( ! function_exists( 'sanitize_hex_color' ) ) {
+                require_once wp_normalize_path( ABSPATH . WPINC . '/class-wp-customize-manager.php' );
+            }
+            // Is this perhaps a word-color?
+            $word_colors = $this->get_word_colors();
+            if ( array_key_exists( $this->color, $word_colors ) ) {
+                $this->color = '#' . $word_colors[ $this->color ];
+            }
+            // Sanitize color.
+            $this->hex = sanitize_hex_color( maybe_hash_hex_color( $this->color ) );
+            $hex = ltrim( $this->hex, '#' );
+
+            // Fallback if needed.
+            if ( ! $hex || 3 > strlen( $hex ) ) {
+                $this->from_fallback();
+                return;
+            }
+            // Make sure we have 6 digits for the below calculations.
+            if ( 3 === strlen( $hex ) ) {
+                $hex = ltrim( $this->hex, '#' );
+                $hex = substr( $hex, 0, 1 ) . substr( $hex, 0, 1 ) . substr( $hex, 1, 1 ) . substr( $hex, 1, 1 ) . substr( $hex, 2, 1 ) . substr( $hex, 2, 1 );
+            }
+
+            // Set red, green, blue.
+            $this->red   = hexdec( substr( $hex, 0, 2 ) );
+            $this->green = hexdec( substr( $hex, 2, 2 ) );
+            $this->blue  = hexdec( substr( $hex, 4, 2 ) );
+            $this->alpha = 1;
+            // Set other color properties.
+            $this->set_brightness();
+            $this->set_hsl();
+            $this->set_luminance();
+
+        }
+
+        /**
+         * Starts with an RGB color and calculates all other properties.
+         *
+         * @access protected
+         * @since 1.0.0
+         * @return null
+         */
+        protected function from_rgb() {
+            $value = explode( ',', str_replace( array( ' ', 'rgb', '(', ')' ), '', $this->color ) );
+            // Set red, green, blue.
+            $this->red   = ( isset( $value[0] ) ) ? intval( $value[0] ) : 255;
+            $this->green = ( isset( $value[1] ) ) ? intval( $value[1] ) : 255;
+            $this->blue  = ( isset( $value[2] ) ) ? intval( $value[2] ) : 255;
+            $this->alpha = 1;
+            // Set the hex.
+            $this->hex = $this->rgb_to_hex( $this->red, $this->green, $this->blue );
+            // Set other color properties.
+            $this->set_brightness();
+            $this->set_hsl();
+            $this->set_luminance();
+        }
+
+        /**
+         * Starts with an RGBA color and calculates all other properties.
+         *
+         * @access protected
+         * @since 1.0.0
+         * @return null
+         */
+        protected function from_rgba() {
+            // Set r, g, b, a properties.
+            $value = explode( ',', str_replace( array( ' ', 'rgba', '(', ')' ), '', $this->color ) );
+            $this->red   = ( isset( $value[0] ) ) ? intval( $value[0] ) : 255;
+            $this->green = ( isset( $value[1] ) ) ? intval( $value[1] ) : 255;
+            $this->blue  = ( isset( $value[2] ) ) ? intval( $value[2] ) : 255;
+            $this->alpha = ( isset( $value[3] ) ) ? filter_var( $value[3], FILTER_SANITIZE_NUMBER_FLOAT, FILTER_FLAG_ALLOW_FRACTION ) : 1;
+            // Limit values in the range of 0 - 255.
+            $this->red   = max( 0, min( 255, $this->red ) );
+            $this->green = max( 0, min( 255, $this->green ) );
+            $this->blue  = max( 0, min( 255, $this->blue ) );
+            // Limit values 0 - 1.
+            $this->alpha = max( 0, min( 1, $this->alpha ) );
+            // Set hex.
+            $this->hex = $this->rgb_to_hex( $this->red, $this->green, $this->blue );
+            // Set other color properties.
+            $this->set_brightness();
+            $this->set_hsl();
+            $this->set_luminance();
+        }
+
+        /**
+         * Starts with an HSL color and calculates all other properties.
+         *
+         * @access protected
+         * @since 1.0.0
+         * @return null
+         */
+        protected function from_hsl() {
+            $value = explode( ',', str_replace( array( ' ', 'hsl', '(', ')', '%' ), '', $this->color ) );
+            $this->hue        = $value[0];
+            $this->saturation = $value[1];
+            $this->lightness  = $value[2];
+            $this->from_hsl_array();
+        }
+
+        /**
+         * Starts with an HSLA color and calculates all other properties.
+         *
+         * @access protected
+         * @since 1.0.0
+         * @return null
+         */
+        protected function from_hsla() {
+            $value = explode( ',', str_replace( array( ' ', 'hsla', '(', ')', '%' ), '', $this->color ) );
+            $this->hue        = $value[0];
+            $this->saturation = $value[1];
+            $this->lightness  = $value[2];
+            $this->alpha      = $value[3];
+            $this->from_hsl_array();
+        }
+
+        /**
+         * Generates the HEX value of a color given values for $red, $green, $blue.
+         *
+         * @access protected
+         * @since 1.0.0
+         * @param int|string $red   The red value of this color.
+         * @param int|string $green The green value of this color.
+         * @param int|string $blue  The blue value of this color.
+         * @return string
+         */
+        protected function rgb_to_hex( $red, $green, $blue ) {
+            // Get hex values properly formatted.
+            $hex_red   = $this->dexhex_double_digit( $red );
+            $hex_green = $this->dexhex_double_digit( $green );
+            $hex_blue  = $this->dexhex_double_digit( $blue );
+            return '#' . $hex_red . $hex_green . $hex_blue;
+        }
+
+        /**
+         * Convert a decimal value to hex and make sure it's 2 characters.
+         *
+         * @access protected
+         * @since 1.0.0
+         * @param int|string $value The value to convert.
+         * @return string
+         */
+        protected function dexhex_double_digit( $value ) {
+            $value = dechex( $value );
+            if ( 1 === strlen( $value ) ) {
+                $value = '0' . $value;
+            }
+            return $value;
+        }
+
+        /**
+         * Calculates the red, green, blue values of an HSL color.
+         *
+         * @access protected
+         * @since 1.0.0
+         * @see https://gist.github.com/brandonheyer/5254516
+         */
+        protected function from_hsl_array() {
+            $h = $this->hue / 360;
+            $s = $this->saturation / 100;
+            $l = $this->lightness / 100;
+
+            $r = $l;
+            $g = $l;
+            $b = $l;
+            $v = ( $l <= 0.5 ) ? ( $l * ( 1.0 + $s ) ) : ( $l + $s - $l * $s );
+            if ( $v > 0 ) {
+                $m = $l + $l - $v;
+                $sv = ( $v - $m ) / $v;
+                $h *= 6.0;
+                $sextant = floor( $h );
+                $fract = $h - $sextant;
+                $vsf = $v * $sv * $fract;
+                $mid1 = $m + $vsf;
+                $mid2 = $v - $vsf;
+                switch ( $sextant ) {
+                    case 0:
+                        $r = $v;
+                        $g = $mid1;
+                        $b = $m;
+                        break;
+                    case 1:
+                        $r = $mid2;
+                        $g = $v;
+                        $b = $m;
+                        break;
+                    case 2:
+                        $r = $m;
+                        $g = $v;
+                        $b = $mid1;
+                        break;
+                    case 3:
+                        $r = $m;
+                        $g = $mid2;
+                        $b = $v;
+                        break;
+                    case 4:
+                        $r = $mid1;
+                        $g = $m;
+                        $b = $v;
+                        break;
+                    case 5:
+                        $r = $v;
+                        $g = $m;
+                        $b = $mid2;
+                        break;
+                }
+            }
+            $this->red   = round( $r * 255, 0 );
+            $this->green = round( $g * 255, 0 );
+            $this->blue  = round( $b * 255, 0 );
+
+            $this->hex = $this->rgb_to_hex( $this->red, $this->green, $this->blue );
+            $this->set_luminance();
+        }
+
+        /**
+         * Returns a CSS-formatted value for colors.
+         *
+         * @access public
+         * @since 1.0.0
+         * @param string $mode The mode we're using.
+         * @return string
+         */
+        public function toCSS( $mode = 'hex' ) {
+
+            $value = '';
+
+            switch ( $mode ) {
+                case 'hex':
+                    $value = strtolower( $this->hex );
+                    break;
+                case 'rgba':
+                    $value = 'rgba(' . $this->red . ',' . $this->green . ',' . $this->blue . ',' . $this->alpha . ')';
+                    break;
+                case 'rgb':
+                    $value = 'rgb(' . $this->red . ',' . $this->green . ',' . $this->blue . ')';
+                    break;
+                case 'hsl':
+                    $value = 'hsl(' . $this->hue . ',' . round( $this->saturation ) . '%,' . round( $this->lightness ) . '%)';
+                    break;
+                case 'hsla':
+                    $value = 'hsla(' . $this->hue . ',' . round( $this->saturation ) . '%,' . round( $this->lightness ) . '%,' . $this->alpha . ')';
+                    break;
+            }
+            return $value;
+        }
+
+        /**
+         * Alias for the toCSS method.
+         *
+         * @access public
+         * @since 1.1
+         * @param string $mode The mode we're using.
+         * @return string
+         */
+        public function to_css( $mode = 'hex' ) {
+            return $this->toCSS( $mode );
+        }
+
+        /**
+         * Sets the HSL values of a color based on the values of red, green, blue.
+         *
+         * @access public
+         * @since 1.0.0
+         */
+        protected function set_hsl() {
+            $red   = $this->red / 255;
+            $green = $this->green / 255;
+            $blue  = $this->blue / 255;
+
+            $max = max( $red, $green, $blue );
+            $min = min( $red, $green, $blue );
+
+            $lightness  = ( $max + $min ) / 2;
+            $difference = $max - $min;
+
+            if ( ! $difference ) {
+                $hue = $saturation = 0; // Achromatic.
+            } else {
+                $saturation = $difference / ( 1 - abs( 2 * $lightness - 1 ) );
+                switch ( $max ) {
+                    case $red:
+                        $hue = 60 * fmod( ( ( $green - $blue ) / $difference ), 6 );
+                        if ( $blue > $green ) {
+                            $hue += 360;
+                        }
+                        break;
+                    case $green:
+                        $hue = 60 * ( ( $blue - $red ) / $difference + 2 );
+                        break;
+                    case $blue:
+                        $hue = 60 * ( ( $red - $green ) / $difference + 4 );
+                        break;
+                }
+            }
+
+            $this->hue        = round( $hue );
+            $this->saturation = round( $saturation * 100 );
+            $this->lightness  = round( $lightness * 100 );
+        }
+
+        /**
+         * Sets the brightness of a color based on the values of red, green, blue.
+         *
+         * @access protected
+         * @since 1.0.0
+         */
+        protected function set_brightness() {
+            $this->brightness = array(
+                'red'   => round( $this->red * .299 ),
+                'green' => round( $this->green * .587 ),
+                'blue'  => round( $this->blue * .114 ),
+                'total' => intval( ( $this->red * .299 ) + ( $this->green * .587 ) + ( $this->blue * .114 ) ),
+            );
+        }
+
+        /**
+         * Sets the luminance of a color (range:0-255) based on the values of red, green, blue.
+         *
+         * @access protected
+         * @since 1.0.0
+         */
+        protected function set_luminance() {
+            $lum = ( 0.2126 * $this->red ) + ( 0.7152 * $this->green ) + ( 0.0722 * $this->blue );
+            $this->luminance = round( $lum );
+        }
+
+        /**
+         * Gets an array of all the wordcolors.
+         *
+         * @access protected
+         * @since 1.0.0
+         * @return array
+         */
+        protected function get_word_colors() {
+            return array(
+                'aliceblue'            => 'F0F8FF',
+                'antiquewhite'         => 'FAEBD7',
+                'aqua'                 => '00FFFF',
+                'aquamarine'           => '7FFFD4',
+                'azure'                => 'F0FFFF',
+                'beige'                => 'F5F5DC',
+                'bisque'               => 'FFE4C4',
+                'black'                => '000000',
+                'blanchedalmond'       => 'FFEBCD',
+                'blue'                 => '0000FF',
+                'blueviolet'           => '8A2BE2',
+                'brown'                => 'A52A2A',
+                'burlywood'            => 'DEB887',
+                'cadetblue'            => '5F9EA0',
+                'chartreuse'           => '7FFF00',
+                'chocolate'            => 'D2691E',
+                'coral'                => 'FF7F50',
+                'cornflowerblue'       => '6495ED',
+                'cornsilk'             => 'FFF8DC',
+                'crimson'              => 'DC143C',
+                'cyan'                 => '00FFFF',
+                'darkblue'             => '00008B',
+                'darkcyan'             => '008B8B',
+                'darkgoldenrod'        => 'B8860B',
+                'darkgray'             => 'A9A9A9',
+                'darkgreen'            => '006400',
+                'darkgrey'             => 'A9A9A9',
+                'darkkhaki'            => 'BDB76B',
+                'darkmagenta'          => '8B008B',
+                'darkolivegreen'       => '556B2F',
+                'darkorange'           => 'FF8C00',
+                'darkorchid'           => '9932CC',
+                'darkred'              => '8B0000',
+                'darksalmon'           => 'E9967A',
+                'darkseagreen'         => '8FBC8F',
+                'darkslateblue'        => '483D8B',
+                'darkslategray'        => '2F4F4F',
+                'darkslategrey'        => '2F4F4F',
+                'darkturquoise'        => '00CED1',
+                'darkviolet'           => '9400D3',
+                'deeppink'             => 'FF1493',
+                'deepskyblue'          => '00BFFF',
+                'dimgray'              => '696969',
+                'dimgrey'              => '696969',
+                'dodgerblue'           => '1E90FF',
+                'firebrick'            => 'B22222',
+                'floralwhite'          => 'FFFAF0',
+                'forestgreen'          => '228B22',
+                'fuchsia'              => 'FF00FF',
+                'gainsboro'            => 'DCDCDC',
+                'ghostwhite'           => 'F8F8FF',
+                'gold'                 => 'FFD700',
+                'goldenrod'            => 'DAA520',
+                'gray'                 => '808080',
+                'green'                => '008000',
+                'greenyellow'          => 'ADFF2F',
+                'grey'                 => '808080',
+                'honeydew'             => 'F0FFF0',
+                'hotpink'              => 'FF69B4',
+                'indianred'            => 'CD5C5C',
+                'indigo'               => '4B0082',
+                'ivory'                => 'FFFFF0',
+                'khaki'                => 'F0E68C',
+                'lavender'             => 'E6E6FA',
+                'lavenderblush'        => 'FFF0F5',
+                'lawngreen'            => '7CFC00',
+                'lemonchiffon'         => 'FFFACD',
+                'lightblue'            => 'ADD8E6',
+                'lightcoral'           => 'F08080',
+                'lightcyan'            => 'E0FFFF',
+                'lightgoldenrodyellow' => 'FAFAD2',
+                'lightgray'            => 'D3D3D3',
+                'lightgreen'           => '90EE90',
+                'lightgrey'            => 'D3D3D3',
+                'lightpink'            => 'FFB6C1',
+                'lightsalmon'          => 'FFA07A',
+                'lightseagreen'        => '20B2AA',
+                'lightskyblue'         => '87CEFA',
+                'lightslategray'       => '778899',
+                'lightslategrey'       => '778899',
+                'lightsteelblue'       => 'B0C4DE',
+                'lightyellow'          => 'FFFFE0',
+                'lime'                 => '00FF00',
+                'limegreen'            => '32CD32',
+                'linen'                => 'FAF0E6',
+                'magenta'              => 'FF00FF',
+                'maroon'               => '800000',
+                'mediumaquamarine'     => '66CDAA',
+                'mediumblue'           => '0000CD',
+                'mediumorchid'         => 'BA55D3',
+                'mediumpurple'         => '9370D0',
+                'mediumseagreen'       => '3CB371',
+                'mediumslateblue'      => '7B68EE',
+                'mediumspringgreen'    => '00FA9A',
+                'mediumturquoise'      => '48D1CC',
+                'mediumvioletred'      => 'C71585',
+                'midnightblue'         => '191970',
+                'mintcream'            => 'F5FFFA',
+                'mistyrose'            => 'FFE4E1',
+                'moccasin'             => 'FFE4B5',
+                'navajowhite'          => 'FFDEAD',
+                'navy'                 => '000080',
+                'oldlace'              => 'FDF5E6',
+                'olive'                => '808000',
+                'olivedrab'            => '6B8E23',
+                'orange'               => 'FFA500',
+                'orangered'            => 'FF4500',
+                'orchid'               => 'DA70D6',
+                'palegoldenrod'        => 'EEE8AA',
+                'palegreen'            => '98FB98',
+                'paleturquoise'        => 'AFEEEE',
+                'palevioletred'        => 'DB7093',
+                'papayawhip'           => 'FFEFD5',
+                'peachpuff'            => 'FFDAB9',
+                'peru'                 => 'CD853F',
+                'pink'                 => 'FFC0CB',
+                'plum'                 => 'DDA0DD',
+                'powderblue'           => 'B0E0E6',
+                'purple'               => '800080',
+                'red'                  => 'FF0000',
+                'rosybrown'            => 'BC8F8F',
+                'royalblue'            => '4169E1',
+                'saddlebrown'          => '8B4513',
+                'salmon'               => 'FA8072',
+                'sandybrown'           => 'F4A460',
+                'seagreen'             => '2E8B57',
+                'seashell'             => 'FFF5EE',
+                'sienna'               => 'A0522D',
+                'silver'               => 'C0C0C0',
+                'skyblue'              => '87CEEB',
+                'slateblue'            => '6A5ACD',
+                'slategray'            => '708090',
+                'slategrey'            => '708090',
+                'snow'                 => 'FFFAFA',
+                'springgreen'          => '00FF7F',
+                'steelblue'            => '4682B4',
+                'tan'                  => 'D2B48C',
+                'teal'                 => '008080',
+                'thistle'              => 'D8BFD8',
+                'tomato'               => 'FF6347',
+                'turquoise'            => '40E0D0',
+                'violet'               => 'EE82EE',
+                'wheat'                => 'F5DEB3',
+                'white'                => 'FFFFFF',
+                'whitesmoke'           => 'F5F5F5',
+                'yellow'               => 'FFFF00',
+                'yellowgreen'          => '9ACD32',
+            );
+
+        }
+
+        /**
+         * Use fallback object.
+         *
+         * @access protected
+         * @since 1.2.0
+         */
+        protected function from_fallback() {
+            $this->color = $this->fallback;
+
+            if ( ! $this->fallback_obj ) {
+                $this->fallback_obj = self::newColor( $this->fallback );
+            }
+            $this->color      = $this->fallback_obj->color;
+            $this->mode       = $this->fallback_obj->mode;
+            $this->red        = $this->fallback_obj->red;
+            $this->green      = $this->fallback_obj->green;
+            $this->blue       = $this->fallback_obj->blue;
+            $this->alpha      = $this->fallback_obj->alpha;
+            $this->hue        = $this->fallback_obj->hue;
+            $this->saturation = $this->fallback_obj->saturation;
+            $this->lightness  = $this->fallback_obj->lightness;
+            $this->luminance  = $this->fallback_obj->luminance;
+            $this->hex        = $this->fallback_obj->hex;
+        }
+
+        /**
+         * Handle non-existing public methods.
+         *
+         * @access public
+         * @since 1.1.0
+         * @param string $name      The method name.
+         * @param mixed  $arguments The method arguments.
+         * @return mixed
+         */
+        public function __call( $name, $arguments ) {
+            if ( method_exists( $this, $name ) ) {
+                call_user_func( array( $this, $name ), $arguments );
+            } else {
+                return $arguments;
+            }
+        }
+
+        /**
+         * Handle non-existing public static methods.
+         *
+         * @static
+         * @access public
+         * @since 1.1.0
+         * @param string $name      The method name.
+         * @param mixed  $arguments The method arguments.
+         * @return mixed
+         */
+        public static function __callStatic( $name, $arguments ) {
+            if ( method_exists( __CLASS__, $name ) ) {
+                call_user_func( array( __CLASS__, $name ), $arguments );
+            } else {
+                return $arguments;
+            }
+        }
+    }
 }

Spacing +149 added lines, -149 removed lines

@@ -2,11 +2,11 @@ 
 // phpcs:ignoreFile
 
 // Exit if accessed directly.
-if ( ! defined( 'ABSPATH' ) ) {
+if (!defined('ABSPATH')) {
 	exit;
 }
 
-if ( ! class_exists( 'ariColor' ) ) {
+if (!class_exists('ariColor')) {
 	/**
 	 * The color calculations class.
 	 */
@@ -84,7 +84,7 @@ 
 		 * @since 1.0.0
 		 * @var int
 		 */
-		public $red   = 0;
+		public $red = 0;
 
 		/**
 		 * Green value.
@@ -102,7 +102,7 @@ 
 		 * @since 1.0.0
 		 * @var int
 		 */
-		public $blue  = 0;
+		public $blue = 0;
 
 		/**
 		 * Alpha value (min:0, max: 1)
@@ -175,21 +175,21 @@ 
 		 * @param string|array $color The color.
 		 * @param string       $mode  The color mode. Leave empty to auto-detect.
 		 */
-		protected function __construct( $color = '', $mode = 'auto' ) {
+		protected function __construct($color = '', $mode = 'auto') {
 			$this->color = $color;
 
-			if ( is_array( $color ) && isset( $color['fallback'] ) ) {
+			if (is_array($color) && isset($color['fallback'])) {
 				$this->fallback = $color['fallback'];
-				$this->fallback_obj = self::newColor( $this->fallback );
+				$this->fallback_obj = self::newColor($this->fallback);
 			}
 
-			if ( ! method_exists( $this, 'from_' . $mode ) ) {
-				$mode = $this->get_mode( $color );
+			if (!method_exists($this, 'from_' . $mode)) {
+				$mode = $this->get_mode($color);
 			}
 
 			$this->mode = $mode;
 
-			if ( ! $mode ) {
+			if (!$mode) {
 				return;
 			}
 
@@ -212,15 +212,15 @@ 
 		 * @param string       $mode  Mode to be used.
 		 * @return ariColor    (object)
 		 */
-		public static function newColor( $color, $mode = 'auto' ) {
+		public static function newColor($color, $mode = 'auto') {
 
 			// Get an md5 for this color.
-			$color_md5 = ( is_array( $color ) ) ? md5( wp_json_encode( $color ) . $mode ) : md5( $color . $mode );
+			$color_md5 = (is_array($color)) ? md5(wp_json_encode($color) . $mode) : md5($color . $mode);
 			// Set the instance if it does not already exist.
-			if ( ! isset( self::$instances[ $color_md5 ] ) ) {
-				self::$instances[ $color_md5 ] = new self( $color, $mode );
+			if (!isset(self::$instances[$color_md5])) {
+				self::$instances[$color_md5] = new self($color, $mode);
 			}
-			return self::$instances[ $color_md5 ];
+			return self::$instances[$color_md5];
 		}
 
 		/**
@@ -233,8 +233,8 @@ 
 		 * @param string       $mode  Mode to be used.
 		 * @return ariColor    (object)
 		 */
-		public static function new_color( $color, $mode = 'auto' ) {
-			return self::newColor( $color, $mode );
+		public static function new_color($color, $mode = 'auto') {
+			return self::newColor($color, $mode);
 		}
 
 		/**
@@ -254,46 +254,46 @@ 
 		 * @param int|float|string $value      The new value.
 		 * @return ariColor|null
 		 */
-		public function getNew( $property = '', $value = '' ) {
+		public function getNew($property = '', $value = '') {
 
-			if ( in_array( $property, array( 'red', 'green', 'blue', 'alpha' ), true ) ) {
+			if (in_array($property, array('red', 'green', 'blue', 'alpha'), true)) {
 				// Check if we're changing any of the rgba values.
-				$value = max( 0, min( 255, $value ) );
-				if ( 'red' === $property ) {
-					return self::new_color( 'rgba(' . $value . ',' . $this->green . ',' . $this->blue . ',' . $this->alpha . ')', 'rgba' );
-				} elseif ( 'green' === $property ) {
-					return self::new_color( 'rgba(' . $this->red . ',' . $value . ',' . $this->blue . ',' . $this->alpha . ')', 'rgba' );
-				} elseif ( 'blue' === $property ) {
-					return self::new_color( 'rgba(' . $this->red . ',' . $this->green . ',' . $value . ',' . $this->alpha . ')', 'rgba' );
-				} elseif ( 'alpha' === $property ) {
-					return self::new_color( 'rgba(' . $this->red . ',' . $this->green . ',' . $this->blue . ',' . $value . ')', 'rgba' );
+				$value = max(0, min(255, $value));
+				if ('red' === $property) {
+					return self::new_color('rgba(' . $value . ',' . $this->green . ',' . $this->blue . ',' . $this->alpha . ')', 'rgba');
+				} elseif ('green' === $property) {
+					return self::new_color('rgba(' . $this->red . ',' . $value . ',' . $this->blue . ',' . $this->alpha . ')', 'rgba');
+				} elseif ('blue' === $property) {
+					return self::new_color('rgba(' . $this->red . ',' . $this->green . ',' . $value . ',' . $this->alpha . ')', 'rgba');
+				} elseif ('alpha' === $property) {
+					return self::new_color('rgba(' . $this->red . ',' . $this->green . ',' . $this->blue . ',' . $value . ')', 'rgba');
 				}
-			} elseif ( in_array( $property, array( 'hue', 'saturation', 'lightness' ), true ) ) {
+			} elseif (in_array($property, array('hue', 'saturation', 'lightness'), true)) {
 				// Check if we're changing any of the hsl values.
-				$value = ( 'hue' === $property ) ? max( 0, min( 360, $value ) ) : max( 0, min( 100, $value ) );
-
-				if ( 'hue' === $property ) {
-					return self::new_color( 'hsla(' . $value . ',' . $this->saturation . '%,' . $this->lightness . '%,' . $this->alpha . ')', 'hsla' );
-				} elseif ( 'saturation' === $property ) {
-					return self::new_color( 'hsla(' . $this->hue . ',' . $value . '%,' . $this->lightness . '%,' . $this->alpha . ')', 'hsla' );
-				} elseif ( 'lightness' === $property ) {
-					return self::new_color( 'hsla(' . $this->hue . ',' . $this->saturation . '%,' . $value . '%,' . $this->alpha . ')', 'hsla' );
+				$value = ('hue' === $property) ? max(0, min(360, $value)) : max(0, min(100, $value));
+
+				if ('hue' === $property) {
+					return self::new_color('hsla(' . $value . ',' . $this->saturation . '%,' . $this->lightness . '%,' . $this->alpha . ')', 'hsla');
+				} elseif ('saturation' === $property) {
+					return self::new_color('hsla(' . $this->hue . ',' . $value . '%,' . $this->lightness . '%,' . $this->alpha . ')', 'hsla');
+				} elseif ('lightness' === $property) {
+					return self::new_color('hsla(' . $this->hue . ',' . $this->saturation . '%,' . $value . '%,' . $this->alpha . ')', 'hsla');
 				}
-			} elseif ( 'brightness' === $property ) {
+			} elseif ('brightness' === $property) {
 				// Check if we're changing the brightness.
-				if ( $value < $this->brightness['total'] ) {
-					$red   = max( 0, min( 255, $this->red - ( $this->brightness['total'] - $value ) ) );
-					$green = max( 0, min( 255, $this->green - ( $this->brightness['total'] - $value ) ) );
-					$blue  = max( 0, min( 255, $this->blue - ( $this->brightness['total'] - $value ) ) );
-				} elseif ( $value > $this->brightness['total'] ) {
-					$red   = max( 0, min( 255, $this->red + ( $value - $this->brightness['total'] ) ) );
-					$green = max( 0, min( 255, $this->green + ( $value - $this->brightness['total'] ) ) );
-					$blue  = max( 0, min( 255, $this->blue + ( $value - $this->brightness['total'] ) ) );
+				if ($value < $this->brightness['total']) {
+					$red   = max(0, min(255, $this->red - ($this->brightness['total'] - $value)));
+					$green = max(0, min(255, $this->green - ($this->brightness['total'] - $value)));
+					$blue  = max(0, min(255, $this->blue - ($this->brightness['total'] - $value)));
+				} elseif ($value > $this->brightness['total']) {
+					$red   = max(0, min(255, $this->red + ($value - $this->brightness['total'])));
+					$green = max(0, min(255, $this->green + ($value - $this->brightness['total'])));
+					$blue  = max(0, min(255, $this->blue + ($value - $this->brightness['total'])));
 				} else {
 					// If it's not smaller and it's not greater, then it's equal.
 					return $this;
 				}
-				return self::new_color( 'rgba(' . $red . ',' . $green . ',' . $blue . ',' . $this->alpha . ')', 'rgba' );
+				return self::new_color('rgba(' . $red . ',' . $green . ',' . $blue . ',' . $this->alpha . ')', 'rgba');
 			}
 			return null;
 		}
@@ -315,8 +315,8 @@ 
 		 * @param int|float|string $value      The new value.
 		 * @return ariColor|null
 		 */
-		public function get_new( $property = '', $value = '' ) {
-			return $this->getNew( $property, $value );
+		public function get_new($property = '', $value = '') {
+			return $this->getNew($property, $value);
 		}
 
 		/**
@@ -327,29 +327,29 @@ 
 		 * @param string|array $color The color we're querying.
 		 * @return string
 		 */
-		public function get_mode( $color ) {
+		public function get_mode($color) {
 
 			// Check if value is an array.
-			if ( is_array( $color ) ) {
+			if (is_array($color)) {
 				// Does the array have an 'rgba' key?
-				if ( isset( $color['rgba'] ) ) {
+				if (isset($color['rgba'])) {
 					$this->color = $color['rgba'];
 					return 'rgba';
-				} elseif ( isset( $color['color'] ) ) {
+				} elseif (isset($color['color'])) {
 					// Does the array have a 'color' key?
 					$this->color = $color['color'];
-					if ( is_string( $color['color'] ) && false !== strpos( $color['color'], 'rgba' ) ) {
+					if (is_string($color['color']) && false !== strpos($color['color'], 'rgba')) {
 						return 'rgba';
 					}
 					return 'hex';
 				}
 				// Is this a simple array with 4 items?
-				if ( 4 === count( $color ) && isset( $color[0] ) && isset( $color[1] ) && isset( $color[2] ) && isset( $color[3] ) ) {
-					$this->color = 'rgba(' . intval( $color[0] ) . ',' . intval( $color[1] ) . ',' . intval( $color[2] ) . ',' . intval( $color[3] ) . ')';
+				if (4 === count($color) && isset($color[0]) && isset($color[1]) && isset($color[2]) && isset($color[3])) {
+					$this->color = 'rgba(' . intval($color[0]) . ',' . intval($color[1]) . ',' . intval($color[2]) . ',' . intval($color[3]) . ')';
 					return 'rgba';
-				} elseif ( 3 === count( $color ) && isset( $color[0] ) && isset( $color[1] ) && isset( $color[2] ) ) {
+				} elseif (3 === count($color) && isset($color[0]) && isset($color[1]) && isset($color[2])) {
 					// Is this a simple array with 3 items?
-					$this->color = 'rgba(' . intval( $color[0] ) . ',' . intval( $color[1] ) . ',' . intval( $color[2] ) . ',1)';
+					$this->color = 'rgba(' . intval($color[0]) . ',' . intval($color[1]) . ',' . intval($color[2]) . ',1)';
 					return 'rgba';
 				}
 
@@ -366,15 +366,15 @@ 
 					'opacity' => 'alpha',
 				);
 				$found = false;
-				foreach ( $finders_keepers as $finder => $keeper ) {
-					if ( isset( $color[ $finder ] ) ) {
+				foreach ($finders_keepers as $finder => $keeper) {
+					if (isset($color[$finder])) {
 						$found = true;
-						$this->$keeper = $color[ $finder ];
+						$this->$keeper = $color[$finder];
 					}
 				}
 
 				// We failed, use fallback.
-				if ( ! $found ) {
+				if (!$found) {
 					$this->from_fallback();
 					return $this->mode;
 				}
@@ -385,7 +385,7 @@ 
 			}
 
 			// If a string and 3 or 6 characters long, add # since it's a hex.
-			if ( 3 === strlen( $this->color ) || 6 === strlen( $this->color ) && false === strpos( $this->color, '#' ) ) {
+			if (3 === strlen($this->color) || 6 === strlen($this->color) && false === strpos($this->color, '#')) {
 				$this->color = '#' . $this->color;
 				$color = $this->color;
 			}
@@ -399,12 +399,12 @@ 
 				'hsla' => 'hsla',
 				'hsl'  => 'hsl',
 			);
-			foreach ( $finders_keepers as $finder => $keeper ) {
-				if ( false !== strrpos( $color, $finder ) ) {
+			foreach ($finders_keepers as $finder => $keeper) {
+				if (false !== strrpos($color, $finder)) {
 
 					// Make sure hex colors have 6 digits and not more.
-					if ( '#' === $finder && 7 < strlen( $color ) ) {
-						$this->color = substr( $color, 0, 7 );
+					if ('#' === $finder && 7 < strlen($color)) {
+						$this->color = substr($color, 0, 7);
 					}
 
 					return $keeper;
@@ -412,8 +412,8 @@ 
 			}
 			// Perhaps we're using a word like "orange"?
 			$wordcolors = $this->get_word_colors();
-			if ( is_string( $color ) && array_key_exists( $color, $wordcolors ) ) {
-				$this->color = '#' . $wordcolors[ $color ];
+			if (is_string($color) && array_key_exists($color, $wordcolors)) {
+				$this->color = '#' . $wordcolors[$color];
 				return 'hex';
 			}
 			// Fallback to hex.
@@ -431,33 +431,33 @@ 
 		 */
 		protected function from_hex() {
 
-			if ( ! function_exists( 'sanitize_hex_color' ) ) {
-				require_once wp_normalize_path( ABSPATH . WPINC . '/class-wp-customize-manager.php' );
+			if (!function_exists('sanitize_hex_color')) {
+				require_once wp_normalize_path(ABSPATH . WPINC . '/class-wp-customize-manager.php');
 			}
 			// Is this perhaps a word-color?
 			$word_colors = $this->get_word_colors();
-			if ( array_key_exists( $this->color, $word_colors ) ) {
-				$this->color = '#' . $word_colors[ $this->color ];
+			if (array_key_exists($this->color, $word_colors)) {
+				$this->color = '#' . $word_colors[$this->color];
 			}
 			// Sanitize color.
-			$this->hex = sanitize_hex_color( maybe_hash_hex_color( $this->color ) );
-			$hex = ltrim( $this->hex, '#' );
+			$this->hex = sanitize_hex_color(maybe_hash_hex_color($this->color));
+			$hex = ltrim($this->hex, '#');
 
 			// Fallback if needed.
-			if ( ! $hex || 3 > strlen( $hex ) ) {
+			if (!$hex || 3 > strlen($hex)) {
 				$this->from_fallback();
 				return;
 			}
 			// Make sure we have 6 digits for the below calculations.
-			if ( 3 === strlen( $hex ) ) {
-				$hex = ltrim( $this->hex, '#' );
-				$hex = substr( $hex, 0, 1 ) . substr( $hex, 0, 1 ) . substr( $hex, 1, 1 ) . substr( $hex, 1, 1 ) . substr( $hex, 2, 1 ) . substr( $hex, 2, 1 );
+			if (3 === strlen($hex)) {
+				$hex = ltrim($this->hex, '#');
+				$hex = substr($hex, 0, 1) . substr($hex, 0, 1) . substr($hex, 1, 1) . substr($hex, 1, 1) . substr($hex, 2, 1) . substr($hex, 2, 1);
 			}
 
 			// Set red, green, blue.
-			$this->red   = hexdec( substr( $hex, 0, 2 ) );
-			$this->green = hexdec( substr( $hex, 2, 2 ) );
-			$this->blue  = hexdec( substr( $hex, 4, 2 ) );
+			$this->red   = hexdec(substr($hex, 0, 2));
+			$this->green = hexdec(substr($hex, 2, 2));
+			$this->blue  = hexdec(substr($hex, 4, 2));
 			$this->alpha = 1;
 			// Set other color properties.
 			$this->set_brightness();
@@ -474,14 +474,14 @@ 
 		 * @return null
 		 */
 		protected function from_rgb() {
-			$value = explode( ',', str_replace( array( ' ', 'rgb', '(', ')' ), '', $this->color ) );
+			$value = explode(',', str_replace(array(' ', 'rgb', '(', ')'), '', $this->color));
 			// Set red, green, blue.
-			$this->red   = ( isset( $value[0] ) ) ? intval( $value[0] ) : 255;
-			$this->green = ( isset( $value[1] ) ) ? intval( $value[1] ) : 255;
-			$this->blue  = ( isset( $value[2] ) ) ? intval( $value[2] ) : 255;
+			$this->red   = (isset($value[0])) ? intval($value[0]) : 255;
+			$this->green = (isset($value[1])) ? intval($value[1]) : 255;
+			$this->blue  = (isset($value[2])) ? intval($value[2]) : 255;
 			$this->alpha = 1;
 			// Set the hex.
-			$this->hex = $this->rgb_to_hex( $this->red, $this->green, $this->blue );
+			$this->hex = $this->rgb_to_hex($this->red, $this->green, $this->blue);
 			// Set other color properties.
 			$this->set_brightness();
 			$this->set_hsl();
@@ -497,19 +497,19 @@ 
 		 */
 		protected function from_rgba() {
 			// Set r, g, b, a properties.
-			$value = explode( ',', str_replace( array( ' ', 'rgba', '(', ')' ), '', $this->color ) );
-			$this->red   = ( isset( $value[0] ) ) ? intval( $value[0] ) : 255;
-			$this->green = ( isset( $value[1] ) ) ? intval( $value[1] ) : 255;
-			$this->blue  = ( isset( $value[2] ) ) ? intval( $value[2] ) : 255;
-			$this->alpha = ( isset( $value[3] ) ) ? filter_var( $value[3], FILTER_SANITIZE_NUMBER_FLOAT, FILTER_FLAG_ALLOW_FRACTION ) : 1;
+			$value = explode(',', str_replace(array(' ', 'rgba', '(', ')'), '', $this->color));
+			$this->red   = (isset($value[0])) ? intval($value[0]) : 255;
+			$this->green = (isset($value[1])) ? intval($value[1]) : 255;
+			$this->blue  = (isset($value[2])) ? intval($value[2]) : 255;
+			$this->alpha = (isset($value[3])) ? filter_var($value[3], FILTER_SANITIZE_NUMBER_FLOAT, FILTER_FLAG_ALLOW_FRACTION) : 1;
 			// Limit values in the range of 0 - 255.
-			$this->red   = max( 0, min( 255, $this->red ) );
-			$this->green = max( 0, min( 255, $this->green ) );
-			$this->blue  = max( 0, min( 255, $this->blue ) );
+			$this->red   = max(0, min(255, $this->red));
+			$this->green = max(0, min(255, $this->green));
+			$this->blue  = max(0, min(255, $this->blue));
 			// Limit values 0 - 1.
-			$this->alpha = max( 0, min( 1, $this->alpha ) );
+			$this->alpha = max(0, min(1, $this->alpha));
 			// Set hex.
-			$this->hex = $this->rgb_to_hex( $this->red, $this->green, $this->blue );
+			$this->hex = $this->rgb_to_hex($this->red, $this->green, $this->blue);
 			// Set other color properties.
 			$this->set_brightness();
 			$this->set_hsl();
@@ -524,7 +524,7 @@ 
 		 * @return null
 		 */
 		protected function from_hsl() {
-			$value = explode( ',', str_replace( array( ' ', 'hsl', '(', ')', '%' ), '', $this->color ) );
+			$value = explode(',', str_replace(array(' ', 'hsl', '(', ')', '%'), '', $this->color));
 			$this->hue        = $value[0];
 			$this->saturation = $value[1];
 			$this->lightness  = $value[2];
@@ -539,7 +539,7 @@ 
 		 * @return null
 		 */
 		protected function from_hsla() {
-			$value = explode( ',', str_replace( array( ' ', 'hsla', '(', ')', '%' ), '', $this->color ) );
+			$value = explode(',', str_replace(array(' ', 'hsla', '(', ')', '%'), '', $this->color));
 			$this->hue        = $value[0];
 			$this->saturation = $value[1];
 			$this->lightness  = $value[2];
@@ -557,11 +557,11 @@ 
 		 * @param int|string $blue  The blue value of this color.
 		 * @return string
 		 */
-		protected function rgb_to_hex( $red, $green, $blue ) {
+		protected function rgb_to_hex($red, $green, $blue) {
 			// Get hex values properly formatted.
-			$hex_red   = $this->dexhex_double_digit( $red );
-			$hex_green = $this->dexhex_double_digit( $green );
-			$hex_blue  = $this->dexhex_double_digit( $blue );
+			$hex_red   = $this->dexhex_double_digit($red);
+			$hex_green = $this->dexhex_double_digit($green);
+			$hex_blue  = $this->dexhex_double_digit($blue);
 			return '#' . $hex_red . $hex_green . $hex_blue;
 		}
 
@@ -573,9 +573,9 @@ 
 		 * @param int|string $value The value to convert.
 		 * @return string
 		 */
-		protected function dexhex_double_digit( $value ) {
-			$value = dechex( $value );
-			if ( 1 === strlen( $value ) ) {
+		protected function dexhex_double_digit($value) {
+			$value = dechex($value);
+			if (1 === strlen($value)) {
 				$value = '0' . $value;
 			}
 			return $value;
@@ -596,17 +596,17 @@ 
 			$r = $l;
 			$g = $l;
 			$b = $l;
-			$v = ( $l <= 0.5 ) ? ( $l * ( 1.0 + $s ) ) : ( $l + $s - $l * $s );
-			if ( $v > 0 ) {
+			$v = ($l <= 0.5) ? ($l * (1.0 + $s)) : ($l + $s - $l * $s);
+			if ($v > 0) {
 				$m = $l + $l - $v;
-				$sv = ( $v - $m ) / $v;
+				$sv = ($v - $m) / $v;
 				$h *= 6.0;
-				$sextant = floor( $h );
+				$sextant = floor($h);
 				$fract = $h - $sextant;
 				$vsf = $v * $sv * $fract;
 				$mid1 = $m + $vsf;
 				$mid2 = $v - $vsf;
-				switch ( $sextant ) {
+				switch ($sextant) {
 					case 0:
 						$r = $v;
 						$g = $mid1;
@@ -639,11 +639,11 @@ 
 						break;
 				}
 			}
-			$this->red   = round( $r * 255, 0 );
-			$this->green = round( $g * 255, 0 );
-			$this->blue  = round( $b * 255, 0 );
+			$this->red   = round($r * 255, 0);
+			$this->green = round($g * 255, 0);
+			$this->blue  = round($b * 255, 0);
 
-			$this->hex = $this->rgb_to_hex( $this->red, $this->green, $this->blue );
+			$this->hex = $this->rgb_to_hex($this->red, $this->green, $this->blue);
 			$this->set_luminance();
 		}
 
@@ -655,13 +655,13 @@ 
 		 * @param string $mode The mode we're using.
 		 * @return string
 		 */
-		public function toCSS( $mode = 'hex' ) {
+		public function toCSS($mode = 'hex') {
 
 			$value = '';
 
-			switch ( $mode ) {
+			switch ($mode) {
 				case 'hex':
-					$value = strtolower( $this->hex );
+					$value = strtolower($this->hex);
 					break;
 				case 'rgba':
 					$value = 'rgba(' . $this->red . ',' . $this->green . ',' . $this->blue . ',' . $this->alpha . ')';
@@ -670,10 +670,10 @@ 
 					$value = 'rgb(' . $this->red . ',' . $this->green . ',' . $this->blue . ')';
 					break;
 				case 'hsl':
-					$value = 'hsl(' . $this->hue . ',' . round( $this->saturation ) . '%,' . round( $this->lightness ) . '%)';
+					$value = 'hsl(' . $this->hue . ',' . round($this->saturation) . '%,' . round($this->lightness) . '%)';
 					break;
 				case 'hsla':
-					$value = 'hsla(' . $this->hue . ',' . round( $this->saturation ) . '%,' . round( $this->lightness ) . '%,' . $this->alpha . ')';
+					$value = 'hsla(' . $this->hue . ',' . round($this->saturation) . '%,' . round($this->lightness) . '%,' . $this->alpha . ')';
 					break;
 			}
 			return $value;
@@ -687,8 +687,8 @@ 
 		 * @param string $mode The mode we're using.
 		 * @return string
 		 */
-		public function to_css( $mode = 'hex' ) {
-			return $this->toCSS( $mode );
+		public function to_css($mode = 'hex') {
+			return $this->toCSS($mode);
 		}
 
 		/**
@@ -702,35 +702,35 @@ 
 			$green = $this->green / 255;
 			$blue  = $this->blue / 255;
 
-			$max = max( $red, $green, $blue );
-			$min = min( $red, $green, $blue );
+			$max = max($red, $green, $blue);
+			$min = min($red, $green, $blue);
 
-			$lightness  = ( $max + $min ) / 2;
+			$lightness  = ($max + $min) / 2;
 			$difference = $max - $min;
 
-			if ( ! $difference ) {
+			if (!$difference) {
 				$hue = $saturation = 0; // Achromatic.
 			} else {
-				$saturation = $difference / ( 1 - abs( 2 * $lightness - 1 ) );
-				switch ( $max ) {
+				$saturation = $difference / (1 - abs(2 * $lightness - 1));
+				switch ($max) {
 					case $red:
-						$hue = 60 * fmod( ( ( $green - $blue ) / $difference ), 6 );
-						if ( $blue > $green ) {
+						$hue = 60 * fmod((($green - $blue) / $difference), 6);
+						if ($blue > $green) {
 							$hue += 360;
 						}
 						break;
 					case $green:
-						$hue = 60 * ( ( $blue - $red ) / $difference + 2 );
+						$hue = 60 * (($blue - $red) / $difference + 2);
 						break;
 					case $blue:
-						$hue = 60 * ( ( $red - $green ) / $difference + 4 );
+						$hue = 60 * (($red - $green) / $difference + 4);
 						break;
 				}
 			}
 
-			$this->hue        = round( $hue );
-			$this->saturation = round( $saturation * 100 );
-			$this->lightness  = round( $lightness * 100 );
+			$this->hue        = round($hue);
+			$this->saturation = round($saturation * 100);
+			$this->lightness  = round($lightness * 100);
 		}
 
 		/**
@@ -741,10 +741,10 @@ 
 		 */
 		protected function set_brightness() {
 			$this->brightness = array(
-				'red'   => round( $this->red * .299 ),
-				'green' => round( $this->green * .587 ),
-				'blue'  => round( $this->blue * .114 ),
-				'total' => intval( ( $this->red * .299 ) + ( $this->green * .587 ) + ( $this->blue * .114 ) ),
+				'red'   => round($this->red * .299),
+				'green' => round($this->green * .587),
+				'blue'  => round($this->blue * .114),
+				'total' => intval(($this->red * .299) + ($this->green * .587) + ($this->blue * .114)),
 			);
 		}
 
@@ -755,8 +755,8 @@ 
 		 * @since 1.0.0
 		 */
 		protected function set_luminance() {
-			$lum = ( 0.2126 * $this->red ) + ( 0.7152 * $this->green ) + ( 0.0722 * $this->blue );
-			$this->luminance = round( $lum );
+			$lum = (0.2126 * $this->red) + (0.7152 * $this->green) + (0.0722 * $this->blue);
+			$this->luminance = round($lum);
 		}
 
 		/**
@@ -928,8 +928,8 @@ 
 		protected function from_fallback() {
 			$this->color = $this->fallback;
 
-			if ( ! $this->fallback_obj ) {
-				$this->fallback_obj = self::newColor( $this->fallback );
+			if (!$this->fallback_obj) {
+				$this->fallback_obj = self::newColor($this->fallback);
 			}
 			$this->color      = $this->fallback_obj->color;
 			$this->mode       = $this->fallback_obj->mode;
@@ -953,9 +953,9 @@ 
 		 * @param mixed  $arguments The method arguments.
 		 * @return mixed
 		 */
-		public function __call( $name, $arguments ) {
-			if ( method_exists( $this, $name ) ) {
-				call_user_func( array( $this, $name ), $arguments );
+		public function __call($name, $arguments) {
+			if (method_exists($this, $name)) {
+				call_user_func(array($this, $name), $arguments);
 			} else {
 				return $arguments;
 			}
@@ -971,9 +971,9 @@ 
 		 * @param mixed  $arguments The method arguments.
 		 * @return mixed
 		 */
-		public static function __callStatic( $name, $arguments ) {
-			if ( method_exists( __CLASS__, $name ) ) {
-				call_user_func( array( __CLASS__, $name ), $arguments );
+		public static function __callStatic($name, $arguments) {
+			if (method_exists(__CLASS__, $name)) {
+				call_user_func(array(__CLASS__, $name), $arguments);
 			} else {
 				return $arguments;
 			}

brighty/wp-content/plugins/brighty-core/includes/kirki-4.0.24/packages/kirki-framework/control-image/src/Field/CSS/Image.php

Indentation +33 added lines, -33 removed lines

@@ -18,37 +18,37 @@
  */
 class Image extends Output {
 
-	/**
-	 * Processes a single item from the `output` array.
-	 *
-	 * @access protected
-	 * @param array $output The `output` item.
-	 * @param array $value  The field's value.
-	 */
-	protected function process_output( $output, $value ) {
-		if ( ! isset( $output['element'] ) || ! isset( $output['property'] ) ) {
-			return;
-		}
-		$output = wp_parse_args(
-			$output,
-			[
-				'media_query' => 'global',
-				'prefix'      => '',
-				'units'       => '',
-				'suffix'      => '',
-			]
-		);
-		if ( is_array( $value ) ) {
-			if ( isset( $output['choice'] ) && $output['choice'] ) {
-				$this->styles[ $output['media_query'] ][ $output['element'] ][ $output['property'] ] = $output['prefix'] . $this->process_property_value( $output['property'], $value[ $output['choice'] ] ) . $output['units'] . $output['suffix'];
-				return;
-			}
-			if ( isset( $value['url'] ) ) {
-				$this->styles[ $output['media_query'] ][ $output['element'] ][ $output['property'] ] = $output['prefix'] . $this->process_property_value( $output['property'], $value['url'] ) . $output['units'] . $output['suffix'];
-				return;
-			}
-			return;
-		}
-		$this->styles[ $output['media_query'] ][ $output['element'] ][ $output['property'] ] = $output['prefix'] . $this->process_property_value( $output['property'], $value ) . $output['units'] . $output['suffix'];
-	}
+    /**
+     * Processes a single item from the `output` array.
+     *
+     * @access protected
+     * @param array $output The `output` item.
+     * @param array $value  The field's value.
+     */
+    protected function process_output( $output, $value ) {
+        if ( ! isset( $output['element'] ) || ! isset( $output['property'] ) ) {
+            return;
+        }
+        $output = wp_parse_args(
+            $output,
+            [
+                'media_query' => 'global',
+                'prefix'      => '',
+                'units'       => '',
+                'suffix'      => '',
+            ]
+        );
+        if ( is_array( $value ) ) {
+            if ( isset( $output['choice'] ) && $output['choice'] ) {
+                $this->styles[ $output['media_query'] ][ $output['element'] ][ $output['property'] ] = $output['prefix'] . $this->process_property_value( $output['property'], $value[ $output['choice'] ] ) . $output['units'] . $output['suffix'];
+                return;
+            }
+            if ( isset( $value['url'] ) ) {
+                $this->styles[ $output['media_query'] ][ $output['element'] ][ $output['property'] ] = $output['prefix'] . $this->process_property_value( $output['property'], $value['url'] ) . $output['units'] . $output['suffix'];
+                return;
+            }
+            return;
+        }
+        $this->styles[ $output['media_query'] ][ $output['element'] ][ $output['property'] ] = $output['prefix'] . $this->process_property_value( $output['property'], $value ) . $output['units'] . $output['suffix'];
+    }
 }

Spacing +8 added lines, -8 removed lines

@@ -25,8 +25,8 @@ 
 	 * @param array $output The `output` item.
 	 * @param array $value  The field's value.
 	 */
-	protected function process_output( $output, $value ) {
-		if ( ! isset( $output['element'] ) || ! isset( $output['property'] ) ) {
+	protected function process_output($output, $value) {
+		if (!isset($output['element']) || !isset($output['property'])) {
 			return;
 		}
 		$output = wp_parse_args(
@@ -38,17 +38,17 @@ 
 				'suffix'      => '',
 			]
 		);
-		if ( is_array( $value ) ) {
-			if ( isset( $output['choice'] ) && $output['choice'] ) {
-				$this->styles[ $output['media_query'] ][ $output['element'] ][ $output['property'] ] = $output['prefix'] . $this->process_property_value( $output['property'], $value[ $output['choice'] ] ) . $output['units'] . $output['suffix'];
+		if (is_array($value)) {
+			if (isset($output['choice']) && $output['choice']) {
+				$this->styles[$output['media_query']][$output['element']][$output['property']] = $output['prefix'] . $this->process_property_value($output['property'], $value[$output['choice']]) . $output['units'] . $output['suffix'];
 				return;
 			}
-			if ( isset( $value['url'] ) ) {
-				$this->styles[ $output['media_query'] ][ $output['element'] ][ $output['property'] ] = $output['prefix'] . $this->process_property_value( $output['property'], $value['url'] ) . $output['units'] . $output['suffix'];
+			if (isset($value['url'])) {
+				$this->styles[$output['media_query']][$output['element']][$output['property']] = $output['prefix'] . $this->process_property_value($output['property'], $value['url']) . $output['units'] . $output['suffix'];
 				return;
 			}
 			return;
 		}
-		$this->styles[ $output['media_query'] ][ $output['element'] ][ $output['property'] ] = $output['prefix'] . $this->process_property_value( $output['property'], $value ) . $output['units'] . $output['suffix'];
+		$this->styles[$output['media_query']][$output['element']][$output['property']] = $output['prefix'] . $this->process_property_value($output['property'], $value) . $output['units'] . $output['suffix'];
 	}
 }

brighty/wp-content/plugins/brighty-core/includes/kirki-4.0.24/packages/kirki-framework/control-image/src/Field/Image.php

Indentation +135 added lines, -135 removed lines

@@ -17,150 +17,150 @@
  */
 class Image extends Field {
 
-	/**
-	 * The field type.
-	 *
-	 * @access public
-	 * @since 1.0
-	 * @var string
-	 */
-	public $type = 'kirki-image';
+    /**
+     * The field type.
+     *
+     * @access public
+     * @since 1.0
+     * @var string
+     */
+    public $type = 'kirki-image';
 
-	/**
-	 * The control class-name.
-	 *
-	 * @access protected
-	 * @since 0.1
-	 * @var string
-	 */
-	protected $control_class = '\Kirki\Control\Image';
+    /**
+     * The control class-name.
+     *
+     * @access protected
+     * @since 0.1
+     * @var string
+     */
+    protected $control_class = '\Kirki\Control\Image';
 
-	/**
-	 * Whether we should register the control class for JS-templating or not.
-	 *
-	 * @access protected
-	 * @since 0.1
-	 * @var bool
-	 */
-	protected $control_has_js_template = true;
+    /**
+     * Whether we should register the control class for JS-templating or not.
+     *
+     * @access protected
+     * @since 0.1
+     * @var bool
+     */
+    protected $control_has_js_template = true;
 
-	/**
-	 * Additional logic for this field.
-	 *
-	 * @access protected
-	 * @since 0.1
-	 * @param array $args The field arguments.
-	 * @return void
-	 */
-	protected function init( $args ) {
-		add_filter( 'kirki_output_item_args', [ $this, 'output_item_args' ], 10, 4 );
-		add_filter( 'kirki_output_control_classnames', [ $this, 'output_control_classnames' ] );
-	}
+    /**
+     * Additional logic for this field.
+     *
+     * @access protected
+     * @since 0.1
+     * @param array $args The field arguments.
+     * @return void
+     */
+    protected function init( $args ) {
+        add_filter( 'kirki_output_item_args', [ $this, 'output_item_args' ], 10, 4 );
+        add_filter( 'kirki_output_control_classnames', [ $this, 'output_control_classnames' ] );
+    }
 
-		/**
-		 * Filter arguments before creating the setting.
-		 *
-		 * @access public
-		 * @since 0.1
-		 * @param array                $args         The field arguments.
-		 * @param WP_Customize_Manager $wp_customize The customizer instance.
-		 * @return array
-		 */
-	public function filter_setting_args( $args, $wp_customize ) {
-		if ( $args['settings'] === $this->args['settings'] ) {
-			$args = parent::filter_setting_args( $args, $wp_customize );
+        /**
+         * Filter arguments before creating the setting.
+         *
+         * @access public
+         * @since 0.1
+         * @param array                $args         The field arguments.
+         * @param WP_Customize_Manager $wp_customize The customizer instance.
+         * @return array
+         */
+    public function filter_setting_args( $args, $wp_customize ) {
+        if ( $args['settings'] === $this->args['settings'] ) {
+            $args = parent::filter_setting_args( $args, $wp_customize );
 
-			// Set the sanitize-callback if none is defined.
-			if ( ! isset( $args['sanitize_callback'] ) || ! $args['sanitize_callback'] ) {
-				$args['sanitize_callback'] = function( $value ) {
-					if ( isset( $this->args['choices']['save_as'] ) && 'array' === $this->args['choices']['save_as'] ) {
-						return [
-							'id'     => ( isset( $value['id'] ) && '' !== $value['id'] ) ? (int) $value['id'] : '',
-							'url'    => ( isset( $value['url'] ) && '' !== $value['url'] ) ? esc_url_raw( $value['url'] ) : '',
-							'width'  => ( isset( $value['width'] ) && '' !== $value['width'] ) ? (int) $value['width'] : '',
-							'height' => ( isset( $value['height'] ) && '' !== $value['height'] ) ? (int) $value['height'] : '',
-						];
-					}
-					if ( isset( $this->args['choices']['save_as'] ) && 'id' === $this->args['choices']['save_as'] ) {
-						return absint( $value );
-					}
-					return ( is_string( $value ) ) ? esc_url_raw( $value ) : $value;
-				};
-			}
-		}
-		return $args;
-	}
+            // Set the sanitize-callback if none is defined.
+            if ( ! isset( $args['sanitize_callback'] ) || ! $args['sanitize_callback'] ) {
+                $args['sanitize_callback'] = function( $value ) {
+                    if ( isset( $this->args['choices']['save_as'] ) && 'array' === $this->args['choices']['save_as'] ) {
+                        return [
+                            'id'     => ( isset( $value['id'] ) && '' !== $value['id'] ) ? (int) $value['id'] : '',
+                            'url'    => ( isset( $value['url'] ) && '' !== $value['url'] ) ? esc_url_raw( $value['url'] ) : '',
+                            'width'  => ( isset( $value['width'] ) && '' !== $value['width'] ) ? (int) $value['width'] : '',
+                            'height' => ( isset( $value['height'] ) && '' !== $value['height'] ) ? (int) $value['height'] : '',
+                        ];
+                    }
+                    if ( isset( $this->args['choices']['save_as'] ) && 'id' === $this->args['choices']['save_as'] ) {
+                        return absint( $value );
+                    }
+                    return ( is_string( $value ) ) ? esc_url_raw( $value ) : $value;
+                };
+            }
+        }
+        return $args;
+    }
 
-	/**
-	 * Filter arguments before creating the control.
-	 *
-	 * @access public
-	 * @since 0.1
-	 * @param array                $args         The field arguments.
-	 * @param WP_Customize_Manager $wp_customize The customizer instance.
-	 * @return array
-	 */
-	public function filter_control_args( $args, $wp_customize ) {
-		if ( $args['settings'] === $this->args['settings'] ) {
-			$args = parent::filter_control_args( $args, $wp_customize );
+    /**
+     * Filter arguments before creating the control.
+     *
+     * @access public
+     * @since 0.1
+     * @param array                $args         The field arguments.
+     * @param WP_Customize_Manager $wp_customize The customizer instance.
+     * @return array
+     */
+    public function filter_control_args( $args, $wp_customize ) {
+        if ( $args['settings'] === $this->args['settings'] ) {
+            $args = parent::filter_control_args( $args, $wp_customize );
 
-			$args['button_labels'] = isset( $args['button_labels'] ) ? $args['button_labels'] : [];
-			$args['button_labels'] = wp_parse_args(
-				$args['button_labels'],
-				[
-					'select'       => esc_html__( 'Select image', 'kirki' ),
-					'change'       => esc_html__( 'Change image', 'kirki' ),
-					'default'      => esc_html__( 'Default', 'kirki' ),
-					'remove'       => esc_html__( 'Remove', 'kirki' ),
-					'placeholder'  => esc_html__( 'No image selected', 'kirki' ),
-					'frame_title'  => esc_html__( 'Select image', 'kirki' ),
-					'frame_button' => esc_html__( 'Choose image', 'kirki' ),
-				]
-			);
+            $args['button_labels'] = isset( $args['button_labels'] ) ? $args['button_labels'] : [];
+            $args['button_labels'] = wp_parse_args(
+                $args['button_labels'],
+                [
+                    'select'       => esc_html__( 'Select image', 'kirki' ),
+                    'change'       => esc_html__( 'Change image', 'kirki' ),
+                    'default'      => esc_html__( 'Default', 'kirki' ),
+                    'remove'       => esc_html__( 'Remove', 'kirki' ),
+                    'placeholder'  => esc_html__( 'No image selected', 'kirki' ),
+                    'frame_title'  => esc_html__( 'Select image', 'kirki' ),
+                    'frame_button' => esc_html__( 'Choose image', 'kirki' ),
+                ]
+            );
 
-			$args['choices']            = isset( $args['choices'] ) ? (array) $args['choices'] : [];
-			$args['choices']['save_as'] = isset( $args['choices']['save_as'] ) ? $args['choices']['save_as'] : 'url';
-			$args['choices']['labels']  = isset( $args['choices']['labels'] ) ? $args['choices']['labels'] : [];
-			$args['choices']['labels']  = wp_parse_args( $args['choices']['labels'], $args['button_labels'] );
+            $args['choices']            = isset( $args['choices'] ) ? (array) $args['choices'] : [];
+            $args['choices']['save_as'] = isset( $args['choices']['save_as'] ) ? $args['choices']['save_as'] : 'url';
+            $args['choices']['labels']  = isset( $args['choices']['labels'] ) ? $args['choices']['labels'] : [];
+            $args['choices']['labels']  = wp_parse_args( $args['choices']['labels'], $args['button_labels'] );
 
-			// Set the control-type.
-			$args['type'] = 'kirki-image';
-		}
-		return $args;
-	}
+            // Set the control-type.
+            $args['type'] = 'kirki-image';
+        }
+        return $args;
+    }
 
-	/**
-	 * Filter for output argument used by the kirki-framework/module-css module.
-	 *
-	 * @access public
-	 * @since 1.0
-	 * @param array $output      A single output item.
-	 * @param mixed $value       The value.
-	 * @param array $all_outputs All field output args.
-	 * @param array $field       The field arguments.
-	 * @return array
-	 */
-	public function output_item_args( $output, $value, $all_outputs, $field ) {
-		if ( $field['settings'] === $this->args['settings'] ) {
-			if ( isset( $output['property'] ) && in_array( [ 'background', 'background-image' ], $output['property'], true ) ) {
-				if ( ! isset( $output['value_pattern'] ) || empty( $output['value_pattern'] ) || '$' === $output['value_pattern'] ) {
-					$output['value_pattern'] = 'url("$")';
-				}
-			}
-		}
-		return $output;
-	}
+    /**
+     * Filter for output argument used by the kirki-framework/module-css module.
+     *
+     * @access public
+     * @since 1.0
+     * @param array $output      A single output item.
+     * @param mixed $value       The value.
+     * @param array $all_outputs All field output args.
+     * @param array $field       The field arguments.
+     * @return array
+     */
+    public function output_item_args( $output, $value, $all_outputs, $field ) {
+        if ( $field['settings'] === $this->args['settings'] ) {
+            if ( isset( $output['property'] ) && in_array( [ 'background', 'background-image' ], $output['property'], true ) ) {
+                if ( ! isset( $output['value_pattern'] ) || empty( $output['value_pattern'] ) || '$' === $output['value_pattern'] ) {
+                    $output['value_pattern'] = 'url("$")';
+                }
+            }
+        }
+        return $output;
+    }
 
-	/**
-	 * Adds a custom output class for typography fields.
-	 *
-	 * @access public
-	 * @since 1.0
-	 * @param array $classnames The array of classnames.
-	 * @return array
-	 */
-	public function output_control_classnames( $classnames ) {
-		$classnames['kirki-image'] = '\Kirki\Field\CSS\Image';
-		return $classnames;
-	}
+    /**
+     * Adds a custom output class for typography fields.
+     *
+     * @access public
+     * @since 1.0
+     * @param array $classnames The array of classnames.
+     * @return array
+     */
+    public function output_control_classnames( $classnames ) {
+        $classnames['kirki-image'] = '\Kirki\Field\CSS\Image';
+        return $classnames;
+    }
 }

Spacing +36 added lines, -36 removed lines

@@ -52,9 +52,9 @@ 
 	 * @param array $args The field arguments.
 	 * @return void
 	 */
-	protected function init( $args ) {
-		add_filter( 'kirki_output_item_args', [ $this, 'output_item_args' ], 10, 4 );
-		add_filter( 'kirki_output_control_classnames', [ $this, 'output_control_classnames' ] );
+	protected function init($args) {
+		add_filter('kirki_output_item_args', [$this, 'output_item_args'], 10, 4);
+		add_filter('kirki_output_control_classnames', [$this, 'output_control_classnames']);
 	}
 
 		/**
@@ -66,25 +66,25 @@ 
 		 * @param WP_Customize_Manager $wp_customize The customizer instance.
 		 * @return array
 		 */
-	public function filter_setting_args( $args, $wp_customize ) {
-		if ( $args['settings'] === $this->args['settings'] ) {
-			$args = parent::filter_setting_args( $args, $wp_customize );
+	public function filter_setting_args($args, $wp_customize) {
+		if ($args['settings'] === $this->args['settings']) {
+			$args = parent::filter_setting_args($args, $wp_customize);
 
 			// Set the sanitize-callback if none is defined.
-			if ( ! isset( $args['sanitize_callback'] ) || ! $args['sanitize_callback'] ) {
-				$args['sanitize_callback'] = function( $value ) {
-					if ( isset( $this->args['choices']['save_as'] ) && 'array' === $this->args['choices']['save_as'] ) {
+			if (!isset($args['sanitize_callback']) || !$args['sanitize_callback']) {
+				$args['sanitize_callback'] = function($value) {
+					if (isset($this->args['choices']['save_as']) && 'array' === $this->args['choices']['save_as']) {
 						return [
-							'id'     => ( isset( $value['id'] ) && '' !== $value['id'] ) ? (int) $value['id'] : '',
-							'url'    => ( isset( $value['url'] ) && '' !== $value['url'] ) ? esc_url_raw( $value['url'] ) : '',
-							'width'  => ( isset( $value['width'] ) && '' !== $value['width'] ) ? (int) $value['width'] : '',
-							'height' => ( isset( $value['height'] ) && '' !== $value['height'] ) ? (int) $value['height'] : '',
+							'id'     => (isset($value['id']) && '' !== $value['id']) ? (int) $value['id'] : '',
+							'url'    => (isset($value['url']) && '' !== $value['url']) ? esc_url_raw($value['url']) : '',
+							'width'  => (isset($value['width']) && '' !== $value['width']) ? (int) $value['width'] : '',
+							'height' => (isset($value['height']) && '' !== $value['height']) ? (int) $value['height'] : '',
 						];
 					}
-					if ( isset( $this->args['choices']['save_as'] ) && 'id' === $this->args['choices']['save_as'] ) {
-						return absint( $value );
+					if (isset($this->args['choices']['save_as']) && 'id' === $this->args['choices']['save_as']) {
+						return absint($value);
 					}
-					return ( is_string( $value ) ) ? esc_url_raw( $value ) : $value;
+					return (is_string($value)) ? esc_url_raw($value) : $value;
 				};
 			}
 		}
@@ -100,28 +100,28 @@ 
 	 * @param WP_Customize_Manager $wp_customize The customizer instance.
 	 * @return array
 	 */
-	public function filter_control_args( $args, $wp_customize ) {
-		if ( $args['settings'] === $this->args['settings'] ) {
-			$args = parent::filter_control_args( $args, $wp_customize );
+	public function filter_control_args($args, $wp_customize) {
+		if ($args['settings'] === $this->args['settings']) {
+			$args = parent::filter_control_args($args, $wp_customize);
 
-			$args['button_labels'] = isset( $args['button_labels'] ) ? $args['button_labels'] : [];
+			$args['button_labels'] = isset($args['button_labels']) ? $args['button_labels'] : [];
 			$args['button_labels'] = wp_parse_args(
 				$args['button_labels'],
 				[
-					'select'       => esc_html__( 'Select image', 'kirki' ),
-					'change'       => esc_html__( 'Change image', 'kirki' ),
-					'default'      => esc_html__( 'Default', 'kirki' ),
-					'remove'       => esc_html__( 'Remove', 'kirki' ),
-					'placeholder'  => esc_html__( 'No image selected', 'kirki' ),
-					'frame_title'  => esc_html__( 'Select image', 'kirki' ),
-					'frame_button' => esc_html__( 'Choose image', 'kirki' ),
+					'select'       => esc_html__('Select image', 'kirki'),
+					'change'       => esc_html__('Change image', 'kirki'),
+					'default'      => esc_html__('Default', 'kirki'),
+					'remove'       => esc_html__('Remove', 'kirki'),
+					'placeholder'  => esc_html__('No image selected', 'kirki'),
+					'frame_title'  => esc_html__('Select image', 'kirki'),
+					'frame_button' => esc_html__('Choose image', 'kirki'),
 				]
 			);
 
-			$args['choices']            = isset( $args['choices'] ) ? (array) $args['choices'] : [];
-			$args['choices']['save_as'] = isset( $args['choices']['save_as'] ) ? $args['choices']['save_as'] : 'url';
-			$args['choices']['labels']  = isset( $args['choices']['labels'] ) ? $args['choices']['labels'] : [];
-			$args['choices']['labels']  = wp_parse_args( $args['choices']['labels'], $args['button_labels'] );
+			$args['choices']            = isset($args['choices']) ? (array) $args['choices'] : [];
+			$args['choices']['save_as'] = isset($args['choices']['save_as']) ? $args['choices']['save_as'] : 'url';
+			$args['choices']['labels']  = isset($args['choices']['labels']) ? $args['choices']['labels'] : [];
+			$args['choices']['labels']  = wp_parse_args($args['choices']['labels'], $args['button_labels']);
 
 			// Set the control-type.
 			$args['type'] = 'kirki-image';
@@ -140,10 +140,10 @@ 
 	 * @param array $field       The field arguments.
 	 * @return array
 	 */
-	public function output_item_args( $output, $value, $all_outputs, $field ) {
-		if ( $field['settings'] === $this->args['settings'] ) {
-			if ( isset( $output['property'] ) && in_array( [ 'background', 'background-image' ], $output['property'], true ) ) {
-				if ( ! isset( $output['value_pattern'] ) || empty( $output['value_pattern'] ) || '$' === $output['value_pattern'] ) {
+	public function output_item_args($output, $value, $all_outputs, $field) {
+		if ($field['settings'] === $this->args['settings']) {
+			if (isset($output['property']) && in_array(['background', 'background-image'], $output['property'], true)) {
+				if (!isset($output['value_pattern']) || empty($output['value_pattern']) || '$' === $output['value_pattern']) {
 					$output['value_pattern'] = 'url("$")';
 				}
 			}
@@ -159,7 +159,7 @@ 
 	 * @param array $classnames The array of classnames.
 	 * @return array
 	 */
-	public function output_control_classnames( $classnames ) {
+	public function output_control_classnames($classnames) {
 		$classnames['kirki-image'] = '\Kirki\Field\CSS\Image';
 		return $classnames;
 	}

brighty/wp-content/plugins/brighty-core/includes/kirki-4.0.24/packages/kirki-framework/control-image/src/Control/Image.php

Indentation +43 added lines, -43 removed lines

@@ -20,52 +20,52 @@ 
  */
 class Image extends Base {
 
-	/**
-	 * The control type.
-	 *
-	 * @access public
-	 * @since 1.0
-	 * @var string
-	 */
-	public $type = 'kirki-image';
+    /**
+     * The control type.
+     *
+     * @access public
+     * @since 1.0
+     * @var string
+     */
+    public $type = 'kirki-image';
 
-	/**
-	 * The version. Used in scripts & styles for cache-busting.
-	 *
-	 * @static
-	 * @access public
-	 * @since 1.0
-	 * @var string
-	 */
-	public static $control_ver = '1.0.2';
+    /**
+     * The version. Used in scripts & styles for cache-busting.
+     *
+     * @static
+     * @access public
+     * @since 1.0
+     * @var string
+     */
+    public static $control_ver = '1.0.2';
 
-	/**
-	 * Enqueue control related scripts/styles.
-	 *
-	 * @access public
-	 */
-	public function enqueue() {
-		parent::enqueue();
+    /**
+     * Enqueue control related scripts/styles.
+     *
+     * @access public
+     */
+    public function enqueue() {
+        parent::enqueue();
 
-		// Enqueue the script.
-		wp_enqueue_script( 'kirki-control-image', URL::get_from_path( dirname( dirname( __DIR__ ) ) . '/dist/control.js' ), [ 'jquery', 'customize-base', 'kirki-control-base', 'wp-mediaelement', 'media-upload', 'wp-i18n' ], self::$control_ver, false );
-		wp_set_script_translations( 'kirki-control-image', 'kirki' );
-	}
+        // Enqueue the script.
+        wp_enqueue_script( 'kirki-control-image', URL::get_from_path( dirname( dirname( __DIR__ ) ) . '/dist/control.js' ), [ 'jquery', 'customize-base', 'kirki-control-base', 'wp-mediaelement', 'media-upload', 'wp-i18n' ], self::$control_ver, false );
+        wp_set_script_translations( 'kirki-control-image', 'kirki' );
+    }
 
-	/**
-	 * An Underscore (JS) template for this control's content (but not its container).
-	 *
-	 * Class variables for this control class are available in the `data` JS object;
-	 * export custom variables by overriding {@see WP_Customize_Control::to_json()}.
-	 *
-	 * @see WP_Customize_Control::print_template()
-	 *
-	 * @access protected
-	 * @since 1.1
-	 * @return void
-	 */
-	protected function content_template() {
-		?>
+    /**
+     * An Underscore (JS) template for this control's content (but not its container).
+     *
+     * Class variables for this control class are available in the `data` JS object;
+     * export custom variables by overriding {@see WP_Customize_Control::to_json()}.
+     *
+     * @see WP_Customize_Control::print_template()
+     *
+     * @access protected
+     * @since 1.1
+     * @return void
+     */
+    protected function content_template() {
+        ?>
 		<label>
 			<span class="customize-control-title">{{{ data.label }}}</span>
 			<# if ( data.description ) { #>
@@ -90,5 +90,5 @@ 
 			</div>
 		</div>
 		<?php
-	}
+    }
 }

Spacing +6 added lines, -6 removed lines

@@ -48,8 +48,8 @@ 
 		parent::enqueue();
 
 		// Enqueue the script.
-		wp_enqueue_script( 'kirki-control-image', URL::get_from_path( dirname( dirname( __DIR__ ) ) . '/dist/control.js' ), [ 'jquery', 'customize-base', 'kirki-control-base', 'wp-mediaelement', 'media-upload', 'wp-i18n' ], self::$control_ver, false );
-		wp_set_script_translations( 'kirki-control-image', 'kirki' );
+		wp_enqueue_script('kirki-control-image', URL::get_from_path(dirname(dirname(__DIR__)) . '/dist/control.js'), ['jquery', 'customize-base', 'kirki-control-base', 'wp-mediaelement', 'media-upload', 'wp-i18n'], self::$control_ver, false);
+		wp_set_script_translations('kirki-control-image', 'kirki');
 	}
 
 	/**
@@ -79,14 +79,14 @@ 
 					<img src="{{ url }}"/>
 				</div>
 			<# } else { #>
-				<div class="placeholder"><?php esc_html_e( 'No image selected', 'kirki' ); ?></div>
+				<div class="placeholder"><?php esc_html_e('No image selected', 'kirki'); ?></div>
 			<# } #>
 			<div class="actions">
-				<button class="button image-upload-remove-button<# if ( '' === url ) { #> hidden <# } #>"><?php esc_html_e( 'Remove', 'kirki' ); ?></button>
+				<button class="button image-upload-remove-button<# if ( '' === url ) { #> hidden <# } #>"><?php esc_html_e('Remove', 'kirki'); ?></button>
 				<# if ( data.default && '' !== data.default ) { #>
-					<button type="button" class="button image-default-button"<# if ( data.default === data.value || ( ! _.isUndefined( data.value.url ) && data.default === data.value.url ) ) { #> style="display:none;"<# } #>><?php esc_html_e( 'Default', 'kirki' ); ?></button>
+					<button type="button" class="button image-default-button"<# if ( data.default === data.value || ( ! _.isUndefined( data.value.url ) && data.default === data.value.url ) ) { #> style="display:none;"<# } #>><?php esc_html_e('Default', 'kirki'); ?></button>
 				<# } #>
-				<button type="button" class="button image-upload-button"><?php esc_html_e( 'Select image', 'kirki' ); ?></button>
+				<button type="button" class="button image-upload-button"><?php esc_html_e('Select image', 'kirki'); ?></button>
 			</div>
 		</div>
 		<?php

brighty/wp-content/plugins/brighty-core/includes/kirki-4.0.24/packages/kirki-framework/control-select/src/Field/Preset.php

Indentation +20 added lines, -20 removed lines

@@ -17,25 +17,25 @@
  */
 class Preset extends Select {
 
-	/**
-	 * Filter arguments before creating the control.
-	 *
-	 * @access public
-	 * @since 0.1
-	 * @param array                $args         The field arguments.
-	 * @param WP_Customize_Manager $wp_customize The customizer instance.
-	 * @return array
-	 */
-	public function filter_control_args( $args, $wp_customize ) {
-		if ( $args['settings'] === $this->args['settings'] ) {
-			$args = parent::filter_control_args( $args, $wp_customize );
+    /**
+     * Filter arguments before creating the control.
+     *
+     * @access public
+     * @since 0.1
+     * @param array                $args         The field arguments.
+     * @param WP_Customize_Manager $wp_customize The customizer instance.
+     * @return array
+     */
+    public function filter_control_args( $args, $wp_customize ) {
+        if ( $args['settings'] === $this->args['settings'] ) {
+            $args = parent::filter_control_args( $args, $wp_customize );
 
-			$args['multiple'] = 1;
-			$args['preset']   = $args['choices'];
-			foreach ( $args['choices'] as $key => $args ) {
-				$args['choices'][ $key ] = $args['label'];
-			}
-		}
-		return $args;
-	}
+            $args['multiple'] = 1;
+            $args['preset']   = $args['choices'];
+            foreach ( $args['choices'] as $key => $args ) {
+                $args['choices'][ $key ] = $args['label'];
+            }
+        }
+        return $args;
+    }
 }

Spacing +5 added lines, -5 removed lines

@@ -26,14 +26,14 @@
 	 * @param WP_Customize_Manager $wp_customize The customizer instance.
 	 * @return array
 	 */
-	public function filter_control_args( $args, $wp_customize ) {
-		if ( $args['settings'] === $this->args['settings'] ) {
-			$args = parent::filter_control_args( $args, $wp_customize );
+	public function filter_control_args($args, $wp_customize) {
+		if ($args['settings'] === $this->args['settings']) {
+			$args = parent::filter_control_args($args, $wp_customize);
 
 			$args['multiple'] = 1;
 			$args['preset']   = $args['choices'];
-			foreach ( $args['choices'] as $key => $args ) {
-				$args['choices'][ $key ] = $args['label'];
+			foreach ($args['choices'] as $key => $args) {
+				$args['choices'][$key] = $args['label'];
 			}
 		}
 		return $args;