| Dir : /home/trave494/v1world.us/wp-content/themes/neve/header-footer-grid/Core/Components/ |
| Server: Linux ngx353.inmotionhosting.com 4.18.0-553.22.1.lve.1.el8.x86_64 #1 SMP Tue Oct 8 15:52:54 UTC 2024 x86_64 IP: 209.182.202.254 |
| Dir : //home/trave494/v1world.us/wp-content/themes/neve/header-footer-grid/Core/Components/MenuIcon.php |
<?php
/**
* Custom Component class for Header Footer Grid.
*
* Name: Header Footer Grid
* Author: Bogdan Preda <bogdan.preda@themeisle.com>
*
* @version 1.0.0
* @package HFG
*/
namespace HFG\Core\Components;
use HFG\Core\Settings\Manager as SettingsManager;
use HFG\Main;
use Neve\Core\Settings\Config;
use Neve\Core\Settings\Mods;
use Neve\Core\Styles\Dynamic_Selector;
/**
* Class MenuIcon
*
* @package HFG\Core\Components
*/
class MenuIcon extends Abstract_Component {
const COMPONENT_ID = 'header_menu_icon';
const SIDEBAR_TOGGLE = 'sidebar';
const TEXT_ID = 'menu_label';
const BUTTON_APPEARANCE = 'button_appearance';
const COMPONENT_SLUG = 'nav-icon';
const QUICK_LINKS_ID = 'quick-links';
/**
* Padding settings default values.
*
* @var array
*/
protected $default_padding_value = array(
'mobile' => array(
'top' => 10,
'right' => 15,
'bottom' => 10,
'left' => 15,
),
'tablet' => array(
'top' => 10,
'right' => 15,
'bottom' => 10,
'left' => 15,
),
'desktop' => array(
'top' => 10,
'right' => 15,
'bottom' => 10,
'left' => 15,
),
'mobile-unit' => 'px',
'tablet-unit' => 'px',
'desktop-unit' => 'px',
);
/**
* Close button target CSS selector.
*
* @var string
*/
private $close_button = '.header-menu-sidebar .close-sidebar-panel .navbar-toggle';
/**
* MenuIcon constructor.
*
* @since 1.0.0
* @access public
*/
public function init() {
$this->set_property( 'label', __( 'Menu Icon', 'neve' ) );
$this->set_property( 'id', $this->get_class_const( 'COMPONENT_SLUG' ) );
$this->set_property( 'component_slug', self::COMPONENT_SLUG );
$this->set_property( 'width', 1 );
$this->set_property( 'icon', 'menu' );
$this->set_property( 'section', self::COMPONENT_ID );
$this->set_property( 'default_selector', '.builder-item--' . $this->get_id() . ' .navbar-toggle' );
}
/**
* Called to register component controls.
*
* @since 1.0.0
* @access public
*/
public function add_settings() {
SettingsManager::get_instance()->add(
[
'id' => self::TEXT_ID,
'group' => $this->get_id(),
'transport' => 'postMessage',
'tab' => SettingsManager::TAB_GENERAL,
'sanitize_callback' => 'wp_filter_nohtml_kses',
'default' => '',
'label' => __( 'Menu label', 'neve' ),
'type' => 'text',
'section' => $this->section,
'live_refresh_selector' => $this->default_selector . ' .nav-toggle-label',
'live_refresh_css_prop' => array(
'parent' => $this->default_selector,
'wrap_class' => 'nav-toggle-label',
'html_tag' => 'span',
),
'conditional_header' => true,
]
);
SettingsManager::get_instance()->add(
[
'id' => self::QUICK_LINKS_ID,
'group' => $this->get_id(),
'transport' => 'postMessage',
'tab' => SettingsManager::TAB_GENERAL,
'sanitize_callback' => 'wp_filter_nohtml_kses',
'type' => '\Neve\Customizer\Controls\React\Instructions_Control',
'section' => $this->section,
'options' => [
'options' => array(
'quickLinks' => array(
'toggle_sidebar' => array(
'label' => esc_html__( 'Show Mobile Menu', 'neve' ),
'icon' => 'dashicons-nametag',
),
'hfg_header_layout_sidebar_layout' => array(
'label' => esc_html__( 'Mobile Menu Options', 'neve' ),
'icon' => 'dashicons-admin-appearance',
),
),
),
],
]
);
$new_skin = neve_is_new_skin();
$mod_key = self::BUTTON_APPEARANCE;
$default = $new_skin ? [
'type' => 'outline',
'borderRadius' => [
'top' => 0,
'left' => 0,
'bottom' => 0,
'right' => 0,
],
] : [ 'type' => 'outline' ];
SettingsManager::get_instance()->add(
[
'id' => $mod_key,
'group' => $this->get_id(),
'transport' => 'postMessage',
'tab' => SettingsManager::TAB_STYLE,
'sanitize_callback' => 'neve_sanitize_button_appearance',
'default' => $default,
'label' => __( 'Appearance', 'neve' ),
'type' => '\Neve\Customizer\Controls\React\Button_Appearance',
'section' => $this->section,
'options' => [
'no_hover' => true,
'default_vals' => $default,
],
'live_refresh_selector' => $this->default_selector,
'live_refresh_css_prop' => [
'cssVar' => [
'vars' => [
'--bgColor' => 'background',
'--color' => 'text',
'--borderRadius' => [
'key' => 'borderRadius',
'suffix' => 'px',
],
'--borderWidth' => [
'key' => 'borderWidth',
'suffix' => 'px',
],
],
'selector' => '.builder-item--' . $this->get_id(),
],
'additional_buttons' => $this->get_class_const( 'COMPONENT_ID' ) !== 'header_menu_icon' ? [] : [
[
'button' => $this->close_button,
'text' => '.icon-bar',
],
],
],
'conditional_header' => true,
]
);
}
/**
* Add legacy style.
*
* @param array $css_array css array.
*
* @return array
*/
private function add_legacy_style( $css_array ) {
$id = $this->get_id() . '_' . self::BUTTON_APPEARANCE;
$css_array[] = [
Dynamic_Selector::KEY_SELECTOR => $this->default_selector . ', ' . $this->close_button,
Dynamic_Selector::KEY_RULES => [
Config::CSS_PROP_BACKGROUND_COLOR => $id . '.background',
Config::CSS_PROP_COLOR => $id . '.text',
Config::CSS_PROP_BORDER_RADIUS => $id . '.borderRadius',
Config::CSS_PROP_CUSTOM_BTN_TYPE => $id . '.type',
Config::CSS_PROP_BORDER_WIDTH => $id . '.borderWidth',
],
];
$css_array[] = [
Dynamic_Selector::KEY_SELECTOR => $this->default_selector . ' .icon-bar, ' . $this->close_button . ' .icon-bar',
Dynamic_Selector::KEY_RULES => [
Config::CSS_PROP_BACKGROUND_COLOR => $id . '.text',
],
];
return parent::add_style( $css_array );
}
/**
* Add CSS style for the component.
*
* @param array $css_array the css style array.
*
* @return array
*/
public function add_style( array $css_array = array() ) {
if ( ! neve_is_new_skin() ) {
return $this->add_legacy_style( $css_array );
}
$id = $this->get_id() . '_' . self::BUTTON_APPEARANCE;
$rules = [
'--bgColor' => $id . '.background',
'--color' => $id . '.text',
'--borderRadius' => [
Dynamic_Selector::META_KEY => $id . '.borderRadius',
'directional-prop' => Config::CSS_PROP_BORDER_RADIUS,
],
'--borderWidth' => [
Dynamic_Selector::META_KEY => $id . '.borderWidth',
'directional-prop' => Config::CSS_PROP_BORDER_WIDTH,
],
];
$value = SettingsManager::get_instance()->get( $id );
if ( isset( $value['type'] ) && $value['type'] !== 'outline' ) {
$rules ['--borderWidth']['override'] = 0;
}
$css_array[] = [
Dynamic_Selector::KEY_SELECTOR => '.builder-item--' . $this->get_id() . ',' . $this->close_button,
Dynamic_Selector::KEY_RULES => $rules,
];
return parent::add_style( $css_array );
}
/**
* Render method.
*
* @since 1.0.0
* @access public
*/
public function render_component() {
Main::get_instance()->load( 'components/component-menu-icon' );
}
}