(LiȭLihLiLipNipNiHqNiqNirNi(sNi@oKsNipKihtNiuNiuNiHvNivNiwNi(xNixNihyNizNi;LZQygetAccelerationPermissionH{Ni{Ni +pm(ݫ`ëP>`ëpm R#>W--|Ni(}Ni}Nih~NiNiMj$笗get_stream_background_imageNiqKiNiHNiNiNi(NiNisKihNiNiNiHNiNiNi(NiNihNi@tKiNiNiHNiNiNi(NiNihNiNiPOiPOiHQOiQOiROi(SOiSOihTOiUOipmƞ@ǞȞ@SUOip@@pp@ >?p`` C=prP(CppPPCBp0`CtpC ?p`8H=p(z@HppPPHBpp`HtppH Up@U*xp Up U>pX>p Y*p`P0]e_background',
'selector' => '{{WRAPPER}} ' . $css_scheme['instance'],
),
50
);
$this->_add_group_control(
Group_Control_Border::get_type(),
array(
'name' => 'instance_border',
'label' => esc_html__( 'Border', 'jet-elements' ),
'placeholder' => '1px',
'default' => '1px',
'selector' => '{{WRAPPER}} ' . $css_scheme['instance'],
),
75
);
$this->_add_responsive_control(
'instance_border_radius',
array(
'label' => __( 'Border Radius', 'jet-elements' ),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => array( 'px', '%', 'custom' ),
'selectors' => array(
'{{WRAPPER}} ' . $css_scheme['instance'] => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
),
),
75
);
$this->_add_responsive_control(
'instance_padding',
array(
'label' => __( 'Padding', 'jet-elements' ),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => array( 'px', '%', 'custom' ),
'selectors' => array(
'{{WRAPPER}} ' . $css_scheme['instance'] => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
),
),
50
);
$this->_add_responsive_control(
'instance_margin',
array(
'label' => __( 'Margin', 'jet-elements' ),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => array( 'px', '%', 'custom' ),
'selectors' => array(
'{{WRAPPER}} ' . $css_scheme['instance'] => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
),
),
25
);
$this->_add_group_control(
Group_Control_Box_Shadow::get_type(),
array(
'name' => 'instance_box_shadow',
'selector' => '{{WRAPPER}} ' . $css_scheme['instance'],
),
100
);
$this->_end_controls_section();
/**
* Hint Style Section
*/
$this->_start_controls_section(
'section_hint_style',
array(
'label' => esc_html__( 'Hint', 'jet-elements' ),
'tab' => Controls_Manager::TAB_STYLE,
'show_label' => false,
)
);
$this->_add_group_control(
Group_Control_Background::get_type(),
array(
'name' => 'hint_background',
'selector' => '{{WRAPPER}} ' . $css_scheme['hint'],
),
25
);
$this->_add_group_control(
Group_Control_Border::get_type(),
array(
'name' => 'hint_border',
'label' => esc_html__( 'Border', 'jet-elements' ),
'placeholder' => '1px',
'default' => '1px',
'selector' => '{{WRAPPER}} ' . $css_scheme['hint'],
),
75
);
$this->_add_responsive_control(
'hint_border_radius',
array(
'label' => __( 'Border Radius', 'jet-elements' ),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => array( 'px', '%', 'custom' ),
'selectors' => array(
'{{WRAPPER}} ' . $css_scheme['hint'] => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
),
),
75
);
$this->_add_responsive_control(
'hint_padding',
array(
'label' => __( 'Padding', 'jet-elements' ),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => array( 'px', '%', 'custom' ),
'selectors' => array(
'{{WRAPPER}} ' . $css_scheme['hint'] => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
),
),
25
);
$this->_add_group_control(
Group_Control_Box_Shadow::get_type(),
array(
'name' => 'hint_box_shadow',
'selector' => '{{WRAPPER}} ' . $css_scheme['hint'],
),
100
);
$this->_add_control(
'hint_icon_style',
array(
'label' => esc_html__( 'Hint Icon', 'jet-elements' ),
'type' => Controls_Manager::HEADING,
'separator' => 'before',
),
25
);
$this->_add_control(
'hint_icon_color',
array(
'label' => esc_html__( 'Icon Color', 'jet-elements' ),
'type' => Controls_Manager::COLOR,
'selectors' => array(
'{{WRAPPER}} ' . $css_scheme['icon'] => 'color: {{VALUE}}',
),
),
25
);
$this->_add_responsive_control(
'hint_icon_size',
array(
'label' => esc_html__( 'Icon Size', 'jet-elements' ),
'type' => Controls_Manager::SLIDER,
'size_units' => array(
'px', 'em', 'rem', 'custom'
),
'range' => array(
'px' => array(
'min' => 1,
'max' => 100,
),
),
'selectors' => array(
'{{WRAPPER}} ' . $css_scheme['icon'] => 'font-size: {{SIZE}}{{UNIT}}',
),
),
50
);
$this->_add_responsive_control(
'hint_icon_margin',
array(
'label' => __( 'Margin', 'jet-elements' ),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => array( 'px', '%', 'custom' ),
'selectors' => array(
'{{WRAPPER}} ' . $css_scheme['icon'] => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
),
),
25
);
$this->_add_control(
'hint_label_style',
array(
'label' => esc_html__( 'Hint Label', 'jet-elements' ),
'type' => Controls_Manager::HEADING,
'separator' => 'before',
),
25
);
$this->_add_control(
'hint_label_color',
array(
'label' => esc_html__( 'Text Color', 'jet-elements' ),
'type' => Controls_Manager::COLOR,
'selectors' => array(
'{{WRAPPER}} ' . $css_scheme['label'] => 'color: {{VALUE}}',
),
),
25
);
$this->_add_responsive_control(
'hint_label_margin',
array(
'label' => __( 'Margin', 'jet-elements' ),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => array( 'px', '%', 'custom' ),
'selectors' => array(
'{{WRAPPER}} ' . $css_scheme['label'] => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
),
),
75
);
$this->_add_responsive_control(
'hint_label_padding',
array(
'label' => __( 'Padding', 'jet-elements' ),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => array( 'px', '%', 'custom' ),
'selectors' => array(
'{{WRAPPER}} ' . $css_scheme['label'] => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
),
),
75
);
$this->_add_group_control(
Group_Control_Typography::get_type(),
array(
'name' => 'hint_label_typography',
'selector' => '{{WRAPPER}} ' . $css_scheme['label'],
'global' => array(
'default' => Global_Typography::TYPOGRAPHY_PRIMARY,
),
),
50
);
$this->_end_controls_section();
/**
* Dots Style Section
*/
$this->_start_controls_section(
'section_dots_style',
array(
'label' => esc_html__( 'Dots', 'jet-elements' ),
'tab' => Controls_Manager::TAB_STYLE,
'show_label' => false,
)
);
$this->_start_controls_tabs( 'tabs_dots_style' );
$this->_start_controls_tab(
'tab_dots_normal',
array(
'label' => esc_html__( 'Normal', 'jet-elements' ),
)
);
$this->_add_group_control(
\Jet_Group_Control_Box_Style::get_type(),
array(
'name' => 'dots_style',
'label' => esc_html__( 'Dots Style', 'jet-elements' ),
'selector' => '{{WRAPPER}} ' . $css_scheme['item'] . ' ' . $css_scheme['dots'],
'fields_options' => array(
'color' => array(
'global' => array(
'default' => Global_Colors::COLOR_SECONDARY,
),
),
),
),
25
);
$this->_end_controls_tab();
$this->_start_controls_tab(
'tab_dots_invert',
array(
'label' => esc_html__( 'Invert', 'jet-elements' ),
)
);
$this->_add_group_control(
\Jet_Group_Control_Box_Style::get_type(),
array(
'name' => 'dots_style_invert',
'label' => esc_html__( 'Dots Style', 'jet-elements' ),
'selector' => '{{WRAPPER}} ' . $css_scheme['item'] . '.invert ' . $css_scheme['dots'],
'fields_options' => array(
'color' => array(
'global' => array(
'default' => Global_Colors::COLOR_TEXT,
),
),
),
),
25
);
$this->_end_controls_tab();
$this->_start_controls_tab(
'tab_dots_hover',
array(
'label' => esc_html__( 'Hover', 'jet-elements' ),
)
);
$this->_add_group_control(
\Jet_Group_Control_Box_Style::get_type(),
array(
'name' => 'dots_style_hover',
'label' => esc_html__( 'Dots Style', 'jet-elements' ),
'selector' => '{{WRAPPER}} ' . $css_scheme['item'] . ':hover ' . $css_scheme['dots'],
'fields_options' => array(
'color' => array(
'global' => array(
'default' => Global_Colors::COLOR_ACCENT,
),
),
),
),
25
);
$this->_end_controls_tab();
$this->_start_controls_tab(
'tab_dots_active',
array(
'label' => esc_html__( 'Active', 'jet-elements' ),
)
);
$this->_add_group_control(
\Jet_Group_Control_Box_Style::get_type(),
array(
'name' => 'dots_style_active',
'label' => esc_html__( 'Dots Style', 'jet-elements' ),
'selector' => '{{WRAPPER}} ' . $css_scheme['item'] . '.active ' . $css_scheme['dots'],
'fields_options' => array(
'color' => array(
'global' => array(
'default' => Global_Colors::COLOR_PRIMARY,
),
),
),
),
25
);
$this->_end_controls_tab();
$this->_end_controls_tabs();
$this->_add_responsive_control(
'dots_padding',
array(
'label' => __( 'Dots Padding', 'jet-elements' ),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => array( 'px', '%', 'custom' ),
'selectors' => array(
'{{WRAPPER}} ' . $css_scheme['dots'] => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
),
'separator' => 'before',
),
25
);
$this->_add_responsive_control(
'item_margin',
array(
'label' => __( 'Dots Margin', 'jet-elements' ),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => array( 'px', '%', 'custom' ),
'selectors' => array(
'{{WRAPPER}} ' . $css_scheme['item'] => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
),
),
25
);
$this->_end_controls_section();
}
protected function render() {
$this->_context = 'render';
$this->_open_wrap();
include $this->_get_global_template( 'index' );
$this->_close_wrap();
}
/**
* Generate setting json
*
* @return string
*/
public function generate_setting_json() {
$settings = $this->get_settings();
$instance_settings = array(
'position' => $this->ensure_allowed_value( $settings['position'], array( 'right', 'left' ) ),
//'speed' => absint( $settings['speed'] ),
'offset' => absint( $settings['offset'] ),
'scroll_threshold' => absint( $settings['scroll_threshold'] ),
'sectionSwitch' => filter_var( $settings['full_section_switch'], FILTER_VALIDATE_BOOLEAN ),
'sectionSwitchOnMobile' => filter_var( $settings['full_section_switch_on_mobile'], FILTER_VALIDATE_BOOLEAN ),
'hintShowType' => $this->ensure_allowed_value( $settings['hint_show_type'], array( 'show-active-hint', 'show-hint-on-hover' ) ),
'sectionIdVisibility' => filter_var( $settings['section_id_visibility'], FILTER_VALIDATE_BOOLEAN ),
);
$instance_settings = wp_json_encode( $instance_settings );
// Escape the JSON string for safe use in HTML attributes
$data_settings_attribute = esc_attr( $instance_settings );
return sprintf( 'data-settings=\'%1$s\'', $data_settings_attribute );
}
}
