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: fluent-forms.js

/** * WordPress dependencies */ import { __ } from "@wordpress/i18n"; import { PanelBody, ToggleControl, SelectControl, BaseControl, ButtonGroup, Button, __experimentalDivider as Divider, } from "@wordpress/components"; /** * External depencencies */ import { ColorControl, ResponsiveRangeController, ResponsiveDimensionsControl, BorderShadowControl, TypographyDropdown, useBlockDefaults, withBlockContext } from "@essential-blocks/controls"; /** * Internal depencencies */ import { INPUT_TEXTAREA_INDENT, INPUT_WIDTH, INPUT_HEIGHT, TEXTAREA_WIDTH, TEXTAREA_HEIGHT, INPUT_TEXTAREA_PADDING, INPUT_TEXTAREA_SPACING, SUBMIT_BUTTON_WIDTH, SUBMIT_BUTTON_HEIGHT, INPUT_TEXTAREA_BORDER, SECTION_BREAK_PADDING, SECTION_BREAK_MARGIN, SECTION_BREAK_DESC_PADDING, SECTION_BREAK_DESC_MARGIN, SECTION_BREAK_POSITION, CUSTOM_HTML_PADDING, CUSTOM_HTML_MARGIN, BTN_WIDTH_STYLE, SUBMIT_BUTTON_POSITION, SUBMIT_BUTTON_PADDING, SUBMIT_BUTTON_MARGIN, SUBMIT_BUTTON_BORDER, SUCCESS_BORDER, ERROR_PADDING, ERROR_MARGIN, CHECKBOX_SIZE, CHECKBOX_BORDER, CHECKBOX_RADIUS, RADIO_RADIUS, CHECKBOX_ITEM_SPACING, FORM_ALIGNMENT, FORM_MAX_WIDTH, FORM_BORDER, FORM_PADDING, FORM_MARGIN, BUTTON_POSITION, } from "@essential-blocks/blocks/fluent-forms/src/constants"; import { typoPrefix_label, typoPrefix_input, typoPrefix_section_break, typoPrefix_section_break_desc, typoPrefix_custom_html, typoPrefix_submit_btn, typoPrefix_success, typoPrefix_error, } from "@essential-blocks/blocks/fluent-forms/src/constants/typographyPrefixConstants"; import objAttributes from "@essential-blocks/blocks/fluent-forms/src/attributes"; function FluentForms(props) { const { blockDefaults, setBlockDefaults, name, deviceType, handleBlockDefault } = props; const { // new showLabels, showPlaceholder, showErrorMessage, labelColor, inputHoverType, inputBackgroundColor, inputTextColor, inputFocusBackgroundColor, placeholderColor, sectionBreakColor, sectionBreakPosition, sectionBreakDescColor, customHtmlPosition, customHtmlColor, btnWidthType, btnAlignment, btnHoverType, btnBackgroundColor, btnColor, btnBackgroundHoverColor, btnHoverColor, successBackgroundColor, successColor, errorColor, customCheckboxStyle, checkboxSwitcher, checkboxColor, checkboxBorderColor, checkboxCheckedColor, formBackgroundColor, formAlignment, } = blockDefaults; const isDefaultSet = useBlockDefaults(name, blockDefaults, setBlockDefaults, objAttributes) return ( <> {isDefaultSet && ( <div className="eb-panel-control"> <PanelBody title={__("Fluent Form", "essential-blocks")}> <ToggleControl label={__("Show Labels", "essential-blocks")} checked={showLabels} onChange={(showLabels) => handleBlockDefault({ showLabels }) } /> <ToggleControl label={__("Show Placeholder", "essential-blocks")} checked={showPlaceholder} onChange={(showPlaceholder) => handleBlockDefault({ showPlaceholder }) } /> <ToggleControl label={__("Show Error Message", "essential-blocks")} checked={showErrorMessage} onChange={(showErrorMessage) => handleBlockDefault({ showErrorMessage }) } /> </PanelBody> {/* Style */} <PanelBody title={__("Labels Style", "essential-blocks")} initialOpen={true} > <> <ColorControl label={__("Color", "essential-blocks")} color={labelColor} onChange={(labelColor) => handleBlockDefault({ labelColor }) } /> <TypographyDropdown baseLabel={__("Typography", "essential-blocks")} typographyPrefixConstant={typoPrefix_label} /> </> </PanelBody> <PanelBody title={__("Input & Textarea Style", "essential-blocks")} initialOpen={false} > <> <BaseControl> <ButtonGroup> {[ { label: __( "NORMAL", "essential-blocks" ), value: "normal", }, { label: __( "FOCUS", "essential-blocks" ), value: "focus", }, ].map(({ value, label }, index) => ( <Button key={index} isPrimary={inputHoverType === value} isSecondary={ inputHoverType !== value } onClick={() => handleBlockDefault({ inputHoverType: value, }) } > {label} </Button> ))} </ButtonGroup> </BaseControl> {inputHoverType === "normal" && ( <> <ColorControl label={__( "Background Color", "essential-blocks" )} color={inputBackgroundColor} onChange={(inputBackgroundColor) => handleBlockDefault({ inputBackgroundColor, }) } /> <ColorControl label={__("Color", "essential-blocks")} color={inputTextColor} onChange={(inputTextColor) => handleBlockDefault({ inputTextColor, }) } /> </> )} {inputHoverType === "focus" && ( <> <ColorControl label={__( "Background Color", "essential-blocks" )} color={inputFocusBackgroundColor} onChange={(inputFocusBackgroundColor) => handleBlockDefault({ inputFocusBackgroundColor, }) } /> </> )} <TypographyDropdown baseLabel={__("Typography", "essential-blocks")} typographyPrefixConstant={typoPrefix_input} /> <Divider /> <ResponsiveRangeController baseLabel={__( "Text Indent", "essential-blocks" )} controlName={INPUT_TEXTAREA_INDENT} min={0} max={60} step={1} /> <ResponsiveRangeController baseLabel={__( "Input Width", "essential-blocks" )} controlName={INPUT_WIDTH} min={0} max={1200} step={1} /> <ResponsiveRangeController baseLabel={__( "Input Height", "essential-blocks" )} controlName={INPUT_HEIGHT} min={0} max={200} step={1} /> <ResponsiveRangeController baseLabel={__( "Textarea Width", "essential-blocks" )} controlName={TEXTAREA_WIDTH} min={0} max={1200} step={1} /> <ResponsiveRangeController baseLabel={__( "Textarea Height", "essential-blocks" )} controlName={TEXTAREA_HEIGHT} min={0} max={400} step={1} /> <Divider /> <ResponsiveDimensionsControl controlName={INPUT_TEXTAREA_PADDING} baseLabel={__("Padding", "essential-blocks")} /> <ResponsiveRangeController baseLabel={__("Spacing", "essential-blocks")} controlName={INPUT_TEXTAREA_SPACING} min={0} max={100} step={1} /> </> <BaseControl> <h3 className="eb-control-title"> {__("Border & Shadow", "essential-blocks")} </h3> </BaseControl> <BorderShadowControl controlName={INPUT_TEXTAREA_BORDER} /> </PanelBody> <PanelBody title={__("Placeholder Style", "essential-blocks")} initialOpen={false} > <> <ColorControl label={__("Color", "essential-blocks")} color={placeholderColor} onChange={(placeholderColor) => handleBlockDefault({ placeholderColor }) } /> </> </PanelBody> <PanelBody title={__("Radio & Checkbox Style", "essential-blocks")} initialOpen={false} > <ToggleControl label={__("Custom Style", "essential-blocks")} checked={customCheckboxStyle} onChange={(customCheckboxStyle) => handleBlockDefault({ customCheckboxStyle }) } /> {customCheckboxStyle && ( <> <ResponsiveRangeController baseLabel={__("Size", "essential-blocks")} controlName={CHECKBOX_SIZE} min={0} max={80} step={1} /> <BaseControl> <ButtonGroup> {[ { label: __( "NORMAL", "essential-blocks" ), value: "normal", }, { label: __( "CHECKED", "essential-blocks" ), value: "checked", }, ].map(({ value, label }, index) => ( <Button key={index} isPrimary={ btnHoverType === value } isSecondary={ btnHoverType !== value } onClick={() => handleBlockDefault({ checkboxSwitcher: value, }) } > {label} </Button> ))} </ButtonGroup> </BaseControl> {checkboxSwitcher === "normal" && ( <> <ColorControl label={__( "Color", "essential-blocks" )} color={checkboxColor} onChange={(checkboxColor) => handleBlockDefault({ checkboxColor, }) } /> <ResponsiveRangeController baseLabel={__( "Border Width", "essential-blocks" )} controlName={CHECKBOX_BORDER} min={0} max={15} step={1} noUnits={true} /> <ColorControl label={__( "Border Color", "essential-blocks" )} color={checkboxBorderColor} onChange={(checkboxBorderColor) => handleBlockDefault({ checkboxBorderColor, }) } /> <BaseControl> <h3 className="eb-control-title"> {__( "Checkbox", "essential-blocks" )} </h3> </BaseControl> <ResponsiveDimensionsControl controlName={CHECKBOX_RADIUS} baseLabel={__( "Border Radius", "essential-blocks" )} /> <BaseControl> <h3 className="eb-control-title"> {__( "Radio Buttons", "essential-blocks" )} </h3> </BaseControl> <ResponsiveDimensionsControl controlName={RADIO_RADIUS} baseLabel={__( "Border Radius", "essential-blocks" )} /> </> )} {checkboxSwitcher === "checked" && ( <ColorControl label={__("Color", "essential-blocks")} color={checkboxCheckedColor} onChange={(checkboxCheckedColor) => handleBlockDefault({ checkboxCheckedColor, }) } /> )} <ResponsiveRangeController baseLabel={__( "Item Spacing", "essential-blocks" )} controlName={CHECKBOX_ITEM_SPACING} min={0} max={100} step={1} /> </> )} </PanelBody> <PanelBody title={__("Section Break", "essential-blocks")} initialOpen={false} > <> <BaseControl label={__("Alignment", "essential-blocks")} id="eb-button-group-alignment" > <ButtonGroup id="eb-button-group-alignment"> {SECTION_BREAK_POSITION.map( (item, index) => ( <Button key={index} isPrimary={ sectionBreakPosition === item.value } isSecondary={ sectionBreakPosition !== item.value } onClick={() => handleBlockDefault({ sectionBreakPosition: item.value, }) } > {item.label} </Button> ) )} </ButtonGroup> </BaseControl> <Divider /> <BaseControl> <h3 className="eb-control-title"> {__("Label", "essential-blocks")} </h3> </BaseControl> <ColorControl label={__("Color", "essential-blocks")} color={sectionBreakColor} onChange={(sectionBreakColor) => handleBlockDefault({ sectionBreakColor }) } /> <TypographyDropdown baseLabel={__("Typography", "essential-blocks")} typographyPrefixConstant={ typoPrefix_section_break } /> <ResponsiveDimensionsControl controlName={SECTION_BREAK_PADDING} baseLabel={__("Padding", "essential-blocks")} /> <ResponsiveDimensionsControl controlName={SECTION_BREAK_MARGIN} baseLabel={__("Margin", "essential-blocks")} /> <Divider /> <BaseControl> <h3 className="eb-control-title"> {__("Description", "essential-blocks")} </h3> </BaseControl> <ColorControl label={__("Color", "essential-blocks")} color={sectionBreakDescColor} onChange={(sectionBreakDescColor) => handleBlockDefault({ sectionBreakDescColor, }) } /> <TypographyDropdown baseLabel={__("Typography", "essential-blocks")} typographyPrefixConstant={ typoPrefix_section_break_desc } /> <ResponsiveDimensionsControl controlName={SECTION_BREAK_DESC_PADDING} baseLabel={__("Padding", "essential-blocks")} /> <ResponsiveDimensionsControl controlName={SECTION_BREAK_DESC_MARGIN} baseLabel={__("Margin", "essential-blocks")} /> </> </PanelBody> <PanelBody title={__("Custom HTML", "essential-blocks")} initialOpen={false} > <> <BaseControl label={__("Alignment", "essential-blocks")} id="eb-button-group-alignment" > <ButtonGroup id="eb-button-group-alignment"> {SECTION_BREAK_POSITION.map( (item, index) => ( <Button key={index} isPrimary={ customHtmlPosition === item.value } isSecondary={ customHtmlPosition !== item.value } onClick={() => handleBlockDefault({ customHtmlPosition: item.value, }) } > {item.label} </Button> ) )} </ButtonGroup> </BaseControl> <ColorControl label={__("Color", "essential-blocks")} color={customHtmlColor} onChange={(customHtmlColor) => handleBlockDefault({ customHtmlColor }) } /> <TypographyDropdown baseLabel={__("Typography", "essential-blocks")} typographyPrefixConstant={ typoPrefix_custom_html } /> <ResponsiveDimensionsControl controlName={CUSTOM_HTML_PADDING} baseLabel={__("Padding", "essential-blocks")} /> <ResponsiveDimensionsControl controlName={CUSTOM_HTML_MARGIN} baseLabel={__("Margin", "essential-blocks")} /> </> </PanelBody> <PanelBody title={__("Submit Style", "essential-blocks")} initialOpen={false} > <> {btnWidthType === "custom" && ( <BaseControl label={__("Alignment", "essential-blocks")} id="eb-button-group-alignment" > <ButtonGroup id="eb-button-group-alignment"> {SUBMIT_BUTTON_POSITION.map( (item, index) => ( <Button key={index} isPrimary={ btnAlignment === item.value } isSecondary={ btnAlignment !== item.value } onClick={() => handleBlockDefault({ btnAlignment: item.value, }) } > {item.label} </Button> ) )} </ButtonGroup> </BaseControl> )} <ResponsiveRangeController baseLabel={__("Height", "essential-blocks")} controlName={SUBMIT_BUTTON_HEIGHT} min={0} max={500} step={1} /> <SelectControl label={__("Width", "essential-blocks")} value={btnWidthType} options={BTN_WIDTH_STYLE} onChange={(newBtnWidthType) => handleBlockDefault({ btnWidthType: newBtnWidthType, }) } /> {btnWidthType === "custom" && ( <ResponsiveRangeController baseLabel={__("Width", "essential-blocks")} controlName={SUBMIT_BUTTON_WIDTH} min={0} max={1200} step={1} /> )} <TypographyDropdown baseLabel={__("Typography", "essential-blocks")} typographyPrefixConstant={typoPrefix_submit_btn} /> <BaseControl> <ButtonGroup> {[ { label: __( "NORMAL", "essential-blocks" ), value: "normal", }, { label: __( "HOVER", "essential-blocks" ), value: "hover", }, ].map(({ value, label }, index) => ( <Button key={index} isPrimary={btnHoverType === value} isSecondary={btnHoverType !== value} onClick={() => handleBlockDefault({ btnHoverType: value, }) } > {label} </Button> ))} </ButtonGroup> </BaseControl> {btnHoverType === "normal" && ( <> <ColorControl label={__( "Background Color", "essential-blocks" )} color={btnBackgroundColor} onChange={(btnBackgroundColor) => handleBlockDefault({ btnBackgroundColor, }) } /> <ColorControl label={__("Color", "essential-blocks")} color={btnColor} onChange={(btnColor) => handleBlockDefault({ btnColor }) } /> </> )} {btnHoverType === "hover" && ( <> <ColorControl label={__( "Background Color", "essential-blocks" )} color={btnBackgroundHoverColor} onChange={(btnBackgroundHoverColor) => handleBlockDefault({ btnBackgroundHoverColor, }) } /> <ColorControl label={__("Color", "essential-blocks")} color={btnHoverColor} onChange={(btnHoverColor) => handleBlockDefault({ btnHoverColor, }) } /> </> )} <Divider /> <ResponsiveDimensionsControl controlName={SUBMIT_BUTTON_PADDING} baseLabel={__("Padding", "essential-blocks")} /> <ResponsiveDimensionsControl controlName={SUBMIT_BUTTON_MARGIN} baseLabel={__("Margin", "essential-blocks")} /> <ResponsiveRangeController baseLabel={__( "Button Position", "essential-blocks" )} controlName={BUTTON_POSITION} min={-1000} max={1000} step={1} /> <BaseControl> <h3 className="eb-control-title"> {__("Border & Shadow", "essential-blocks")} </h3> </BaseControl> <BorderShadowControl controlName={SUBMIT_BUTTON_BORDER} /> </> </PanelBody> <PanelBody title={__("Success Message Style", "essential-blocks")} initialOpen={false} > <ColorControl label={__("Background Color", "essential-blocks")} color={successBackgroundColor} onChange={(successBackgroundColor) => handleBlockDefault({ successBackgroundColor }) } /> <ColorControl label={__("Color", "essential-blocks")} color={successColor} onChange={(successColor) => handleBlockDefault({ successColor }) } /> <TypographyDropdown baseLabel={__("Typography", "essential-blocks")} typographyPrefixConstant={typoPrefix_success} /> <BorderShadowControl controlName={SUCCESS_BORDER} noShadow={true} /> </PanelBody> {showErrorMessage && ( <PanelBody title={__( "Error Message Style", "essential-blocks" )} initialOpen={false} > <ColorControl label={__("Color", "essential-blocks")} color={errorColor} onChange={(errorColor) => handleBlockDefault({ errorColor }) } /> <TypographyDropdown baseLabel={__("Typography", "essential-blocks")} typographyPrefixConstant={typoPrefix_error} /> <ResponsiveDimensionsControl controlName={ERROR_PADDING} baseLabel={__("Padding", "essential-blocks")} /> <ResponsiveDimensionsControl controlName={ERROR_MARGIN} baseLabel={__("Margin", "essential-blocks")} /> </PanelBody> )} {/* Advanced */} <PanelBody title={__("Wrapper Styles", "essential-blocks")} initialOpen={false} > <> <ColorControl label={__( "Background Color", "essential-blocks" )} color={formBackgroundColor} onChange={(formBackgroundColor) => handleBlockDefault({ formBackgroundColor }) } /> <BaseControl label={__("Alignment", "essential-blocks")} id="eb-button-group-alignment" > <ButtonGroup id="eb-button-group-alignment"> {FORM_ALIGNMENT.map((item, index) => ( <Button key={index} isPrimary={ formAlignment === item.value } isSecondary={ formAlignment !== item.value } onClick={() => handleBlockDefault({ formAlignment: item.value, }) } > {item.label} </Button> ))} </ButtonGroup> </BaseControl> <ResponsiveRangeController baseLabel={__( "Form Max Width", "essential-blocks" )} controlName={FORM_MAX_WIDTH} min={0} max={1500} step={1} /> <ResponsiveDimensionsControl controlName={FORM_PADDING} baseLabel={__("Padding", "essential-blocks")} /> <ResponsiveDimensionsControl controlName={FORM_MARGIN} baseLabel={__("Margin", "essential-blocks")} /> <Divider /> <BaseControl> <h3 className="eb-control-title"> {__("Border & Shadow", "essential-blocks")} </h3> </BaseControl> <BorderShadowControl controlName={FORM_BORDER} /> </> </PanelBody> </div> )} </> ); } export default withBlockContext(objAttributes)(FluentForms);
Save