let edit=$M.find('#edit')

$Edit.init(edit);    

edit.$tag=false
edit.close

function diplay(a,b)
{
    $M.find(a).style.display='inline-block'
    $M.find(b).style.display='none'
}

$M.find('#nav button',true).listener
(
    'tap',function(event)
    {
        edit.focus()
        switch (this.getAttribute('tool')) 
        {
            case 'code':
                if(!edit.$tag)$Edit.code(edit)
                diplay('#fromCode','#code')
                edit.$tag=true
            break;
            case 'fromCode':
                edit.$tag=false
                $Edit.fromCode(edit)
                diplay('#code','#fromCode')
            break;
            case 'size':
                let dom=this.querySelector('ul')
                edit.close=dom
                dom.style.display='block'
            break;
            case 'include':
                $Edit.insertHtml(`<include> </include><br/><br/>`)
            break;
        }
        if(!this.querySelector('ul'))
        {
            if(edit.close)edit.close.style.display='none'
            edit.close=undefined
        }
    }
)

edit.listener
(
    'mousedown',function()
    {
        if(edit.close)edit.close.style.display='none'
        edit.close=undefined
    }
)

