LicensePlateAnswerEditorFreeEntry.html

<template>
    <require from="./css/general.css"></require>
    <require from="./LicensePlateAnswerEditorFreeEntry.css"></require>
    <require from="./GameStatusMessagesSignboard"></require>

    <div class="license-plate-editor-container" >
        <!-- space at top -->
        <div style="border: thin dashed red;"></div>

        <div style="border: thin dashed pink;" class="license-plate-text">
            <input ref="puzzle_input_element" autocomplete="off" class="license-plate-char input-no-border  ${show_input_error ? 'input-invalid' : ''}" disabled.bind="!current_game" style.bind="computed_style" maxLength.bind="max_length" value.bind="answer_text" input.delegate="onAnyInput($event)" keydown.delegate="onkeydown($event)" change.delegate="onChange()" 
            dragstart.delegate="onDragStart($event)" drop.delegate="onDrop($event)" ></input>
        </div>

        <div style="border: thin dashed pink;" >
            <game-status-messages-signboard ></game-status-messages-signboard>
        </div>
    </div>
</template>