@umbraco-cms/backoffice 14.0.0-3926df31 → 14.0.0-3e938fa1

package/dist-cms/apps/app/app.element.d.ts

@@ -8,6 +8,17 @@ export declare class UmbAppElement extends UmbLitElement {
      * @remarks This is the base URL of the Umbraco server, not the base URL of the backoffice.
      */
     serverUrl: string;
+    /**
+     * The default culture to use for localization.
+     *
+     * When the current user is resolved, the culture will be set to the user's culture.
+     *
+     * @attr
+     * @remarks This is the default culture to use for localization, not the current culture.
+     * @example "en-us"
+     * @example "en"
+     */
+    culture: string;
     /**
      * The base path of the backoffice.
      *
@@ -16,7 +27,6 @@ export declare class UmbAppElement extends UmbLitElement {
     backofficePath: string;
     /**
      * Bypass authentication.
-     * @type {boolean}
      */
     bypassAuth: boolean;
     private _routes;

package/dist-cms/apps/app/app.element.js

@@ -14,6 +14,7 @@ import { pathWithoutBasePath } from '../../shared/router/index.js';
 import { tryExecute } from '../../shared/resources/index.js';
 import { OpenAPI, RuntimeLevelModel, ServerResource } from '../../external/backend-api/index.js';
 import { contextData, umbDebugContextEventType } from '../../libs/context-api/index.js';
+import { umbTranslationRegistry } from '../../libs/localization-api/index.js';
 export let UmbAppElement = class UmbAppElement extends UmbLitElement {
     #authFlow;
     #umbIconRegistry;
@@ -28,6 +29,17 @@ export let UmbAppElement = class UmbAppElement extends UmbLitElement {
          * @remarks This is the base URL of the Umbraco server, not the base URL of the backoffice.
          */
         this.serverUrl = window.location.origin;
+        /**
+         * The default culture to use for localization.
+         *
+         * When the current user is resolved, the culture will be set to the user's culture.
+         *
+         * @attr
+         * @remarks This is the default culture to use for localization, not the current culture.
+         * @example "en-us"
+         * @example "en"
+         */
+        this.culture = 'en-us';
         /**
          * The base path of the backoffice.
          *
@@ -36,7 +48,6 @@ export let UmbAppElement = class UmbAppElement extends UmbLitElement {
         this.backofficePath = '/umbraco';
         /**
          * Bypass authentication.
-         * @type {boolean}
          */
         // TODO: this might not be the right solution
         this.bypassAuth = false;
@@ -64,8 +75,17 @@ export let UmbAppElement = class UmbAppElement extends UmbLitElement {
     }
     connectedCallback() {
         super.connectedCallback();
+        this.#setLanguage();
         this.#setup();
     }
+    #setLanguage() {
+        umbTranslationRegistry.loadLanguage(this.culture);
+    }
+    #listenForLanguageChange(authContext) {
+        this.observe(authContext.languageIsoCode, (currentLanguageIsoCode) => {
+            umbTranslationRegistry.loadLanguage(currentLanguageIsoCode);
+        }, 'languageIsoCode');
+    }
     async #setup() {
         if (this.serverUrl === undefined)
             throw new Error('No serverUrl provided');
@@ -142,6 +162,7 @@ export let UmbAppElement = class UmbAppElement extends UmbLitElement {
             OpenAPI.TOKEN = () => this.#authFlow.performWithFreshTokens();
             OpenAPI.WITH_CREDENTIALS = true;
         }
+        this.#listenForLanguageChange(authContext);
         authContext.isLoggedIn.next(true);
     }
     #redirect() {
@@ -226,6 +247,9 @@ export let UmbAppElement = class UmbAppElement extends UmbLitElement {
 __decorate([
     property({ type: String })
 ], UmbAppElement.prototype, "serverUrl", void 0);
+__decorate([
+    property({ type: String, attribute: 'default-culture' })
+], UmbAppElement.prototype, "culture", void 0);
 __decorate([
     property({ type: String })
     // TODO: get from server config

package/dist-cms/apps/backoffice/backoffice.element.d.ts

@@ -1,7 +1,6 @@
 import { UmbLitElement } from '../../shared/lit-element/index.js';
 import './components/index.js';
 export declare class UmbBackofficeElement extends UmbLitElement {
-    #private;
     constructor();
     render(): import("lit-html").TemplateResult<1>;
     static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];

package/dist-cms/apps/backoffice/backoffice.element.js

@@ -4,8 +4,8 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { UmbExtensionInitializer } from './extension.controller.js';
 import { UmbBackofficeContext, UMB_BACKOFFICE_CONTEXT_TOKEN } from './backoffice.context.js';
+import { UmbExtensionInitializer } from './extension.controller.js';
 import { css, html, customElement } from '../../external/lit/index.js';
 import { UUITextStyles } from '../../external/uui/index.js';
 import { umbExtensionsRegistry } from '../../packages/core/extension-registry/index.js';
@@ -19,7 +19,7 @@ const CORE_PACKAGES = [
     import('../../packages/documents/umbraco-package.js'),
     import('../../packages/media/umbraco-package.js'),
     import('../../packages/members/umbraco-package.js'),
-    import('../../packages/translation/umbraco-package.js'),
+    import('../../packages/dictionary/umbraco-package.js'),
     import('../../packages/users/umbraco-package.js'),
     import('../../packages/packages/umbraco-package.js'),
     import('../../packages/search/umbraco-package.js'),
@@ -28,14 +28,13 @@ const CORE_PACKAGES = [
     import('../../packages/tags/umbraco-package.js'),
 ];
 export let UmbBackofficeElement = class UmbBackofficeElement extends UmbLitElement {
-    #extensionInitializer = new UmbExtensionInitializer(this, umbExtensionsRegistry);
     constructor() {
         super();
         this.provideContext(UMB_BACKOFFICE_CONTEXT_TOKEN, new UmbBackofficeContext());
         new UmbBundleExtensionInitializer(this, umbExtensionsRegistry);
         new UmbEntryPointExtensionInitializer(this, umbExtensionsRegistry);
-        new UmbExtensionInitializer(this, umbExtensionsRegistry);
-        this.#extensionInitializer.setLocalPackages(CORE_PACKAGES);
+        const extensionInitializer = new UmbExtensionInitializer(this, umbExtensionsRegistry);
+        extensionInitializer.setLocalPackages(CORE_PACKAGES);
     }
     render() {
         return html `

package/dist-cms/assets/lang/da-dk.d.ts

@@ -0,0 +1,3 @@
+import type { UmbTranslationsDictionary } from '../../packages/core/extension-registry/index.js';
+declare const _default: UmbTranslationsDictionary;
+export default _default;