@umbraco-cms/backoffice 14.0.0-c5787966 → 14.0.0-d1fdb88f

package/dist-cms/packages/core/components/input-section/input-section.element.js

@@ -5,7 +5,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { UmbInputListBaseElement } from '../input-list-base/input-list-base.js';
-import { UUITextStyles } from '../../../../external/uui/index.js';
+import { UmbTextStyles } from "../../../../shared/style/index.js";
 import { css, html, nothing, customElement, state } from '../../../../external/lit/index.js';
 import { UMB_SECTION_PICKER_MODAL } from '../../modal/index.js';
 import { umbExtensionsRegistry } from '../../extension-registry/index.js';
@@ -54,7 +54,7 @@ export let UmbInputPickerSectionElement = class UmbInputPickerSectionElement ext
 		`;
     }
     static { this.styles = [
-        UUITextStyles,
+        UmbTextStyles,
         css `
 			:host {
 				display: flex;

package/dist-cms/packages/core/components/input-slider/input-slider.element.d.ts

@@ -10,7 +10,6 @@ export declare class UmbInputSliderElement extends UmbInputSliderElement_base {
     enableRange: boolean;
     protected getFormElement(): undefined;
     render(): import("lit-html").TemplateResult<1>;
-    static styles: import("@lit/reactive-element/css-tag").CSSResult[];
 }
 export default UmbInputSliderElement;
 declare global {

package/dist-cms/packages/core/components/input-slider/input-slider.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 { css, html, customElement, property } from '../../../../external/lit/index.js';
-import { UUITextStyles, FormControlMixin } from '../../../../external/uui/index.js';
+import { html, customElement, property } from '../../../../external/lit/index.js';
+import { FormControlMixin } from '../../../../external/uui/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
 export let UmbInputSliderElement = class UmbInputSliderElement extends FormControlMixin(UmbLitElement) {
     constructor() {
@@ -48,7 +48,6 @@ export let UmbInputSliderElement = class UmbInputSliderElement extends FormContr
 			.valueHigh="${this.initVal2}"
 			@change="${this.#onChange}"></uui-range-slider>`;
     }
-    static { this.styles = [UUITextStyles, css ``]; }
 };
 __decorate([
     property({ type: Number })

package/dist-cms/packages/core/components/input-tiny-mce/input-tiny-mce.element.js

@@ -8,7 +8,7 @@ import { defaultExtendedValidElements, defaultFallbackConfig, defaultStyleFormat
 import { pastePreProcessHandler, uploadImageHandler } from './input-tiny-mce.handlers.js';
 import { availableLanguages } from './input-tiny-mce.languages.js';
 import { uriAttributeSanitizer } from './input-tiny-mce.sanitizer.js';
-import { FormControlMixin, UUITextStyles } from '../../../../external/uui/index.js';
+import { FormControlMixin } from '../../../../external/uui/index.js';
 import { renderEditor } from '../../../../external/tinymce/index.js';
 import { hasDefaultExport, loadExtension } from '../../../../libs/extension-api/index.js';
 import { umbExtensionsRegistry } from '../../extension-registry/index.js';
@@ -230,7 +230,6 @@ export let UmbInputTinyMceElement = class UmbInputTinyMceElement extends FormCon
         return html `<div id="editor"></div>`;
     }
     static { this.styles = [
-        UUITextStyles,
         css `
 			#editor {
 				position: relative;

package/dist-cms/packages/core/components/input-toggle/input-toggle.element.js

@@ -5,7 +5,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { css, html, customElement, property, state } from '../../../../external/lit/index.js';
-import { UUITextStyles, FormControlMixin } from '../../../../external/uui/index.js';
+import { FormControlMixin } from '../../../../external/uui/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
 export let UmbInputToggleElement = class UmbInputToggleElement extends FormControlMixin(UmbLitElement) {
     set checked(toggle) {
@@ -43,7 +43,6 @@ export let UmbInputToggleElement = class UmbInputToggleElement extends FormContr
 			@change="${this.#onChange}"></uui-toggle>`;
     }
     static { this.styles = [
-        UUITextStyles,
         css `
 			uui-toggle {
 				width: 100%;

package/dist-cms/packages/core/components/input-upload-field/input-upload-field.element.js

@@ -5,7 +5,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { css, html, nothing, map, ifDefined, customElement, property, query, state, } from '../../../../external/lit/index.js';
-import { UUITextStyles, FormControlMixin } from '../../../../external/uui/index.js';
+import { FormControlMixin } from '../../../../external/uui/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
 import './input-upload-field-file.element.js';
 export let UmbInputUploadFieldElement = class UmbInputUploadFieldElement extends FormControlMixin(UmbLitElement) {
@@ -100,7 +100,6 @@ export let UmbInputUploadFieldElement = class UmbInputUploadFieldElement extends
         this._currentFiles = [];
     }
     static { this.styles = [
-        UUITextStyles,
         css `
 			uui-icon {
 				vertical-align: sub;

package/dist-cms/packages/core/components/property-editor-config/property-editor-config.element.js

@@ -5,7 +5,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { html, customElement, property, state, ifDefined } from '../../../../external/lit/index.js';
-import { UUITextStyles } from '../../../../external/uui/index.js';
+import { UmbTextStyles } from "../../../../shared/style/index.js";
 import { umbExtensionsRegistry, } from '../../extension-registry/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
 import { UMB_PROPERTY_EDITOR_SCHEMA_ALIAS_DEFAULT } from '../../property-editor/index.js';
@@ -101,7 +101,7 @@ export let UmbPropertyEditorConfigElement = class UmbPropertyEditorConfigElement
             : html `<div>No configuration</div>`}
 		`;
     }
-    static { this.styles = [UUITextStyles]; }
+    static { this.styles = [UmbTextStyles]; }
 };
 __decorate([
     property({ type: String, attribute: 'property-editor-ui-alias' })

package/dist-cms/packages/core/components/property-type-based-property/property-type-based-property.element.js

@@ -4,11 +4,11 @@ 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 { UUITextStyles } from '../../../../external/uui/index.js';
+import { UmbTextStyles } from "../../../../shared/style/index.js";
 import { css, html, ifDefined, customElement, property, state } from '../../../../external/lit/index.js';
 import { UmbDataTypeRepository } from '../../../settings/data-types/index.js';
+import { UMB_DOCUMENT_WORKSPACE_CONTEXT } from '../../../documents/documents/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
-import { UMB_WORKSPACE_CONTEXT } from '../../workspace/index.js';
 import { umbExtensionsRegistry } from '../../extension-registry/index.js';
 export let UmbPropertyTypeBasedPropertyElement = class UmbPropertyTypeBasedPropertyElement extends UmbLitElement {
     get property() {
@@ -43,7 +43,7 @@ export let UmbPropertyTypeBasedPropertyElement = class UmbPropertyTypeBasedPrope
     constructor() {
         super();
         this._dataTypeRepository = new UmbDataTypeRepository(this);
-        this.consumeContext(UMB_WORKSPACE_CONTEXT, (workspaceContext) => {
+        this.consumeContext(UMB_DOCUMENT_WORKSPACE_CONTEXT, (workspaceContext) => {
             this._workspaceContext = workspaceContext;
             this._observeProperty();
         });
@@ -88,7 +88,7 @@ export let UmbPropertyTypeBasedPropertyElement = class UmbPropertyTypeBasedPrope
 			.config=${this._dataTypeData}></umb-workspace-property>`;
     }
     static { this.styles = [
-        UUITextStyles,
+        UmbTextStyles,
         css `
 			:host {
 				display: block;

package/dist-cms/packages/core/components/table/table.element.js

@@ -4,7 +4,7 @@ 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 { UUITextStyles } from '../../../../external/uui/index.js';
+import { UmbTextStyles } from "../../../../shared/style/index.js";
 import { css, html, LitElement, ifDefined, when, customElement, property, state, repeat, } from '../../../../external/lit/index.js';
 export class UmbTableSelectedEvent extends Event {
     constructor() {
@@ -178,7 +178,7 @@ export let UmbTableElement = class UmbTableElement extends LitElement {
         return value;
     }
     static { this.styles = [
-        UUITextStyles,
+        UmbTextStyles,
         css `
 			:host {
 				height: fit-content;

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

@@ -4,7 +4,7 @@ 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 { UUITextStyles } from '../../../../external/uui/index.js';
+import { UmbTextStyles } from "../../../../shared/style/index.js";
 import { css, html, LitElement, nothing, repeat, customElement, property } from '../../../../external/lit/index.js';
 export let UmbTooltipMenuElement = class UmbTooltipMenuElement extends LitElement {
     constructor() {
@@ -41,7 +41,7 @@ export let UmbTooltipMenuElement = class UmbTooltipMenuElement extends LitElemen
         return repeat(this.items, (item) => item.label, (item) => this._renderItem(item));
     }
     static { this.styles = [
-        UUITextStyles,
+        UmbTextStyles,
         css `
 			:host {
 				display: flex;

package/dist-cms/packages/core/components/variant-selector/variant-selector.element.js

@@ -4,7 +4,7 @@ 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 { UUITextStyles, UUIInputEvent } from '../../../../external/uui/index.js';
+import { UUIInputEvent } from '../../../../external/uui/index.js';
 import { css, html, nothing, customElement, property, state, ifDefined } from '../../../../external/lit/index.js';
 import { UMB_WORKSPACE_VARIANT_CONTEXT_TOKEN, } from '../../workspace/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
@@ -175,7 +175,6 @@ export let UmbVariantSelectorElement = class UmbVariantSelectorElement extends U
 		`;
     }
     static { this.styles = [
-        UUITextStyles,
         css `
 			#name-input {
 				width: 100%;

package/dist-cms/packages/core/content-type/content-type-property-structure-helper.class.d.ts

@@ -8,6 +8,7 @@ export declare class UmbContentTypePropertyStructureHelper {
     private _containerName?;
     readonly propertyStructure: import("rxjs").Observable<PropertyTypeModelBaseModel[]>;
     constructor(host: UmbControllerHostElement);
+    getOwnerDocumentTypes(): import("rxjs").Observable<import("../../../external/backend-api/index.js").DocumentTypeResponseModel[]> | undefined;
     setStructureManager(structure: UmbContentTypePropertyStructureManager): void;
     setContainerType(value?: PropertyContainerTypes): void;
     getContainerType(): PropertyContainerTypes | undefined;
@@ -18,6 +19,7 @@ export declare class UmbContentTypePropertyStructureHelper {
     private _observeGroupContainers;
     private _observePropertyStructureOf;
     /** Manipulate methods: */
+    createPropertyScaffold(ownerId?: string, sortOrder?: number): Promise<PropertyTypeModelBaseModel | undefined>;
     addProperty(ownerId?: string, sortOrder?: number): Promise<PropertyTypeModelBaseModel | undefined>;
     insertProperty(property: PropertyTypeModelBaseModel, sortOrder?: number): Promise<boolean>;
     removeProperty(propertyId: string): Promise<boolean>;

package/dist-cms/packages/core/content-type/content-type-property-structure-helper.class.js

@@ -15,6 +15,9 @@ export class UmbContentTypePropertyStructureHelper {
         // TODO: Remove as any when sortOrder is implemented:
         this.#propertyStructure.sortBy((a, b) => (a.sortOrder ?? 0) - (b.sortOrder ?? 0));
     }
+    getOwnerDocumentTypes() {
+        return this.#structure?.documentTypes;
+    }
     setStructureManager(structure) {
         this.#structure = structure;
         this.#initResolver?.(undefined);
@@ -77,6 +80,12 @@ export class UmbContentTypePropertyStructureHelper {
     }
     // TODO: consider moving this to another class, to separate 'viewer' from 'manipulator':
     /** Manipulate methods: */
+    async createPropertyScaffold(ownerId, sortOrder) {
+        await this.#init;
+        if (!this.#structure)
+            return;
+        return await this.#structure.createPropertyScaffold(ownerId, sortOrder);
+    }
     async addProperty(ownerId, sortOrder) {
         await this.#init;
         if (!this.#structure)

package/dist-cms/packages/core/content-type/content-type-structure-manager.class.d.ts

@@ -37,6 +37,7 @@ export declare class UmbContentTypePropertyStructureManager<R extends UmbDetailR
     makeContainerNameUniqueForOwnerDocument(newName: string, containerType?: PropertyContainerTypes, parentId?: string | null): string | null;
     updateContainer(documentTypeId: string | null, containerId: string, partialUpdate: Partial<PropertyTypeContainerModelBaseModel>): Promise<void>;
     removeContainer(documentTypeKey: string | null, containerId?: string | null): Promise<void>;
+    createPropertyScaffold(containerId?: string | null, sortOrder?: number): PropertyTypeModelBaseModel;
     createProperty(documentTypeId: string | null, containerId?: string | null, sortOrder?: number): Promise<PropertyTypeModelBaseModel>;
     insertProperty(documentTypeId: string | null, property: PropertyTypeModelBaseModel): Promise<void>;
     removeProperty(documentTypeId: string | null, propertyId: string): Promise<void>;

package/dist-cms/packages/core/content-type/content-type-structure-manager.class.js

@@ -139,10 +139,10 @@ export class UmbContentTypePropertyStructureManager {
         return container;
     }
     makeContainerNameUniqueForOwnerDocument(newName, containerType = 'Tab', parentId = null) {
-        const ownerRootContainers = this.getOwnerContainers(containerType, parentId);
+        const ownerRootContainers = this.getOwnerContainers(containerType); //getRootContainers() can't differentiates between compositions and locals
         let changedName = newName;
         if (ownerRootContainers) {
-            while (ownerRootContainers.find((tab) => tab.name === changedName)) {
+            while (ownerRootContainers.find((tab) => tab.name === changedName && tab.id !== parentId)) {
                 changedName = incrementString(changedName);
             }
             return changedName === newName ? null : changedName;
@@ -163,9 +163,7 @@ export class UmbContentTypePropertyStructureManager {
         const containers = frozenContainers.filter((x) => x.id !== containerId);
         this.#documentTypes.updateOne(documentTypeKey, { containers });
     }
-    async createProperty(documentTypeId, containerId = null, sortOrder) {
-        await this.#init;
-        documentTypeId = documentTypeId ?? this.#ownerDocumentTypeId;
+    createPropertyScaffold(containerId = null, sortOrder) {
         const property = {
             id: UmbId.new(),
             containerId: containerId,
@@ -186,6 +184,12 @@ export class UmbContentTypePropertyStructureManager {
             },
             sortOrder: sortOrder ?? 0,
         }; // Sort order was not allowed when this was written.
+        return property;
+    }
+    async createProperty(documentTypeId, containerId = null, sortOrder) {
+        await this.#init;
+        documentTypeId = documentTypeId ?? this.#ownerDocumentTypeId;
+        const property = this.createPropertyScaffold(containerId, sortOrder);
         const properties = [...(this.#documentTypes.getValue().find((x) => x.id === documentTypeId)?.properties ?? [])];
         properties.push(property);
         this.#documentTypes.updateOne(documentTypeId, { properties });
@@ -202,7 +206,7 @@ export class UmbContentTypePropertyStructureManager {
         await this.#init;
         documentTypeId = documentTypeId ?? this.#ownerDocumentTypeId;
         const frozenProperties = this.#documentTypes.getValue().find((x) => x.id === documentTypeId)?.properties ?? [];
-        const properties = filterFrozenArray(frozenProperties, (x) => x.id === propertyId);
+        const properties = filterFrozenArray(frozenProperties, (x) => x.id !== propertyId);
         this.#documentTypes.updateOne(documentTypeId, { properties });
     }
     async updateProperty(documentTypeId, propertyId, partialUpdate) {

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

@@ -4,7 +4,7 @@ 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 { UUITextStyles } from '../../../external/uui/index.js';
+import { UmbTextStyles } from "../../../shared/style/index.js";
 import { css, html, nothing, customElement, property, state, } from '../../../external/lit/index.js';
 import { contextData, UmbContextDebugRequest, } from '../../../libs/context-api/index.js';
 import { UmbLitElement } from '../../../shared/lit-element/index.js';
@@ -131,7 +131,7 @@ export let UmbDebugElement = class UmbDebugElement extends UmbLitElement {
         return instanceTemplates;
     }
     static { this.styles = [
-        UUITextStyles,
+        UmbTextStyles,
         css `
 			:host {
 				float: right;

package/dist-cms/packages/core/debug/modals/debug/debug-modal.element.js

@@ -5,7 +5,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { css, html, customElement } from '../../../../../external/lit/index.js';
-import { UUITextStyles } from '../../../../../external/uui/index.js';
+import { UmbTextStyles } from "../../../../../shared/style/index.js";
 import { UmbModalBaseElement } from '../../../../../shared/modal/index.js';
 let UmbContextDebuggerModalElement = class UmbContextDebuggerModalElement extends UmbModalBaseElement {
     _handleClose() {
@@ -21,7 +21,7 @@ let UmbContextDebuggerModalElement = class UmbContextDebuggerModalElement extend
 		`;
     }
     static { this.styles = [
-        UUITextStyles,
+        UmbTextStyles,
         css `
 			uui-dialog-layout {
 				display: flex;

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

@@ -20,7 +20,7 @@ import type { ManifestSectionView } from './section-view.model.js';
 import type { ManifestStore, ManifestTreeStore, ManifestItemStore } from './store.model.js';
 import type { ManifestTheme } from './theme.model.js';
 import type { ManifestTinyMcePlugin } from './tinymce-plugin.model.js';
-import type { ManifestTranslations } from './translations.model.js';
+import type { ManifestLocalization } from './localization.model.js';
 import type { ManifestTree } from './tree.model.js';
 import type { ManifestTreeItem } from './tree-item.model.js';
 import type { ManifestUserProfileApp } from './user-profile-app.model.js';
@@ -51,7 +51,7 @@ export * from './section.model.js';
 export * from './store.model.js';
 export * from './theme.model.js';
 export * from './tinymce-plugin.model.js';
-export * from './translations.model.js';
+export * from './localization.model.js';
 export * from './tree-item.model.js';
 export * from './tree.model.js';
 export * from './user-profile-app.model.js';
@@ -59,4 +59,4 @@ export * from './workspace-action.model.js';
 export * from './workspace-view-collection.model.js';
 export * from './workspace-editor-view.model.js';
 export * from './workspace.model.js';
-export type ManifestTypes = ManifestBundle<ManifestTypes> | ManifestCondition | ManifestCollectionView | ManifestDashboard | ManifestDashboardCollection | ManifestEntityAction | ManifestEntityBulkAction | ManifestEntryPoint | ManifestExternalLoginProvider | ManifestGlobalContext | ManifestHeaderApp | ManifestHeaderAppButtonKind | ManifestHealthCheck | ManifestItemStore | ManifestMenu | ManifestMenuItem | ManifestMenuItemTreeKind | ManifestModal | ManifestPackageView | ManifestPropertyAction | ManifestPropertyEditorSchema | ManifestPropertyEditorUi | ManifestRepository | ManifestSection | ManifestSectionSidebarApp | ManifestSectionSidebarAppMenuKind | ManifestSectionView | ManifestStore | ManifestTheme | ManifestTinyMcePlugin | ManifestTranslations | ManifestTree | ManifestTreeItem | ManifestTreeStore | ManifestUserProfileApp | ManifestWorkspace | ManifestWorkspaceAction | ManifestWorkspaceEditorView | ManifestWorkspaceViewCollection | ManifestBase;
+export type ManifestTypes = ManifestBundle<ManifestTypes> | ManifestCondition | ManifestCollectionView | ManifestDashboard | ManifestDashboardCollection | ManifestEntityAction | ManifestEntityBulkAction | ManifestEntryPoint | ManifestExternalLoginProvider | ManifestGlobalContext | ManifestHeaderApp | ManifestHeaderAppButtonKind | ManifestHealthCheck | ManifestItemStore | ManifestMenu | ManifestMenuItem | ManifestMenuItemTreeKind | ManifestModal | ManifestPackageView | ManifestPropertyAction | ManifestPropertyEditorSchema | ManifestPropertyEditorUi | ManifestRepository | ManifestSection | ManifestSectionSidebarApp | ManifestSectionSidebarAppMenuKind | ManifestSectionView | ManifestStore | ManifestTheme | ManifestTinyMcePlugin | ManifestLocalization | ManifestTree | ManifestTreeItem | ManifestTreeStore | ManifestUserProfileApp | ManifestWorkspace | ManifestWorkspaceAction | ManifestWorkspaceEditorView | ManifestWorkspaceViewCollection | ManifestBase;

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

@@ -20,7 +20,7 @@ export * from './section.model.js';
 export * from './store.model.js';
 export * from './theme.model.js';
 export * from './tinymce-plugin.model.js';
-export * from './translations.model.js';
+export * from './localization.model.js';
 export * from './tree-item.model.js';
 export * from './tree.model.js';
 export * from './user-profile-app.model.js';

package/dist-cms/packages/core/extension-registry/models/{translations.model.d.ts → localization.model.d.ts}

@@ -1,10 +1,10 @@
 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;
+import type { UmbLocalizationDictionary } from '../../../../libs/localization-api/index.js';
+export interface ManifestLocalization extends ManifestWithLoaderIncludingDefaultExport<UmbLocalizationDictionary> {
+    type: 'localization';
+    meta: MetaLocalization;
 }
-export interface MetaTranslations {
+export interface MetaLocalization {
     /**
      * @summary The culture of the translations.
      * @description
@@ -17,7 +17,7 @@ export interface MetaTranslations {
      */
     culture: string;
     /**
-     * @summary The direction of the translations (left-to-right or right-to-left).
+     * @summary The direction of the localizations (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`.
@@ -27,7 +27,7 @@ export interface MetaTranslations {
      */
     direction?: 'ltr' | 'rtl';
     /**
-     * The translations.
+     * The localizations.
      * @example
      * {
      *   "general": {
@@ -36,5 +36,5 @@ export interface MetaTranslations {
      *   }
      * }
      */
-    translations?: UmbTranslationsDictionary;
+    localizations?: UmbLocalizationDictionary;
 }

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

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

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

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

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

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

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

@@ -1,11 +1,12 @@
-import { TranslationSet } from '../../../../libs/localization-api/index.js';
+import { LocalizationSet } from '../../../../libs/localization-api/index.js';
 import { UmbBackofficeExtensionRegistry } from '../../extension-registry/index.js';
-export declare class UmbTranslationRegistry {
+export declare class UmbLocalizationRegistry {
     #private;
     /**
      * Get the current registered translations.
      */
-    get translations(): Map<string, TranslationSet>;
+    get localizations(): Map<string, LocalizationSet>;
+    get isDefaultLoaded(): import("rxjs/internal/Observable").Observable<boolean>;
     constructor(extensionRegistry: UmbBackofficeExtensionRegistry);
     /**
      * Load a language from the extension registry.
@@ -13,4 +14,4 @@ export declare class UmbTranslationRegistry {
      */
     loadLanguage(locale: string): void;
 }
-export declare const umbTranslationRegistry: UmbTranslationRegistry;
+export declare const umbLocalizationRegistry: UmbLocalizationRegistry;

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

@@ -1,18 +1,22 @@
-import { registerTranslation, translations, } from '../../../../libs/localization-api/index.js';
+import { registerLocalization, localizations, } from '../../../../libs/localization-api/index.js';
 import { hasDefaultExport, loadExtension } from '../../../../libs/extension-api/index.js';
 import { umbExtensionsRegistry } from '../../extension-registry/index.js';
-import { Subject, combineLatest, map, distinctUntilChanged, filter } from '../../../../external/rxjs/index.js';
-export class UmbTranslationRegistry {
+import { BehaviorSubject, Subject, combineLatest, map, distinctUntilChanged, filter, startWith, } from '../../../../external/rxjs/index.js';
+export class UmbLocalizationRegistry {
     /**
      * Get the current registered translations.
      */
-    get translations() {
-        return translations;
+    get localizations() {
+        return localizations;
+    }
+    get isDefaultLoaded() {
+        return this.#isDefaultLoaded.asObservable();
     }
     #currentLanguage = new Subject();
+    #isDefaultLoaded = new BehaviorSubject(false);
     constructor(extensionRegistry) {
-        const currentLanguage$ = this.#currentLanguage.pipe(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))));
+        const currentLanguage$ = this.#currentLanguage.pipe(startWith(document.documentElement.lang || 'en-us'), map((x) => x.toLowerCase()), distinctUntilChanged());
+        const currentExtensions$ = extensionRegistry.extensionsOfType('localization').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
@@ -21,8 +25,8 @@ export class UmbTranslationRegistry {
                 .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)) {
+                if (extension.meta.localizations) {
+                    for (const [dictionaryName, dictionary] of Object.entries(extension.meta.localizations)) {
                         this.#addOrUpdateDictionary(innerDictionary, dictionaryName, dictionary);
                     }
                 }
@@ -41,7 +45,7 @@ export class UmbTranslationRegistry {
                 };
             }));
             if (translations.length) {
-                registerTranslation(...translations);
+                registerLocalization(...translations);
                 // Set the document language
                 const newLang = locale.baseName.toLowerCase();
                 if (document.documentElement.lang.toLowerCase() !== newLang) {
@@ -53,6 +57,10 @@ export class UmbTranslationRegistry {
                     document.documentElement.dir = newDir;
                 }
             }
+            if (!this.#isDefaultLoaded.value) {
+                this.#isDefaultLoaded.next(true);
+                this.#isDefaultLoaded.complete();
+            }
         });
     }
     /**
@@ -68,4 +76,4 @@ export class UmbTranslationRegistry {
         }
     }
 }
-export const umbTranslationRegistry = new UmbTranslationRegistry(umbExtensionsRegistry);
+export const umbLocalizationRegistry = new UmbLocalizationRegistry(umbExtensionsRegistry);

package/dist-cms/packages/core/macro/macro.service.d.ts

@@ -23,4 +23,4 @@ export declare class UmbMacroService {
     generateMvcSyntax(args: MacroSyntaxData): string;
     collectValueData(macro: any, macroParams: any, renderingEngine: any): MacroSyntaxData;
 }
-export declare const UMB_MACRO_SERVICE_CONTEXT_TOKEN: UmbContextToken<UmbMacroService>;
+export declare const UMB_MACRO_SERVICE_CONTEXT_TOKEN: UmbContextToken<UmbMacroService, UmbMacroService>;

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

@@ -5,7 +5,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { html, ifDefined, customElement, property } from '../../../../external/lit/index.js';
-import { UUITextStyles } from '../../../../external/uui/index.js';
+import { UmbTextStyles } from "../../../../shared/style/index.js";
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
 export let UmbMenuItemElement = class UmbMenuItemElement extends UmbLitElement {
     render() {
@@ -14,7 +14,7 @@ export let UmbMenuItemElement = class UmbMenuItemElement extends UmbLitElement {
 			icon-name=${this.manifest.meta.icon}
 			entity-type=${ifDefined(this.manifest.meta.entityType)}></umb-menu-item-base>`;
     }
-    static { this.styles = [UUITextStyles]; }
+    static { this.styles = [UmbTextStyles]; }
 };
 __decorate([
     property({ type: Object, attribute: false })

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

@@ -5,7 +5,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { html, customElement, property, state, ifDefined } from '../../../../external/lit/index.js';
-import { UUITextStyles } from '../../../../external/uui/index.js';
+import { UmbTextStyles } from "../../../../shared/style/index.js";
 import { UMB_SECTION_CONTEXT_TOKEN } from '../../section/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
 export let UmbMenuItemBaseElement = class UmbMenuItemBaseElement extends UmbLitElement {
@@ -50,7 +50,7 @@ export let UmbMenuItemBaseElement = class UmbMenuItemBaseElement extends UmbLitE
 			.label=${this.label}>
 		</umb-entity-actions-bundle>`;
     }
-    static { this.styles = [UUITextStyles]; }
+    static { this.styles = [UmbTextStyles]; }
 };
 __decorate([
     property({ type: String, attribute: 'entity-type' })

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

@@ -6,4 +6,4 @@ export declare class UmbMenuContext {
     readonly alias: import("rxjs").Observable<string | undefined>;
     setManifest(manifest: ManifestMenu | undefined): void;
 }
-export declare const UMB_MENU_CONTEXT_TOKEN: UmbContextToken<UmbMenuContext>;
+export declare const UMB_MENU_CONTEXT_TOKEN: UmbContextToken<UmbMenuContext, UmbMenuContext>;

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

@@ -4,7 +4,7 @@ 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 { UUITextStyles } from '../../../external/uui/index.js';
+import { UmbTextStyles } from "../../../shared/style/index.js";
 import { html, customElement, property } from '../../../external/lit/index.js';
 import { UmbLitElement } from '../../../shared/lit-element/index.js';
 import './menu-item/menu-item.element.js';
@@ -19,7 +19,7 @@ export let UmbMenuElement = class UmbMenuElement extends UmbLitElement {
 			.filter=${(items) => items.meta.menus.includes(this.manifest.alias)}
 			default-element="umb-menu-item"></umb-extension-slot>`;
     }
-    static { this.styles = [UUITextStyles]; }
+    static { this.styles = [UmbTextStyles]; }
 };
 __decorate([
     property({ attribute: false })