golden hour

/home/godaofbq/hyperxpod.com/wp-content/plugins/essential-blocks/src/global-styles/block-defaults

⬆️ Go Up

Upload

File/Folder	Size	Actions
accordion.js	15.56 KB	Del OK
advanced-heading.js	16.4 KB	Del OK
advanced-image.js	15.16 KB	Del OK
advanced-navigation.js	65.16 KB	Del OK
advanced-tabs.js	25.2 KB	Del OK
advanced-video.js	25.36 KB	Del OK
button.js	10.43 KB	Del OK
call-to-action.js	13.69 KB	Del OK
countdown.js	20.15 KB	Del OK
dual-button.js	18.58 KB	Del OK
feature-list.js	17.53 KB	Del OK
flipbox.js	51.14 KB	Del OK
fluent-forms.js	45.16 KB	Del OK
form.js	86.84 KB	Del OK
google-map.js	7.13 KB	Del OK
image-comparison.js	16.9 KB	Del OK
image-gallery.js	23.72 KB	Del OK
infobox.js	34.06 KB	Del OK
instagram-feed.js	20.11 KB	Del OK
interactive-promo.js	7.38 KB	Del OK
nft-gallery.js	22.14 KB	Del OK
notice.js	5.16 KB	Del OK
number-counter.js	23.47 KB	Del OK
openverse.js	8.31 KB	Del OK
parallax-slider.js	12.09 KB	Del OK
popup.js	35.38 KB	Del OK
post-carousel.js	50.66 KB	Del OK
post-grid.js	51.85 KB	Del OK
pricing-table.js	41.41 KB	Del OK
progress-bar.js	21.31 KB	Del OK
row.js	7.92 KB	Del OK
slider.js	24.06 KB	Del OK
social-share.js	14.19 KB	Del OK
social.js	15.45 KB	Del OK
table-of-contents.js	27.64 KB	Del OK
team-member.js	38.59 KB	Del OK
testimonial.js	17.88 KB	Del OK
toggle-content.js	18.12 KB	Del OK
typing-text.js	9.23 KB	Del OK
woo-product-grid.js	29.08 KB	Del OK
wpforms.js	35.22 KB	Del OK
wrapper.js	3.4 KB	Del OK

Edit: parallax-slider.js

/** * WordPress dependencies */ import { __ } from "@wordpress/i18n"; import { PanelBody, PanelRow, ToggleControl, Button, ButtonGroup, RangeControl } from "@wordpress/components"; /** * Internal dependencies */ import { WRAPPER_BG, WRAPPER_MARGIN, WRAPPER_PADDING, WRAPPER_BORDER_SHADOW, TITLE_MARGIN, BUTTON_MARGIN, BUTTON_PADDING, BUTTON_BORDER_SHADOW, CUSTOM_HEIGHT, SLIDES_GAP, CONTENTS_PADDING, SLIDE_BORDER_RADIUS, NORMAL_HOVER, HORIZONTAL_ALIGN, VERTICAL_ALIGN, UNIT_TYPES, GAP_UNIT_TYPES, COLORS, } from "@essential-blocks/blocks/parallax-slider/src/constants/constants"; import { TITLE_TYPOGRAPHY, BUTTON_TYPOGRAPHY, } from "@essential-blocks/blocks/parallax-slider/src/constants/typography-constant"; import objAttributes from "@essential-blocks/blocks/parallax-slider/src/attributes"; import { ResponsiveDimensionsControl, TypographyDropdown, BorderShadowControl, ResponsiveRangeController, BackgroundControl, ColorControl, useBlockDefaults, withBlockContext } from "@essential-blocks/controls"; function ParallaxSlider(props) { const { blockDefaults, setBlockDefaults, name, deviceType, handleBlockDefault } = props; const { intensity, isCustomHeight, titleColor, titleBackgroundColor, buttonColorType, buttonColor, buttonHoverColor, buttonBackgroundColor, buttonHoverBackgroundColor, horizontalAlign, verticalAlign, } = blockDefaults; const isDefaultSet = useBlockDefaults(name, blockDefaults, setBlockDefaults, objAttributes) return ( <> {isDefaultSet && ( <div className="eb-panel-control"> <PanelBody title={__("General", "essential-blocks")}> <RangeControl label={__("Parallax Softness", "essential-blocks")} value={intensity} allowReset onChange={(intensity) => handleBlockDefault({ intensity })} min={0} max={100} /> <ToggleControl label={__("Custom Height", "essential-blocks")} checked={isCustomHeight} onChange={() => handleBlockDefault({ isCustomHeight: !isCustomHeight, }) } /> {isCustomHeight && ( <ResponsiveRangeController baseLabel={__("Slider Size", "essential-blocks")} controlName={CUSTOM_HEIGHT} units={UNIT_TYPES} min={1} max={500} step={1} /> )} <ResponsiveRangeController baseLabel={__("Slides Gap", "essential-blocks")} controlName={SLIDES_GAP} units={GAP_UNIT_TYPES} min={0} max={200} step={1} /> </PanelBody> <PanelBody title={__("Slides Style", "essential-blocks")} initialOpen={true}> <PanelRow>Content Horizontal Align</PanelRow> <ButtonGroup> {HORIZONTAL_ALIGN.map((item, index) => ( <Button key={index} isPrimary={horizontalAlign === item.value} isSecondary={horizontalAlign !== item.value} onClick={() => handleBlockDefault({ horizontalAlign: item.value, }) } > {item.label} </Button> ))} </ButtonGroup> <PanelRow>Content Vertical Align</PanelRow> <ButtonGroup className="eb-margin-bottom-20"> {VERTICAL_ALIGN.map((item, index) => ( <Button key={index} isPrimary={verticalAlign === item.value} isSecondary={verticalAlign !== item.value} onClick={() => handleBlockDefault({ verticalAlign: item.value, }) } > {item.label} </Button> ))} </ButtonGroup> <ResponsiveDimensionsControl controlName={CONTENTS_PADDING} baseLabel="Content Padding" /> <ResponsiveRangeController baseLabel={__("Slide Border Radius", "essential-blocks")} controlName={SLIDE_BORDER_RADIUS} units={GAP_UNIT_TYPES} min={1} max={50} step={1} /> </PanelBody> <PanelBody title={__("Title Style", "essential-blocks")} initialOpen={false}> <ColorControl label={__("Color", "essential-blocks")} color={titleColor} onChange={(color) => handleBlockDefault({ titleColor: color })} /> <ColorControl label={__("Background Color", "essential-blocks")} color={titleBackgroundColor} onChange={(color) => handleBlockDefault({ titleBackgroundColor: color, }) } /> <TypographyDropdown baseLabel={__("Typography", "essential-blocks")} typographyPrefixConstant={TITLE_TYPOGRAPHY} /> <ResponsiveDimensionsControl controlName={TITLE_MARGIN} baseLabel="Margin" /> </PanelBody> <PanelBody title={__("Button Styles", "essential-blocks")} initialOpen={false}> <ButtonGroup className="eb-inspector-btn-group"> {NORMAL_HOVER.map((item, index) => ( <Button key={index} isPrimary={buttonColorType === item.value} isSecondary={buttonColorType !== item.value} onClick={() => handleBlockDefault({ buttonColorType: item.value, }) } > {item.label} </Button> ))} </ButtonGroup> {buttonColorType === "normal" && ( <> <ColorControl label={__("Color", "essential-blocks")} color={buttonColor} onChange={(color) => handleBlockDefault({ buttonColor: color, }) } /> <ColorControl label={__("Background Color", "essential-blocks")} color={buttonBackgroundColor} onChange={(color) => handleBlockDefault({ buttonBackgroundColor: color, }) } /> </> )} {buttonColorType === "hover" && ( <> <ColorControl label={__("Hover Color", "essential-blocks")} color={buttonHoverColor} onChange={(color) => handleBlockDefault({ buttonHoverColor: color, }) } /> <ColorControl label={__("Hover Background Color", "essential-blocks")} color={buttonHoverBackgroundColor} onChange={(color) => handleBlockDefault({ buttonHoverBackgroundColor: color, }) } /> </> )} <PanelRow>Button Border & Shadow</PanelRow> <BorderShadowControl controlName={BUTTON_BORDER_SHADOW} /> <TypographyDropdown baseLabel={__("Typography", "essential-blocks")} typographyPrefixConstant={BUTTON_TYPOGRAPHY} /> <ResponsiveDimensionsControl controlName={BUTTON_MARGIN} baseLabel="Margin" /> <ResponsiveDimensionsControl controlName={BUTTON_PADDING} baseLabel="Padding" /> </PanelBody> <PanelBody title={__("Wrapper Margin & Padding", "essential-blocks")} initialOpen={false}> <ResponsiveDimensionsControl controlName={WRAPPER_MARGIN} baseLabel="Margin" /> <ResponsiveDimensionsControl controlName={WRAPPER_PADDING} baseLabel="Padding" /> </PanelBody> <PanelBody title={__("Wrapper Background", "essential-blocks")} initialOpen={false}> <BackgroundControl controlName={WRAPPER_BG} noOverlay /> </PanelBody> <PanelBody title={__("Wrapper Border & Shadow")} initialOpen={false}> <BorderShadowControl controlName={WRAPPER_BORDER_SHADOW} /> </PanelBody> </div> )} </> ); } export default withBlockContext(objAttributes)(ParallaxSlider);
Save