golden hour

/home/godaofbq/hyperxmed.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: toggle-content.js

/** * WordPress dependencies */ import { __ } from "@wordpress/i18n"; import { PanelBody, RadioControl, RangeControl, SelectControl, ToggleControl, TabPanel } from "@wordpress/components"; /** * Internal dependencies * */ import { SWITCH_STYLES, SWITCH_SIZE, SEPERATOR_TYPE, BORDER_STYLES, INITIAL_CONTENT, } from "@essential-blocks/blocks/toggle-content/src/constants"; import { rangeButtonWidth, rangeButtonHeight, rangeHeadingSpace, } from "@essential-blocks/blocks/toggle-content/src/constants/rangeNames"; import { WrpBgConst } from "@essential-blocks/blocks/toggle-content/src/constants/backgroundsConstants"; import { WrpBdShadowConst } from "@essential-blocks/blocks/toggle-content/src/constants/borderShadowConstants"; import { typoPrefix_tgl } from "@essential-blocks/blocks/toggle-content/src/constants/typographyPrefixConstants"; import { tglWrapMarginConst, tglWrapPaddingConst, } from "@essential-blocks/blocks/toggle-content/src/constants/dimensionsConstants"; import objAttributes from "@essential-blocks/blocks/toggle-content/src/attributes"; import { UnitControl, GradientColorControl, ColorControl, ResetControl, TypographyDropdown, ResponsiveDimensionsControl, ResponsiveRangeController, BorderShadowControl, BackgroundControl, AdvancedControls, useBlockDefaults, withBlockContext } from "@essential-blocks/controls"; function ToggleContent(props) { const { blockDefaults, setBlockDefaults, name, deviceType, handleBlockDefault } = props; const { resOption, // initialContent, switchStyle, switchSize, buttonHeight, buttonWidth, seperatorType, activeColor, activeBg, primaryLabelColor, secondaryLabelColor, headingSpace, headingSpaceUnit, labelSpace, labelSpaceUnit, backgroundType, backgroundColor, backgroundGradient, controllerType, controllerColor, controllerGradient, borderStyle, borderWidth, borderColor, borderRadius, shadowColor, hOffset, vOffset, blur, spread, inset, } = blockDefaults; const isDefaultSet = useBlockDefaults(name, blockDefaults, setBlockDefaults, objAttributes) return ( <> {isDefaultSet && ( <div className="eb-panel-control"> <PanelBody title={__("General", "essential-blocks")} initialOpen={true}> <RadioControl label={__("Initial Content", "essential-blocks")} selected={initialContent} onChange={(initialContent) => handleBlockDefault({ initialContent })} options={INITIAL_CONTENT} /> <SelectControl label={__("Switch Type", "essential-blocks")} value={switchStyle} onChange={(switchStyle) => handleBlockDefault({ switchStyle })} options={SWITCH_STYLES} /> {(switchStyle === "rounded" || switchStyle === "reactangle") && ( <SelectControl label={__("Switch Size", "essential-blocks")} value={switchSize} options={SWITCH_SIZE} onChange={(switchSize) => handleBlockDefault({ switchSize })} /> )} {switchStyle === "toggle" && ( <> <ResponsiveRangeController noUnits baseLabel={__("Button Height", "essential-blocks")} controlName={rangeButtonHeight} min={10} max={200} step={1} /> <ResponsiveRangeController baseLabel={__("Button Width", "essential-blocks")} controlName={rangeButtonWidth} min={10} max={100} step={1} /> </> )} {switchStyle === "text" && ( <SelectControl label={__("Sepetator Type", "essential-blocks")} value={seperatorType} options={SEPERATOR_TYPE} onChange={(seperatorType) => handleBlockDefault({ seperatorType })} /> )} <ResponsiveRangeController baseLabel={__("Heading Space", "essential-blocks")} controlName={rangeHeadingSpace} min={10} max={100} step={1} /> {(switchStyle === "rectangle" || switchStyle === "rounded") && ( <> <UnitControl selectedUnit={labelSpaceUnit} unitTypes={[ { label: "px", value: "px" }, { label: "%", value: "%" }, ]} onClick={(labelSpaceUnit) => handleBlockDefault({ labelSpaceUnit })} /> <RangeControl label={__("Label Space", "essential-blocks")} value={labelSpace} onChange={(labelSpace) => handleBlockDefault({ labelSpace })} /> </> )} <TypographyDropdown baseLabel="Typography" typographyPrefixConstant={typoPrefix_tgl} /> </PanelBody> <PanelBody title={__(`${switchStyle === "text" ? "Colors Style" : "Label Colors Style"}`)} initialOpen={false} > <ColorControl label={__("Primary Text", "essential-blocks")} color={primaryLabelColor} onChange={(primaryLabelColor) => handleBlockDefault({ primaryLabelColor })} /> <ColorControl label={__("Secondary Text", "essential-blocks")} color={secondaryLabelColor} onChange={(secondaryLabelColor) => handleBlockDefault({ secondaryLabelColor })} /> <ColorControl label={__("Active Text Color", "essential-blocks")} color={activeColor} onChange={(activeColor) => handleBlockDefault({ activeColor })} /> {switchStyle === "text" && ( <> <ColorControl label={__("Background", "essential-blocks")} color={backgroundColor} onChange={(backgroundColor) => handleBlockDefault({ backgroundColor })} /> <ColorControl label={__("Active Background", "essential-blocks")} color={activeBg} onChange={(activeBg) => handleBlockDefault({ activeBg })} /> </> )} </PanelBody> {switchStyle !== "text" && ( <PanelBody title={__("Switch Background Style", "essential-blocks")} initialOpen={false}> <ToggleControl label={__("Gradient Background", "essential-blocks")} checked={backgroundType === "gradient"} onChange={() => handleBlockDefault({ backgroundType: backgroundType === "solid" ? "gradient" : "solid", }) } /> {backgroundType === "solid" && ( <ColorControl label={__("Background Color", "essential-blocks")} color={backgroundColor} onChange={(newColor) => handleBlockDefault({ backgroundColor: newColor, }) } /> )} {backgroundType === "gradient" && ( <PanelBody title={__("Background Gradient", "essential-blocks")} // initialOpen={false} > <GradientColorControl gradientColor={backgroundGradient || "linear-gradient(45deg,#eef2f3,#8e92ab)"} onChange={(backgroundGradient) => handleBlockDefault({ backgroundGradient, }) } /> </PanelBody> )} </PanelBody> )} {switchStyle !== "text" && ( <PanelBody title={__("Controller Background", "essential-blocks")} initialOpen={false}> <ToggleControl label={__("Gradient Controller", "essential-blocks")} checked={controllerType === "gradient"} onChange={() => handleBlockDefault({ controllerType: controllerType === "solid" ? "gradient" : "solid", }) } /> {controllerType === "solid" && ( <ColorControl label={__("Controller Color", "essential-blocks")} color={controllerColor} onChange={(newColor) => handleBlockDefault({ controllerColor: newColor, }) } /> )} {controllerType === "gradient" && ( <PanelBody title={__("Controller Gradient", "essential-blocks")} // initialOpen={false} > <GradientColorControl gradientColor={controllerGradient || "linear-gradient(45deg,#eef2f3,#8e92ab)"} onChange={(controllerGradient) => handleBlockDefault({ controllerGradient, }) } /> </PanelBody> )} </PanelBody> )} <PanelBody title={__("Border Style", "essential-blocks")} initialOpen={false}> <SelectControl label={__("Border Style", "essential-blocks")} value={borderStyle} options={BORDER_STYLES} onChange={(borderStyle) => handleBlockDefault({ borderStyle })} /> <ColorControl label={__("Border Color", "essential-blocks")} color={borderColor} onChange={(borderColor) => handleBlockDefault({ borderColor })} /> <RangeControl label={__("Border Width", "essential-blocks")} value={borderWidth} onChange={(borderWidth) => handleBlockDefault({ borderWidth })} min={0} max={17} /> {switchStyle === "text" && ( <RangeControl label={__("Border Radius", "essential-blocks")} value={borderRadius} onChange={(borderRadius) => handleBlockDefault({ borderRadius })} min={0} max={100} /> )} </PanelBody> {switchStyle !== "text" && ( <PanelBody title={__("Shadow", "essential-blocks")} initialOpen={false}> <ColorControl label={__("Shadow Color", "essential-blocks")} color={shadowColor} onChange={(shadowColor) => handleBlockDefault({ shadowColor })} /> <ResetControl onReset={() => handleBlockDefault({ hOffset: undefined })}> <RangeControl label={__("Horizontal Offset", "essential-blocks")} value={hOffset} onChange={(hOffset) => handleBlockDefault({ hOffset })} min={0} max={10} /> </ResetControl> <ResetControl onReset={() => handleBlockDefault({ vOffset: undefined })}> <RangeControl label={__("Vertical Offset", "essential-blocks")} value={vOffset} onChange={(vOffset) => handleBlockDefault({ vOffset })} min={0} max={10} /> </ResetControl> <ResetControl onReset={() => handleBlockDefault({ blur: undefined })}> <RangeControl label={__("Blur", "essential-blocks")} value={blur} onChange={(blur) => handleBlockDefault({ blur })} min={0} max={10} /> </ResetControl> <ResetControl onReset={() => handleBlockDefault({ spread: undefined })}> <RangeControl label={__(" Spread", "essential-blocks")} value={spread} onChange={(spread) => handleBlockDefault({ spread })} min={0} max={10} /> </ResetControl> <ToggleControl label={__("Inset", "essential-blocks")} checked={inset} onChange={() => handleBlockDefault({ inset: !inset })} /> </PanelBody> )} <PanelBody title={__("Wrapper Margin & Padding")} initialOpen={false}> <ResponsiveDimensionsControl controlName={tglWrapMarginConst} baseLabel="Margin" /> <ResponsiveDimensionsControl controlName={tglWrapPaddingConst} baseLabel="Padding" /> </PanelBody> <PanelBody title={__("Wrapper Background ", "essential-blocks")} initialOpen={false}> <BackgroundControl controlName={WrpBgConst} /> </PanelBody> <PanelBody title={__("Wrapper Border & Shadow")} initialOpen={false}> <BorderShadowControl controlName={WrpBdShadowConst} /> </PanelBody> </div> )} </> ); } export default withBlockContext(objAttributes)(ToggleContent);
Save