rtl configuraation (#4482)

demo-shell/src/app/app.component.ts

@@ -16,7 +16,12 @@
  */
 
 import { Component, ViewEncapsulation, OnInit } from '@angular/core';
-import { AuthenticationService, AlfrescoApiService, PageTitleService } from '@alfresco/adf-core';
+import {
+    UserPreferencesService,
+    AuthenticationService,
+    AlfrescoApiService,
+    PageTitleService
+} from '@alfresco/adf-core';
 import { Router } from '@angular/router';
 import { MatDialog } from '@angular/material';
 
@@ -28,14 +33,24 @@ import { MatDialog } from '@angular/material';
 })
 export class AppComponent implements OnInit {
 
+    textOrientation: string = 'ltr';
+
     constructor(private pageTitleService: PageTitleService,
                 private alfrescoApiService: AlfrescoApiService,
                 private authenticationService: AuthenticationService,
+                private userPreferencesService: UserPreferencesService,
                 private router: Router,
                 private dialogRef: MatDialog) {
+
+        this.userPreferencesService.set('textOrientation', this.textOrientation);
+
     }
 
     ngOnInit() {
+        this.userPreferencesService.select('textOrientation').subscribe((textOrientation) => {
+            this.textOrientation = textOrientation;
+        });
+
         this.pageTitleService.setTitle('title');
 
         this.alfrescoApiService.getInstance().on('error', (error) => {