How to Check Touch UI Mode in Sightly HTML

How to get different modes in sightly HTML
<sly data-sly-use.wcmModes="/libs/wcm/foundation/components/page/initwcm.js"></sly>

Classic Edit Mode:
<div data-sly-test="${wcmModes.wcmmode.edit}"> Classic Edit Mode </div>

Touch Edit Mode:
<div data-sly-test="${wcmModes.isTouchAuthoring}"> Touch Edit Mode </div>

Design Mode:
<div data-sly-test="${wcmModes.wcmmode.design}"> Design Mode </div>

Disabled mode:
<div data-sly-test="${wcmModes.wcmmode.disabled}"> Disabled mode </div>