DirectionProvider

Domain

Wrapper div that sets dir="rtl"/"ltr" based on the language code. RTL languages: ar, he, fa, ur, yi, ku, ps, sd.

Preview

dir="rtl"

مرحبا بالعالم — Hello World

Text flows right to left

Code

<%- include('modules/domain/common/i18n/DirectionProvider', {
  lang: 'ar'
}) %>

Preview

dir="ltr"

Hello World — مرحبا بالعالم

Text flows left to right

Code

<%- include('modules/domain/common/i18n/DirectionProvider', {
  lang: 'en'
}) %>

<%
  var _lang = locals.lang || 'en';
  var RTL_LANGS = ['ar', 'he', 'fa', 'ur', 'yi', 'ku', 'ps', 'sd'];
  var _dir  = RTL_LANGS.indexOf(_lang) !== -1 ? 'rtl' : 'ltr';
  var _applyToDocument = (locals.applyToDocument === undefined) ? true : !!locals.applyToDocument;
%>
>
  <%- locals.children || '' %>

<% if (_applyToDocument) { %>

<% } %>

DirectionProvider

RTL (Arabic)

LTR (English)