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

/** * WordPress dependencies */ import { __ } from "@wordpress/i18n"; import { useEffect, useState } from "@wordpress/element"; import { PanelBody, SelectControl, ToggleControl, TextControl, Button, BaseControl, ButtonGroup, DateTimePicker, TabPanel, } from "@wordpress/components"; import { TypographyDropdown, ResponsiveDimensionsControl, ResponsiveRangeController, ColorControl, BorderShadowControl, BackgroundControl, AdvancedControls, useBlockDefaults, withBlockContext } from "@essential-blocks/controls"; /** * Internal depencencies */ import { STYLE_PRESETS, ALIGN_ITEMS, SEPARATOR_TYPES, LAYOUT_TYPES, JUSTIFY_CONTENTS, FLEX_DIRECTIONS, } from "@essential-blocks/blocks/countdown/src/constants/index"; import { typoPrefix_digits, typoPrefix_labels, typoPrefix_separator, } from "@essential-blocks/blocks/countdown/src/constants/typographyPrefixConstants"; import { wrapperWidth, boxsSpaceConst, separatorPosTop, separatorPosRight, } from "@essential-blocks/blocks/countdown/src/constants/rangeNames"; import { cdBoxsPaddingConst, cdWrapMarginConst, cdWrapPaddingConst, cdDigitsPaddingConst, cdLabelsPaddingConst, } from "@essential-blocks/blocks/countdown/src/constants/dimensionsConstants"; import { cdBoxsBgConst, cdDayBoxBgConst, cdHourBoxBgConst, cdMinuteBoxBgConst, cdSecondBoxBgConst, WrpBgConst, } from "@essential-blocks/blocks/countdown/src/constants/backgroundsConstants"; import { cdBoxsBdShadowConst, WrpBdShadowConst, } from "@essential-blocks/blocks/countdown/src/constants/borderShadowConstants"; import SingleBoxControl from "@essential-blocks/blocks/countdown/src/singleBoxControl"; import objAttributes from "@essential-blocks/blocks/countdown/src/attributes"; function Countdown(props) { const { blockDefaults, setBlockDefaults, name, deviceType, handleBlockDefault } = props; const { // showDays, showHours, showMinutes, showSeconds, daysLabel, hoursLabel, minutesLabel, secondsLabel, flexDirection, showSeparator, separatorType, // sepPositionRight, // sepPositionTop, separatorColor, contentsAlign, // contentsDirection, // contentsJustify, // digitsColor, // labelsColor, } = blockDefaults; const isDefaultSet = useBlockDefaults(name, blockDefaults, setBlockDefaults, objAttributes) return ( <> {isDefaultSet && ( <div className="eb-panel-control"> <PanelBody title={__("Content Settings", "essential-blocks")} initialOpen={true}> <ToggleControl label={__("Display Days", "essential-blocks")} checked={showDays} onChange={() => handleBlockDefault({ showDays: !showDays })} /> {showDays && ( <> <TextControl label={__("Custom Label For Days", "essential-blocks")} value={daysLabel} type="text" onChange={(daysLabel) => handleBlockDefault({ daysLabel })} /> <p style={{ marginTop: "-5px", }} > <i>Leave blank to hide</i> </p> </> )} <ToggleControl label={__("Display Hours", "essential-blocks")} checked={showHours} onChange={() => handleBlockDefault({ showHours: !showHours })} /> {showHours && ( <> <TextControl label={__("Custom Label For Hours", "essential-blocks")} value={hoursLabel} type="text" onChange={(hoursLabel) => handleBlockDefault({ hoursLabel })} /> <p style={{ marginTop: "-5px", }} > <i>Leave blank to hide</i> </p> </> )} <ToggleControl label={__("Display Minutes", "essential-blocks")} checked={showMinutes} onChange={() => handleBlockDefault({ showMinutes: !showMinutes, }) } /> {showMinutes && ( <> <TextControl label={__("Custom Label For Minutes", "essential-blocks")} value={minutesLabel} type="text" onChange={(minutesLabel) => handleBlockDefault({ minutesLabel })} /> <p style={{ marginTop: "-5px", }} > <i>Leave blank to hide</i> </p> </> )} <ToggleControl label={__("Display Seconds", "essential-blocks")} checked={showSeconds} onChange={() => handleBlockDefault({ showSeconds: !showSeconds, }) } /> {showSeconds && ( <> <TextControl label={__("Custom Label For Seconds", "essential-blocks")} value={secondsLabel} type="text" onChange={(secondsLabel) => handleBlockDefault({ secondsLabel })} /> <p style={{ marginTop: "-5px", }} > <i>Leave blank to hide</i> </p> </> )} </PanelBody> {/* Styles */} <PanelBody title={__("Boxes Styles", "essential-blocks")}> <BaseControl label="Layout"> <ButtonGroup> {LAYOUT_TYPES.map(({ value, label }, index) => ( <Button key={index} isSecondary={flexDirection !== value} isPrimary={flexDirection === value} onClick={() => handleBlockDefault({ flexDirection: value, }) } > {label} </Button> ))} </ButtonGroup> </BaseControl> <ResponsiveRangeController noUnits baseLabel={__("Container Max Width", "essential-blocks")} controlName={wrapperWidth} min={100} max={2000} step={1} /> <ResponsiveRangeController noUnits baseLabel={__("Space Between Boxs", "essential-blocks")} controlName={boxsSpaceConst} min={0} max={200} step={1} /> <BaseControl label={__("Contents Direction", "essential-blocks")}> <SelectControl value={contentsDirection} options={FLEX_DIRECTIONS} onChange={(contentsDirection) => handleBlockDefault({ contentsDirection })} /> </BaseControl> {contentsDirection && contentsDirection.includes("row") && ( <> <BaseControl label={__("Contents Justify Position", "essential-blocks")}> <SelectControl value={contentsJustify} options={JUSTIFY_CONTENTS} onChange={(contentsJustify) => handleBlockDefault({ contentsJustify, }) } /> </BaseControl> </> )} <BaseControl label={__("Contents Alignment", "essential-blocks")}> <ButtonGroup> {ALIGN_ITEMS.map(({ value, label }, index) => ( <Button key={index} isSecondary={contentsAlign !== value} isPrimary={contentsAlign === value} onClick={() => handleBlockDefault({ contentsAlign: value, }) } > {label} </Button> ))} </ButtonGroup> </BaseControl> <PanelBody title={__("Background", "essential-blocks")} initialOpen={false}> <BackgroundControl controlName={cdBoxsBgConst} noOverlay noMainBgi // noOverlayBgi // if U pass 'noOverlay' prop U don't need to pass 'noOverlayBgi' /> </PanelBody> <PanelBody title={__("Padding", "essential-blocks")} initialOpen={false}> <ResponsiveDimensionsControl controlName={cdBoxsPaddingConst} baseLabel="Padding" /> </PanelBody> <PanelBody title={__("Border & Shadow")} initialOpen={false}> <BorderShadowControl controlName={cdBoxsBdShadowConst} // noShadow // noBorder /> </PanelBody> </PanelBody> <PanelBody title={__("Digits", "essential-blocks")} initialOpen={false}> <ColorControl label={__("Color", "essential-blocks")} color={digitsColor} onChange={(digitsColor) => handleBlockDefault({ digitsColor })} /> <TypographyDropdown baseLabel="Typography" typographyPrefixConstant={typoPrefix_digits} /> <ResponsiveDimensionsControl controlName={cdDigitsPaddingConst} baseLabel="Padding" /> </PanelBody> <PanelBody title={__("Labels", "essential-blocks")} initialOpen={false}> <ColorControl label={__("Color", "essential-blocks")} color={labelsColor} onChange={(labelsColor) => handleBlockDefault({ labelsColor })} /> <TypographyDropdown baseLabel="Typography" typographyPrefixConstant={typoPrefix_labels} /> <ResponsiveDimensionsControl controlName={cdLabelsPaddingConst} baseLabel="Padding" /> </PanelBody> {flexDirection === "row" && ( <PanelBody title={__("Separator", "essential-blocks")} initialOpen={false}> <ToggleControl label={__("Show Separator", "essential-blocks")} checked={showSeparator} onChange={() => handleBlockDefault({ showSeparator: !showSeparator, }) } /> {showSeparator && ( <> <SelectControl label={__("Separator Type", "essential-blocks")} value={separatorType} options={SEPARATOR_TYPES} onChange={(separatorType) => handleBlockDefault({ separatorType, }) } /> <ResponsiveRangeController baseLabel={__("Position Top", "essential-blocks")} controlName={separatorPosTop} min={0} max={900} step={1} /> <ResponsiveRangeController baseLabel={__("Position Right", "essential-blocks")} controlName={separatorPosRight} min={0} max={900} step={1} /> <ColorControl label={__("Color", "essential-blocks")} color={separatorColor} onChange={(separatorColor) => handleBlockDefault({ separatorColor, }) } /> <TypographyDropdown baseLabel="Typography" typographyPrefixConstant={typoPrefix_separator} /> </> )} </PanelBody> )} <PanelBody title={__("Individual Box Styling", "essential-blocks")} initialOpen={false}> {showDays && ( <SingleBoxControl heading="Days" bgControlName={cdDayBoxBgConst} dgColorAttrString="dayDgColor" lbColorAttrString="dayLbColor" bdColorAttrString="dayBdrColor" /> )} {showHours && ( <SingleBoxControl heading="Hours" bgControlName={cdHourBoxBgConst} dgColorAttrString="hourDgColor" lbColorAttrString="hourLbColor" bdColorAttrString="hourBdrColor" /> )} {showMinutes && ( <SingleBoxControl heading="Minutes" bgControlName={cdMinuteBoxBgConst} dgColorAttrString="minuteDgColor" lbColorAttrString="minuteLbColor" bdColorAttrString="minuteBdrColor" /> )} {showSeconds && ( <SingleBoxControl heading="Seconds" bgControlName={cdSecondBoxBgConst} dgColorAttrString="secondDgColor" lbColorAttrString="secondLbColor" bdColorAttrString="secondBdrColor" /> )} </PanelBody> {/* Advanced */} <PanelBody title={__("Wrapper Margin & Padding", "essential-blocks")} // initialOpen={true} > <ResponsiveDimensionsControl controlName={cdWrapMarginConst} baseLabel="Margin" /> <ResponsiveDimensionsControl controlName={cdWrapPaddingConst} 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} // noShadow // noBorder /> </PanelBody> </div> )} </> ); } export default withBlockContext(objAttributes)(Countdown);
Save