.content-field(v-bind:class="[editModeClass, (pageEditMode=='debug') ? 'tt-field-outline' : '']")
// Debug mode
.tt-field(v-if="isDesignMode", @click.stop="selectThisElement")
.c-layout-mode-heading
edit-bar-icons(:element="element")
| field
.field
.label {{protectedLabel}}
.control
input.input(type="text", :placeholder="protectedPlaceholder", readonly)
p.help {{protectedHelp}}
// Edit mode
.tt-field(v-else-if="isEditMode", @click.stop="selectThisElement")
.field
.label {{protectedLabel}}
.control
input.input(type="text", :placeholder="protectedPlaceholder", readonly)
p.help {{protectedHelp}}
// Live
.field(v-else)
.label {{protectedLabel}}
.control
input.input(type="text", :placeholder="protectedPlaceholder")
p.help {{protectedHelp}}