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} {@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}