golden hour

/home/godaofbq/hardchambers.com/wp-content/plugins/essential-blocks/src/blocks/toggle-content/src

File/Folder	Size	Actions
.htaccess	127 B
attributes.js	5.45 KB
constants	-
deprecated.js	34.42 KB
edit.js	14.71 KB
example.js	63 B
frontend.js	7.81 KB
icon.svg	1.49 KB
index.js	721 B
inspector.js	14.68 KB
save.js	5.18 KB
style.css	2.48 KB
style.js	14.51 KB
style.scss	3.18 KB

Edit: save.js

/**
 * WordPress dependencies
 */
import { InnerBlocks, RichText } from "@wordpress/block-editor";

/**
 * Internal dependencies
 */
import {
    BlockProps
} from "@essential-blocks/controls";
const Save = ({ attributes }) => {
    const {
        blockId,
        id,
        initialContent,
        switchStyle,
        switchSize,
        seperatorType,
        activeColor,
        activeBg,
        primaryLabelText = "First",
        secondaryLabelText = "Second",
        alignment,
        primaryLabelColor,
        secondaryLabelColor,
        backgroundType,
        backgroundColor,
        backgroundGradient,
        classHook,
    } = attributes;

const getMargin = () => {
        switch (alignment) {
            case "center":
                return {
                    marginLeft: "auto",
                    marginRight: "auto",
                };

case "right":
                return {
                    marginLeft: "auto",
                    marginRight: "0px",
                };

case "left":
                return {
                    marginLeft: "0px",
                    marginRight: "auto",
                };
        }

return {
            marginLeft: "auto",
            marginRight: "auto",
        };
    };

return (
        <BlockProps.Save attributes={attributes}>
            <div className={`eb-parent-wrapper eb-parent-${blockId} ${classHook}`}>
                <div
                    className={`${blockId} eb-toggle-wrapper eb-toggle-primary`}
                    data-init-content={initialContent}
                    data-size={switchSize}
                    data-switch-style={switchStyle}
                    data-bg-type={backgroundType}
                    data-bg-color={backgroundColor}
                    data-bg-gradient={backgroundGradient || "none"}
                    data-primary-color={primaryLabelColor || "inherit"}
                    data-secondary-color={secondaryLabelColor || "inherit"}
                    data-active-color={activeColor || "inherit"}
                    data-active-bg={activeBg}
                >
                    <div
                        className="eb-toggle-heading"
                        style={{
                            display: switchStyle === "toggle" ? "block" : "none",
                        }}
                    >
                        <input
                            type="checkbox"
                            className="eb-text-switch-checkbox"
                            id={`eb-${id}`}
                            style={{ display: "none" }}
                        />
                        <div className="eb-text-switch-wrapper">
                            <div className="eb-text-switch-content" style={{ ...getMargin() }}>
                                <label className="eb-text-switch-label" for={`eb-${id}`}>
                                    <div className="eb-text-switch-toggle"></div>
                                    <div className="eb-switch-names">
                                        <RichText.Content
                                            tagName="span"
                                            className="eb-toggle-primary-label-text"
                                            value={primaryLabelText}
                                        />
                                        <RichText.Content
                                            tagName="span"
                                            className="eb-toggle-secondary-label-text"
                                            value={secondaryLabelText}
                                        />
                                    </div>
                                </label>
                            </div>
                        </div>
                    </div>

<RichText.Content
                            tagName="span"
                            className="eb-toggle-secondary-label"
                            value={secondaryLabelText}
                        />
                    </div>
                    <div className="eb-toggle-content">
                        <InnerBlocks.Content />
                    </div>
                </div>
            </div>
        </BlockProps.Save>
    );
};

export default Save;