<?xml version="1.0" encoding="UTF-8"?>
<templates xml:space="preserve">
<t t-name="website.WebsiteEditorComponent">
    <div t-if="state.reloading" class="o_loading_dummy">
        <t t-out="this.loadingDummy"/>
    </div>
    <div t-if="state.showWysiwyg"
        t-ref="wysiwyg-adapter"
        t-att-class="{ o_w_wysiwyg_transition: !this.state.reloading, o_w_wysiwyg: this.websiteContext.snippetsLoaded }">
        <t t-component="this.WysiwygAdapterComponent" t-props="{
            'editingValue': this.wysiwygOptions.value,
            'options': this.wysiwygOptions,
            'snippetSelector': this.reloadSelector,
            'willReload': this.willReload.bind(this),
            'reloadCallback': this.reload.bind(this),
            'quitCallback': this.quit.bind(this),
            'wysiwygReady': this.wysiwygReady.bind(this),
            'editableElements': this.editableElements,
            'savableSelector': this.savableSelector,
            'beforeEditorActive': this.beforeEditorActive,
            'removeWelcomeMessage': this.props.removeWelcomeMessage,
        }" />
    </div>
</t>
</templates>
