add_values_backwards_compatibility(); $defaults = array( 'font-family' => false, 'font-size' => 0, 'variant' => false, 'line-height' => 0, 'color' => '#000000', 'letter-spacing' => 'normal', ); $this->json['default'] = wp_parse_args( $this->json['default'], $defaults ); $this->json['show_variants'] = true; $this->json['l10n'] = array( 'font-family' => esc_html__( 'Font Family', 'morz' ), 'select-font-family' => esc_html__( 'Select Font Family', 'morz' ), 'variant' => esc_html__( 'Variant', 'morz' ), 'font-size' => esc_html__( 'Font Size', 'morz' ), 'line-height' => esc_html__( 'Line Height', 'morz' ), 'color' => esc_html__( 'Color', 'morz' ), 'letter-spacing' => esc_html__( 'Letter Spacing', 'morz' ), 'letter-spacing-description' => wp_kses( __( 'Either normal or a length unit', 'morz' ), [ 'code' => [] ] ), ); $this->json['unit'] = 'px'; } /** * 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 Kirki_Customize_Control::to_json()}. * * @see WP_Customize_Control::print_template() * * @access protected */ protected function content_template() { ?> <# if ( data.label ) { #> {{{ data.label }}} <# } #> <# if ( data.description ) { #> {{{ data.description }}} <# } #>
<# if ( '' == data.value['font-family'] ) { data.value['font-family'] = data.default['font-family']; } #>
{{ data.l10n['font-family'] }}
{{ data.l10n['font-size'] }}
{{data.unit}}
{{ data.l10n['line-height'] }}
{{ data.l10n['color'] }}
<# if ( true === data.show_variants || false !== data.default.variant ) { #>
{{ data.l10n['variant'] }}
<# } #>
{{ data.l10n['letter-spacing'] }}
{{{ data.l10n['letter-spacing-description'] }}}
value(); $old_values = array( 'font-family' => '', 'font-size' => '', 'variant' => ( isset( $value['font-weight'] ) ) ? $value['font-weight'] : 'regular', 'line-height' => '', 'letter-spacing' => '', 'color' => '', ); // Font-weight is now variant. // All values are the same with the exception of 400 (becomes regular). if ( '400' == $old_values['variant'] ) { $old_values['variant'] = 'regular'; } // Letter spacing was in px, now it requires units. if ( isset( $value['letter-spacing'] ) && is_numeric( $value['letter-spacing'] ) && $value['letter-spacing'] ) { $value['letter-spacing'] .= 'px'; } elseif ( ! isset( $value['letter-spacing'] ) || empty( $value['letter-spacing'] ) ) { $value['letter-spacing'] = 'normal'; } $this->json['value'] = wp_parse_args( $value, $old_values ); // Cleanup. if ( isset( $this->json['value']['font-weight'] ) ) { unset( $this->json['value']['font-weight'] ); } // line-height is converted to an unitless value if ( ! empty( $this->json['value']['line-height'] ) && strpos( $this->json['value']['line-height'], 'px' ) !== false ) { $this->json['value']['line-height'] = round( (int)$this->json['value']['line-height'] / (int)$this->json['value']['font-size'], 2 ); } } /** * Don't render any content for this control from PHP. */ public function render_content() {} }