[PS-1282] Enable Arabic language support for desktop, browser, web (#3333)

* Register Arabic language with native name

* Register Arabic language for web vault

* Register Arabic language for browser

* Register Arabic language for desktop

apps/browser/src/popup/app.module.ts

@@ -4,6 +4,7 @@ import { LayoutModule } from "@angular/cdk/layout";
 import { OverlayModule } from "@angular/cdk/overlay";
 import { ScrollingModule } from "@angular/cdk/scrolling";
 import { CurrencyPipe, DatePipe, registerLocaleData } from "@angular/common";
+import localeAr from "@angular/common/locales/ar";
 import localeAz from "@angular/common/locales/az";
 import localeBe from "@angular/common/locales/be";
 import localeBg from "@angular/common/locales/bg";
@@ -116,6 +117,7 @@ import { VaultSelectComponent } from "./vault/vault-select.component";
 import { ViewCustomFieldsComponent } from "./vault/view-custom-fields.component";
 import { ViewComponent } from "./vault/view.component";
 
+registerLocaleData(localeAr, "ar");
 registerLocaleData(localeAz, "az");
 registerLocaleData(localeBe, "be");
 registerLocaleData(localeBg, "bg");

apps/browser/src/services/i18n.service.ts

@@ -11,6 +11,7 @@ export default class I18nService extends BaseI18nService {
     // Please leave 'en' where it is, as it's our fallback language in case no translation can be found
     this.supportedTranslationLocales = [
       "en",
+      "ar",
       "az",
       "be",
       "bg",

apps/desktop/src/app/app.module.ts

@@ -2,6 +2,7 @@ import "zone.js/dist/zone";
 
 import { registerLocaleData } from "@angular/common";
 import localeAf from "@angular/common/locales/af";
+import localeAr from "@angular/common/locales/ar";
 import localeAz from "@angular/common/locales/az";
 import localeBe from "@angular/common/locales/be";
 import localeBg from "@angular/common/locales/bg";
@@ -103,6 +104,7 @@ import { ViewCustomFieldsComponent } from "./vault/view-custom-fields.component"
 import { ViewComponent } from "./vault/view.component";
 
 registerLocaleData(localeAf, "af");
+registerLocaleData(localeAr, "ar");
 registerLocaleData(localeAz, "az");
 registerLocaleData(localeBe, "be");
 registerLocaleData(localeBg, "bg");

apps/desktop/src/services/i18n.service.ts

@@ -19,6 +19,7 @@ export class I18nService extends BaseI18nService {
     this.supportedTranslationLocales = [
       "en",
       "af",
+      "ar",
       "az",
       "be",
       "bg",

apps/web/src/app/core/i18n.service.ts

@@ -18,6 +18,7 @@ export class I18nService extends BaseI18nService {
     this.supportedTranslationLocales = [
       "en",
       "af",
+      "ar",
       "az",
       "be",
       "bg",

apps/web/src/app/shared/locales.ts

@@ -1,5 +1,6 @@
 import { registerLocaleData } from "@angular/common";
 import localeAf from "@angular/common/locales/af";
+import localeAr from "@angular/common/locales/ar";
 import localeAz from "@angular/common/locales/az";
 import localeBe from "@angular/common/locales/be";
 import localeBg from "@angular/common/locales/bg";
@@ -52,6 +53,7 @@ import localeZhCn from "@angular/common/locales/zh-Hans";
 import localeZhTw from "@angular/common/locales/zh-Hant";
 
 registerLocaleData(localeAf, "af");
+registerLocaleData(localeAr, "ar");
 registerLocaleData(localeAz, "az");
 registerLocaleData(localeBe, "be");
 registerLocaleData(localeBg, "bg");

libs/common/src/services/i18n.service.ts

@@ -11,6 +11,7 @@ export class I18nService implements I18nServiceAbstraction {
   collator: Intl.Collator;
   localeNames = new Map<string, string>([
     ["af", "Afrikaans"],
+    ["ar", "العربية الفصحى"],
     ["az", "Azərbaycanca"],
     ["be", "Беларуская"],
     ["bg", "български"],