Files
hub-insurance/wp-content/plugins/generateblocks-pro/includes/extend/interactions/class-tabs.php
T
2026-07-02 15:54:39 -06:00

197 lines
5.4 KiB
PHP

<?php
/**
* Our Tabs block.
*
* @package GenerateBlocks/Extend/Interactions/Tabs
*/
if ( ! defined( 'ABSPATH' ) ) {
exit; // Exit if accessed directly.
}
/**
* GenerateBlocks Pro Tabs.
*
* @since 1.4.0
*/
class GenerateBlocks_Pro_Tabs_Variation extends GenerateBlocks_Pro_Singleton {
/**
* The class constructor.
*/
protected function __construct() {
parent::__construct();
if ( ! version_compare( GENERATEBLOCKS_VERSION, '1.7.0-alpha.1', '>=' ) ) {
return;
}
add_filter( 'generateblocks_defaults', [ $this, 'set_defaults' ] );
add_action( 'generateblocks_block_one_time_css_data', [ $this, 'generate_css' ], 10, 3 );
add_action( 'generateblocks_block_css_data', [ $this, 'do_dynamic_css' ], 10, 3 );
add_filter( 'generateblocks_attr_container', [ $this, 'set_container_attributes' ], 10, 2 );
add_filter( 'generateblocks_attr_dynamic-button', [ $this, 'set_button_attributes' ], 10, 2 );
add_filter( 'generateblocks_after_container_open', [ $this, 'enqueue_scripts' ], 10, 2 );
add_filter( 'generateblocks_onboarding_user_meta_properties', [ $this, 'define_add_tab_item_onboarding_property' ], 10, 1 );
}
/**
* Set our attribute defaults.
*
* @param array $defaults Existing defaults.
*/
public function set_defaults( $defaults ) {
$defaults['container']['defaultOpenedTab'] = '';
$defaults['container']['tabItemOpen'] = false;
$defaults['container']['tabTransition'] = '';
$defaults['container']['borderColorCurrent'] = false;
$defaults['container']['backgroundColorCurrent'] = '';
$defaults['container']['textColorCurrent'] = '';
$defaults['button']['tabItemOpen'] = false;
return $defaults;
}
/**
* Enqueue our tabs script.
*
* @param string $content Block content.
* @param array $attributes Block attributes.
*/
public function enqueue_scripts( $content, $attributes ) {
if ( ! empty( $attributes['variantRole'] ) && 'tabs' === $attributes['variantRole'] ) {
wp_enqueue_script(
'generateblocks-tabs',
GENERATEBLOCKS_PRO_DIR_URL . 'dist/tabs.js',
array(),
GENERATEBLOCKS_PRO_VERSION,
true
);
}
return $content;
}
/**
* Generate our one-time tabs CSS.
*
* @param string $name The block name.
* @param array $settings Block settings.
* @param object $css The CSS object.
*/
public function generate_css( $name, $settings, $css ) {
if ( 'container' === $name ) {
$css->set_selector( '.gb-container.gb-tabs__item:not(.gb-tabs__item-open)' );
$css->add_property( 'display', 'none' );
}
}
/**
* Generate our CSS for our options.
*
* @since 1.0
* @param string $name Name of the block.
* @param array $settings Our available settings.
* @param object $css Current desktop CSS object.
*/
public function do_dynamic_css( $name, $settings, $css ) {
if ( 'container' === $name && isset( $settings['variantRole'] ) ) {
$selector = function_exists( 'generateblocks_get_css_selector' )
? generateblocks_get_css_selector( 'container', $settings )
: '.gb-container-' . $settings['uniqueId'];
if ( 'tab-button' === $settings['variantRole'] ) {
$css->set_selector( $selector . ':not(.gb-block-is-current)' );
$css->add_property( 'cursor', 'pointer' );
}
if ( 'tab-items' === $settings['variantRole'] && 'fade' === $settings['tabTransition'] ) {
$css->set_selector( $selector . ' > .gb-tabs__item-open' );
$css->add_property( 'opacity', 1 );
$css->set_selector( $selector . ' > .gb-tabs__item-transition' );
$css->add_property( 'opacity', 0 );
}
}
}
/**
* Set our Container block HTML attributes.
*
* @param array $attributes HTML attributes.
* @param array $settings Block settings.
*/
public function set_container_attributes( $attributes, $settings ) {
if ( isset( $settings['variantRole'] ) ) {
if ( 'tabs' === $settings['variantRole'] ) {
$attributes['class'] .= ' gb-tabs';
$attributes['data-opened-tab'] = $settings['defaultOpenedTab'];
}
if ( 'tab-items' === $settings['variantRole'] ) {
$attributes['class'] .= ' gb-tabs__items';
}
if ( 'tab-buttons' === $settings['variantRole'] ) {
$attributes['class'] .= ' gb-tabs__buttons';
}
if ( 'tab-button' === $settings['variantRole'] ) {
$attributes['class'] .= ' gb-tabs__button';
if ( true === $settings['tabItemOpen'] ) {
$attributes['class'] .= ' gb-block-is-current';
}
$attributes['role'] = 'button';
$attributes['tabindex'] = '0';
}
if ( 'tab-item' === $settings['variantRole'] ) {
$attributes['class'] .= ' gb-tabs__item';
if ( $settings['tabItemOpen'] ) {
$attributes['class'] .= ' gb-tabs__item-open';
}
}
}
return $attributes;
}
/**
* Set our Button block HTML attributes.
*
* @param array $attributes HTML attributes.
* @param array $settings Block settings.
*/
public function set_button_attributes( $attributes, $settings ) {
if ( isset( $settings['variantRole'] ) ) {
if ( 'tab-button' === $settings['variantRole'] ) {
$attributes['class'] .= ' gb-tabs__button';
if ( $settings['tabItemOpen'] ) {
$attributes['class'] .= ' gb-block-is-current';
}
}
}
return $attributes;
}
/**
* Define the onboarding key for adding tab items.
*
* @param array $properties The registered keys.
*
* @return array
*/
public function define_add_tab_item_onboarding_property( $properties ) {
$properties['add_tab_item'] = array( 'type' => 'boolean' );
return $properties;
}
}
GenerateBlocks_Pro_Tabs_Variation::get_instance();