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: popup.js

/** * WordPress dependencies */ import { __ } from "@wordpress/i18n"; import { PanelBody, BaseControl, ButtonGroup, Button, TextControl, SelectControl, ToggleControl, TabPanel, __experimentalDivider as Divider, } from "@wordpress/components"; /** * Internal dependencies */ import { POPUP_WIDTH, POPUP_HEIGHT, ICON_POSITIONS, BUTTON_ALIGNMENT, BUTTON_BACKGROUND, BUTTON_BORDER, BUTTON_PADDING, POPUP_MARGIN, POPUP_PADDING, POPUP_BACKGROUND, POPUP_BORDER, CLOSE_PADDING, CLOSE_BORDER, CLOSE_BTN_LEFT, CLOSE_BTN_RIGHT, CLOSE_BTN_TOP, CONTAINER_PADDING, wrapMarginConst, wrapPaddingConst, } from "@essential-blocks/blocks/popup/src/constants"; import { ColorControl, TypographyDropdown, ResponsiveDimensionsControl, ResponsiveRangeController, BorderShadowControl, BackgroundControl, EBIconPicker, useBlockDefaults, withBlockContext } from "@essential-blocks/controls"; import objAttributes from "@essential-blocks/blocks/popup/src/attributes"; import { typoPrefix_text, typoPrefix_close, } from "@essential-blocks/blocks/popup/src/constants/typographyPrefixConstants"; function Popup(props) { const { blockDefaults, setBlockDefaults, name, deviceType, handleBlockDefault } = props; const { trigger, btnType, btnText, btnIcon, btnAlignment, triggerIcon, displayCloseIcon, escToExit, clickToExit, autoExit, autoExitTime, autoHeight, position, pageLoadDelay, eleIdentifier, btnTextColor, btnHoverTextColor, popupFullWidth, iconPosition, useCloseIcon, closeBtnText, closeBtnColor, closeBtnHoverColor, closeBtnBackColor, closeBtnBackHoverColor, overlayColor, useCookies, cookieExpireTime, } = blockDefaults; const isDefaultSet = useBlockDefaults(name, blockDefaults, setBlockDefaults, objAttributes) return ( <> {isDefaultSet && ( <div className="eb-panel-control"> <PanelBody title={__("Settings", "essential-blocks")}> <SelectControl label={__("Trigger", "essential-blocks")} value={trigger} options={[ { label: __( "Button Click", "essential-blocks" ), value: "btn_click", }, { label: __("Page Load", "essential-blocks"), value: "page_load", }, { label: __( "External Element", "essential-blocks" ), value: "external", }, ]} onChange={(newTrigger) => handleBlockDefault({ trigger: newTrigger }) } /> {"btn_click" === trigger && ( <> <BaseControl label={__( "Button Settings", "essential-blocks" )} > <SelectControl label={__("Type", "essential-blocks")} value={btnType} options={[ { label: __( "Button", "essential-blocks" ), value: "button", }, { label: __( "Icon", "essential-blocks" ), value: "icon", }, ]} onChange={(newBtnType) => handleBlockDefault({ btnType: newBtnType, }) } /> </BaseControl> {"button" === btnType && ( <> <TextControl label={__( "Button Text", "essential-blocks" )} value={btnText} onChange={(newBtnText) => handleBlockDefault({ btnText: newBtnText, }) } /> <EBIconPicker value={btnIcon} onChange={(btnIcon) => handleBlockDefault({ btnIcon, }) } title={__("Select Icon", "essential-blocks")} /> <BaseControl label={__( "Icon Position", "essential-blocks" )} id="eb-button-icon-position" > <ButtonGroup id="eb-icon-position-btgrp"> {ICON_POSITIONS.map( (item, key) => ( <Button key={key} isSecondary={ iconPosition !== item.value } isPrimary={ iconPosition === item.value } onClick={() => handleBlockDefault( { iconPosition: item.value, } ) } > {item.label} </Button> ) )} </ButtonGroup> </BaseControl> </> )} {"icon" === btnType && ( <> <EBIconPicker value={triggerIcon} onChange={(triggerIcon) => handleBlockDefault({ triggerIcon, }) } title={__("Trigger Icon", "essential-blocks")} /> </> )} <BaseControl label={__("Alignment ", "essential-blocks")} id="eb-popup-button-alignment" > <ButtonGroup> {BUTTON_ALIGNMENT.map((item, key) => ( <Button key={key} isSecondary={ btnAlignment !== item.value } isPrimary={ btnAlignment === item.value } onClick={() => handleBlockDefault({ btnAlignment: item.value, }) } > {item.label} </Button> ))} </ButtonGroup> </BaseControl> </> )} {"page_load" === trigger && ( <> <BaseControl> <h3> {__( "Page Load Settings", "essential-blocks" )} </h3> </BaseControl> <TextControl label={__( "Delay(Seconds)", "essential-blocks" )} value={pageLoadDelay} onChange={(newPageLoadDelay) => handleBlockDefault({ pageLoadDelay: newPageLoadDelay, }) } /> <ToggleControl label={__( "Use Cookies", "essential-blocks" )} checked={useCookies} onChange={() => handleBlockDefault({ useCookies: !useCookies, }) } /> {useCookies && ( <TextControl label={__( "Cookie Expire(In days)", "essential-blocks" )} value={cookieExpireTime} onChange={(newCookieExpireTime) => handleBlockDefault({ cookieExpireTime: newCookieExpireTime, }) } help={__( "Leave blank if you want to delete cookie after browser closed.", "essential-blocks" )} /> )} </> )} {"external" === trigger && ( <> <TextControl label={__("Identifier", "essential-blocks")} value={eleIdentifier} onChange={(newEleIdentifier) => handleBlockDefault({ eleIdentifier: newEleIdentifier, }) } help={__( "You can also use class identifier such as .open-popup", "essential-blocks" )} /> </> )} <Divider /> <BaseControl> <h3>{__("Exit Settings", "essential-blocks")}</h3> </BaseControl> <ToggleControl label={__("Show Close Button", "essential-blocks")} checked={displayCloseIcon} onChange={() => handleBlockDefault({ displayCloseIcon: !displayCloseIcon, }) } /> <ToggleControl label={__("Esc to Exit", "essential-blocks")} checked={escToExit} onChange={() => handleBlockDefault({ escToExit: !escToExit }) } help={__( "Close the modal box by pressing the Esc key", "essential-blocks" )} /> <ToggleControl label={__("Click to Exit", "essential-blocks")} checked={clickToExit} onChange={() => handleBlockDefault({ clickToExit: !clickToExit, }) } help={__( "Close the modal box by clicking anywhere outside the modal window", "essential-blocks" )} /> <ToggleControl label={__("Auto Exit", "essential-blocks")} checked={autoExit} onChange={() => handleBlockDefault({ autoExit: !autoExit }) } /> {autoExit && ( <TextControl label={__( "Auto Exit Delay (Seconds)", "essential-blocks" )} value={autoExitTime} onChange={(newAutoExitTime) => handleBlockDefault({ autoExitTime: newAutoExitTime, }) } /> )} </PanelBody> <PanelBody title={__("Size & Position", "essential-blocks")} initialOpen={false} > <ToggleControl label={__("Full Width", "essential-blocks")} checked={popupFullWidth} onChange={() => handleBlockDefault({ popupFullWidth: !popupFullWidth, }) } /> {!popupFullWidth && ( <> <ResponsiveRangeController baseLabel={__("Width", "essential-blocks")} controlName={POPUP_WIDTH} min={0} max={1920} step={1} /> </> )} <ToggleControl label={__("Auto Height", "essential-blocks")} checked={autoHeight} onChange={() => handleBlockDefault({ autoHeight: !autoHeight }) } /> {!autoHeight && ( <> <ResponsiveRangeController baseLabel={__("Height", "essential-blocks")} controlName={POPUP_HEIGHT} min={0} max={1000} step={1} /> </> )} <SelectControl label={__("Position", "essential-blocks")} value={position} options={[ { label: __("Top Left", "essential-blocks"), value: "top_left", }, { label: __("Top Center", "essential-blocks"), value: "top_center", }, { label: __("Top Right", "essential-blocks"), value: "top_right", }, { label: __( "Middle Left", "essential-blocks" ), value: "middle_left", }, { label: __( "Middle Center", "essential-blocks" ), value: "middle_center", }, { label: __( "Middle Right", "essential-blocks" ), value: "middle_right", }, { label: __( "Bottom Left", "essential-blocks" ), value: "bottom_left", }, { label: __( "Bottom Center", "essential-blocks" ), value: "bottom_center", }, { label: __( "Bottom Right", "essential-blocks" ), value: "bottom_right", }, ]} onChange={(newPosition) => handleBlockDefault({ position: newPosition }) } /> </PanelBody> <PanelBody title={__("Close Button", "essential-blocks")} initialOpen={false} > <> <ToggleControl label={__("Use close Icon", "essential-blocks")} checked={useCloseIcon} onChange={() => handleBlockDefault({ useCloseIcon: !useCloseIcon, }) } /> {!useCloseIcon && ( <TextControl label={__("Text", "essential-blocks")} value={closeBtnText} onChange={(newCloseBtnText) => handleBlockDefault({ closeBtnText: newCloseBtnText, }) } /> )} <Divider /> <BaseControl> <h3> {__("Icon Position", "essential-blocks")} </h3> </BaseControl> <ResponsiveRangeController baseLabel={__("Top", "essential-blocks")} controlName={CLOSE_BTN_TOP} min={-500} max={500} step={1} /> <ResponsiveRangeController baseLabel={__("Right", "essential-blocks")} controlName={CLOSE_BTN_RIGHT} min={-500} max={500} step={1} /> <ResponsiveRangeController baseLabel={__("Left", "essential-blocks")} controlName={CLOSE_BTN_LEFT} min={-500} max={500} step={1} /> </> </PanelBody> {"btn_click" == trigger && ( <PanelBody title={__("Button/Icon Styles", "essential-blocks")} initialOpen={false} > <> <TypographyDropdown baseLabel={__( "Typography", "essential-blocks" )} typographyPrefixConstant={typoPrefix_text} /> <ColorControl label={__("Color", "essential-blocks")} color={btnTextColor} onChange={(newTextColor) => handleBlockDefault({ btnTextColor: newTextColor, }) } /> <ColorControl label={__( "Hover Color", "essential-blocks" )} color={btnHoverTextColor} onChange={(newHoverTextColor) => handleBlockDefault({ btnHoverTextColor: newHoverTextColor, }) } /> <Divider /> <ResponsiveDimensionsControl controlName={BUTTON_PADDING} baseLabel={__( "Padding", "essential-blocks" )} /> <PanelBody title={__("Background", "essential-blocks")} initialOpen={false} > <BackgroundControl controlName={BUTTON_BACKGROUND} noOverlay={true} noMainBgi={true} /> </PanelBody> <PanelBody title={__("Border", "essential-blocks")} initialOpen={false} > <BorderShadowControl controlName={BUTTON_BORDER} /> </PanelBody> </> </PanelBody> )} <PanelBody title={__("Popup Design", "essential-blocks")} initialOpen={false} > <ColorControl label={__("Overlay Color", "essential-blocks")} color={overlayColor} onChange={(newOverlayColor) => handleBlockDefault({ overlayColor: newOverlayColor, }) } /> <PanelBody title={__("Margin & Padding", "essential-blocks")} initialOpen={false} > <ResponsiveDimensionsControl controlName={POPUP_MARGIN} baseLabel="Margin" /> <ResponsiveDimensionsControl controlName={POPUP_PADDING} baseLabel="Padding" /> </PanelBody> <PanelBody title={__("Background ", "essential-blocks")} initialOpen={false} > <BackgroundControl controlName={POPUP_BACKGROUND} /> </PanelBody> <PanelBody title={__("Border & Shadow", "essential-blocks")} initialOpen={false} > <BorderShadowControl controlName={POPUP_BORDER} /> </PanelBody> <PanelBody title={__("Container Padding", "essential-blocks")} initialOpen={false} > <ResponsiveDimensionsControl controlName={CONTAINER_PADDING} baseLabel="Padding" /> </PanelBody> </PanelBody> {displayCloseIcon && ( <PanelBody title={__( "Close Button Settings", "essential-blocks" )} initialOpen={false} > <> {!useCloseIcon && ( <TypographyDropdown baseLabel={__( "Typography", "essential-blocks" )} typographyPrefixConstant={ typoPrefix_close } /> )} <ColorControl label={__("Color", "essential-blocks")} color={closeBtnColor} onChange={(newCloseBtnText) => handleBlockDefault({ closeBtnColor: newCloseBtnText, }) } /> <ColorControl label={__( "Hover Color", "essential-blocks" )} color={closeBtnHoverColor} onChange={(newCloseBtnHoverText) => handleBlockDefault({ closeBtnHoverColor: newCloseBtnHoverText, }) } /> <ColorControl label={__( "Background Color", "essential-blocks" )} color={closeBtnBackColor} onChange={(newCloseBtnBackText) => handleBlockDefault({ closeBtnBackColor: newCloseBtnBackText, }) } /> <ColorControl label={__( "Background Hover Color", "essential-blocks" )} color={closeBtnBackHoverColor} onChange={(newCloseBtnBackHoverText) => handleBlockDefault({ closeBtnBackHoverColor: newCloseBtnBackHoverText, }) } /> <ResponsiveDimensionsControl controlName={CLOSE_PADDING} baseLabel={__( "Padding", "essential-blocks" )} /> <PanelBody title={__("Border", "essential-blocks")} initialOpen={false} > <BorderShadowControl controlName={CLOSE_BORDER} noShadow={true} /> </PanelBody> </> </PanelBody> )} <PanelBody title={__("Margin & Padding", "essential-blocks")} initialOpen={false} > <ResponsiveDimensionsControl controlName={wrapMarginConst} baseLabel="Margin" /> <ResponsiveDimensionsControl controlName={wrapPaddingConst} baseLabel="Padding" /> </PanelBody> </div> )} </> ); } export default withBlockContext(objAttributes)(Popup);
Save