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: feature-list.js
/** * WordPress dependencies */ import { __ } from "@wordpress/i18n"; import { PanelBody, ToggleControl, SelectControl, Button, ButtonGroup, BaseControl, __experimentalDivider as Divider, } from "@wordpress/components"; /** * Internal dependencies */ import { TITLE_TAG, CONNECTOR_STYLE, CONNECTOR_TYPE, ICON_SHAPE, SHAPE_VIEW, ICON_POSITION, FEATURE_ITEM_POSITION, connectorWidth, listSpace, rowSpace, iconBackgroundType, iconBackgroundSize, iconSize, iconPadding, iconSpace, titleSpace, iconBorder, wrapperMargin, wrapperPadding, boxPadding, boxBackgroundType, boxBorder, wrapperBackgroundType, wrapperBorder, } from "@essential-blocks/blocks/feature-list/src/constants"; import { typoPrefix_title, typoPrefix_content, } from "@essential-blocks/blocks/feature-list/src/constants/typographyPrefixConstants"; import objAttributes from "@essential-blocks/blocks/feature-list/src/attributes"; import { ColorControl, ResponsiveRangeController, ResponsiveDimensionsControl, TypographyDropdown, BackgroundControl, BorderShadowControl, useBlockDefaults, withBlockContext } from "@essential-blocks/controls"; function FeatureList(props) { const { blockDefaults, setBlockDefaults, name, deviceType, handleBlockDefault } = props; const { titleTag, iconShape, shapeView, iconPosition, iconGlobalColor, titleTextColor, descTextColor, showContentVertical, showConnector, connectorStyle, connectorType, connectorColor, titleTextHoverColor, useInlineDesign, featureListAlign, } = blockDefaults; const contentAttributes = ['features'] const isDefaultSet = useBlockDefaults(name, blockDefaults, setBlockDefaults, objAttributes, contentAttributes) return ( <> {isDefaultSet && ( <div className="eb-panel-control"> <PanelBody title={__("Content Settings", "essential-blocks")} initialOpen={true}> <SelectControl label={__("Title HTML Tag", "essential-blocks")} value={titleTag} options={TITLE_TAG} onChange={(newTitleTag) => handleBlockDefault({ titleTag: newTitleTag })} /> <SelectControl label={__("Icon Shape", "essential-blocks")} value={iconShape} options={ICON_SHAPE} onChange={(newIconShape) => handleBlockDefault({ iconShape: newIconShape })} /> {iconShape !== "none" && ( <SelectControl label={__("Shape View", "essential-blocks")} value={shapeView} options={SHAPE_VIEW} onChange={(newShapeView) => handleBlockDefault({ shapeView: newShapeView, }) } /> )} <BaseControl label={__("Feature Item Position", "essential-blocks")}> <ButtonGroup className="eb-featurelist-item-align"> {FEATURE_ITEM_POSITION.map((item, index) => ( <Button key={index} isPrimary={featureListAlign === item.value} isSecondary={featureListAlign !== item.value} onClick={() => handleBlockDefault({ featureListAlign: item.value, }) } > {item.label} </Button> ))} </ButtonGroup> </BaseControl> <BaseControl label={__("Icon Position", "essential-blocks")}> <ButtonGroup className="eb-featurelist-icon-align"> {ICON_POSITION.map((item, index) => ( <Button key={index} isPrimary={iconPosition === item.value} isSecondary={iconPosition !== item.value} onClick={() => handleBlockDefault({ iconPosition: item.value, }) } > {item.label} </Button> ))} </ButtonGroup> </BaseControl> <ToggleControl label={__("Content Vertically Center", "essentail-blocks")} checked={showContentVertical} onChange={() => { handleBlockDefault({ showContentVertical: !showContentVertical, }); }} /> {!useInlineDesign && iconPosition != "top" && ( <ToggleControl label={__("Show Connector", "essentail-blocks")} checked={showConnector} onChange={() => { handleBlockDefault({ showConnector: !showConnector, }); }} /> )} <ToggleControl label={__("Use Inline Feature Lists", "essentail-blocks")} checked={useInlineDesign} onChange={() => { handleBlockDefault({ useInlineDesign: !useInlineDesign, }); }} /> </PanelBody> <PanelBody title={__("List", "essential-blocks")} initialOpen={false}> <ResponsiveRangeController baseLabel={__("Space Between (PX)", "essential-blocks")} controlName={listSpace} min={0} max={300} step={1} noUnits /> {useInlineDesign && ( <ResponsiveRangeController baseLabel={__("Row Space(PX)", "essential-blocks")} controlName={rowSpace} min={0} max={300} step={1} noUnits /> )} </PanelBody> <PanelBody title={__("Icon", "essential-blocks")} initialOpen={false}> {iconShape !== "none" && ( <> <BaseControl> <h3 className="eb-control-title">{__("Background", "essential-blocks")}</h3> </BaseControl> <BackgroundControl controlName={iconBackgroundType} noOverlay={true} noMainBgi={true} /> <Divider /> </> )} <ColorControl label={__("Color", "essential-blocks")} color={iconGlobalColor} onChange={(iconGlobalColor) => handleBlockDefault({ iconGlobalColor })} /> {iconShape !== "none" && ( <ResponsiveRangeController baseLabel={__("Size", "essential-blocks")} controlName={iconBackgroundSize} min={0} max={300} step={1} noUnits /> )} <ResponsiveRangeController baseLabel={__("Icon Size", "essential-blocks")} controlName={iconSize} min={6} max={150} step={1} noUnits /> <ResponsiveDimensionsControl controlName={iconPadding} baseLabel={__("Padding", "essential-blocks")} /> <ResponsiveRangeController baseLabel={__("Spacing", "essential-blocks")} controlName={iconSpace} min={0} max={100} step={1} noUnits /> {iconShape !== "none" && shapeView === "framed" && ( <BorderShadowControl controlName={iconBorder} noShadow={true} /> )} </PanelBody> <PanelBody title={__("Content", "essential-blocks")} initialOpen={false}> <BaseControl> <h3 className="eb-control-title">{__("Title", "essential-blocks")}</h3> </BaseControl> <ResponsiveRangeController baseLabel={__("Title Bottom Space", "essential-blocks")} controlName={titleSpace} min={0} max={100} step={1} noUnits /> <ColorControl label={__("Color", "essential-blocks")} color={titleTextColor} onChange={(titleTextColor) => handleBlockDefault({ titleTextColor })} /> <ColorControl label={__("Hover Color", "essential-blocks")} color={titleTextHoverColor} onChange={(titleTextHoverColor) => handleBlockDefault({ titleTextHoverColor })} /> <TypographyDropdown baseLabel={__("Typography", "essential-blocks")} typographyPrefixConstant={typoPrefix_title} defaultFontSize={32} /> {!useInlineDesign && ( <> <Divider /> <BaseControl> <h3 className="eb-control-title">{__("Description", "essential-blocks")}</h3> </BaseControl> <ColorControl label={__("Color", "essential-blocks")} color={descTextColor} onChange={(descTextColor) => handleBlockDefault({ descTextColor })} /> <TypographyDropdown baseLabel={__("Typography", "essential-blocks")} typographyPrefixConstant={typoPrefix_content} /> <Divider /> <BaseControl> <h3 className="eb-control-title">{__("Content Box", "essential-blocks")}</h3> </BaseControl> <ResponsiveDimensionsControl controlName={boxPadding} baseLabel={__("Box Padding", "essential-blocks")} /> <PanelBody title="Background"> <BackgroundControl controlName={boxBackgroundType} noOverlay={true} noMainBgi={true} /> </PanelBody> <PanelBody title="Border"> <BorderShadowControl controlName={boxBorder} /> </PanelBody> </> )} </PanelBody> {!useInlineDesign && showConnector && iconPosition != "top" && ( <> <PanelBody title={__("Connector Style", "essential-blocks")} initialOpen={false}> <SelectControl label={__("Connector Style", "essential-blocks")} value={connectorStyle} options={CONNECTOR_STYLE} onChange={(val) => handleBlockDefault({ connectorStyle: val, }) } /> <SelectControl label={__("Connector Type", "essential-blocks")} value={connectorType} options={CONNECTOR_TYPE} onChange={(val) => handleBlockDefault({ connectorType: val, }) } /> <ColorControl label={__("Color", "essential-blocks")} color={connectorColor} onChange={(connectorColor) => handleBlockDefault({ connectorColor, }) } /> <ResponsiveRangeController baseLabel={__("Connector Width (PX)", "essential-blocks")} controlName={connectorWidth} min={0} max={20} step={1} noUnits /> </PanelBody> </> )} <PanelBody title={__("Margin & Padding", "essential-blocks")} initialOpen={false}> <ResponsiveDimensionsControl controlName={wrapperMargin} baseLabel={__("Margin", "essential-blocks")} /> <ResponsiveDimensionsControl controlName={wrapperPadding} baseLabel={__("Padding", "essential-blocks")} /> </PanelBody> <PanelBody title={__("Background", "essential-blocks")} initialOpen={false}> <BackgroundControl controlName={wrapperBackgroundType} /> </PanelBody> <PanelBody title={__("Border", "essential-blocks")} initialOpen={false}> <BorderShadowControl controlName={wrapperBorder} /> </PanelBody> </div> )} </> ); } export default withBlockContext(objAttributes)(FeatureList);
Save