File: /medikors/www/wp-content/plugins/jet-menu/includes/class-jet-menu-dynamic-css.php
<?php
/**
* Class description
*
* @package package_name
* @author Cherry Team
* @license GPL-2.0+
*/
// If this file is called directly, abort.
if ( ! defined( 'WPINC' ) ) {
die;
}
if ( ! class_exists( 'Jet_Menu_Dynamic_CSS' ) ) {
/**
* Define Jet_Menu_Dynamic_CSS class
*/
class Jet_Menu_Dynamic_CSS {
/**
* A reference to an instance of this class.
*
* @since 1.0.0
* @var object
*/
private static $instance = null;
/**
* Builder instance
*
* @var null
*/
public $builder = null;
/**
* Fonts holder.
*
* @var array
*/
private $fonts = null;
/**
* Initialize builde rinstance
*
* @param [type] $builder [description]
* @return [type] [description]
*/
public function init_builder( $builder ) {
$this->builder= $builder;
}
/**
* Register typography options.
*
* @param array $args [description]
*/
public function add_typography_options( $args = array() ) {
$args = wp_parse_args( $args, array(
'label' => '',
'name' => '',
'parent' => '',
'defaults' => array(),
) );
$this->builder->register_control(
array(
$args['name'] . '-switch' => array(
'type' => 'switcher',
'title' => sprintf( esc_html__( '%s typography', 'jet-menu' ), $args['label'] ),
'value' => $this->get_option( $args['name'] . '-switch', 'false' ),
'toggle' => array(
'true_toggle' => 'On',
'false_toggle' => 'Off',
'true_slave' => $args['name'] . '-show',
),
'parent' => $args['parent'],
),
$args['name'] . '-font-size' => array(
'type' => 'slider',
'max_value' => 70,
'min_value' => 8,
'value' => $this->get_option(
$args['name'] . '-font-size',
isset( $args['defaults']['font-size'] ) ? $args['defaults']['font-size'] : false
),
'step_value' => 1,
'title' => sprintf( esc_html__( '%s font size', 'jet-menu' ), $args['label'] ),
'parent' => $args['parent'],
'master' => $args['name'] . '-show',
),
$args['name'] . '-font-family' => array(
'type' => 'select',
'parent' => $args['parent'],
'title' => sprintf( esc_html__( '%s font family', 'jet-menu' ), $args['label'] ),
'filter' => true,
'value' => $this->get_option(
$args['name'] . '-font-family',
isset( $args['defaults']['font-family'] ) ? $args['defaults']['font-family'] : false
),
'options' => $this->get_fonts_list(),
'master' => $args['name'] . '-show',
),
$args['name'] . '-font-weight' => array(
'type' => 'select',
'parent' => $args['parent'],
'title' => sprintf( esc_html__( '%s font weight', 'jet-menu' ), $args['label'] ),
'value' => $this->get_option(
$args['name'] . '-font-weight',
isset( $args['defaults']['font-weight'] ) ? $args['defaults']['font-weight'] : false
),
'options' => array(
'' => esc_html__( 'Default', 'jet-menu' ),
'100' => '100',
'200' => '200',
'300' => '300',
'400' => '400',
'500' => '500',
'600' => '600',
'700' => '700',
'800' => '800',
'900' => '900',
),
'master' => $args['name'] . '-show',
),
$args['name'] . '-text-transform' => array(
'type' => 'select',
'parent' => $args['parent'],
'title' => sprintf( esc_html__( '%s text transform', 'jet-menu' ), $args['label'] ),
'value' => $this->get_option(
$args['name'] . '-text-transform',
isset( $args['defaults']['text-transform'] ) ? $args['defaults']['text-transform'] : false
),
'options' => array(
'' => esc_html__( 'Default', 'jet-menu' ),
'uppercase' => esc_html__( 'Uppercase', 'jet-menu' ),
'lowercase' => esc_html__( 'Lowercase', 'jet-menu' ),
'capitalize' => esc_html__( 'Capitalize', 'jet-menu' ),
'none' => esc_html__( 'Normal', 'jet-menu' ),
),
'master' => $args['name'] . '-show',
),
$args['name'] . '-font-style' => array(
'type' => 'select',
'parent' => $args['parent'],
'title' => sprintf( esc_html__( '%s font style', 'jet-menu' ), $args['label'] ),
'value' => $this->get_option(
$args['name'] . '-font-style',
isset( $args['defaults']['font-style'] ) ? $args['defaults']['font-style'] : false
),
'options' => array(
'' => esc_html__( 'Default', 'jet-menu' ),
'normal' => esc_html__( 'Normal', 'jet-menu' ),
'italic' => esc_html__( 'Italic', 'jet-menu' ),
'oblique' => esc_html__( 'Oblique', 'jet-menu' ),
),
'master' => $args['name'] . '-show',
),
$args['name'] . '-line-height' => array(
'type' => 'slider',
'max_value' => 10,
'min_value' => 0.1,
'value' => $this->get_option(
$args['name'] . '-line-height',
isset( $args['defaults']['line-height'] ) ? $args['defaults']['line-height'] : false
),
'step_value' => 0.1,
'title' => sprintf( esc_html__( '%s line height', 'jet-menu' ), $args['label'] ),
'parent' => $args['parent'],
'master' => $args['name'] . '-show',
),
$args['name'] . '-letter-spacing' => array(
'type' => 'slider',
'max_value' => 5,
'min_value' => -5,
'value' => $this->get_option(
$args['name'] . '-letter-spacing',
isset( $args['defaults']['letter-spacing'] ) ? $args['defaults']['letter-spacing'] : false
),
'step_value' => 0.1,
'title' => sprintf( esc_html__( '%s letter spacing', 'jet-menu' ), $args['label'] ),
'parent' => $args['parent'],
'master' => $args['name'] . '-show',
),
$args['name'] . '-subset' => array(
'type' => 'select',
'parent' => $args['parent'],
'title' => sprintf( esc_html__( '%s subset', 'jet-menu' ), $args['label'] ),
'value' => $this->get_option(
$args['name'] . '-subset',
isset( $args['defaults']['subset'] ) ? $args['defaults']['subset'] : false
),
'options' => array(
'latin' => esc_html__( 'Latin', 'jet-menu' ),
'greek' => esc_html__( 'Greek', 'jet-menu' ),
'cyrillic' => esc_html__( 'Cyrillic', 'jet-menu' ),
),
'master' => $args['name'] . '-show',
),
)
);
}
/**
* Background options array
*
* @param array $args [description]
*/
public function add_background_options( $args = array() ) {
$args = wp_parse_args( $args, array(
'label' => '',
'name' => '',
'parent' => '',
'defaults' => array(),
) );
$this->builder->register_control(
array(
$args['name'] . '-switch' => array(
'type' => 'switcher',
'title' => sprintf( esc_html__( '%s background', 'jet-menu' ), $args['label'] ),
'value' => $this->get_option( $args['name'] . '-switch', 'false' ),
'toggle' => array(
'true_toggle' => 'On',
'false_toggle' => 'Off',
'true_slave' => $args['name'] . '-show',
),
'parent' => $args['parent'],
),
$args['name'] . '-color' => array(
'type' => 'colorpicker',
'parent' => $args['parent'],
'title' => sprintf( esc_html__( '%s background color', 'jet-menu' ), $args['label'] ),
'value' => $this->get_option(
$args['name'] . '-color',
isset( $args['defaults']['color'] ) ? $args['defaults']['color'] : false
),
'alpha' => true,
'master' => $args['name'] . '-show',
),
$args['name'] . '-gradient-switch' => array(
'type' => 'switcher',
'title' => esc_html__( 'Gradient background', 'jet-menu' ),
'value' => $this->get_option( $args['name'] . '-gradient-switch', 'false' ),
'toggle' => array(
'true_toggle' => 'On',
'false_toggle' => 'Off',
),
'parent' => $args['parent'],
'master' => $args['name'] . '-show',
),
$args['name'] . '-second-color' => array(
'type' => 'colorpicker',
'parent' => $args['parent'],
'title' => sprintf( esc_html__( '%s background second color', 'jet-menu' ), $args['label'] ),
'value' => $this->get_option(
$args['name'] . '-second-color',
isset( $args['defaults']['second-color'] ) ? $args['defaults']['second-color'] : false
),
'alpha' => true,
'master' => $args['name'] . '-show',
),
$args['name'] . '-direction' => array(
'type' => 'select',
'parent' => $args['parent'],
'title' => sprintf( esc_html__( '%s background gradient direction', 'jet-menu' ), $args['label'] ),
'value' => $this->get_option(
$args['name'] . '-direction',
isset( $args['defaults']['direction'] ) ? $args['defaults']['direction'] : false
),
'options' => array(
'right' => esc_html__( 'From Left to Right', 'jet-menu' ),
'left' => esc_html__( 'From Right to Left', 'jet-menu' ),
'bottom' => esc_html__( 'From Top to Bottom', 'jet-menu' ),
'top' => esc_html__( 'From Bottom to Top', 'jet-menu' ),
),
'master' => $args['name'] . '-show',
),
$args['name'] . '-image' => array(
'type' => 'media',
'parent' => $args['parent'],
'title' => sprintf( esc_html__( '%s background image', 'jet-menu' ), $args['label'] ),
'value' => $this->get_option(
$args['name'] . '-image',
isset( $args['defaults']['image'] ) ? $args['defaults']['image'] : false
),
'multi_upload' => false,
'library_type' => 'image',
'upload_button_text' => esc_html__( 'Choose Image', 'jet-menu' ),
'class' => '',
'label' => '',
'master' => $args['name'] . '-show',
),
$args['name'] . '-position' => array(
'type' => 'select',
'parent' => $args['parent'],
'title' => sprintf( esc_html__( '%s background position', 'jet-menu' ), $args['label'] ),
'value' => $this->get_option(
$args['name'] . '-position',
isset( $args['defaults']['position'] ) ? $args['defaults']['position'] : false
),
'options' => array(
'' => esc_html__( 'Default', 'jet-menu' ),
'top left' => esc_html__( 'Top Left', 'jet-menu' ),
'top center' => esc_html__( 'Top Center', 'jet-menu' ),
'top right' => esc_html__( 'Top Right', 'jet-menu' ),
'center left' => esc_html__( 'Center Left', 'jet-menu' ),
'center center' => esc_html__( 'Center Center', 'jet-menu' ),
'center right' => esc_html__( 'Center Right', 'jet-menu' ),
'bottom left' => esc_html__( 'Bottom Left', 'jet-menu' ),
'bottom center' => esc_html__( 'Bottom Center', 'jet-menu' ),
'bottom right' => esc_html__( 'Bottom Right', 'jet-menu' ),
),
'master' => $args['name'] . '-show',
),
$args['name'] . '-attachment' => array(
'type' => 'select',
'parent' => $args['parent'],
'title' => sprintf( esc_html__( '%s background attachment', 'jet-menu' ), $args['label'] ),
'value' => $this->get_option(
$args['name'] . '-attachment',
isset( $args['defaults']['attachment'] ) ? $args['defaults']['attachment'] : false
),
'options' => array(
'' => esc_html__( 'Default', 'jet-menu' ),
'scroll' => esc_html__( 'Scroll', 'jet-menu' ),
'fixed' => esc_html__( 'Fixed', 'jet-menu' ),
),
'master' => $args['name'] . '-show',
),
$args['name'] . '-repeat' => array(
'type' => 'select',
'parent' => $args['parent'],
'title' => sprintf( esc_html__( '%s background repeat', 'jet-menu' ), $args['label'] ),
'value' => $this->get_option(
$args['name'] . '-repeat',
isset( $args['defaults']['repeat'] ) ? $args['defaults']['repeat'] : false
),
'options' => array(
'' => esc_html__( 'Default', 'jet-menu' ),
'no-repeat' => esc_html__( 'No Repeat', 'jet-menu' ),
'repeat' => esc_html__( 'Repeat', 'jet-menu' ),
'repeat-x' => esc_html__( 'Repeat X', 'jet-menu' ),
'repeat-y' => esc_html__( 'Repeat Y', 'jet-menu' ),
),
'master' => $args['name'] . '-show',
),
$args['name'] . '-size' => array(
'type' => 'select',
'parent' => $args['parent'],
'title' => sprintf( esc_html__( '%s background size', 'jet-menu' ), $args['label'] ),
'value' => $this->get_option(
$args['name'] . '-size',
isset( $args['defaults']['size'] ) ? $args['defaults']['size'] : false
),
'options' => array(
'' => esc_html__( 'Default', 'jet-menu' ),
'auto' => esc_html__( 'Auto', 'jet-menu' ),
'cover' => esc_html__( 'Cover', 'jet-menu' ),
'contain' => esc_html__( 'Contain', 'jet-menu' ),
),
'master' => $args['name'] . '-show',
),
)
);
}
/**
* Register border options
*
* @param array $args [description]
*/
public function add_border_options( $args = array() ) {
$args = wp_parse_args( $args, array(
'label' => '',
'name' => '',
'parent' => '',
'defaults' => array(),
) );
$this->builder->register_control(
array(
$args['name'] . '-border-switch' => array(
'type' => 'switcher',
'title' => sprintf( esc_html__( '%s border', 'jet-menu' ), $args['label'] ),
'value' => $this->get_option( $args['name'] . '-border-switch', 'false' ),
'toggle' => array(
'true_toggle' => 'On',
'false_toggle' => 'Off',
'true_slave' => $args['name'] . '-border-show',
),
'parent' => $args['parent'],
),
$args['name'] . '-border-style' => array(
'type' => 'select',
'parent' => $args['parent'],
'title' => sprintf( esc_html__( '%s border style', 'jet-menu' ), $args['label'] ),
'value' => $this->get_option(
$args['name'] . '-border-style',
isset( $args['defaults']['border-style'] ) ? $args['defaults']['border-style'] : false
),
'options' => array(
'solid' => esc_html__( 'Solid', 'jet-menu' ),
'double' => esc_html__( 'Double', 'jet-menu' ),
'dotted' => esc_html__( 'Dotted', 'jet-menu' ),
'dashed' => esc_html__( 'Dashed', 'jet-menu' ),
'none' => esc_html__( 'None', 'jet-menu' ),
),
'master' => $args['name'] . '-border-show',
),
$args['name'] . '-border-width' => array(
'type' => 'dimensions',
'parent' => $args['parent'],
'title' => sprintf( esc_html__( '%s border width', 'jet-menu' ), $args['label'] ),
'range' => array(
'px' => array(
'min' => 0,
'max' => 30,
'step' => 1,
),
),
'value' => $this->get_option(
$args['name'] . '-border-width',
isset( $args['defaults']['border-width'] ) ? $args['defaults']['border-width'] : false
),
'master' => $args['name'] . '-border-show',
),
$args['name'] . '-border-color' => array(
'type' => 'colorpicker',
'parent' => $args['parent'],
'title' => sprintf( esc_html__( '%s border color', 'jet-menu' ), $args['label'] ),
'value' => $this->get_option(
$args['name'] . '-border-color',
isset( $args['defaults']['border-color'] ) ? $args['defaults']['border-color'] : false
),
'alpha' => true,
'master' => $args['name'] . '-border-show',
),
)
);
}
/**
* Register box-shadow options
*
* @param array $args [description]
*/
public function add_box_shadow_options( $args = array() ) {
$args = wp_parse_args( $args, array(
'label' => '',
'name' => '',
'parent' => '',
'defaults' => array(),
) );
$this->builder->register_control(
array(
$args['name'] . '-box-shadow-switch' => array(
'type' => 'switcher',
'title' => sprintf( esc_html__( '%s box shadow', 'jet-menu' ), $args['label'] ),
'value' => $this->get_option( $args['name'] . '-box-shadow-switch', 'false' ),
'toggle' => array(
'true_toggle' => 'On',
'false_toggle' => 'Off',
'true_slave' => $args['name'] . '-box-shadow-show',
),
'parent' => $args['parent'],
),
$args['name'] . '-box-shadow-h' => array(
'type' => 'slider',
'max_value' => 50,
'min_value' => -50,
'value' => $this->get_option(
$args['name'] . '-box-shadow-h',
isset( $args['defaults']['box-shadow-h'] ) ? $args['defaults']['box-shadow-h'] : false
),
'step_value' => 1,
'title' => sprintf( esc_html__( '%s - position of the horizontal shadow', 'jet-menu' ), $args['label'] ),
'parent' => $args['parent'],
'master' => $args['name'] . '-box-shadow-show',
),
$args['name'] . '-box-shadow-v' => array(
'type' => 'slider',
'max_value' => 50,
'min_value' => -50,
'value' => $this->get_option(
$args['name'] . '-box-shadow-v',
isset( $args['defaults']['box-shadow-v'] ) ? $args['defaults']['box-shadow-v'] : false
),
'step_value' => 1,
'title' => sprintf( esc_html__( '%s - position of the vertical shadow', 'jet-menu' ), $args['label'] ),
'parent' => $args['parent'],
'master' => $args['name'] . '-box-shadow-show',
),
$args['name'] . '-box-shadow-blur' => array(
'type' => 'slider',
'max_value' => 50,
'min_value' => -50,
'value' => $this->get_option(
$args['name'] . '-box-shadow-blur',
isset( $args['defaults']['box-shadow-blur'] ) ? $args['defaults']['box-shadow-blur'] : false
),
'step_value' => 1,
'title' => sprintf( esc_html__( '%s - shadow blur distance', 'jet-menu' ), $args['label'] ),
'parent' => $args['parent'],
'master' => $args['name'] . '-box-shadow-show',
),
$args['name'] . '-box-shadow-spread' => array(
'type' => 'slider',
'max_value' => 50,
'min_value' => -50,
'value' => $this->get_option(
$args['name'] . '-box-shadow-spread',
isset( $args['defaults']['box-shadow-spread'] ) ? $args['defaults']['box-shadow-spread'] : false
),
'step_value' => 1,
'title' => sprintf( esc_html__( '%s - shadow size', 'jet-menu' ), $args['label'] ),
'parent' => $args['parent'],
'master' => $args['name'] . '-box-shadow-show',
),
$args['name'] . '-box-shadow-color' => array(
'type' => 'colorpicker',
'parent' => $args['parent'],
'title' => sprintf( esc_html__( '%s shadow color', 'jet-menu' ), $args['label'] ),
'value' => $this->get_option(
$args['name'] . '-box-shadow-color',
isset( $args['defaults']['box-shadow-color'] ) ? $args['defaults']['box-shadow-color'] : false
),
'alpha' => true,
'master' => $args['name'] . '-box-shadow-show',
),
$args['name'] . '-box-shadow-inset' => array(
'type' => 'switcher',
'title' => sprintf( esc_html__( '%s shadow inset', 'jet-menu' ), $args['label'] ),
'value' => $this->get_option(
$args['name'] . '-box-shadow-color',
isset( $args['defaults']['box-shadow-inset'] ) ? $args['defaults']['box-shadow-inset'] : 'false'
),
'toggle' => array(
'true_toggle' => 'On',
'false_toggle' => 'Off',
),
'parent' => $args['parent'],
'master' => $args['name'] . '-box-shadow-show',
),
)
);
}
/**
* Returns google fonts list.
*
* @return array
*/
public function get_fonts_list() {
if ( empty( $this->fonts ) ) {
$this->fonts = jet_menu()->customizer()->get_fonts();
$this->fonts = array_merge( array( '0' => esc_html__( 'Select Font...', 'jet-menu' ) ), $this->fonts );
}
return $this->fonts;
}
/**
* Add font-related styles.
*/
public function add_fonts_styles( $wrapper = '' ) {
$wrapper = ( ! empty( $wrapper ) ) ? $wrapper : '.jet-menu';
$fonts_options = apply_filters( 'jet-menu/menu-css/fonts', array(
'jet-top-menu' => '.jet-menu-item .top-level-link',
'jet-top-menu-desc' => '.jet-menu-item-desc.top-level-desc',
'jet-sub-menu' => '.jet-menu-item .sub-level-link',
'jet-sub-menu-desc' => '.jet-menu-item-desc.sub-level-desc',
'jet-menu-top-badge' => '.jet-menu-item .top-level-link .jet-menu-badge__inner',
'jet-menu-sub-badge' => '.jet-menu-item .sub-level-link .jet-menu-badge__inner',
) );
foreach ( $fonts_options as $font => $selector ) {
$this->add_single_font_styles( $font, $wrapper . ' ' . $selector );
}
}
/**
* Add backgound styles.
*/
public function add_backgrounds( $wrapper = '' ) {
$wrapper = ( ! empty( $wrapper ) ) ? $wrapper : '.jet-menu';
$bg_options = apply_filters( 'jet-menu/menu-css/backgrounds', array(
'jet-menu-container' => '',
'jet-menu-item' => '.jet-menu-item .top-level-link',
'jet-menu-item-hover' => '.jet-menu-item:hover > .top-level-link',
'jet-menu-item-active' => '.jet-menu-item.jet-current-menu-item .top-level-link',
'jet-menu-top-badge-bg' => '.jet-menu-item .top-level-link .jet-menu-badge__inner',
'jet-menu-sub-badge-bg' => '.jet-menu-item .sub-level-link .jet-menu-badge__inner',
'jet-menu-sub-panel-simple' => 'ul.jet-sub-menu',
'jet-menu-sub-panel-mega' => 'div.jet-sub-mega-menu',
'jet-menu-sub' => 'li.jet-sub-menu-item .sub-level-link',
'jet-menu-sub-hover' => 'li.jet-sub-menu-item:hover > .sub-level-link',
'jet-menu-sub-active' => 'li.jet-sub-menu-item.jet-current-menu-item .sub-level-link',
) );
foreach ( $bg_options as $option => $selector ) {
$this->add_single_bg_styles( $option, $wrapper . ' ' . $selector );
}
}
/**
* Add border styles.
*/
public function add_borders( $wrapper = '' ) {
$wrapper = ( ! empty( $wrapper ) ) ? $wrapper : '.jet-menu';
$options = apply_filters( 'jet-menu/menu-css/borders', array(
'jet-menu-container' => '',
'jet-menu-item' => '.jet-menu-item .top-level-link',
'jet-menu-first-item' => '> .jet-regular-item:first-child .top-level-link',
'jet-menu-last-item' => array(
'> .jet-regular-item.jet-has-roll-up:nth-last-child(2) .top-level-link',
'> .jet-regular-item.jet-no-roll-up:nth-last-child(1) .top-level-link',
'> .jet-responsive-menu-available-items:last-child .top-level-link',
),
'jet-menu-item-hover' => '.jet-menu-item:hover > .top-level-link',
'jet-menu-first-item-hover' => '> .jet-regular-item:first-child:hover > .top-level-link',
'jet-menu-last-item-hover' => array(
'> .jet-regular-item.jet-has-roll-up:nth-last-child(2):hover .top-level-link',
'> .jet-regular-item.jet-no-roll-up:nth-last-child(1):hover .top-level-link',
'> .jet-responsive-menu-available-items:last-child:hover .top-level-link',
),
'jet-menu-item-active' => '.jet-menu-item.jet-current-menu-item .top-level-link',
'jet-menu-first-item-active' => '> .jet-regular-item:first-child.jet-current-menu-item .top-level-link',
'jet-menu-last-item-active' => array(
'> .jet-regular-item.jet-current-menu-item.jet-has-roll-up:nth-last-child(2) .top-level-link',
'> .jet-regular-item.jet-current-menu-item.jet-no-roll-up:nth-last-child(1) .top-level-link',
'> .jet-responsive-menu-available-items.jet-current-menu-item:last-child .top-level-link',
),
'jet-menu-top-badge' => '.jet-menu-item .top-level-link .jet-menu-badge__inner',
'jet-menu-sub-badge' => '.jet-menu-item .sub-level-link .jet-menu-badge__inner',
'jet-menu-sub-panel-simple' => 'ul.jet-sub-menu',
'jet-menu-sub-panel-mega' => 'div.jet-sub-mega-menu',
'jet-menu-sub' => 'li.jet-sub-menu-item .sub-level-link',
'jet-menu-sub-hover' => 'li.jet-sub-menu-item:hover > .sub-level-link',
'jet-menu-sub-active' => 'li.jet-sub-menu-item.jet-current-menu-item .sub-level-link',
'jet-menu-sub-first' => '.jet-sub-menu > li.jet-sub-menu-item:first-child > .sub-level-link',
'jet-menu-sub-first-hover' => '.jet-sub-menu > li.jet-sub-menu-item:first-child:hover > .sub-level-link',
'jet-menu-sub-first-active' => '.jet-sub-menu > li.jet-sub-menu-item.jet-current-menu-item:first-child > .sub-level-link',
'jet-menu-sub-last' => '.jet-sub-menu > li.jet-sub-menu-item:last-child > .sub-level-link',
'jet-menu-sub-last-hover' => '.jet-sub-menu > li.jet-sub-menu-item:last-child:hover > .sub-level-link',
'jet-menu-sub-last-active' => '.jet-sub-menu > li.jet-sub-menu-item.jet-current-menu-item:last-child > .sub-level-link',
) );
foreach ( $options as $option => $selector ) {
if ( is_array( $selector ) ) {
$final_selector = '';
$delimiter = '';
foreach ( $selector as $part ) {
$final_selector .= sprintf(
'%3$s%1$s %2$s',
$wrapper,
$part,
$delimiter
);
$delimiter = ', ';
}
} else {
$final_selector = $wrapper . ' ' . $selector;
}
$this->add_single_border_styles( $option, $final_selector );
}
}
/**
* Add shadows styles.
*/
public function add_shadows( $wrapper = '' ) {
$wrapper = ( ! empty( $wrapper ) ) ? $wrapper : '.jet-menu';
$options = apply_filters( 'jet-menu/menu-css/shadows', array(
'jet-menu-container' => '',
'jet-menu-item' => '.jet-menu-item .top-level-link',
'jet-menu-item-hover' => '.jet-menu-item:hover > .top-level-link',
'jet-menu-item-active' => '.jet-menu-item.jet-current-menu-item .top-level-link',
'jet-menu-top-badge' => '.jet-menu-item .top-level-link .jet-menu-badge__inner',
'jet-menu-sub-badge' => '.jet-menu-item .sub-level-link .jet-menu-badge__inner',
'jet-menu-sub-panel-simple' => 'ul.jet-sub-menu',
'jet-menu-sub-panel-mega' => 'div.jet-sub-mega-menu',
'jet-menu-sub' => 'li.jet-sub-menu-item .sub-level-link',
'jet-menu-sub-hover' => 'li.jet-sub-menu-item:hover > .sub-level-link',
'jet-menu-sub-active' => 'li.jet-sub-menu-item.jet-current-menu-item .sub-level-link',
) );
foreach ( $options as $option => $selector ) {
$this->add_single_shadow_styles( $option, $wrapper . ' ' . $selector );
}
}
/**
* Add single font styles
*/
public function add_single_font_styles( $font, $selector ) {
$enbaled = $this->get_option( $font . '-switch' );
if ( 'true' !== $enbaled ) {
return;
}
$font_settings = array(
'font-size' => 'px',
'font-family' => '',
'font-weight' => '',
'text-transform' => '',
'font-style' => '',
'line-height' => 'em',
'letter-spacing' => 'em',
);
foreach ( $font_settings as $setting => $units ) {
$value = $this->get_option( $font . '-' . $setting );
if ( '' === $value || false === $value ) {
continue;
}
if ( 'font-family' === $setting && 0 === $value ) {
continue;
}
jet_menu()->dynamic_css()->add_style(
$selector,
array(
$setting => $value . $units,
)
);
}
}
/**
* Add single background option.
*
* @param [type] $options [description]
* @param [type] $selector [description]
*/
public function add_single_bg_styles( $option, $selector ) {
$enbaled = $this->get_option( $option . '-switch' );
if ( 'true' !== $enbaled ) {
return;
}
$type = $this->get_option( $option . '-bg-type' );
$settings = array(
'color',
'image',
'position',
'attachment',
'repeat',
'size',
);
$is_gradient = $this->get_option( $option . '-gradient-switch' );
foreach ( $settings as $setting ) {
$value = $this->get_option( $option . '-' . $setting );
if ( '' === $value || false === $value ) {
continue;
}
if ( 'image' === $setting && 'true' !== $is_gradient ) {
$value = wp_get_attachment_image_url( $value, 'full' );
$value = sprintf( 'url("%s")', esc_url( $value ) );
}
jet_menu()->dynamic_css()->add_style(
$selector,
array(
'background-' . $setting => $value,
)
);
}
if ( 'true' === $is_gradient ) {
$color_start = $this->get_option( $option . '-color' );
$color_end = $this->get_option( $option . '-second-color' );
$direction = $this->get_option( $option . '-direction', 'horizontal' );
if ( ! $color_start || ! $color_end ) {
return;
}
jet_menu()->dynamic_css()->add_style(
$selector,
array(
'background-image' => sprintf(
'linear-gradient( to %1$s, %2$s, %3$s )',
$direction, $color_start, $color_end
),
)
);
}
}
public function add_dimensions_css( $args = array() ) {
$defaults = array(
'selector' => '',
'rule' => '',
'values' => array(),
'important' => false,
);
$args = wp_parse_args( $args, $defaults );
$value = $args['values'];
$selector = $args['selector'];
$rule = $args['rule'];
$important = ( true === $args['important'] ) ? ' !important' : '';
$properties = array(
'top' => 'top-left',
'right' => 'top-right',
'bottom' => 'bottom-right',
'left' => 'bottom-left',
);
foreach ( $properties as $position => $radius_position ) {
if ( isset( $value[ $position ] ) && '' !== $value[ $position ] ) {
$prop = $value[ $position ] . $value['units'] . $important;
if ( false !== strpos( $rule, 'radius' ) ) {
jet_menu()->dynamic_css()->add_style(
$selector,
array(
sprintf( $rule, $radius_position ) => $prop,
)
);
} else {
jet_menu()->dynamic_css()->add_style(
$selector,
array(
sprintf( $rule, $position ) => $prop,
)
);
}
}
}
}
/**
* Add single border option.
*
* @param [type] $options [description]
* @param [type] $selector [description]
*/
public function add_single_border_styles( $option, $selector ) {
$enbaled = $this->get_option( $option . '-border-switch' );
if ( 'true' !== $enbaled ) {
return;
}
$type = $this->get_option( $option . '-bg-type' );
$settings = array(
'border-style',
'border-width',
'border-color',
);
foreach ( $settings as $setting ) {
$value = $this->get_option( $option . '-' . $setting );
if ( '' === $value || false === $value ) {
continue;
}
if ( 'border-width' === $setting ) {
jet_menu_dynmic_css()->add_dimensions_css(
array(
'selector' => $selector,
'rule' => 'border-%s-width',
'values' => $value,
)
);
continue;
}
jet_menu()->dynamic_css()->add_style(
$selector,
array(
$setting => $value,
)
);
}
}
public function add_single_shadow_styles( $option, $selector ) {
$enbaled = $this->get_option( $option . '-box-shadow-switch' );
if ( 'true' !== $enbaled ) {
return;
}
$result = '';
foreach ( array( 'box-shadow-h', 'box-shadow-v', 'box-shadow-blur' ) as $setting ) {
$value = $this->get_option( $option . '-' . $setting );
if ( '' === $value || false === $value ) {
$value = 0;
}
$result .= $value . 'px ';
}
$spread = $this->get_option( $option . '-box-shadow-spread' );
if ( '' !== $spread && false !== $spread ) {
$result .= $spread . 'px ';
}
$color = $this->get_option( $option . '-box-shadow-color' );
if ( '' !== $color && false !== $color ) {
$result .= $color;
}
$inset = $this->get_option( $option . '-box-shadow-inset' );
if ( 'true' === $inset ) {
$result .= ' inset';
}
jet_menu()->dynamic_css()->add_style(
$selector,
array(
'box-shadow' => $result,
)
);
}
/**
* Process position styles
*/
public function add_positions( $wrapper = '' ) {
$wrapper = ( ! empty( $wrapper ) ) ? $wrapper : '.jet-menu';
$options = apply_filters( 'jet-menu/menu-css/positions', array(
'jet-menu-top-icon-%s-position' => '.jet-menu-item .top-level-link .jet-menu-icon',
'jet-menu-sub-icon-%s-position' => '.jet-menu-item .sub-level-link .jet-menu-icon',
'jet-menu-top-badge-%s-position' => '.jet-menu-item .top-level-link .jet-menu-badge',
'jet-menu-sub-badge-%s-position' => '.jet-menu-item .sub-level-link .jet-menu-badge',
'jet-menu-top-arrow-%s-position' => '.jet-menu-item .top-level-link .jet-dropdown-arrow',
'jet-menu-sub-arrow-%s-position' => '.jet-menu-item .sub-level-link .jet-dropdown-arrow',
) );
foreach ( $options as $option => $selector ) {
$this->add_single_position( $option, $wrapper . ' ' . $selector );
}
}
/**
* add single position
*/
public function add_single_position( $option, $selector ) {
$v_pos = $this->get_option( sprintf( $option, 'ver' ) );
$h_pos = $this->get_option( sprintf( $option, 'hor' ) );
$order_map = array(
'left' => -1,
'right' => 2,
);
$styles = array();
switch ( $v_pos ) {
case 'top':
$styles = array(
'flex' => '0 0 100%',
'width' => 0,
'order' => -2,
);
break;
case 'center':
$styles = array(
'align-self' => 'center',
);
break;
case 'bottom':
$styles = array(
'flex' => '0 0 100%',
'width' => 0,
'order' => 2,
);
break;
}
switch ( $h_pos ) {
case 'left':
case 'right':
if ( in_array( $v_pos, array( 'top', 'bottom' ) ) ) {
$styles['text-align'] = $h_pos;
} else {
$styles['order'] = $order_map[ $h_pos ];
}
break;
case 'center':
if ( in_array( $v_pos, array( 'top', 'bottom' ) ) ) {
$styles['text-align'] = 'center';
}
break;
}
if ( 'jet-menu-sub-arrow-%s-position' === $option && 'right' === $h_pos ) {
$styles['margin-left'] = 'auto !important';
}
if ( ! empty( $styles ) ) {
jet_menu()->dynamic_css()->add_style( $selector, $styles );
}
}
/**
* Get option wrapper
*
* @param string $option [description]
* @param boolean $default [description]
* @return [type] [description]
*/
public function get_option( $option = '', $default = false ) {
return jet_menu_option_page()->get_option( $option, $default );
}
/**
* Returns the instance.
*
* @since 1.0.0
* @return object
*/
public static function get_instance() {
// If the single instance hasn't been set, set it now.
if ( null == self::$instance ) {
self::$instance = new self;
}
return self::$instance;
}
}
}
/**
* Returns instance of Jet_Menu_Dynamic_CSS
*
* @return object
*/
function jet_menu_dynmic_css() {
return Jet_Menu_Dynamic_CSS::get_instance();
}