[ACA] 3.3.0 alpha update (#1108)

* update to 3.3.0 alpha

* add arabic language

* layout orientation support

* take direction from parent

* set direction based on language locale on initialization

* test

src/app/components/sidenav/sidenav.component.scss

@@ -103,12 +103,10 @@
   }
 }
 
-.app-sidenav-rtl {
-  .action-button .action-button__label {
-    margin-right: 8px !important;
-  }
-
-  .mat-expansion-panel-header {
-    padding: 0 0 0 8px !important;
-  }
+[dir='rtl'] .action-button .action-button__label {
+  margin-right: 8px !important;
+}
+
+[dir='rtl'] .mat-expansion-panel-header {
+  padding: 0 0 0 8px !important;
 }

src/app/components/sidenav/sidenav.component.spec.ts

@@ -74,22 +74,4 @@ describe('SidenavComponent', () => {
       }
     ]);
   }));
-
-  it('should add RTL class when direction is set to `rtl`', () => {
-    component.direction = 'rtl';
-    fixture.detectChanges();
-
-    expect(
-      fixture.debugElement.nativeElement.classList.contains('app-sidenav-rtl')
-    ).toBe(true);
-  });
-
-  it('should not add RTL class when direction is set to `ltr`', () => {
-    component.direction = 'ltr';
-    fixture.detectChanges();
-
-    expect(
-      fixture.debugElement.nativeElement.classList.contains('app-sidenav-rtl')
-    ).toBe(false);
-  });
 });

src/app/components/sidenav/sidenav.component.ts

@@ -30,8 +30,7 @@ import {
   TemplateRef,
   OnInit,
   ViewEncapsulation,
-  OnDestroy,
-  HostBinding
+  OnDestroy
 } from '@angular/core';
 import { CollapsedTemplateDirective } from './directives/collapsed-template.directive';
 import { ExpandedTemplateDirective } from './directives/expanded-template.directive';
@@ -51,7 +50,6 @@ import { takeUntil, distinctUntilChanged, debounceTime } from 'rxjs/operators';
 })
 export class SidenavComponent implements OnInit, OnDestroy {
   @Input() mode: 'collapsed' | 'expanded' = 'expanded';
-  @Input() direction: 'ltr' | 'rtl' = 'ltr';
 
   @ContentChild(ExpandedTemplateDirective, { read: TemplateRef })
   expandedTemplate;
@@ -62,10 +60,6 @@ export class SidenavComponent implements OnInit, OnDestroy {
   groups: Array<NavBarGroupRef> = [];
   private onDestroy$: Subject<boolean> = new Subject<boolean>();
 
-  @HostBinding('class.app-sidenav-rtl') get isRtlDirection(): boolean {
-    return this.direction === 'rtl';
-  }
-
   constructor(
     private store: Store<AppStore>,
     private extensions: AppExtensionService