document.queryCommandState('insertUnorderedList')} let:state={active} let:updateState> { document.execCommand('insertUnorderedList'); updateState(event); }}> {@html ulIcon} document.queryCommandState('insertOrderedList')} let:state={active} let:updateState> { document.execCommand('insertOrderedList'); updateState(event); }}> {@html olIcon} createDropdown(event.detail.button)}> {@html listOptionsIcon} document.queryCommandState('justifyLeft')} let:state={active} let:updateState> { document.execCommand('justifyLeft'); updateState(event); }}> {@html justifyLeftIcon} document.queryCommandState('justifyCenter')} let:state={active} let:updateState> { document.execCommand('justifyCenter'); updateState(event); }}> {@html justifyCenterIcon} document.queryCommandState('justifyRight')} let:state={active} let:updateState> { document.execCommand('justifyRight'); updateState(event); }}> {@html justifyRightIcon} document.queryCommandState('justifyFull')} let:state={active} let:updateState> { document.execCommand('justifyFull'); updateState(event); }}> {@html justifyFullIcon} {@html outdentIcon} {@html indentIcon}