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: advanced-video.js

/** * WordPress dependencies */ import { __ } from "@wordpress/i18n"; import { useEffect, useState } from "@wordpress/element"; import { InspectorControls, MediaUpload } from "@wordpress/block-editor"; import { PanelBody, SelectControl, ToggleControl, Button, ButtonGroup, BaseControl, TabPanel, TextControl, PanelRow, __experimentalDivider as Divider, } from "@wordpress/components"; /** * External depencencies */ import { ResponsiveDimensionsControl, BorderShadowControl, ImageAvatar, ResponsiveRangeController, BackgroundControl, ColorControl, useBlockDefaults, withBlockContext } from "@essential-blocks/controls"; /** * Internal depencencies */ import { WRAPPER_BG, WRAPPER_MARGIN, WRAPPER_PADDING, WRAPPER_BORDER_SHADOW, VIDEO_WIDTH, SIZE_UNIT_TYPES, VIDEO_BORDER_SHADOW, OPTIONS, OVERLAY, PLAY_ICON_WIDTH, LIGHTBOX_WIDTH, LIGHTBOX_HEIGHT, LIGHTBOX_BORDER_SHADOW, CLOSE_ICON_WIDTH, STICKY_VIDEO_HEIGHT, STICKY_VIDEO_WIDTH, PLACEHOLDER_IMAGE_WIDTH, PLACEHOLDER_IMAGE_HEIGHT, PLACEHOLDER_PLAY_ICON_WIDTH, LIGHTBOX_UNIT_TYPES, STICKY_POSITION, } from "@essential-blocks/blocks/advanced-video/src/constants"; import objAttributes from "@essential-blocks/blocks/advanced-video/src/attributes"; function AdvancedVideo(props) { const { blockDefaults, setBlockDefaults, name, deviceType, handleBlockDefault } = props; const { showBar, videoConfig, videoOptions, imageOverlay, previewImage, previewImageId, customPlayIcon, lightboxPlayIcon, customPlayIconId, customPlayIconURL, lightboxBGColor, closeIconColor, closeIconBgColor, placeholderImage, placeholderImageId, placeholderPlayIconURL, placeholderPlayIconId, stickyPosition, } = blockDefaults; const isDefaultSet = useBlockDefaults(name, blockDefaults, setBlockDefaults, objAttributes) return ( <> {isDefaultSet && ( <div className="eb-panel-control"> <PanelBody title={__("General", "essential-blocks")} initialOpen={true}> {videoOptions != "lightbox" && ( <> <ToggleControl label={__("Autoplay", "essential-blocks")} checked={videoConfig.autoplay} onChange={(autoplay) => handleBlockDefault({ videoConfig: { ...videoConfig, autoplay: autoplay, }, }) } /> {videoConfig.autoplay && ( <PanelRow> <em>Audio will be muted by default if autoplay is enabled.</em> </PanelRow> )} <ToggleControl label={__("Mute", "essential-blocks")} checked={videoConfig.muted} onChange={(muted) => handleBlockDefault({ videoConfig: { ...videoConfig, muted: muted, }, }) } /> </> )} <ToggleControl label={__("Loop", "essential-blocks")} checked={videoConfig.loop} onChange={(loop) => handleBlockDefault({ videoConfig: { ...videoConfig, loop: loop, }, }) } /> <ToggleControl label={__("Show Controls", "essential-blocks")} checked={showBar} onChange={(showBar) => handleBlockDefault({ showBar })} /> {videoOptions != "lightbox" && ( <> <Divider /> <ToggleControl label={__("Image Overlay", "essential-blocks")} checked={imageOverlay} onChange={(imageOverlay) => handleBlockDefault({ imageOverlay })} /> {imageOverlay && ( <> {!previewImage && ( <MediaUpload onSelect={({ id, url }) => handleBlockDefault({ previewImage: url, previewImageId: id, }) } type="image" value={previewImageId} render={({ open }) => { return ( <Button className="eb-background-control-inspector-panel-img-btn components-button" label={__("Upload Image", "essential-blocks")} icon="format-image" onClick={open} /> ); }} /> )} {previewImage && ( <ImageAvatar imageUrl={previewImage} onDeleteImage={() => handleBlockDefault({ previewImage: null, }) } /> )} <ToggleControl label={__("Custom Play Icon", "essential-blocks")} checked={customPlayIcon} onChange={(customPlayIcon) => handleBlockDefault({ customPlayIcon, }) } /> {!customPlayIconURL && customPlayIcon && ( <MediaUpload onSelect={({ id, url }) => handleBlockDefault({ customPlayIconURL: url, customPlayIconId: id, }) } type="image" value={customPlayIconId} render={({ open }) => { return ( <Button className="eb-background-control-inspector-panel-img-btn components-button" label={__("Upload Image", "essential-blocks")} icon="format-image" onClick={open} /> ); }} /> )} {customPlayIconURL && customPlayIcon && ( <ImageAvatar imageUrl={customPlayIconURL} onDeleteImage={() => handleBlockDefault({ customPlayIconURL: null, }) } /> )} </> )} </> )} {videoOptions == "eb-sticky" && ( <BaseControl label={__("Sticky Position", "essential-blocks")}> <ButtonGroup> {STICKY_POSITION.map((item) => ( <Button // isLarge isPrimary={stickyPosition === item.value} isSecondary={stickyPosition !== item.value} onClick={() => handleBlockDefault({ stickyPosition: item.value, }) } > {item.label} </Button> ))} </ButtonGroup> </BaseControl> )} {videoOptions == "lightbox" && ( <> <PanelRow>Placeholder Image</PanelRow> {!placeholderImage && ( <MediaUpload onSelect={({ id, url }) => handleBlockDefault({ placeholderImage: url, placeholderImageId: id, }) } type="image" value={placeholderImageId} render={({ open }) => { return ( <Button className="eb-background-control-inspector-panel-img-btn components-button" label={__("Upload Image", "essential-blocks")} icon="format-image" onClick={open} /> ); }} /> )} {placeholderImage && ( <ImageAvatar imageUrl={placeholderImage} onDeleteImage={() => handleBlockDefault({ placeholderImage: null, }) } /> )} <PanelRow>Play Icon</PanelRow> <ToggleControl label={__("Show Play Icon", "essential-blocks")} checked={lightboxPlayIcon} onChange={(lightboxPlayIcon) => handleBlockDefault({ lightboxPlayIcon })} /> {!placeholderPlayIconURL && lightboxPlayIcon && ( <MediaUpload onSelect={({ id, url }) => handleBlockDefault({ placeholderPlayIconURL: url, placeholderPlayIconId: id, }) } type="image" value={placeholderPlayIconId} render={({ open }) => { return ( <Button className="eb-background-control-inspector-panel-img-btn components-button" label={__("Upload Image", "essential-blocks")} icon="format-image" onClick={open} /> ); }} /> )} {placeholderPlayIconURL && lightboxPlayIcon && ( <ImageAvatar imageUrl={placeholderPlayIconURL} onDeleteImage={() => handleBlockDefault({ placeholderPlayIconURL: null, }) } /> )} </> )} </PanelBody> {/* Styles */} <PanelBody title={__("Video Styles", "essential-blocks")} initialOpen={false}> {videoOptions != "lightbox" && ( <ResponsiveRangeController baseLabel={__("Width", "essential-blocks")} controlName={VIDEO_WIDTH} min={1} max={1000} step={1} units={SIZE_UNIT_TYPES} /> )} {videoOptions == "lightbox" && ( <> {lightboxPlayIcon && ( <> <PanelRow>Play Icon</PanelRow> <ResponsiveRangeController baseLabel={__("Size", "essential-blocks")} controlName={PLACEHOLDER_PLAY_ICON_WIDTH} min={1} max={400} step={1} units={SIZE_UNIT_TYPES} /> </> )} <PanelRow>Placeholder Image</PanelRow> <ResponsiveRangeController baseLabel={__("Width", "essential-blocks")} controlName={PLACEHOLDER_IMAGE_WIDTH} min={1} max={1000} step={1} units={SIZE_UNIT_TYPES} /> <ResponsiveRangeController baseLabel={__("Height", "essential-blocks")} controlName={PLACEHOLDER_IMAGE_HEIGHT} min={1} max={1000} step={1} units={SIZE_UNIT_TYPES} /> <Divider /> </> )} <BaseControl> <h3 className="eb-control-title">{__("Border", "essential-blocks")}</h3> </BaseControl> <BorderShadowControl controlName={VIDEO_BORDER_SHADOW} // noShadow // noBorder /> </PanelBody> {imageOverlay && customPlayIcon && ( <PanelBody title={__("Image Overlay", "essential-blocks")} initialOpen={false}> <ResponsiveRangeController baseLabel={__("Play Icon Size", "essential-blocks")} controlName={PLAY_ICON_WIDTH} min={1} max={400} step={1} units={SIZE_UNIT_TYPES} /> </PanelBody> )} {videoOptions == "lightbox" && ( <PanelBody title={__("Lightbox", "essential-blocks")}> <PanelRow>Lightbox</PanelRow> <ColorControl label={__("Overlay Color", "essential-blocks")} color={lightboxBGColor} onChange={(backgroundColor) => handleBlockDefault({ lightboxBGColor: backgroundColor, }) } /> <ResponsiveRangeController baseLabel={__("Content Width", "essential-blocks")} controlName={LIGHTBOX_WIDTH} min={1} max={1000} step={1} units={SIZE_UNIT_TYPES} /> <ResponsiveRangeController baseLabel={__("Content Height", "essential-blocks")} controlName={LIGHTBOX_HEIGHT} min={1} max={1000} step={1} units={LIGHTBOX_UNIT_TYPES} /> <BorderShadowControl controlName={LIGHTBOX_BORDER_SHADOW} noShadow noBdrHover // noBorder /> <PanelRow>Close Icon</PanelRow> <ColorControl label={__("Background Color", "essential-blocks")} color={closeIconBgColor} onChange={(newColor) => handleBlockDefault({ closeIconBgColor: newColor, }) } /> <ColorControl label={__("Color", "essential-blocks")} color={closeIconColor} onChange={(newColor) => handleBlockDefault({ closeIconColor: newColor, }) } /> <ResponsiveRangeController baseLabel={__("Size (PX)", "essential-blocks")} controlName={CLOSE_ICON_WIDTH} min={1} max={100} step={1} noUnits /> </PanelBody> )} {videoOptions == "eb-sticky" && ( <PanelBody title={__("Sticky", "essential-blocks")} initialOpen={false}> <ResponsiveRangeController baseLabel={__("Width", "essential-blocks")} controlName={STICKY_VIDEO_WIDTH} min={1} max={1000} step={1} units={SIZE_UNIT_TYPES} /> <ResponsiveRangeController baseLabel={__("Height", "essential-blocks")} controlName={STICKY_VIDEO_HEIGHT} min={1} max={1000} step={1} units={SIZE_UNIT_TYPES} /> <PanelRow>Close Icon</PanelRow> <ColorControl label={__("Color", "essential-blocks")} color={closeIconColor} onChange={(newColor) => handleBlockDefault({ closeIconColor: newColor, }) } /> <ResponsiveRangeController baseLabel={__("Size", "essential-blocks")} controlName={CLOSE_ICON_WIDTH} min={1} max={1000} step={1} units={SIZE_UNIT_TYPES} /> </PanelBody> )} {/* Advanced */} <PanelBody title={__("Wrapper Margin & Padding", "essential-blocks")} initialOpen={false}> <ResponsiveDimensionsControl controlName={WRAPPER_MARGIN} baseLabel="Margin" /> <ResponsiveDimensionsControl controlName={WRAPPER_PADDING} baseLabel="Padding" /> </PanelBody> <PanelBody title={__("Wrapper Background", "essential-blocks")} initialOpen={false}> <BackgroundControl controlName={WRAPPER_BG} noOverlay /> </PanelBody> <PanelBody title={__("Wrapper Border & Shadow")} initialOpen={false}> <BorderShadowControl controlName={WRAPPER_BORDER_SHADOW} // noShadow // noBorder /> </PanelBody> </div> )} </> ); } export default withBlockContext(objAttributes)(AdvancedVideo);
Save