@umbraco-cms/backoffice 14.0.0-3aaba617 → 14.0.0-3e938fa1

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

@@ -4,7 +4,7 @@ export * from './backoffice-modal-container/backoffice-modal-container.element.j
 export * from './backoffice-notification-container/backoffice-notification-container.element.js';
 export * from './body-layout/body-layout.element.js';
 export * from './button-with-dropdown/button-with-dropdown.element.js'; // TODO: delete this and change usage to umb-dropdown
-// export * from './code-block.js';
+export * from './code-block/index.js';
 export * from './data-type/index.js';
 export * from './input-date/index.js';
 export * from './dropdown/index.js';

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

@@ -15,7 +15,7 @@ export declare class UmbInputCheckboxListElement extends UmbInputCheckboxListEle
     set selected(keys: Array<string>);
     set value(keysString: string);
     protected getFormElement(): undefined;
-    render(): typeof nothing | import("lit-html").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1> | typeof nothing;
     renderCheckbox(item: {
         key: string;
         checked: boolean;

package/dist-cms/packages/core/components/input-radio-button-list/input-radio-button-list.element.d.ts

@@ -15,7 +15,7 @@ export declare class UmbInputRadioButtonListElement extends UmbInputRadioButtonL
     set selected(key: string);
     set value(key: string);
     protected getFormElement(): undefined;
-    render(): typeof nothing | import("lit-html").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1> | typeof nothing;
     renderRadioButton(item: {
         key: string;
         sortOrder: number;

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

@@ -32,7 +32,7 @@ export const uploadImageHandler = (blobInfo, progress) => {
             resolve(blobInfo.blobUri());
         };
         const formData = new FormData();
-        formData.append('file', blobInfo.blob(), blobInfo.blob().name);
+        formData.append('file', blobInfo.blob(), blobInfo.filename());
         xhr.send(formData);
     });
 };

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

@@ -8,6 +8,7 @@ import { html, customElement, property, state, ifDefined } from '../../../../ext
 import { UUITextStyles } from '../../../../external/uui/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';
 /**
  *  @element umb-property-editor-config
  *  @description - Element for displaying the configuration for a Property Editor based on a Property Editor UI Alias and a Property Editor Model alias.
@@ -49,7 +50,7 @@ export let UmbPropertyEditorConfigElement = class UmbPropertyEditorConfigElement
         if (!this._propertyEditorUiAlias)
             return;
         this.observe(umbExtensionsRegistry.getByTypeAndAlias('propertyEditorUi', this.propertyEditorUiAlias), (manifest) => {
-            this._observePropertyEditorSchemaConfig(manifest?.meta.propertyEditorSchemaAlias);
+            this._observePropertyEditorSchemaConfig(manifest?.meta.propertyEditorSchemaAlias || UMB_PROPERTY_EDITOR_SCHEMA_ALIAS_DEFAULT);
             this._propertyEditorUISettingsProperties = manifest?.meta.settings?.properties || [];
             this._propertyEditorUISettingsDefaultData = manifest?.meta.settings?.defaultData || [];
             this._mergeConfigProperties();
@@ -57,8 +58,6 @@ export let UmbPropertyEditorConfigElement = class UmbPropertyEditorConfigElement
         });
     }
     _observePropertyEditorSchemaConfig(propertyEditorSchemaAlias) {
-        if (!propertyEditorSchemaAlias)
-            return;
         this.observe(umbExtensionsRegistry.getByTypeAndAlias('propertyEditorSchema', propertyEditorSchemaAlias), (manifest) => {
             this._propertyEditorSchemaConfigProperties = manifest?.meta.settings?.properties || [];
             this._propertyEditorSchemaConfigDefaultData = manifest?.meta.settings?.defaultData || [];

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

@@ -4,6 +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 { UMB_PROPERTY_EDITOR_SCHEMA_ALIAS_DEFAULT } from '../../property-editor/index.js';
 import { UUIRefNodeElement } from '../../../../external/uui/index.js';
 import { html, customElement, property } from '../../../../external/lit/index.js';
 /**
@@ -39,7 +40,7 @@ export let UmbRefPropertyEditorUIElement = class UmbRefPropertyEditorUIElement e
             details.push(this.propertyEditorSchemaAlias);
         }
         else {
-            details.push('Property Editor Missing');
+            details.push(UMB_PROPERTY_EDITOR_SCHEMA_ALIAS_DEFAULT);
         }
         if (this.detail !== '') {
             details.push(this.detail);

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

@@ -14,7 +14,7 @@ export class UmbContentTypePropertyStructureManager {
         this.#documentTypeObservers = new Array();
         this.#documentTypes = new UmbArrayState([], (x) => x.id);
         this.documentTypes = this.#documentTypes.asObservable();
-        this._documentTypeContainers = this.#documentTypes.getObservablePart((x) => x.flatMap((x) => x.containers ?? []));
+        this._documentTypeContainers = this.#documentTypes.asObservablePart((x) => x.flatMap((x) => x.containers ?? []));
         this.#containers = new UmbArrayState([], (x) => x.id);
         this.#host = host;
         this.#contentTypeRepository = typeRepository;
@@ -114,7 +114,7 @@ export class UmbContentTypePropertyStructureManager {
     */
     /** Public methods for consuming structure: */
     ownerDocumentType() {
-        return this.#documentTypes.getObservablePart((x) => x.find((y) => y.id === this.#ownerDocumentTypeId));
+        return this.#documentTypes.asObservablePart((x) => x.find((y) => y.id === this.#ownerDocumentTypeId));
     }
     getOwnerDocumentType() {
         return this.#documentTypes.getValue().find((y) => y.id === this.#ownerDocumentTypeId);
@@ -214,28 +214,28 @@ export class UmbContentTypePropertyStructureManager {
     }
     /*
     rootDocumentTypeName() {
-        return this.#documentTypes.getObservablePart((docTypes) => {
+        return this.#documentTypes.asObservablePart((docTypes) => {
             const docType = docTypes.find((x) => x.id === this.#rootDocumentTypeKey);
             return docType?.name ?? '';
         });
     }
     */
     ownerDocumentTypeObservablePart(mappingFunction) {
-        return this.#documentTypes.getObservablePart((docTypes) => {
+        return this.#documentTypes.asObservablePart((docTypes) => {
             const docType = docTypes.find((x) => x.id === this.#ownerDocumentTypeId);
             return docType ? mappingFunction(docType) : undefined;
         });
     }
     /*
     nameOfDocumentType(id: string) {
-        return this.#documentTypes.getObservablePart((docTypes) => {
+        return this.#documentTypes.asObservablePart((docTypes) => {
             const docType = docTypes.find((x) => x.id === id);
             return docType?.name ?? '';
         });
     }
     */
     hasPropertyStructuresOf(containerId) {
-        return this.#documentTypes.getObservablePart((docTypes) => {
+        return this.#documentTypes.asObservablePart((docTypes) => {
             return (docTypes.find((docType) => {
                 return docType.properties?.find((property) => property.containerId === containerId);
             }) !== undefined);
@@ -245,7 +245,7 @@ export class UmbContentTypePropertyStructureManager {
         return this.propertyStructuresOf(null);
     }
     propertyStructuresOf(containerId) {
-        return this.#documentTypes.getObservablePart((docTypes) => {
+        return this.#documentTypes.asObservablePart((docTypes) => {
             const props = [];
             docTypes.forEach((docType) => {
                 docType.properties?.forEach((property) => {
@@ -258,7 +258,7 @@ export class UmbContentTypePropertyStructureManager {
         });
     }
     rootContainers(containerType) {
-        return this.#containers.getObservablePart((data) => {
+        return this.#containers.asObservablePart((data) => {
             return data.filter((x) => x.parentId === null && x.type === containerType);
         });
     }
@@ -266,7 +266,7 @@ export class UmbContentTypePropertyStructureManager {
         return this.#containers.getValue().filter((x) => x.parentId === null && x.type === containerType);
     }
     hasRootContainers(containerType) {
-        return this.#containers.getObservablePart((data) => {
+        return this.#containers.asObservablePart((data) => {
             return data.filter((x) => x.parentId === null && x.type === containerType).length > 0;
         });
     }
@@ -280,13 +280,13 @@ export class UmbContentTypePropertyStructureManager {
         return this.getOwnerDocumentType()?.containers?.filter((x) => x.id === containerId);
     }
     containersOfParentKey(parentId, containerType) {
-        return this.#containers.getObservablePart((data) => {
+        return this.#containers.asObservablePart((data) => {
             return data.filter((x) => x.parentId === parentId && x.type === containerType);
         });
     }
     // In future this might need to take parentName(parentId lookup) into account as well? otherwise containers that share same name and type will always be merged, but their position might be different and they should not be merged.
     containersByNameAndType(name, containerType) {
-        return this.#containers.getObservablePart((data) => {
+        return this.#containers.asObservablePart((data) => {
             return data.filter((x) => x.name === name && x.type === containerType);
         });
     }

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

@@ -9,7 +9,7 @@ export declare class UmbDebugElement extends UmbLitElement {
     private _modalContext?;
     constructor();
     connectedCallback(): void;
-    render(): typeof nothing | TemplateResult<1>;
+    render(): TemplateResult<1> | typeof nothing;
     private _toggleDebugPane;
     private _openDialog;
     private _renderDialog;

package/dist-cms/packages/core/entity-action/common/create-folder/create-folder.action.d.ts

@@ -0,0 +1,8 @@
+import { UmbEntityActionBase } from '../../entity-action.js';
+import { UmbControllerHostElement } from '../../../../../libs/controller-api/index.js';
+import { UmbFolderRepository } from '../../../../../shared/repository/index.js';
+export declare class UmbCreateFolderEntityAction<T extends UmbFolderRepository> extends UmbEntityActionBase<T> {
+    #private;
+    constructor(host: UmbControllerHostElement, repositoryAlias: string, unique: string);
+    execute(): Promise<void>;
+}

package/dist-cms/packages/core/entity-action/common/create-folder/create-folder.action.js

@@ -0,0 +1,21 @@
+import { UmbEntityActionBase } from '../../entity-action.js';
+import { UmbContextConsumerController } from '../../../../../libs/context-api/index.js';
+import { UMB_MODAL_MANAGER_CONTEXT_TOKEN, UMB_FOLDER_MODAL, } from '../../../modal/index.js';
+export class UmbCreateFolderEntityAction extends UmbEntityActionBase {
+    #modalContext;
+    constructor(host, repositoryAlias, unique) {
+        super(host, repositoryAlias, unique);
+        new UmbContextConsumerController(this.host, UMB_MODAL_MANAGER_CONTEXT_TOKEN, (instance) => {
+            this.#modalContext = instance;
+        });
+    }
+    async execute() {
+        if (!this.repository || !this.#modalContext)
+            return;
+        const modalContext = this.#modalContext.open(UMB_FOLDER_MODAL, {
+            repositoryAlias: this.repositoryAlias,
+            parentUnique: this.unique ?? null,
+        });
+        await modalContext.onSubmit();
+    }
+}

package/dist-cms/packages/core/entity-action/common/index.d.ts

@@ -5,3 +5,4 @@ export * from './folder-update/folder-update.action.js';
 export * from './move/move.action.js';
 export * from './sort-children-of/sort-children-of.action.js';
 export * from './trash/trash.action.js';
+export * from './create-folder/create-folder.action.js';

package/dist-cms/packages/core/entity-action/common/index.js

@@ -5,3 +5,4 @@ export * from './folder-update/folder-update.action.js';
 export * from './move/move.action.js';
 export * from './sort-children-of/sort-children-of.action.js';
 export * from './trash/trash.action.js';
+export * from './create-folder/create-folder.action.js';

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

@@ -6,7 +6,11 @@ export interface ManifestDashboard extends ManifestElement<UmbDashboardExtension
 }
 export interface MetaDashboard {
     /**
-     * This is the URL path for the dashboard which is used for navigating or deep linking directly to the dashboard
+     * The displayed name (label) in the navigation.
+     */
+    label?: string;
+    /**
+     * This is the URL path part for this view. This is used for navigating or deep linking directly to the dashboard
      * https://yoursite.com/section/settings/dashboard/my-dashboard-path
      *
      * @example my-dashboard-path
@@ -14,11 +18,7 @@ export interface MetaDashboard {
      *  "my-dashboard-path"
      * ]
      */
-    pathname: string;
-    /**
-     * The displayed name (label) for the tab of the dashboard
-     */
-    label?: string;
+    pathname?: string;
 }
 export interface ConditionsDashboard {
     /**

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

@@ -20,6 +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 { ManifestTree } from './tree.model.js';
 import type { ManifestTreeItem } from './tree-item.model.js';
 import type { ManifestUserProfileApp } from './user-profile-app.model.js';
@@ -50,6 +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 './tree-item.model.js';
 export * from './tree.model.js';
 export * from './user-profile-app.model.js';
@@ -57,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 | 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 | ManifestTree | ManifestTreeItem | ManifestTreeStore | ManifestUserProfileApp | ManifestWorkspace | ManifestWorkspaceAction | ManifestWorkspaceEditorView | ManifestWorkspaceViewCollection | ManifestBase;
+export type ManifestTypes = ManifestBundle | 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;

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

@@ -20,6 +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 './tree-item.model.js';
 export * from './tree.model.js';
 export * from './user-profile-app.model.js';

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-editors/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';

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

@@ -5,8 +5,27 @@ export interface ManifestSectionView extends ManifestElement<UmbSectionViewExten
     meta: MetaSectionView;
 }
 export interface MetaSectionView {
-    label: string;
-    pathname: string;
+    /**
+     * The displayed name (label) in the navigation.
+     */
+    label?: string;
+    /**
+     * This is the URL path part for this view. This is used for navigating or deep linking directly to the view
+     * https://yoursite.com/section/settings/view/my-view-path
+     *
+     * @example my-view-path
+     * @examples [
+     *  "my-view-path"
+     * ]
+     */
+    pathname?: string;
+    /**
+     * The icon displayed for this view in the navigation.
+     * @example "box"
+     * @examples [
+     *  "box"
+     * ]
+     */
     icon: string;
 }
 export interface ConditionsSectionView {

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

@@ -0,0 +1,41 @@
+import type { ManifestWithLoaderIncludingDefaultExport } from '../../../../libs/extension-api/index.js';
+export type UmbTranslationEntry = string | ((...args: any[]) => string);
+export type UmbTranslationsDictionary = Record<string, Record<string, UmbTranslationEntry>>;
+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/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';
@@ -13,8 +14,8 @@ export * from './menu/index.js';
 export * from './modal/index.js';
 export * from './notification/index.js';
 export * from './picker-input/index.js';
-export * from './property-actions/index.js';
-export * from './property-editors/index.js';
+export * from './property-action/index.js';
+export * from './property-editor/index.js';
 export * from './section/index.js';
 export * from './sorter/index.js';
 export * from './store/index.js';

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

@@ -1,8 +1,9 @@
 import { UmbBackofficeNotificationContainerElement, UmbBackofficeModalContainerElement } from './components/index.js';
 import { manifests as debugManifests } from './debug/manifests.js';
-import { manifests as propertyActionManifests } from './property-actions/manifests.js';
-import { manifests as propertyEditorManifests } from './property-editors/manifests.js';
-import { manifests as tinyMcePluginManifests } from './property-editors/uis/tiny-mce/plugins/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';
@@ -10,6 +11,7 @@ import { UmbNotificationContext, UMB_NOTIFICATION_CONTEXT_TOKEN } from './notifi
 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';
+export * from './localization/index.js';
 export * from './action/index.js';
 export * from './collection/index.js';
 export * from './components/index.js';
@@ -24,8 +26,8 @@ export * from './menu/index.js';
 export * from './modal/index.js';
 export * from './notification/index.js';
 export * from './picker-input/index.js';
-export * from './property-actions/index.js';
-export * from './property-editors/index.js';
+export * from './property-action/index.js';
+export * from './property-editor/index.js';
 export * from './section/index.js';
 export * from './sorter/index.js';
 export * from './store/index.js';
@@ -34,6 +36,7 @@ export * from './variant/index.js';
 export * from './workspace/index.js';
 const manifests = [
     ...debugManifests,
+    ...localizationManifests,
     ...propertyActionManifests,
     ...propertyEditorManifests,
     ...tinyMcePluginManifests,

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

@@ -0,0 +1 @@
+import './localize.element.js';

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

@@ -0,0 +1 @@
+import './localize.element.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 } 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 `${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/modal/common/folder/folder-modal.element.js

@@ -13,6 +13,7 @@ export let UmbFolderModalElement = class UmbFolderModalElement extends UmbLitEle
     constructor() {
         super(...arguments);
         this.#unique = null;
+        this.#parentUnique = null;
         this._isNew = false;
     }
     get data() {
@@ -21,11 +22,13 @@ export let UmbFolderModalElement = class UmbFolderModalElement extends UmbLitEle
     set data(value) {
         this._data = value;
         this.#unique = value?.unique || null;
+        this.#parentUnique = value?.parentUnique || null;
         this.#repositoryAlias = value?.repositoryAlias;
         this.#observeRepository();
     }
     #repositoryAlias;
     #unique;
+    #parentUnique;
     #repository;
     #repositoryObserver;
     #observeRepository() {
@@ -58,7 +61,7 @@ export let UmbFolderModalElement = class UmbFolderModalElement extends UmbLitEle
     async #create() {
         if (!this.#repository)
             throw new Error('Repository is required to create folder');
-        const { data } = await this.#repository.createFolderScaffold(this.#unique);
+        const { data } = await this.#repository.createFolderScaffold(this.#parentUnique);
         this._folder = data;
         this._isNew = true;
     }

package/dist-cms/packages/core/modal/token/dictionary-item-picker-modal.token.d.ts

@@ -2,5 +2,4 @@ import type { EntityTreeItemResponseModel } from '../../../../external/backend-a
 import { UmbModalToken, UmbPickerModalResult, UmbTreePickerModalData } from '../index.js';
 export type UmbDictionaryItemPickerModalData = UmbTreePickerModalData<EntityTreeItemResponseModel>;
 export type UmbDictionaryItemPickerModalResult = UmbPickerModalResult;
-export declare const UMB_DICTIONARY_ITEM_PICKER_MODAL_ALIAS = "Umb.Modal.DictionaryItemPicker";
 export declare const UMB_DICTIONARY_ITEM_PICKER_MODAL: UmbModalToken<UmbDictionaryItemPickerModalData, UmbPickerModalResult>;

package/dist-cms/packages/core/modal/token/dictionary-item-picker-modal.token.js

@@ -1,6 +1,5 @@
 import { UmbModalToken } from '../index.js';
-export const UMB_DICTIONARY_ITEM_PICKER_MODAL_ALIAS = 'Umb.Modal.DictionaryItemPicker';
-export const UMB_DICTIONARY_ITEM_PICKER_MODAL = new UmbModalToken(UMB_DICTIONARY_ITEM_PICKER_MODAL_ALIAS, {
+export const UMB_DICTIONARY_ITEM_PICKER_MODAL = new UmbModalToken('Umb.Modal.TreePicker', {
     type: 'sidebar',
     size: 'small',
 }, {

package/dist-cms/packages/core/modal/token/embedded-media-modal.token.js

@@ -5,7 +5,6 @@ export var OEmbedStatus;
     OEmbedStatus[OEmbedStatus["Error"] = 1] = "Error";
     OEmbedStatus[OEmbedStatus["Success"] = 2] = "Success";
 })(OEmbedStatus || (OEmbedStatus = {}));
-;
 export const UMB_EMBEDDED_MEDIA_MODAL = new UmbModalToken('Umb.Modal.EmbeddedMedia', {
     type: 'sidebar',
     size: 'medium',

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

@@ -3,6 +3,7 @@ import { FolderReponseModel } from '../../../../external/backend-api/index.js';
 export interface UmbFolderModalData {
     repositoryAlias: string;
     unique?: string;
+    parentUnique?: string | null;
 }
 export interface UmbFolderModalResult {
     folder: FolderReponseModel;