field_before() ); $args = wp_parse_args( $this->field, array( 'font_family' => true, 'font_weight' => true, 'font_style' => true, 'font_size' => true, 'line_height' => true, 'tablet_font_size' => true, 'tablet_line_height' => true, 'mobile_font_size' => true, 'mobile_line_height' => true, 'letter_spacing' => true, 'text_align' => true, 'text_transform' => true, 'color' => true, 'hover_color' => false, 'chosen' => true, 'preview' => true, 'subset' => true, 'multi_subset' => false, 'extra_styles' => false, 'backup_font_family' => false, 'font_variant' => false, 'word_spacing' => false, 'text_decoration' => false, 'custom_style' => false, 'exclude' => '', // phpcs:ignore 'unit' => 'px', 'preview_text' => 'The quick brown fox jumps over the lazy dog', ) ); $default_value = array( 'font-family' => '', 'font-weight' => '', 'font-style' => '', 'font-variant' => '', 'font-size' => '', 'line-height' => '', 'tablet-font-size' => '', 'tablet-line-height' => '', 'mobile-font-size' => '', 'mobile-line-height' => '', 'letter-spacing' => '', 'word-spacing' => '', 'text-align' => '', 'text-transform' => '', 'text-decoration' => '', 'backup-font-family' => '', 'color' => '', 'hover_color' => '', 'custom-style' => '', 'type' => '', 'subset' => '', 'extra-styles' => array(), ); $default_value = ( ! empty( $this->field['default'] ) ) ? wp_parse_args( $this->field['default'], $default_value ) : $default_value; $this->value = wp_parse_args( $this->value, $default_value ); $this->chosen = $args['chosen']; $chosen_class = ( $this->chosen ) ? ' spf--chosen' : ''; echo '
'; echo '
'; // // Font Family. if ( ! empty( $args['font_family'] ) ) { echo '
'; echo '
' . esc_html__( 'Font Family', 'post-carousel' ) . '
'; echo $this->create_select( array( $this->value['font-family'] => $this->value['font-family'] ), 'font-family', esc_html__( 'Select a font', 'post-carousel' ) ); // phpcs:ignore -- escaped by create_select. echo '
'; } // // Backup Font Family. if ( ! empty( $args['backup_font_family'] ) ) { echo ''; } // // Font Style and Extra Style Select. if ( ! empty( $args['font_weight'] ) || ! empty( $args['font_style'] ) ) { // // Font Style Select. echo ''; } // // Subset. if ( ! empty( $args['subset'] ) ) { echo ''; } // // Text Align. if ( ! empty( $args['text_align'] ) ) { echo '
'; echo '
' . esc_html__( 'Text Align', 'post-carousel' ) . '
'; echo $this->create_select( // phpcs:ignore -- escaped by create_select. array( 'inherit' => esc_html__( 'Inherit', 'post-carousel' ), 'left' => esc_html__( 'Left', 'post-carousel' ), 'center' => esc_html__( 'Center', 'post-carousel' ), 'right' => esc_html__( 'Right', 'post-carousel' ), 'justify' => esc_html__( 'Justify', 'post-carousel' ), 'initial' => esc_html__( 'Initial', 'post-carousel' ), ), 'text-align', esc_html__( 'Default', 'post-carousel' ) ); echo '
'; } // // Font Variant. if ( ! empty( $args['font_variant'] ) ) { echo '
'; echo '
' . esc_html__( 'Font Variant', 'post-carousel' ) . '
'; echo wp_kses_post( $this->create_select( array( 'normal' => esc_html__( 'Normal', 'post-carousel' ), 'small-caps' => esc_html__( 'Small Caps', 'post-carousel' ), 'all-small-caps' => esc_html__( 'All Small Caps', 'post-carousel' ), ), 'font-variant', esc_html__( 'Default', 'post-carousel' ) ) ); echo '
'; } // // Text Transform. if ( ! empty( $args['text_transform'] ) ) { echo '
'; echo '
' . esc_html__( 'Text Transform', 'post-carousel' ) . '
'; echo $this->create_select( // phpcs:ignore -- escaped by create_select. array( 'none' => esc_html__( 'None', 'post-carousel' ), 'capitalize' => esc_html__( 'Capitalize', 'post-carousel' ), 'uppercase' => esc_html__( 'Uppercase', 'post-carousel' ), 'lowercase' => esc_html__( 'Lowercase', 'post-carousel' ), ), 'text-transform', esc_html__( 'Default', 'post-carousel' ) ); echo '
'; } // // Text Decoration. if ( ! empty( $args['text_decoration'] ) ) { echo '
'; echo '
' . esc_html__( 'Text Decoration', 'post-carousel' ) . '
'; echo wp_kses_post( $this->create_select( array( 'none' => esc_html__( 'None', 'post-carousel' ), 'underline' => esc_html__( 'Solid', 'post-carousel' ), 'underline double' => esc_html__( 'Double', 'post-carousel' ), 'underline dotted' => esc_html__( 'Dotted', 'post-carousel' ), 'underline dashed' => esc_html__( 'Dashed', 'post-carousel' ), 'underline wavy' => esc_html__( 'Wavy', 'post-carousel' ), 'underline overline' => esc_html__( 'Overline', 'post-carousel' ), 'line-through' => esc_html__( 'Line-through', 'post-carousel' ), ), 'text-decoration', esc_html__( 'Default', 'post-carousel' ) ) ); echo '
'; } echo '
'; // End of .spf--blocks-selects. echo '
'; // // Font Size and Line Height. if ( ! empty( $args['font_size'] ) ) { echo '
'; echo '
' . esc_html__( 'Font Size', 'post-carousel' ) . '
'; echo '
'; echo ''; echo '' . esc_attr( $args['unit'] ) . ''; echo '
'; echo '
'; } if ( ! empty( $args['line_height'] ) ) { echo '
'; echo '
' . esc_html__( 'Line Height', 'post-carousel' ) . '
'; echo '
'; echo ''; echo '' . esc_attr( $args['unit'] ) . ''; echo '
'; echo '
'; } if ( ! empty( $args['tablet_font_size'] ) ) { echo '
'; echo '
' . esc_html__( 'Font Size (Tablet)', 'post-carousel' ) . '
'; echo '
'; echo ''; echo '' . esc_attr( $args['unit'] ) . ''; echo '
'; echo '
'; } if ( ! empty( $args['tablet_line_height'] ) ) { echo '
'; echo '
' . esc_html__( 'Line Height (Tablet)', 'post-carousel' ) . '
'; echo '
'; echo ''; echo '' . esc_attr( $args['unit'] ) . ''; echo '
'; echo '
'; } if ( ! empty( $args['mobile_font_size'] ) ) { echo '
'; echo '
' . esc_html__( 'Font Size (Mobile)', 'post-carousel' ) . '
'; echo '
'; echo ''; echo '' . esc_attr( $args['unit'] ) . ''; echo '
'; echo '
'; } if ( ! empty( $args['mobile_line_height'] ) ) { echo '
'; echo '
' . esc_html__( 'Line Height (Mobile)', 'post-carousel' ) . '
'; echo '
'; echo ''; echo '' . esc_attr( $args['unit'] ) . ''; echo '
'; echo '
'; } // // Letter Spacing. if ( ! empty( $args['letter_spacing'] ) ) { echo '
'; echo '
' . esc_html__( 'Letter Spacing', 'post-carousel' ) . '
'; echo '
'; echo ''; echo '' . esc_attr( $args['unit'] ) . ''; echo '
'; echo '
'; } // // Word Spacing. if ( ! empty( $args['word_spacing'] ) ) { echo '
'; echo '
' . esc_html__( 'Word Spacing', 'post-carousel' ) . '
'; echo '
'; echo ''; echo '' . esc_attr( $args['unit'] ) . ''; echo '
'; echo '
'; } echo '
'; // End of spf--blocks-inputs. // // Font Color. if ( ! empty( $args['color'] ) ) { echo '
'; $default_color_attr = ( ! empty( $default_value['color'] ) ) ? ' data-default-color="' . esc_attr( $default_value['color'] ) . '"' : ''; echo '
'; echo '
' . esc_html__( 'Font Color', 'post-carousel' ) . '
'; echo '
'; echo ''; echo '
'; echo '
'; // // Font Hover Color. if ( ! empty( $args['hover_color'] ) ) { $default_hover_color_attr = ( ! empty( $default_value['hover_color'] ) ) ? ' data-default-color="' . esc_attr( $default_value['hover_color'] ) . '"' : ''; echo '
'; echo '
' . esc_html__( 'Hover Color', 'post-carousel' ) . '
'; echo '
'; echo ''; echo '
'; echo '
'; } echo '
'; // End of spf--blocks-color. } // // Custom style. if ( ! empty( $args['custom_style'] ) ) { echo '
'; echo '
' . esc_html__( 'Custom Style', 'post-carousel' ) . '
'; echo ''; echo '
'; } // // Preview. $always_preview = ( 'always' !== $args['preview'] ) ? ' hidden' : ''; if ( ! empty( $args['preview'] ) ) { echo '
'; echo '
'; echo '
' . esc_html( $args['preview_text'] ) . '
'; echo '
'; } echo ''; echo ''; echo '
'; echo wp_kses_post( $this->field_after() ); } /** * Create select field. * * @param [type] $options options. * @param [type] $name name. * @param string $placeholder placeholder. * @param boolean $is_multiple multiple check. * @return mixed */ public function create_select( $options, $name, $placeholder = '', $is_multiple = false ) { $multiple_name = ( $is_multiple ) ? '[]' : ''; $multiple_attr = ( $is_multiple ) ? ' multiple data-multiple="true"' : ''; $chosen_rtl = ( $this->chosen && is_rtl() ) ? ' chosen-rtl' : ''; $output = ''; return $output; } } }