handleBlockDefault({ sliderType: value })
}
/>
{
handleBlockDefault({ arrows: !arrows });
}}
/>
{
handleBlockDefault({
adaptiveHeight: !adaptiveHeight,
});
}}
/>
{
autoplay
? slider.current.slickPlay()
: slider.current.slickPause();
handleBlockDefault({ autoplay: !autoplay });
}}
/>
handleBlockDefault({ dots: !dots })}
/>
handleBlockDefault({ fade: !fade })}
/>
handleBlockDefault({ infinite: !infinite })
}
/>
handleBlockDefault({ vertical: !vertical })
}
/>
handleBlockDefault({
pauseOnHover: !pauseOnHover,
})
}
/>
handleBlockDefault({
isCustomHeight: !isCustomHeight,
})
}
/>
{isCustomHeight && (
)}
{!fade && (
)}
{autoplay && (
handleBlockDefault({ autoplaySpeed })
}
min={0}
max={8000}
/>
)}
handleBlockDefault({ speed })}
min={0}
max={3000}
/>
{sliderType === "content" &&
sliderContentType === "content-1" && (
handleBlockDefault({
overlayColor: color,
})
}
/>
)}
{sliderType === "content" && (
<>
Text Align
{TEXT_ALIGN.map((item, index) => (
))}
{sliderContentType != "content-2" && (
<>
Vertical Align
{VERTICAL_ALIGN.map(
(item, index) => (
)
)}
)}
)}
{sliderType === "content" && (
<>
Color
handleBlockDefault({
titleColor: color,
})
}
/>
Color
handleBlockDefault({
subtitleColor: color,
})
}
/>
{NORMAL_HOVER.map((item, index) => (
))}
{buttonColorType === "normal" && (
handleBlockDefault({
buttonColor: newColor,
}),
label: __(
"Color",
"essential-blocks"
),
},
{
value: buttonBGColor,
onChange: (newColor) =>
handleBlockDefault({
buttonBGColor: newColor,
}),
label: __(
"Background Color",
"essential-blocks"
),
},
]}
/>
)}
{buttonColorType === "hover" && (
handleBlockDefault({
buttonHoverColor: newColor,
}),
label: __(
"Color",
"essential-blocks"
),
},
{
value: buttonHoverBGColor,
onChange: (newColor) =>
handleBlockDefault({
buttonHoverBGColor: newColor,
}),
label: __(
"Background Color",
"essential-blocks"
),
},
]}
/>
)}
Button Border & Shadow
)}
{arrows && (
{NORMAL_HOVER.map((item, index) => (
))}
{arrowColorType === "normal" && (
handleBlockDefault({
arrowColor: newColor,
}),
label: __(
"Color",
"essential-blocks"
),
},
]}
/>
)}
{arrowColorType === "hover" && (
handleBlockDefault({
arrowHoverColor: newColor,
}),
label: __(
"Color",
"essential-blocks"
),
},
]}
/>
)}
)}
{dots && (
Color
handleBlockDefault({ dotsColor: color })
}
/>
Active Color
handleBlockDefault({
dotsActiveColor: color,
})
}
/>
)}
)}
);
}
export default Slider;