fix: listen to current lang instead of change in document-dir

npm/ng-packs/packages/core/src/lib/services/localization.service.ts

@@ -27,7 +27,11 @@ export class LocalizationService {
    * Returns currently selected language
    */
   get currentLang(): string {
-    return this.latestLang || this.sessionState.getLanguage();
+    return this.latestLang;
+  }
+
+  get currentLang$(): Observable<string> {
+    return this.sessionState.getLanguage$();
   }
 
   get languageChange$(): Observable<string> {

npm/ng-packs/packages/theme-shared/src/lib/handlers/document-dir.handler.ts

@@ -1,7 +1,7 @@
 import { getLocaleDirection, LocalizationService } from '@abp/ng.core';
 import { Injectable, Injector } from '@angular/core';
 import { BehaviorSubject } from 'rxjs';
-import { map, startWith } from 'rxjs/operators';
+import { map } from 'rxjs/operators';
 import { LocaleDirection } from '../models/common';
 
 @Injectable()
@@ -14,17 +14,11 @@ export class DocumentDirHandlerService {
 
   private listenToLanguageChanges() {
     const l10n = this.injector.get(LocalizationService);
-
     // will always listen, no need to unsubscribe
-    l10n.languageChange$
+    l10n.currentLang$.pipe(map(locale => getLocaleDirection(locale))).subscribe(dir => {
-      .pipe(
+      this.dir.next(dir);
-        startWith(l10n.currentLang),
+      this.setBodyDir(dir);
-        map(locale => getLocaleDirection(locale)),
+    });
-      )
-      .subscribe(dir => {
-        this.dir.next(dir);
-        this.setBodyDir(dir);
-      });
   }
 
   private setBodyDir(dir: LocaleDirection) {