@umbraco-cms/backoffice 14.0.0-d87d656d → 14.0.0-d9a74398

package/dist-cms/packages/core/extension-registry/models/property-editor.model.d.ts

@@ -1,5 +1,5 @@
 import type { UmbPropertyEditorExtensionElement } from '../interfaces/index.js';
-import { type UmbDataTypeConfig } from '../../property-editor/index.js';
+import type { UmbDataTypeConfig } from '../../property-editor/index.js';
 import type { ManifestElement, ManifestBase } from '../../../../libs/extension-api/index.js';
 export interface ManifestPropertyEditorUi extends ManifestElement<UmbPropertyEditorExtensionElement> {
     type: 'propertyEditorUi';
@@ -7,9 +7,28 @@ export interface ManifestPropertyEditorUi extends ManifestElement<UmbPropertyEdi
 }
 export interface MetaPropertyEditorUi {
     label: string;
-    propertyEditorSchemaAlias: string;
     icon: string;
+    /**
+     * The group that this property editor UI belongs to, which will be used to group the property editor UIs in the property editor picker.
+     * If not specified, the property editor UI will be grouped under "Common".
+     * @default "Common"
+     * @examples [
+     *  "Common",
+     * 	"Content",
+     * 	"Media"
+     * ]
+     */
     group: string;
+    /**
+     * The alias of the property editor schema that this property editor UI is for.
+     * If not specified, the property editor UI can only be used to configure other property editors.
+     * @examples [
+     * 	"Umbraco.TextBox",
+     * 	"Umbraco.TextArea",
+     * 	"Umbraco.Label",
+     * ]
+     */
+    propertyEditorSchemaAlias?: string;
     settings?: PropertyEditorSettings;
     supportsReadOnly?: boolean;
 }

package/dist-cms/packages/core/extension-registry/models/section-sidebar-app.model.d.ts

@@ -1,11 +1,8 @@
+import { ConditionTypes } from '../conditions/types.js';
 import type { UmbSectionSidebarAppExtensionElement } from '../interfaces/section-sidebar-app-extension-element.interface.js';
-import type { ManifestElement } from '../../../../libs/extension-api/index.js';
-export interface ManifestSectionSidebarApp extends ManifestElement<UmbSectionSidebarAppExtensionElement> {
+import type { ManifestElement, ManifestWithDynamicConditions } from '../../../../libs/extension-api/index.js';
+export interface ManifestSectionSidebarApp extends ManifestElement<UmbSectionSidebarAppExtensionElement>, ManifestWithDynamicConditions<ConditionTypes> {
     type: 'sectionSidebarApp';
-    conditions: ConditionsSectionSidebarApp;
-}
-export interface ConditionsSectionSidebarApp {
-    sections: Array<string>;
 }
 export interface ManifestSectionSidebarAppBaseMenu extends ManifestSectionSidebarApp {
     type: 'sectionSidebarApp';

package/dist-cms/packages/core/extension-registry/models/section-view.model.d.ts

@@ -1,6 +1,7 @@
+import { ConditionTypes } from '../conditions/types.js';
 import type { UmbSectionViewExtensionElement } from '../interfaces/section-view-extension-element.interface.js';
-import type { ManifestElement, ManifestWithConditions } from '../../../../libs/extension-api/index.js';
-export interface ManifestSectionView extends ManifestElement<UmbSectionViewExtensionElement>, ManifestWithConditions<ConditionsSectionView> {
+import type { ManifestElement, ManifestWithDynamicConditions } from '../../../../libs/extension-api/index.js';
+export interface ManifestSectionView extends ManifestElement<UmbSectionViewExtensionElement>, ManifestWithDynamicConditions<ConditionTypes> {
     type: 'sectionView';
     meta: MetaSectionView;
 }
@@ -28,6 +29,3 @@ export interface MetaSectionView {
      */
     icon: string;
 }
-export interface ConditionsSectionView {
-    sections: Array<string>;
-}

package/dist-cms/packages/core/extension-registry/models/section.model.d.ts

@@ -1,6 +1,6 @@
 import type { UmbSectionExtensionElement } from '../interfaces/index.js';
-import type { ManifestElement } from '../../../../libs/extension-api/index.js';
-export interface ManifestSection extends ManifestElement<UmbSectionExtensionElement> {
+import type { ManifestElement, ManifestWithDynamicConditions } from '../../../../libs/extension-api/index.js';
+export interface ManifestSection extends ManifestElement<UmbSectionExtensionElement>, ManifestWithDynamicConditions {
     type: 'section';
     meta: MetaSection;
 }

package/dist-cms/packages/core/extension-registry/models/translations.model.d.ts

@@ -0,0 +1,40 @@
+import type { ManifestWithLoaderIncludingDefaultExport } from '../../../../libs/extension-api/index.js';
+import type { UmbTranslationsDictionary } from '../../../../libs/localization-api/index.js';
+export interface ManifestTranslations extends ManifestWithLoaderIncludingDefaultExport<UmbTranslationsDictionary> {
+    type: 'translations';
+    meta: MetaTranslations;
+}
+export interface MetaTranslations {
+    /**
+     * @summary The culture of the translations.
+     * @description
+     * The culture is a combination of a language and a country. The language is represented by an ISO 639-1 code and the country is represented by an ISO 3166-1 alpha-2 code.
+     * The language and country are separated by a dash.
+     * The value is used to describe the language of the translations according to the extension system
+     * and it will be set as the `lang` attribute on the `<html>` element.
+     * @see https://en.wikipedia.org/wiki/Language_localisation#Language_tags_and_codes
+     * @examples ["en-us", "en-gb", "da-dk"]
+     */
+    culture: string;
+    /**
+     * @summary The direction of the translations (left-to-right or right-to-left).
+     * @description
+     * The value is used to describe the direction of the translations according to the extension system
+     * and it will be set as the `dir` attribute on the `<html>` element. It defaults to `ltr`.
+     * @see https://en.wikipedia.org/wiki/Right-to-left
+     * @examples ["ltr"]
+     * @default "ltr"
+     */
+    direction?: 'ltr' | 'rtl';
+    /**
+     * The translations.
+     * @example
+     * {
+     *   "general": {
+     *     "cancel": "Cancel",
+     *     "close": "Close"
+     *   }
+     * }
+     */
+    translations?: UmbTranslationsDictionary;
+}

package/dist-cms/packages/core/extension-registry/models/translations.model.js

@@ -0,0 +1 @@
+export {};

package/dist-cms/packages/core/extension-registry/models/tree-item.model.d.ts

@@ -2,8 +2,8 @@ import { UmbTreeItemExtensionElement } from '../interfaces/index.js';
 import type { ManifestElement } from '../../../../libs/extension-api/index.js';
 export interface ManifestTreeItem extends ManifestElement<UmbTreeItemExtensionElement> {
     type: 'treeItem';
-    conditions: ConditionsTreeItem;
+    meta: MetaTreeItem;
 }
-export interface ConditionsTreeItem {
+export interface MetaTreeItem {
     entityTypes: Array<string>;
 }

package/dist-cms/packages/core/extension-registry/models/workspace-action.model.d.ts

@@ -1,10 +1,10 @@
+import type { ConditionTypes } from '../conditions/types.js';
 import type { InterfaceColor, InterfaceLook } from '../../../../external/uui/index.js';
-import type { ManifestElement, ClassConstructor } from '../../../../libs/extension-api/index.js';
-import { UmbWorkspaceAction } from '../../workspace/index.js';
-export interface ManifestWorkspaceAction extends ManifestElement {
+import type { ManifestElement, ClassConstructor, ManifestWithDynamicConditions } from '../../../../libs/extension-api/index.js';
+import type { UmbWorkspaceAction } from '../../workspace/index.js';
+export interface ManifestWorkspaceAction extends ManifestElement, ManifestWithDynamicConditions<ConditionTypes> {
     type: 'workspaceAction';
     meta: MetaWorkspaceAction;
-    conditions: ConditionsWorkspaceAction;
 }
 export interface MetaWorkspaceAction {
     label?: string;
@@ -12,6 +12,3 @@ export interface MetaWorkspaceAction {
     color?: InterfaceColor;
     api: ClassConstructor<UmbWorkspaceAction>;
 }
-export interface ConditionsWorkspaceAction {
-    workspaces: Array<string>;
-}

package/dist-cms/packages/core/extension-registry/models/workspace-editor-view.model.d.ts

@@ -1,9 +1,6 @@
+import { ConditionTypes } from '../conditions/types.js';
 import type { UmbWorkspaceEditorViewExtensionElement } from '../interfaces/workspace-editor-view-extension-element.interface.js';
-import type { ManifestWithView } from '../../../../libs/extension-api/index.js';
-export interface ManifestWorkspaceEditorView extends ManifestWithView<UmbWorkspaceEditorViewExtensionElement> {
+import type { ManifestWithDynamicConditions, ManifestWithView } from '../../../../libs/extension-api/index.js';
+export interface ManifestWorkspaceEditorView extends ManifestWithView<UmbWorkspaceEditorViewExtensionElement>, ManifestWithDynamicConditions<ConditionTypes> {
     type: 'workspaceEditorView';
-    conditions: ConditionsWorkspaceView;
-}
-export interface ConditionsWorkspaceView {
-    workspaces: string[];
 }

package/dist-cms/packages/core/extension-registry/models/workspace-view-collection.model.d.ts

@@ -1,5 +1,6 @@
-import type { ManifestWithConditions, ManifestWithView, MetaManifestWithView } from '../../../../libs/extension-api/index.js';
-export interface ManifestWorkspaceViewCollection extends ManifestWithView, ManifestWithConditions<ConditionsEditorViewCollection> {
+import { ConditionTypes } from '../conditions/types.js';
+import type { ManifestWithDynamicConditions, ManifestWithView, MetaManifestWithView } from '../../../../libs/extension-api/index.js';
+export interface ManifestWorkspaceViewCollection extends ManifestWithView, ManifestWithDynamicConditions<ConditionTypes> {
     type: 'workspaceViewCollection';
     meta: MetaEditorViewCollection;
 }
@@ -20,30 +21,3 @@ export interface MetaEditorViewCollection extends MetaManifestWithView {
      */
     repositoryAlias: string;
 }
-export interface ConditionsEditorViewCollection {
-    /**
-     * The workspaces that this view collection should be available in
-     *
-     * @examples [
-     * "Umb.Workspace.DataType",
-     * "Umb.Workspace.Dictionary",
-     * "Umb.Workspace.Document",
-     * "Umb.Workspace.DocumentType",
-     * "Umb.Workspace.Language",
-     * "Umb.Workspace.LanguageRoot",
-     * "Umb.Workspace.LogviewerRoot",
-     * "Umb.Workspace.Media",
-     * "Umb.Workspace.MediaType",
-     * "Umb.Workspace.Member",
-     * "Umb.Workspace.MemberType",
-     * "Umb.Workspace.MemberGroup",
-     * "Umb.Workspace.Package",
-     * "Umb.Workspace.PackageBuilder",
-     * "Umb.Workspace.PartialView",
-     * "Umb.Workspace.RelationType",
-     * "Umb.Workspace.Stylesheet",
-     * "Umb.Workspace.Template"
-     * ]
-     */
-    workspaces: string[];
-}

package/dist-cms/packages/core/extension-registry/{class-extensions-initializer.d.ts → multi-extensions-class-initializer.d.ts}

@@ -1,13 +1,13 @@
 import { UmbBaseController, UmbControllerHostElement } from '../../../libs/controller-api/index.js';
 /**
- * Initializes extension classes for a host element.
+ * Initializes multiple extensions classes for a host element.
  * Extension class will be given one argument, the host element.
  *
  * @param host The host element to initialize extension classes for.
  * @param extensionTypes The extension types(strings) to initialize.
  *
  */
-export declare class UmbClassExtensionsInitializer extends UmbBaseController {
+export declare class UmbMultiExtensionsClassInitializer extends UmbBaseController {
     #private;
     constructor(host: UmbControllerHostElement, extensionTypes: Array<string>);
     destroy(): void;

package/dist-cms/packages/core/extension-registry/{class-extensions-initializer.js → multi-extensions-class-initializer.js}

@@ -2,23 +2,31 @@ import { createExtensionClass } from '../../../libs/extension-api/index.js';
 import { umbExtensionsRegistry } from './index.js';
 import { UmbBaseController } from '../../../libs/controller-api/index.js';
 /**
- * Initializes extension classes for a host element.
+ * Initializes multiple extensions classes for a host element.
  * Extension class will be given one argument, the host element.
  *
  * @param host The host element to initialize extension classes for.
  * @param extensionTypes The extension types(strings) to initialize.
  *
  */
-export class UmbClassExtensionsInitializer extends UmbBaseController {
+export class UmbMultiExtensionsClassInitializer extends UmbBaseController {
     #extensionMap = new Map();
     constructor(host, extensionTypes) {
         super(host);
         this.observe(umbExtensionsRegistry.extensionsOfTypes(extensionTypes), (extensions) => {
             if (!extensions)
                 return;
+            // Clean up removed extensions:
+            this.#extensionMap.forEach((value, key) => {
+                if (!extensions.find((incoming) => incoming.alias === key)) {
+                    this.#extensionMap.delete(key);
+                    value.destroy();
+                }
+            });
             extensions.forEach((extension) => {
                 if (this.#extensionMap.has(extension.alias))
                     return;
+                // Notice, currently no way to re-initialize an extension class if it changes. But that does not seem necessary currently. (Otherwise look at implementing the UmbExtensionClassInitializer)
                 // Instantiate and provide extension JS class. For Context API the classes provide them selfs when the class instantiates.
                 this.#extensionMap.set(extension.alias, createExtensionClass(extension, [this._host]));
             });

package/dist-cms/packages/core/index.d.ts

@@ -1,4 +1,5 @@
 import type { UmbEntryPointOnInit } from '../../libs/extension-api/index.js';
+export * from './localization/index.js';
 export * from './action/index.js';
 export * from './collection/index.js';
 export * from './components/index.js';

package/dist-cms/packages/core/index.js

@@ -1,15 +1,18 @@
 import { UmbBackofficeNotificationContainerElement, UmbBackofficeModalContainerElement } from './components/index.js';
 import { manifests as debugManifests } from './debug/manifests.js';
+import { manifests as localizationManifests } from './localization/manifests.js';
 import { manifests as propertyActionManifests } from './property-action/manifests.js';
 import { manifests as propertyEditorManifests } from './property-editor/manifests.js';
 import { manifests as tinyMcePluginManifests } from './property-editor/uis/tiny-mce/plugins/manifests.js';
 import { manifests as workspaceManifests } from './workspace/manifests.js';
 import { manifests as modalManifests } from './modal/common/manifests.js';
 import { manifests as themeManifests } from './themes/manifests.js';
+import { manifests as conditionManifests } from './extension-registry/conditions/manifests.js';
 import { UmbNotificationContext, UMB_NOTIFICATION_CONTEXT_TOKEN } from './notification/index.js';
 import { UmbModalManagerContext, UMB_MODAL_MANAGER_CONTEXT_TOKEN } from './modal/index.js';
 import { UmbContextProviderController } from '../../libs/context-api/index.js';
-import { UmbClassExtensionsInitializer, } from './extension-registry/index.js';
+import { UmbMultiExtensionsClassInitializer, } from './extension-registry/index.js';
+export * from './localization/index.js';
 export * from './action/index.js';
 export * from './collection/index.js';
 export * from './components/index.js';
@@ -33,7 +36,9 @@ export * from './tree/index.js';
 export * from './variant/index.js';
 export * from './workspace/index.js';
 const manifests = [
+    ...conditionManifests,
     ...debugManifests,
+    ...localizationManifests,
     ...propertyActionManifests,
     ...propertyEditorManifests,
     ...tinyMcePluginManifests,
@@ -42,7 +47,7 @@ const manifests = [
     ...themeManifests,
 ];
 export const onInit = (host, extensionRegistry) => {
-    new UmbClassExtensionsInitializer(host, ['globalContext', 'store', 'treeStore', 'itemStore']);
+    new UmbMultiExtensionsClassInitializer(host, ['globalContext', 'store', 'treeStore', 'itemStore']);
     extensionRegistry.registerMany(manifests);
     const notificationContainerElement = new UmbBackofficeNotificationContainerElement();
     host.appendChild(notificationContainerElement);

package/dist-cms/packages/core/localization/index.d.ts

@@ -0,0 +1,2 @@
+import './localize.element.js';
+export * from './registry/translation.registry.js';

package/dist-cms/packages/core/localization/index.js

@@ -0,0 +1,2 @@
+import './localize.element.js';
+export * from './registry/translation.registry.js';

package/dist-cms/packages/core/localization/localize.element.d.ts

@@ -0,0 +1,34 @@
+import { UmbLitElement } from '../../../shared/lit-element/index.js';
+/**
+ * This element allows you to localize a string with optional interpolation values.
+ * @element umb-localize
+ * @slot - The fallback value if the key is not found.
+ */
+export declare class UmbLocalizeElement extends UmbLitElement {
+    /**
+     * The key to localize. The key is case sensitive.
+     * @attr
+     * @example key="general_ok"
+     */
+    key: string;
+    /**
+     * The values to forward to the localization function (must be JSON compatible).
+     * @attr
+     * @example args="[1,2,3]"
+     * @type {any[] | undefined}
+     */
+    args?: unknown[];
+    /**
+     * If true, the key will be rendered instead of the localized value if the key is not found.
+     * @attr
+     */
+    debug: boolean;
+    protected get text(): string;
+    protected render(): import("lit-html").TemplateResult<1>;
+    static styles: import("@lit/reactive-element/css-tag").CSSResult[];
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'umb-localize': UmbLocalizeElement;
+    }
+}

package/dist-cms/packages/core/localization/localize.element.js

@@ -0,0 +1,64 @@
+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 { css, customElement, html, property, state, unsafeHTML } from '../../../external/lit/index.js';
+import { UmbLitElement } from '../../../shared/lit-element/index.js';
+/**
+ * This element allows you to localize a string with optional interpolation values.
+ * @element umb-localize
+ * @slot - The fallback value if the key is not found.
+ */
+export let UmbLocalizeElement = class UmbLocalizeElement extends UmbLitElement {
+    constructor() {
+        super(...arguments);
+        /**
+         * If true, the key will be rendered instead of the localized value if the key is not found.
+         * @attr
+         */
+        this.debug = false;
+    }
+    get text() {
+        const localizedValue = this.localize.term(this.key, ...(this.args ?? []));
+        // If the value is the same as the key, it means the key was not found.
+        if (localizedValue === this.key) {
+            this.getHostElement().setAttribute('data-localize-missing', this.key);
+            return '';
+        }
+        this.getHostElement().removeAttribute('data-localize-missing');
+        return localizedValue;
+    }
+    render() {
+        return this.text
+            ? html `${unsafeHTML(this.text)}`
+            : this.debug
+                ? html `<span style="color:red">${this.key}</span>`
+                : html `<slot></slot>`;
+    }
+    static { this.styles = [
+        css `
+			:host {
+				display: contents;
+			}
+		`,
+    ]; }
+};
+__decorate([
+    property()
+], UmbLocalizeElement.prototype, "key", void 0);
+__decorate([
+    property({
+        type: Array,
+    })
+], UmbLocalizeElement.prototype, "args", void 0);
+__decorate([
+    property()
+], UmbLocalizeElement.prototype, "debug", void 0);
+__decorate([
+    state()
+], UmbLocalizeElement.prototype, "text", null);
+UmbLocalizeElement = __decorate([
+    customElement('umb-localize')
+], UmbLocalizeElement);

package/dist-cms/packages/core/localization/manifests.d.ts

@@ -0,0 +1,2 @@
+import { ManifestTypes } from '../extension-registry/index.js';
+export declare const manifests: Array<ManifestTypes>;

package/dist-cms/packages/core/localization/manifests.js

@@ -0,0 +1,23 @@
+const translationManifests = [
+    {
+        type: 'translations',
+        alias: 'Umb.Translations.En_US',
+        weight: -100,
+        name: 'English (US)',
+        meta: {
+            culture: 'en-us',
+        },
+        loader: () => import('../../../assets/lang/en-us.js'),
+    },
+    {
+        type: 'translations',
+        alias: 'Umb.Translations.Da_DK',
+        weight: -100,
+        name: 'Dansk (Danmark)',
+        meta: {
+            culture: 'da-dk',
+        },
+        loader: () => import('../../../assets/lang/da-dk.js'),
+    },
+];
+export const manifests = [...translationManifests];

package/dist-cms/packages/core/localization/registry/translation.registry.d.ts

@@ -0,0 +1,17 @@
+import { TranslationSet } from '../../../../libs/localization-api/index.js';
+import { UmbBackofficeExtensionRegistry } from '../../extension-registry/index.js';
+export declare class UmbTranslationRegistry {
+    #private;
+    /**
+     * Get the current registered translations.
+     */
+    get translations(): Map<string, TranslationSet>;
+    get isDefaultLoaded(): import("rxjs/internal/Observable").Observable<boolean>;
+    constructor(extensionRegistry: UmbBackofficeExtensionRegistry);
+    /**
+     * Load a language from the extension registry.
+     * @param locale The locale to load.
+     */
+    loadLanguage(locale: string): void;
+}
+export declare const umbTranslationRegistry: UmbTranslationRegistry;

package/dist-cms/packages/core/localization/registry/translation.registry.js

@@ -0,0 +1,79 @@
+import { registerTranslation, translations, } from '../../../../libs/localization-api/index.js';
+import { hasDefaultExport, loadExtension } from '../../../../libs/extension-api/index.js';
+import { umbExtensionsRegistry } from '../../extension-registry/index.js';
+import { BehaviorSubject, Subject, combineLatest, map, distinctUntilChanged, filter, startWith } from '../../../../external/rxjs/index.js';
+export class UmbTranslationRegistry {
+    /**
+     * Get the current registered translations.
+     */
+    get translations() {
+        return translations;
+    }
+    get isDefaultLoaded() {
+        return this.#isDefaultLoaded.asObservable();
+    }
+    #currentLanguage = new Subject();
+    #isDefaultLoaded = new BehaviorSubject(false);
+    constructor(extensionRegistry) {
+        const currentLanguage$ = this.#currentLanguage.pipe(startWith(document.documentElement.lang || 'en-us'), map((x) => x.toLowerCase()), distinctUntilChanged());
+        const currentExtensions$ = extensionRegistry.extensionsOfType('translations').pipe(filter((x) => x.length > 0), distinctUntilChanged((prev, curr) => prev.length === curr.length && prev.every((x) => curr.includes(x))));
+        combineLatest([currentLanguage$, currentExtensions$]).subscribe(async ([userCulture, extensions]) => {
+            const locale = new Intl.Locale(userCulture);
+            const translations = await Promise.all(extensions
+                .filter((x) => x.meta.culture.toLowerCase() === locale.baseName.toLowerCase() ||
+                x.meta.culture.toLowerCase() === locale.language.toLowerCase())
+                .map(async (extension) => {
+                const innerDictionary = {};
+                // If extension contains a dictionary, add it to the inner dictionary.
+                if (extension.meta.translations) {
+                    for (const [dictionaryName, dictionary] of Object.entries(extension.meta.translations)) {
+                        this.#addOrUpdateDictionary(innerDictionary, dictionaryName, dictionary);
+                    }
+                }
+                // If extension contains a js file, load it and add the default dictionary to the inner dictionary.
+                const loadedExtension = await loadExtension(extension);
+                if (loadedExtension && hasDefaultExport(loadedExtension)) {
+                    for (const [dictionaryName, dictionary] of Object.entries(loadedExtension.default)) {
+                        this.#addOrUpdateDictionary(innerDictionary, dictionaryName, dictionary);
+                    }
+                }
+                // Notify subscribers that the inner dictionary has changed.
+                return {
+                    $code: extension.meta.culture.toLowerCase(),
+                    $dir: extension.meta.direction ?? 'ltr',
+                    ...innerDictionary,
+                };
+            }));
+            if (translations.length) {
+                registerTranslation(...translations);
+                // Set the document language
+                const newLang = locale.baseName.toLowerCase();
+                if (document.documentElement.lang.toLowerCase() !== newLang) {
+                    document.documentElement.lang = newLang;
+                }
+                // Set the document direction to the direction of the primary language
+                const newDir = translations[0].$dir ?? 'ltr';
+                if (document.documentElement.dir !== newDir) {
+                    document.documentElement.dir = newDir;
+                }
+            }
+            if (!this.#isDefaultLoaded.value) {
+                this.#isDefaultLoaded.next(true);
+                this.#isDefaultLoaded.complete();
+            }
+        });
+    }
+    /**
+     * Load a language from the extension registry.
+     * @param locale The locale to load.
+     */
+    loadLanguage(locale) {
+        this.#currentLanguage.next(locale);
+    }
+    #addOrUpdateDictionary(innerDictionary, dictionaryName, dictionary) {
+        for (const [key, value] of Object.entries(dictionary)) {
+            innerDictionary[`${dictionaryName}_${key}`] = value;
+        }
+    }
+}
+export const umbTranslationRegistry = new UmbTranslationRegistry(umbExtensionsRegistry);

package/dist-cms/packages/core/menu/index.d.ts

@@ -1,3 +1,4 @@
 export * from './menu-item/index.js';
 export * from './menu-item-base/index.js';
 export * from './menu.element.js';
+export * from './menu.context.js';

package/dist-cms/packages/core/menu/index.js

@@ -1,3 +1,4 @@
 export * from './menu-item/index.js';
 export * from './menu-item-base/index.js';
 export * from './menu.element.js';
+export * from './menu.context.js';

package/dist-cms/packages/core/menu/menu.context.d.ts

@@ -0,0 +1,9 @@
+import type { ManifestMenu } from '../extension-registry/models/index.js';
+import { UmbContextToken } from '../../../libs/context-api/index.js';
+export declare class UmbMenuContext {
+    #private;
+    readonly manifest: import("rxjs").Observable<ManifestMenu | undefined>;
+    readonly alias: import("rxjs").Observable<string | undefined>;
+    setManifest(manifest: ManifestMenu | undefined): void;
+}
+export declare const UMB_MENU_CONTEXT_TOKEN: UmbContextToken<UmbMenuContext>;

package/dist-cms/packages/core/menu/menu.context.js

@@ -0,0 +1,14 @@
+import { UmbContextToken } from '../../../libs/context-api/index.js';
+import { UmbDeepState } from '../../../libs/observable-api/index.js';
+export class UmbMenuContext {
+    constructor() {
+        this.#manifest = new UmbDeepState(undefined);
+        this.manifest = this.#manifest.asObservable();
+        this.alias = this.#manifest.asObservablePart((x) => x?.alias);
+    }
+    #manifest;
+    setManifest(manifest) {
+        this.#manifest.next(manifest);
+    }
+}
+export const UMB_MENU_CONTEXT_TOKEN = new UmbContextToken('UMB_MENU_CONTEXT_TOKEN');

package/dist-cms/packages/core/menu/menu.element.d.ts

@@ -3,6 +3,7 @@ import { UmbLitElement } from '../../../shared/lit-element/index.js';
 import './menu-item/menu-item.element.js';
 export declare class UmbMenuElement extends UmbLitElement {
     manifest?: ManifestMenu;
+    constructor();
     render(): import("lit-html").TemplateResult<1>;
     static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];
 }

package/dist-cms/packages/core/menu/menu.element.js

@@ -9,16 +9,20 @@ import { html, customElement, property } from '../../../external/lit/index.js';
 import { UmbLitElement } from '../../../shared/lit-element/index.js';
 import './menu-item/menu-item.element.js';
 export let UmbMenuElement = class UmbMenuElement extends UmbLitElement {
+    constructor() {
+        super();
+        //this.provideContext(UMB_MENU_CONTEXT_TOKEN, new UmbMenuContext());
+    }
     render() {
         return html ` <umb-extension-slot
 			type="menuItem"
-			.filter=${(items) => items.conditions.menus.includes(this.manifest.alias)}
+			.filter=${(items) => items.meta.menus.includes(this.manifest.alias)}
 			default-element="umb-menu-item"></umb-extension-slot>`;
     }
     static { this.styles = [UUITextStyles]; }
 };
 __decorate([
-    property()
+    property({ attribute: false })
 ], UmbMenuElement.prototype, "manifest", void 0);
 UmbMenuElement = __decorate([
     customElement('umb-menu')

package/dist-cms/packages/core/modal/common/folder/folder-modal.element.d.ts

@@ -1,13 +1,13 @@
 import { UmbFolderModalData, UmbFolderModalResult, UmbModalContext } from '../../index.js';
 import { UmbLitElement } from '../../../../../shared/lit-element/index.js';
-import { FolderReponseModel } from '../../../../../external/backend-api/index.js';
+import { FolderResponseModel } from '../../../../../external/backend-api/index.js';
 export declare class UmbFolderModalElement extends UmbLitElement {
     #private;
     modalContext?: UmbModalContext<UmbFolderModalData, UmbFolderModalResult>;
     private _data?;
     get data(): UmbFolderModalData | undefined;
     set data(value: UmbFolderModalData | undefined);
-    _folder?: FolderReponseModel;
+    _folder?: FolderResponseModel;
     _headline?: string;
     _isNew: boolean;
     private _formElement?;