@umbraco-cms/backoffice 14.0.0-8a5fc0ad → 14.0.0-8d2a75e2

package/dist-cms/packages/templating/templates/workspace/manifests.js

@@ -21,9 +21,12 @@ const workspaceActions = [
             label: 'Save',
             api: UmbSaveWorkspaceAction,
         },
-        conditions: {
-            workspaces: ['Umb.Workspace.Template'],
-        },
+        conditions: [
+            {
+                alias: 'Umb.Condition.WorkspaceAlias',
+                match: workspace.alias,
+            },
+        ],
     },
 ];
 export const manifests = [workspace, ...workspaceViews, ...workspaceActions];

package/dist-cms/packages/templating/templates/workspace/template-workspace-editor.element.js

@@ -13,6 +13,7 @@ import { css, html, customElement, query, state, nothing } from '../../../../ext
 import { UMB_MODAL_MANAGER_CONTEXT_TOKEN, UMB_TEMPLATE_PICKER_MODAL, } from '../../../core/modal/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
 import { Subject, debounceTime } from '../../../../external/rxjs/index.js';
+import { UMB_WORKSPACE_CONTEXT } from '../../../core/workspace/index.js';
 export let UmbTemplateWorkspaceEditorElement = class UmbTemplateWorkspaceEditorElement extends UmbLitElement {
     #templateWorkspaceContext;
     #isNew;
@@ -30,7 +31,7 @@ export let UmbTemplateWorkspaceEditorElement = class UmbTemplateWorkspaceEditorE
         this.consumeContext(UMB_MODAL_MANAGER_CONTEXT_TOKEN, (instance) => {
             this._modalContext = instance;
         });
-        this.consumeContext('UmbEntityWorkspaceContext', (workspaceContext) => {
+        this.consumeContext(UMB_WORKSPACE_CONTEXT, (workspaceContext) => {
             this.#templateWorkspaceContext = workspaceContext;
             this.observe(this.#templateWorkspaceContext.name, (name) => {
                 this._name = name;

package/dist-cms/packages/templating/templates/workspace/template-workspace.context.js

@@ -7,7 +7,7 @@ export class UmbTemplateWorkspaceContext extends UmbWorkspaceContext {
     #masterTemplate;
     #isCodeEditorReady;
     constructor(host) {
-        super(host, new UmbTemplateRepository(host));
+        super(host, 'Umb.Workspace.Template', new UmbTemplateRepository(host));
         this.#data = new UmbDeepState(undefined);
         this.data = this.#data.asObservable();
         this.#masterTemplate = new UmbObjectState(null);

package/dist-cms/packages/umbraco-news/manifests.js

@@ -7,7 +7,10 @@ export const dashboard = {
     meta: {
         label: 'Welcome',
     },
-    conditions: {
-        sections: ['Umb.Section.Content'],
-    },
+    conditions: [
+        {
+            alias: 'Umb.Condition.SectionAlias',
+            match: 'Umb.Section.Content',
+        },
+    ],
 };

package/dist-cms/packages/umbraco-news/umbraco-news-dashboard.element.js

@@ -35,7 +35,7 @@ export let UmbUmbracoNewsDashboardElement = class UmbUmbracoNewsDashboardElement
 				<p>
 					There is currently very limited functionality.<br />
 					Please refer to the
-					<a target="_blank" href="http://docs.umbraco.com/umbraco-backoffice/">documentation</a> to learn more about
+					<a target="_blank" href="https://docs.umbraco.com/umbraco-backoffice/">documentation</a> to learn more about
 					what is possible.
 				</p>
 			</uui-box>

package/dist-cms/packages/users/current-user/modals/current-user/current-user-modal.element.js

@@ -18,13 +18,9 @@ export let UmbCurrentUserModalElement = class UmbCurrentUserModalElement extends
             this.#auth = instance;
             this._observeCurrentUser();
         });
-        this.consumeContext(UMB_AUTH, (instance) => {
-            this.#auth = instance;
-        });
         this.consumeContext(UMB_APP, (instance) => {
             this.#appContext = instance;
         });
-        this._observeCurrentUser();
     }
     async _observeCurrentUser() {
         if (!this.#auth)
@@ -52,8 +48,16 @@ export let UmbCurrentUserModalElement = class UmbCurrentUserModalElement extends
 					<umb-extension-slot id="userProfileApps" type="userProfileApp"></umb-extension-slot>
 				</div>
 				<div slot="actions">
-					<uui-button @click=${this._close} look="secondary">Close</uui-button>
-					<uui-button @click=${this._logout} look="primary" color="danger">Logout</uui-button>
+					<uui-button @click=${this._close} look="secondary" .label=${this.localize.term('general_close')}>
+						${this.localize.term('general_close')}
+					</uui-button>
+					<uui-button
+						@click=${this._logout}
+						look="primary"
+						color="danger"
+						.label=${this.localize.term('general_logout')}>
+						${this.localize.term('general_logout')}
+					</uui-button>
 				</div>
 			</umb-body-layout>
 		`;

package/dist-cms/packages/users/current-user/user-profile-apps/user-profile-app-profile.element.js

@@ -19,7 +19,6 @@ export let UmbUserProfileAppProfileElement = class UmbUserProfileAppProfileEleme
             this._auth = instance;
             this._observeCurrentUser();
         });
-        this._observeCurrentUser();
     }
     async _observeCurrentUser() {
         if (!this._auth)
@@ -44,10 +43,13 @@ export let UmbUserProfileAppProfileElement = class UmbUserProfileAppProfileEleme
     }
     render() {
         return html `
-			<uui-box>
-				<b slot="headline">Your profile</b>
-				<uui-button look="primary" @click=${this._edit}>Edit</uui-button>
-				<uui-button look="primary" @click=${this._changePassword}>Change password</uui-button>
+			<uui-box .headline=${this.localize.term('user_yourProfile')}>
+				<uui-button look="primary" label=${this.localize.term('general_edit')} @click=${this._edit}>
+					${this.localize.term('general_edit')}
+				</uui-button>
+				<uui-button look="primary" label=${this.localize.term('general_changePassword')} @click=${this._changePassword}>
+					${this.localize.term('general_changePassword')}
+				</uui-button>
 			</uui-box>
 		`;
     }

package/dist-cms/packages/users/user-groups/manifests.d.ts

@@ -1 +1 @@
-export declare const manifests: (import("../../core/index.js").ManifestEntityBulkAction | import("../../core/index.js").ManifestModal | import("../../core/index.js").ManifestRepository | import("../../core/index.js").ManifestSectionView | import("../../core/index.js").ManifestStore | import("../../core/index.js").ManifestItemStore | import("../../core/index.js").ManifestWorkspace | import("../../core/index.js").ManifestWorkspaceAction | import("../../core/index.js").ManifestWorkspaceEditorView)[];
+export declare const manifests: (import("../../core/index.js").ManifestModal | import("../../core/index.js").ManifestEntityBulkAction | import("../../core/index.js").ManifestItemStore | import("../../core/index.js").ManifestRepository | import("../../core/index.js").ManifestSectionView | import("../../core/index.js").ManifestStore | import("../../core/index.js").ManifestWorkspace | import("../../core/index.js").ManifestWorkspaceAction | import("../../core/index.js").ManifestWorkspaceEditorView)[];

package/dist-cms/packages/users/user-groups/repository/manifests.d.ts

@@ -1,3 +1,3 @@
 import type { ManifestStore, ManifestRepository, ManifestItemStore } from '../../../core/extension-registry/index.js';
 export declare const USER_GROUP_REPOSITORY_ALIAS = "Umb.Repository.UserGroup";
-export declare const manifests: (ManifestRepository | ManifestStore | ManifestItemStore)[];
+export declare const manifests: (ManifestItemStore | ManifestRepository | ManifestStore)[];

package/dist-cms/packages/users/user-groups/section-view/manifests.js

@@ -11,9 +11,12 @@ const sectionsViews = [
             pathname: 'user-groups',
             icon: 'umb:users',
         },
-        conditions: {
-            sections: [UMB_USER_SECTION_ALIAS],
-        },
+        conditions: [
+            {
+                alias: 'Umb.Condition.SectionAlias',
+                match: UMB_USER_SECTION_ALIAS,
+            },
+        ],
     },
 ];
 export const manifests = [...sectionsViews];

package/dist-cms/packages/users/user-groups/workspace/actions/workspace-action-user-group-save.element.js

@@ -7,11 +7,11 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { css, html, customElement, state } from '../../../../../external/lit/index.js';
 import { UUITextStyles } from '../../../../../external/uui/index.js';
 import { UmbLitElement } from '../../../../../shared/lit-element/index.js';
-import { UMB_ENTITY_WORKSPACE_CONTEXT } from '../../../../core/workspace/index.js';
+import { UMB_WORKSPACE_CONTEXT } from '../../../../core/workspace/index.js';
 export let UmbWorkspaceActionUserGroupSaveElement = class UmbWorkspaceActionUserGroupSaveElement extends UmbLitElement {
     constructor() {
         super();
-        this.consumeContext(UMB_ENTITY_WORKSPACE_CONTEXT, (instance) => {
+        this.consumeContext(UMB_WORKSPACE_CONTEXT, (instance) => {
             this._workspaceContext = instance;
         });
     }

package/dist-cms/packages/users/user-groups/workspace/manifests.js

@@ -20,9 +20,12 @@ const workspaceActions = [
             color: 'positive',
             api: UmbSaveWorkspaceAction,
         },
-        conditions: {
-            workspaces: ['Umb.Workspace.UserGroup'],
-        },
+        conditions: [
+            {
+                alias: 'Umb.Condition.WorkspaceAlias',
+                match: workspace.alias,
+            },
+        ],
     },
 ];
 export const manifests = [workspace, ...workspaceViews, ...workspaceActions];

package/dist-cms/packages/users/user-groups/workspace/user-group-workspace-editor.element.js

@@ -9,14 +9,14 @@ import { css, html, nothing, customElement, state } from '../../../../external/l
 // TODO: import from package when available
 //import { UmbUserInputElement } from '../../users/components/user-input/user-input.element.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
-import { UMB_ENTITY_WORKSPACE_CONTEXT } from '../../../core/workspace/index.js';
+import { UMB_WORKSPACE_CONTEXT } from '../../../core/workspace/index.js';
 import { UMB_CONFIRM_MODAL, UMB_MODAL_MANAGER_CONTEXT_TOKEN, } from '../../../core/modal/index.js';
 export let UmbUserGroupWorkspaceEditorElement = class UmbUserGroupWorkspaceEditorElement extends UmbLitElement {
     #workspaceContext;
     #modalContext;
     constructor() {
         super();
-        this.consumeContext(UMB_ENTITY_WORKSPACE_CONTEXT, (instance) => {
+        this.consumeContext(UMB_WORKSPACE_CONTEXT, (instance) => {
             this.#workspaceContext = instance;
             this.observe(this.#workspaceContext.data, (userGroup) => (this._userGroup = userGroup));
             this.observe(this.#workspaceContext.userIds, (userKeys) => (this._userKeys = userKeys));

package/dist-cms/packages/users/user-groups/workspace/user-group-workspace.context.js

@@ -7,7 +7,7 @@ export class UmbUserGroupWorkspaceContext extends UmbWorkspaceContext {
     #userIds;
     #userRepository;
     constructor(host) {
-        super(host, new UmbUserGroupRepository(host));
+        super(host, 'Umb.Workspace.UserGroup', new UmbUserGroupRepository(host));
         this.#data = new UmbObjectState(undefined);
         this.data = this.#data.asObservable();
         this.#userIds = new UmbArrayState([]);

package/dist-cms/packages/users/users/manifests.d.ts

@@ -1 +1 @@
-export declare const manifests: (import("../../core/index.js").ManifestEntityBulkAction | import("../../core/index.js").ManifestModal | import("../../core/index.js").ManifestRepository | import("../../core/index.js").ManifestSectionView | import("../../core/index.js").ManifestStore | import("../../core/index.js").ManifestItemStore | import("../../core/index.js").ManifestWorkspace | import("../../core/index.js").ManifestWorkspaceAction | import("../../core/index.js").ManifestWorkspaceEditorView)[];
+export declare const manifests: (import("../../core/index.js").ManifestModal | import("../../core/index.js").ManifestEntityBulkAction | import("../../core/index.js").ManifestItemStore | import("../../core/index.js").ManifestRepository | import("../../core/index.js").ManifestSectionView | import("../../core/index.js").ManifestStore | import("../../core/index.js").ManifestWorkspace | import("../../core/index.js").ManifestWorkspaceAction | import("../../core/index.js").ManifestWorkspaceEditorView)[];

package/dist-cms/packages/users/users/repository/manifests.d.ts

@@ -1,3 +1,3 @@
 import type { ManifestStore, ManifestRepository, ManifestItemStore } from '../../../core/extension-registry/index.js';
 export declare const USER_REPOSITORY_ALIAS = "Umb.Repository.User";
-export declare const manifests: (ManifestRepository | ManifestStore | ManifestItemStore)[];
+export declare const manifests: (ManifestItemStore | ManifestRepository | ManifestStore)[];

package/dist-cms/packages/users/users/repository/user.repository.js

@@ -132,7 +132,11 @@ export class UmbUserRepository {
         const { data, error } = await this.#detailSource.update(id, user);
         if (data) {
             this.#detailStore?.append(data);
-            const notification = { data: { message: `User saved` } };
+        }
+        if (!error) {
+            const notification = {
+                data: { message: this.#host.localize?.term('speechBubbles_editUserSaved') ?? 'User saved' },
+            };
             this.#notificationContext?.peek('positive', notification);
         }
         return { data, error };

package/dist-cms/packages/users/users/section-view/manifests.js

@@ -11,9 +11,12 @@ const sectionsViews = [
             pathname: 'users',
             icon: 'umb:user',
         },
-        conditions: {
-            sections: [UMB_USER_SECTION_ALIAS],
-        },
+        conditions: [
+            {
+                alias: 'Umb.Condition.SectionAlias',
+                match: UMB_USER_SECTION_ALIAS,
+            },
+        ],
     },
 ];
 export const manifests = [...sectionsViews];

package/dist-cms/packages/users/users/workspace/actions/user-workspace-action-save.element.js

@@ -7,11 +7,11 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { css, html, customElement, state } from '../../../../../external/lit/index.js';
 import { UUITextStyles } from '../../../../../external/uui/index.js';
 import { UmbLitElement } from '../../../../../shared/lit-element/index.js';
-import { UMB_ENTITY_WORKSPACE_CONTEXT } from '../../../../core/workspace/index.js';
+import { UMB_WORKSPACE_CONTEXT } from '../../../../core/workspace/index.js';
 export let UmbUserWorkspaceActionSaveElement = class UmbUserWorkspaceActionSaveElement extends UmbLitElement {
     constructor() {
         super();
-        this.consumeContext(UMB_ENTITY_WORKSPACE_CONTEXT, (instance) => {
+        this.consumeContext(UMB_WORKSPACE_CONTEXT, (instance) => {
             this._workspaceContext = instance;
         });
     }

package/dist-cms/packages/users/users/workspace/manifests.js

@@ -20,9 +20,12 @@ const workspaceActions = [
             color: 'positive',
             api: UmbSaveWorkspaceAction,
         },
-        conditions: {
-            workspaces: ['Umb.Workspace.User'],
-        },
+        conditions: [
+            {
+                alias: 'Umb.Condition.WorkspaceAlias',
+                match: workspace.alias,
+            },
+        ],
     },
 ];
 export const manifests = [workspace, ...workspaceViews, ...workspaceActions];

package/dist-cms/packages/users/users/workspace/user-workspace-editor.element.d.ts

@@ -4,6 +4,7 @@ export declare class UmbUserWorkspaceEditorElement extends UmbLitElement {
     #private;
     private _currentUser?;
     private _user?;
+    private languages;
     constructor();
     render(): TemplateResult<1>;
     static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];

package/dist-cms/packages/users/users/workspace/user-workspace-editor.element.js

@@ -7,9 +7,10 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { getLookAndColorFromUserStatus } from '../../utils.js';
 import { UUIInputEvent, UUITextStyles } from '../../../../external/uui/index.js';
 import { css, html, nothing, customElement, state, ifDefined, repeat, } from '../../../../external/lit/index.js';
+import { firstValueFrom } from '../../../../external/rxjs/index.js';
 import { UMB_CHANGE_PASSWORD_MODAL } from '../../../core/modal/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
-import { UMB_ENTITY_WORKSPACE_CONTEXT } from '../../../core/workspace/index.js';
+import { UMB_WORKSPACE_CONTEXT } from '../../../core/workspace/index.js';
 import { UserStateModel } from '../../../../external/backend-api/index.js';
 import { createExtensionClass } from '../../../../libs/extension-api/index.js';
 import { umbExtensionsRegistry } from '../../../core/extension-registry/index.js';
@@ -18,16 +19,16 @@ import { UMB_AUTH } from '../../../../shared/auth/index.js';
 export let UmbUserWorkspaceEditorElement = class UmbUserWorkspaceEditorElement extends UmbLitElement {
     #auth;
     #modalContext;
-    #languages = []; //TODO Add languages
     #workspaceContext;
     #userRepository;
     constructor() {
         super();
+        this.languages = [];
         this.consumeContext(UMB_AUTH, (instance) => {
             this.#auth = instance;
             this.#observeCurrentUser();
         });
-        this.consumeContext(UMB_ENTITY_WORKSPACE_CONTEXT, (workspaceContext) => {
+        this.consumeContext(UMB_WORKSPACE_CONTEXT, (workspaceContext) => {
             this.#workspaceContext = workspaceContext;
             this.#observeUser();
         });
@@ -52,7 +53,36 @@ export let UmbUserWorkspaceEditorElement = class UmbUserWorkspaceEditorElement e
     #observeCurrentUser() {
         if (!this.#auth)
             return;
-        this.observe(this.#auth.currentUser, (currentUser) => (this._currentUser = currentUser));
+        this.observe(this.#auth.currentUser, async (currentUser) => {
+            this._currentUser = currentUser;
+            if (!currentUser) {
+                return;
+            }
+            // Find all translations and make a unique list of iso codes
+            const translations = await firstValueFrom(umbExtensionsRegistry.extensionsOfType('translations'));
+            this.languages = translations
+                .filter((isoCode) => isoCode !== undefined)
+                .map((translation) => ({
+                value: translation.meta.culture.toLowerCase(),
+                name: translation.name,
+                selected: false,
+            }));
+            const currentUserLanguageCode = currentUser.languageIsoCode?.toLowerCase();
+            // Set the current user's language as selected
+            const currentUserLanguage = this.languages.find((language) => language.value === currentUserLanguageCode);
+            if (currentUserLanguage) {
+                currentUserLanguage.selected = true;
+            }
+            else {
+                // If users language code did not fit any of the options. We will create an option that fits, named unknown.
+                // In this way the user can keep their choice though a given language was not present at this time.
+                this.languages.push({
+                    value: currentUserLanguageCode ?? 'en-us',
+                    name: currentUserLanguageCode ? `${currentUserLanguageCode} (unknown)` : 'Unknown',
+                    selected: true,
+                });
+            }
+        });
     }
     #onUserStatusChange() {
         if (!this._user || !this._user.id)
@@ -81,6 +111,12 @@ export let UmbUserWorkspaceEditorElement = class UmbUserWorkspaceEditorElement e
             }
         }
     }
+    #onLanguageChange(event) {
+        const target = event.composedPath()[0];
+        if (typeof target?.value === 'string') {
+            this.#workspaceContext?.updateProperty('languageIsoCode', target.value);
+        }
+    }
     #onPasswordChange() {
         // TODO: check if current user is admin
         this.#modalContext?.open(UMB_CHANGE_PASSWORD_MODAL, {
@@ -114,12 +150,18 @@ export let UmbUserWorkspaceEditorElement = class UmbUserWorkspaceEditorElement e
         if (!this._user)
             return nothing;
         return html ` <uui-box>
-				<div slot="headline">Profile</div>
+				<div slot="headline"><umb-localize key="user_profile">Profile</umb-localize></div>
 				<umb-workspace-property-layout label="Email">
-					<uui-input slot="editor" name="email" label="email" readonly value=${this._user.email}></uui-input>
+					<uui-input slot="editor" name="email" label="email" readonly value=${ifDefined(this._user.email)}></uui-input>
 				</umb-workspace-property-layout>
 				<umb-workspace-property-layout label="Language" description="The language of the UI in the Backoffice">
-					<uui-select slot="editor" name="language" label="language" .options=${this.#languages}> </uui-select>
+					<uui-select
+						slot="editor"
+						name="language"
+						label="language"
+						.options=${this.languages}
+						@change="${this.#onLanguageChange}">
+					</uui-select>
 				</umb-workspace-property-layout>
 			</uui-box>
 			<uui-box>
@@ -135,7 +177,7 @@ export let UmbUserWorkspaceEditorElement = class UmbUserWorkspaceEditorElement e
 						label="Content start node"
 						description="Limit the content tree to specific start nodes">
 						<umb-property-editor-ui-document-picker
-							.value=${this._user.contentStartNodeIds}
+							.value=${this._user.contentStartNodeIds ?? []}
 							@property-value-change=${(e) => this.#workspaceContext?.updateProperty('contentStartNodeIds', e.target.value)}
 							slot="editor"></umb-property-editor-ui-document-picker>
 					</umb-workspace-property-layout>
@@ -316,6 +358,9 @@ __decorate([
 __decorate([
     state()
 ], UmbUserWorkspaceEditorElement.prototype, "_user", void 0);
+__decorate([
+    state()
+], UmbUserWorkspaceEditorElement.prototype, "languages", void 0);
 UmbUserWorkspaceEditorElement = __decorate([
     customElement('umb-user-workspace-editor')
 ], UmbUserWorkspaceEditorElement);

package/dist-cms/packages/users/users/workspace/user-workspace.context.d.ts

@@ -5,7 +5,7 @@ import type { UmbControllerHostElement } from '../../../../libs/controller-api/i
 export declare class UmbUserWorkspaceContext extends UmbWorkspaceContext<UmbUserRepository, UmbUserDetail> implements UmbEntityWorkspaceContextInterface<UmbUserDetail | undefined> {
     #private;
     constructor(host: UmbControllerHostElement);
-    data: import("rxjs").Observable<UmbUserDetail | undefined>;
+    data: import("rxjs/internal/Observable.js").Observable<UmbUserDetail | undefined>;
     load(id: string): Promise<void>;
     getEntityId(): string | undefined;
     getEntityType(): string;

package/dist-cms/packages/users/users/workspace/user-workspace.context.js

@@ -1,11 +1,18 @@
 import { UmbUserRepository } from '../repository/user.repository.js';
 import { UmbWorkspaceContext } from '../../../core/workspace/index.js';
 import { UmbObjectState } from '../../../../libs/observable-api/index.js';
+import { UmbContextConsumerController } from '../../../../libs/context-api/index.js';
+import { UMB_AUTH } from '../../../../shared/auth/index.js';
+import { firstValueFrom } from '../../../../external/rxjs/index.js';
 export class UmbUserWorkspaceContext extends UmbWorkspaceContext {
+    #authContext;
     constructor(host) {
-        super(host, new UmbUserRepository(host));
+        super(host, 'Umb.Workspace.User', new UmbUserRepository(host));
         this.#data = new UmbObjectState(undefined);
         this.data = this.#data.asObservable();
+        new UmbContextConsumerController(host, UMB_AUTH, (auth) => {
+            this.#authContext = auth;
+        });
     }
     #data;
     async load(id) {
@@ -41,6 +48,16 @@ export class UmbUserWorkspaceContext extends UmbWorkspaceContext {
         }
         // If it went well, then its not new anymore?.
         this.setIsNew(false);
+        // If we are saving the current user, we need to refetch it
+        await this.#reloadCurrentUser(this.#data.value.id);
+    }
+    async #reloadCurrentUser(savedUserId) {
+        if (!this.#authContext)
+            return;
+        const currentUser = await firstValueFrom(this.#authContext.currentUser);
+        if (currentUser?.id === savedUserId) {
+            await this.#authContext.fetchCurrentUser();
+        }
     }
     destroy() {
         this.#data.complete();

package/dist-cms/shared/auth/auth.context.d.ts

@@ -7,6 +7,7 @@ export declare class UmbAuthContext implements IUmbAuth {
     #private;
     readonly currentUser: import("rxjs/internal/Observable.js").Observable<UmbLoggedInUser | undefined>;
     readonly isLoggedIn: ReplaySubject<boolean>;
+    readonly languageIsoCode: import("rxjs/internal/Observable.js").Observable<string>;
     constructor(host: UmbControllerHostElement, authFlow: UmbAuthFlow);
     setInitialState(): Promise<void>;
     fetchCurrentUser(): Promise<UmbLoggedInUser | undefined>;

package/dist-cms/shared/auth/auth.context.js

@@ -10,6 +10,7 @@ export class UmbAuthContext {
         this.#currentUser = new UmbObjectState(undefined);
         this.currentUser = this.#currentUser.asObservable();
         this.isLoggedIn = new ReplaySubject(1);
+        this.languageIsoCode = this.#currentUser.asObservablePart((user) => user?.languageIsoCode ?? 'en-us');
         this.#host = host;
         this.#authFlow = authFlow;
         this.isLoggedIn.subscribe((isLoggedIn) => {
@@ -23,8 +24,6 @@ export class UmbAuthContext {
     }
     async fetchCurrentUser() {
         const { data } = await tryExecuteAndNotify(this.#host, UserResource.getUserCurrent());
-        if (!data)
-            return;
         this.#currentUser.next(data);
         return data;
     }

package/dist-cms/shared/auth/auth.interface.d.ts

@@ -19,6 +19,10 @@ export interface IUmbAuth {
      * Get the current user model of the current user.
      */
     get currentUser(): Observable<UmbLoggedInUser | undefined>;
+    /**
+     * Get the current user's language ISO code.
+     */
+    languageIsoCode: Observable<string>;
     /**
      * Make a server request for the current user and save the state
      */

package/dist-cms/shared/lit-element/lit-element.element.d.ts

@@ -1,5 +1,30 @@
 import { LitElement } from '../../external/lit/index.js';
 declare const UmbLitElement_base: import("../../libs/extension-api/index.js").HTMLElementConstructor<import("../../libs/element-api/index.js").UmbElement> & typeof LitElement;
+/**
+ * The base class for all Umbraco LitElement elements.
+ *
+ * @abstract
+ * @remarks This class is a wrapper around the LitElement class.
+ * @remarks The `dir` and `lang` properties are defined here as reactive properties so they react to language changes.
+ */
 export declare class UmbLitElement extends UmbLitElement_base {
+    /**
+     * The direction of the element.
+     *
+     * @attr
+     * @remarks This is the direction of the element, not the direction of the backoffice.
+     * @example 'ltr'
+     * @example 'rtl'
+     */
+    dir: 'rtl' | 'ltr' | '';
+    /**
+     * The language of the element.
+     *
+     * @attr
+     * @remarks This is the language of the element, not the language of the backoffice.
+     * @example 'en-us'
+     * @example 'en'
+     */
+    lang: string;
 }
 export {};

package/dist-cms/shared/lit-element/lit-element.element.js

@@ -1,4 +1,45 @@
-import { LitElement } from '../../external/lit/index.js';
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    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 { LitElement, property } from '../../external/lit/index.js';
 import { UmbElementMixin } from '../../libs/element-api/index.js';
+// TODO: Currently we don't check if the `lang` is registered in the backoffice. We should do that. We can do that by checking if the `lang` is in the `languages` array of the `language` resource and potentially make sure that UmbTranslationRegistry only loads the translations and some other mechanism reloads to another language (currently it does both)
+/**
+ * The base class for all Umbraco LitElement elements.
+ *
+ * @abstract
+ * @remarks This class is a wrapper around the LitElement class.
+ * @remarks The `dir` and `lang` properties are defined here as reactive properties so they react to language changes.
+ */
 export class UmbLitElement extends UmbElementMixin(LitElement) {
+    constructor() {
+        super(...arguments);
+        /**
+         * The direction of the element.
+         *
+         * @attr
+         * @remarks This is the direction of the element, not the direction of the backoffice.
+         * @example 'ltr'
+         * @example 'rtl'
+         */
+        this.dir = '';
+        /**
+         * The language of the element.
+         *
+         * @attr
+         * @remarks This is the language of the element, not the language of the backoffice.
+         * @example 'en-us'
+         * @example 'en'
+         */
+        this.lang = '';
+    }
 }
+__decorate([
+    property()
+], UmbLitElement.prototype, "dir", void 0);
+__decorate([
+    property()
+], UmbLitElement.prototype, "lang", void 0);

package/dist-cms/shared/repository/data-source/data-source.interface.d.ts

@@ -1,6 +1,6 @@
 import type { DataSourceResponse } from '../index.js';
-export interface UmbDataSource<CreateRequestType, CreateResponseType, UpdateRequestType, ResponseType> {
-    createScaffold(parentId: string | null): Promise<DataSourceResponse<CreateRequestType>>;
+export interface UmbDataSource<CreateRequestType, CreateResponseType, UpdateRequestType, ResponseType, CreateScaffoldPresetType = Partial<CreateRequestType>> {
+    createScaffold(parentId: string | null, preset?: Partial<CreateRequestType> | CreateScaffoldPresetType): Promise<DataSourceResponse<CreateRequestType>>;
     get(unique: string): Promise<DataSourceResponse<ResponseType>>;
     insert(data: CreateRequestType): Promise<DataSourceResponse<CreateResponseType>>;
     update(unique: string, data: UpdateRequestType): Promise<DataSourceResponse<ResponseType>>;

package/dist-cms/shared/repository/data-source/folder-data-source.interface.d.ts

@@ -1,8 +1,8 @@
 import { DataSourceResponse } from './data-source-response.interface.js';
-import { CreateFolderRequestModel, FolderReponseModel, UpdateFolderReponseModel } from '../../../external/backend-api/index.js';
+import { CreateFolderRequestModel, FolderResponseModel, UpdateFolderReponseModel } from '../../../external/backend-api/index.js';
 export interface UmbFolderDataSource {
-    createScaffold(parentId: string | null): Promise<DataSourceResponse<FolderReponseModel>>;
-    get(unique: string): Promise<DataSourceResponse<FolderReponseModel>>;
+    createScaffold(parentId: string | null): Promise<DataSourceResponse<FolderResponseModel>>;
+    get(unique: string): Promise<DataSourceResponse<FolderResponseModel>>;
     insert(data: CreateFolderRequestModel): Promise<DataSourceResponse<string>>;
     update(unique: string, data: CreateFolderRequestModel): Promise<DataSourceResponse<UpdateFolderReponseModel>>;
     delete(unique: string): Promise<DataSourceResponse>;

package/dist-cms/shared/repository/detail-repository.interface.d.ts

@@ -1,7 +1,7 @@
 import type { DataSourceResponse, UmbDataSourceErrorResponse } from './data-source/index.js';
 import { Observable } from '../../external/rxjs/index.js';
-export interface UmbDetailRepository<CreateRequestType = any, CreateResponseType = any, UpdateRequestType = any, ResponseType = any> {
-    createScaffold(parentId: string | null, preset?: Partial<CreateRequestType>): Promise<DataSourceResponse<CreateRequestType>>;
+export interface UmbDetailRepository<CreateRequestType = any, CreateResponseType = any, UpdateRequestType = any, ResponseType = any, CreateScaffoldPresetType = Partial<CreateRequestType>> {
+    createScaffold(parentId: string | null, preset?: Partial<CreateRequestType> | CreateScaffoldPresetType): Promise<DataSourceResponse<CreateRequestType>>;
     requestById(id: string): Promise<DataSourceResponse<ResponseType | undefined>>;
     byId(id: string): Promise<Observable<ResponseType | undefined>>;
     create(data: CreateRequestType): Promise<DataSourceResponse<CreateResponseType>>;