"use strict"

const el = wp.element.createElement;
const withState = wp.compose.withState;
const withSelect = wp.data.withSelect;
const withDispatch = wp.data.withDispatch;

wp.hooks.addFilter(
    'editor.PostFeaturedImage',
    'bodhi-svgs-featured-image/render-inline-image-checkbox',
    wrapPostFeaturedImage
);

function wrapPostFeaturedImage( OriginalComponent ) {
    return function( props ) {
        return (
            el(
                wp.element.Fragment,
                {},
                '',
                el(
                    OriginalComponent,
                    props
                ),
                el(
                    composedCheckBox
                )
            )
        );
    }
}

class CheckBoxCustom extends React.Component {
    render() {
        const {
            meta,
            updateInlineFeaturedSvg,
        } = this.props;

        return (
            el(
                wp.components.CheckboxControl,
                {
                    label: "Render this SVG inline (Advanced)",
                    checked: meta.inline_featured_image,
                    onChange:
                        ( value ) => {
                            this.setState( { isChecked: value } );
                            updateInlineFeaturedSvg( value, meta );
                        }
                }
            )
        )
    }
}

const composedCheckBox = wp.compose.compose( [
    withState( ( value ) => { isChecked: value } ),
    withSelect( ( select ) => {
        const currentMeta = select( 'core/editor' ).getCurrentPostAttribute( 'meta' );
        const editedMeta = select( 'core/editor' ).getEditedPostAttribute( 'meta' );
        return {
            meta: { ...currentMeta, ...editedMeta },
        };
    } ),
    withDispatch( ( dispatch ) => ( {
        updateInlineFeaturedSvg( value, meta ) {
            meta = {
                ...meta,
                inline_featured_image: value,
            };
            dispatch( 'core/editor' ).editPost( { meta } );
        },
    } ) ),
] )( CheckBoxCustom );
/*--------------------------------------------------------------
# Food Menu
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Element
--------------------------------------------------------------*/
html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*,
*:before,
*:after {
    /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}

.menu-content-wrapper {
    max-width: 1080px;
    margin: 0 auto;
}

.menu-content-wrapper .ui-nav-collapse {
    margin: 0;
    margin-bottom: 21px;
}


.menu-content-wrapper .ui-nav-collapse,
.menu-content-wrapper .ui-tabs-anchor {
    display: block;
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 500;
    text-transform: capitalize;
}

.menu-content-wrapper .tabs-nav,
.menu-content-wrapper .ui-tabs-panel {
    display: none;
}

.menu-content-wrapper .ui-tabs-panel.active-tab {
    display: block;
}

.menu-content-wrapper .hentry {
    margin-bottom: 21px;
}

.menu-content-wrapper .hentry-inner {
    border-bottom: 3px solid #eee;
    padding-bottom: 21px;
}

.menu-content-wrapper .entry-container {
    display: table;
    position: relative;
    table-layout: fixed;
    width: 100%;
}

.menu-content-wrapper .entry-description, .entry-price {
    display: table-cell;
    vertical-align: top;
}

.menu-content-wrapper .entry-description {
    width: 70%;
}

.entry-price {
    padding-top: 4px;
    width: 30%;
    text-align: right;
}

.menu-group-header {
    display: none;
}

/*--------------------------------------------------------------
# >= 667px
--------------------------------------------------------------*/

@media screen and (min-width: 41.6875em) {

    /*menu-content-wrapper*/
    .menu-content-wrapper .tabs-nav {
        display: block;
        margin-bottom: 35px;
    }

    .menu-content-wrapper .ui-tabs-nav {
        margin: 0;
        padding: 0;
        text-align: center;
    }

    .menu-content-wrapper .ui-tabs-nav li {
        display: inline-block;
        list-style: none;
    }

    .menu-content-wrapper .ui-tabs-anchor {
        display: inline-block;
        padding: 14px 25px;
    }

    .menu-content-wrapper .ui-nav-collapse {
        display: none;
    }

    .menu-content-wrapper .hentry-inner {
        padding-bottom: 28px;
    }

    .entry-price {
        font-size: 18px;
        font-size: 1.125rem;
    }
}

.menu-content-wrapper a {
    text-decoration: none;
}

.menu-content-wrapper .entry-title,
.menu-content-wrapper .entry-header {
    margin-bottom: 0;
    padding: 0;
}

.menu-content-wrapper .entry-title {
    margin-bottom: 7px;
}

 body.ect-post .content-area .singular-content-wrap .menu-content-wrapper .entry-content {
    padding-top: 0;
    margin-top: 21px;
} 

.ect-post .menu-content-wrapper .more-button {
    text-align: left;
}

.ect-post .singular-content-wrap .entry-content .entry-header,
.ect-post .entry-content,
.ect-post .ect-menu .menu-content-wrapper .entry-header {
    text-align: left;
} 

.ect-post .menu-content-wrapper .ect_food_menu_item .entry-header .entry-title {
    font-size: 24px;
}<?xml version="1.0"?>
<oembed><version>1.0</version><provider_name>Outlaw's Auto Repair</provider_name><provider_url>https://outlawsauto.com</provider_url><author_name>ahouston8133</author_name><author_url>https://outlawsauto.com/author/ahouston8133/</author_url><title>Outlaw's Auto Repair</title><type>rich</type><width>600</width><height>338</height><html>&lt;blockquote class="wp-embedded-content" data-secret="SNVJ8HfGQG"&gt;&lt;a href="https://outlawsauto.com/gallery/"&gt;Gallery&lt;/a&gt;&lt;/blockquote&gt;&lt;iframe sandbox="allow-scripts" security="restricted" src="https://outlawsauto.com/gallery/embed/#?secret=SNVJ8HfGQG" width="600" height="338" title="&#x201C;Gallery&#x201D; &#x2014; Outlaw's Auto Repair" data-secret="SNVJ8HfGQG" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" class="wp-embedded-content"&gt;&lt;/iframe&gt;&lt;script&gt;
/*! This file is auto-generated */
!function(d,l){"use strict";l.querySelector&amp;&amp;d.addEventListener&amp;&amp;"undefined"!=typeof URL&amp;&amp;(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&amp;&amp;!/[^a-zA-Z0-9]/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret="'+t.secret+'"]'),o=l.querySelectorAll('blockquote[data-secret="'+t.secret+'"]'),c=new RegExp("^https?:$","i"),i=0;i&lt;o.length;i++)o[i].style.display="none";for(i=0;i&lt;a.length;i++)s=a[i],e.source===s.contentWindow&amp;&amp;(s.removeAttribute("style"),"height"===t.message?(1e3&lt;(r=parseInt(t.value,10))?r=1e3:~~r&lt;200&amp;&amp;(r=200),s.height=r):"link"===t.message&amp;&amp;(r=new URL(s.getAttribute("src")),n=new URL(t.value),c.test(n.protocol))&amp;&amp;n.host===r.host&amp;&amp;l.activeElement===s&amp;&amp;(d.top.location.href=t.value))}},d.addEventListener("message",d.wp.receiveEmbedMessage,!1),l.addEventListener("DOMContentLoaded",function(){for(var e,t,s=l.querySelectorAll("iframe.wp-embedded-content"),r=0;r&lt;s.length;r++)(t=(e=s[r]).getAttribute("data-secret"))||(t=Math.random().toString(36).substring(2,12),e.src+="#?secret="+t,e.setAttribute("data-secret",t)),e.contentWindow.postMessage({message:"ready",secret:t},"*")},!1)))}(window,document);
&lt;/script&gt;
</html><description>Discover the perfect blend of auto repair expertise and LS swap mastery at Outlaw's - your trusted partner in automotive excellence.</description><thumbnail_url>https://outlawsauto.com/wp-content/uploads/2022/09/img_0126-ts1586063899-768x1024.jpeg</thumbnail_url></oembed>