add_control(
'icon_heading_control',
array(
'label' => __( 'Icon', 'bella-beauty' ),
'type' => Controls_Manager::HEADING,
)
);
$this->add_control(
'icon',
array(
'label' => __( 'Icon', 'bella-beauty' ),
'label_block' => false,
'type' => Controls_Manager::ICONS,
'skin' => 'inline',
'default' => array(
'value' => 'fas fa-spinner',
'library' => 'fa-solid',
),
)
);
$this->add_responsive_control(
'icon_size',
array(
'label' => esc_html__( 'Icon Size', 'bella-beauty' ),
'type' => Controls_Manager::SLIDER,
'size_units' => array( 'px' ),
'range' => array(
'px' => array(
'max' => 100,
'min' => 0,
),
),
'selectors' => array(
':root' => '--' . $this->get_control_prefix_parameter( '', 'icon_size' ) . ': {{SIZE}}{{UNIT}};',
),
)
);
$this->add_control(
'icon_color',
array(
'label' => esc_html__( 'Icon Color', 'bella-beauty' ),
'type' => Controls_Manager::COLOR,
'selectors' => array(
':root' => '--' . $this->get_control_prefix_parameter( '', 'icon_color' ) . ': {{VALUE}};',
),
)
);
$this->add_control(
'icon_animation_type',
array(
'label' => __( 'Icon Animation Type', 'bella-beauty' ),
'label_block' => false,
'type' => Controls_Manager::SELECT,
'options' => array(
'none' => __( 'None', 'bella-beauty' ),
'lazyLoadWidgetBlink' => __( 'Blink', 'bella-beauty' ),
'lazyLoadWidgetSpinner' => __( 'Spin', 'bella-beauty' ),
),
'default' => 'lazyLoadWidgetSpinner',
'selectors' => array(
':root' => '--' . $this->get_control_prefix_parameter( '', 'icon_animation_type' ) . ': {{VALUE}};',
),
)
);
$this->add_control(
'icon_animation_speed',
array(
'label' => esc_html__( 'Icon Animation Speed', 'bella-beauty' ) . ' (ms)',
'type' => Controls_Manager::NUMBER,
'step' => 100,
'selectors' => array(
':root' => '--' . $this->get_control_prefix_parameter( '', 'icon_animation_speed' ) . ': {{VALUE}}ms;',
),
)
);
$this->add_control(
'container_divider_control',
array(
'type' => Controls_Manager::DIVIDER,
'style' => 'thick',
)
);
$this->add_control(
'container_heading_control',
array(
'label' => __( 'Container', 'bella-beauty' ),
'type' => Controls_Manager::HEADING,
)
);
$this->add_responsive_control(
'height',
array(
'label' => __( 'Height', 'bella-beauty' ),
'type' => Controls_Manager::SLIDER,
'size_units' => array( 'px', 'vw', 'vh' ),
'range' => array(
'px' => array(
'min' => 0,
'max' => 500,
),
'vw' => array(
'min' => 0,
'max' => 100,
),
'vh' => array(
'min' => 0,
'max' => 100,
),
),
'selectors' => array(
':root' => '--' . $this->get_control_prefix_parameter( '', 'height' ) . ': {{SIZE}}{{UNIT}};',
),
)
);
$this->add_var_group_control( '', self::VAR_BACKGROUND );
$this->add_var_group_control( 'overlay', self::VAR_BACKGROUND, array(
'fields_options' => array(
'background' => array(
'label' => esc_html_x( 'Overlay Background Type', 'Background Control', 'bella-beauty' ),
),
),
'separator' => 'before',
) );
$this->add_var_group_control( '', self::VAR_BORDER, array(
'fields_options' => array(
'width' => array(
'label' => esc_html__( 'Border Width', 'bella-beauty' ),
),
'color' => array(
'label' => esc_html__( 'Border Color', 'bella-beauty' ),
'condition' => array(
'border!' => array(
'',
'none',
),
),
),
),
'separator' => 'before',
) );
$this->add_control(
'bd_radius',
array(
'label' => esc_html__( 'Border Radius', 'bella-beauty' ),
'type' => Controls_Manager::SLIDER,
'size_units' => array( 'px', '%' ),
'range' => array(
'px' => array(
'max' => 100,
'min' => 0,
),
'%' => array(
'max' => 50,
'min' => 0,
),
),
'selectors' => array(
':root' => '--' . $this->get_control_prefix_parameter( '', 'bd_radius' ) . ': {{SIZE}}{{UNIT}};',
),
)
);
$this->add_var_group_control( '', self::VAR_BOX_SHADOW );
}
}