@umbraco-cms/backoffice 14.0.0-178e68bb → 14.0.0-1ab621da

package/dist-cms/packages/{settings/cultures → core/culture}/components/input-culture-select/input-culture-select.element.js

@@ -5,8 +5,8 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { UmbCultureRepository } from '../../repository/culture.repository.js';
-import { css, html, repeat, ifDefined, customElement, property, state } from '../../../../../external/lit/index.js';
-import { UUITextStyles, FormControlMixin, } from '../../../../../external/uui/index.js';
+import { html, repeat, ifDefined, customElement, property, state } from '../../../../../external/lit/index.js';
+import { FormControlMixin } from '../../../../../external/uui/index.js';
 import { UmbChangeEvent } from '../../../../../shared/umb-events/index.js';
 import { UmbLitElement } from '../../../../../shared/lit-element/index.js';
 export let UmbInputCultureSelectElement = class UmbInputCultureSelectElement extends FormControlMixin(UmbLitElement) {
@@ -73,16 +73,15 @@ export let UmbInputCultureSelectElement = class UmbInputCultureSelectElement ext
 							@search=${this.#onSearchChange}>
 							<uui-combobox-list>
 								${repeat(this.#filteredCultures, (culture) => culture.name, (culture) => html `
-											<uui-combobox-list-option value=${ifDefined(culture.name)}
-												>${culture.englishName}</uui-combobox-list-option
-											>
-										`)}
+										<uui-combobox-list-option value=${ifDefined(culture.name)}
+											>${culture.englishName}</uui-combobox-list-option
+										>
+									`)}
 							</uui-combobox-list>
 						</uui-combobox>
 				  `}
 		`;
     }
-    static { this.styles = [UUITextStyles, css ``]; }
 };
 __decorate([
     property({ type: Boolean, reflect: true })

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

@@ -0,0 +1,2 @@
+export * from './components/index.js';
+export * from './repository/culture.repository.js';

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

@@ -0,0 +1,2 @@
+export * from './components/index.js';
+export * from './repository/culture.repository.js';

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

@@ -0,0 +1 @@
+export declare const manifests: import("../index.js").ManifestRepository[];

package/dist-cms/packages/{settings/cultures → core/culture}/repository/culture.repository.js

@@ -1,6 +1,6 @@
 import { UmbCultureServerDataSource } from './sources/culture.server.data.js';
 import { UmbContextConsumerController } from '../../../../libs/context-api/index.js';
-import { UMB_NOTIFICATION_CONTEXT_TOKEN } from '../../../core/notification/index.js';
+import { UMB_NOTIFICATION_CONTEXT_TOKEN } from '../../notification/index.js';
 export class UmbCultureRepository {
     #init;
     #host;

package/dist-cms/packages/{settings/cultures → core/culture}/repository/manifests.d.ts

@@ -1,3 +1,3 @@
-import { ManifestRepository } from '../../../core/extension-registry/index.js';
+import { ManifestRepository } from '../../extension-registry/index.js';
 export declare const CULTURE_REPOSITORY_ALIAS = "Umb.Repository.Culture";
 export declare const manifests: ManifestRepository[];

package/dist-cms/packages/{settings/cultures → core/culture}/repository/manifests.js

@@ -1,4 +1,4 @@
-import { UmbCultureRepository } from '../repository/culture.repository.js';
+import { UmbCultureRepository } from './culture.repository.js';
 export const CULTURE_REPOSITORY_ALIAS = 'Umb.Repository.Culture';
 const repository = {
     type: 'repository',

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/entity-action/common/trash/trash.action.d.ts

@@ -2,7 +2,7 @@ import { UmbEntityActionBase } from '../../entity-action.js';
 import { UmbControllerHostElement } from '../../../../../libs/controller-api/index.js';
 import { UmbItemRepository } from '../../../../../shared/repository/index.js';
 export declare class UmbTrashEntityAction<T extends UmbItemRepository<any> & {
-    trash(unique: Array<string>): Promise<void>;
+    trash(unique: string): Promise<void>;
 }> extends UmbEntityActionBase<T> {
     #private;
     constructor(host: UmbControllerHostElement, repositoryAlias: string, unique: string);

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

@@ -22,7 +22,7 @@ export class UmbTrashEntityAction extends UmbEntityActionBase {
                 confirmLabel: 'Trash',
             });
             modalContext?.onSubmit().then(() => {
-                this.repository?.trash([this.unique]);
+                this.repository?.trash(this.unique);
             });
         }
     }

package/dist-cms/packages/core/extension-registry/conditions/types.d.ts

@@ -1,5 +1,6 @@
 import type { SectionAliasConditionConfig } from './section-alias.condition.js';
 import type { SwitchConditionConfig } from './switch.condition.js';
 import type { WorkspaceAliasConditionConfig } from '../../workspace/index.js';
-import { UmbConditionConfigBase } from '../../../../libs/extension-api/index.js';
-export type ConditionTypes = SectionAliasConditionConfig | WorkspaceAliasConditionConfig | SwitchConditionConfig | UmbConditionConfigBase;
+import type { UmbConditionConfigBase } from '../../../../libs/extension-api/index.js';
+import type { UserPermissionConditionConfig } from '../../../users/current-user/index.js';
+export type ConditionTypes = SectionAliasConditionConfig | WorkspaceAliasConditionConfig | SwitchConditionConfig | UserPermissionConditionConfig | UmbConditionConfigBase;

package/dist-cms/packages/core/extension-registry/interfaces/property-editor-ui-extension-element.interface.d.ts

@@ -1,5 +1,5 @@
-import type { UmbDataTypeConfigCollection } from '../../components/index.js';
+import type { UmbPropertyEditorConfigCollection } from "../../property-editor/index.js";
 export interface UmbPropertyEditorExtensionElement extends HTMLElement {
     value: unknown;
-    config?: UmbDataTypeConfigCollection;
+    config?: UmbPropertyEditorConfigCollection;
 }

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';
@@ -28,6 +28,8 @@ import type { ManifestWorkspace } from './workspace.model.js';
 import type { ManifestWorkspaceAction } from './workspace-action.model.js';
 import type { ManifestWorkspaceEditorView } from './workspace-editor-view.model.js';
 import type { ManifestWorkspaceViewCollection } from './workspace-view-collection.model.js';
+import type { ManifestUserPermission } from './user-permission.model.js';
+import type { ManifestUserGranularPermission } from './user-granular-permission.model.js';
 import type { ManifestBase, ManifestBundle, ManifestCondition, ManifestEntryPoint } from '../../../../libs/extension-api/index.js';
 export * from './collection-view.model.js';
 export * from './dashboard-collection.model.js';
@@ -51,7 +53,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 +61,6 @@ 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 * from './user-permission.model.js';
+export * from './user-granular-permission.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 | ManifestLocalization | ManifestTree | ManifestTreeItem | ManifestTreeStore | ManifestUserProfileApp | ManifestWorkspace | ManifestWorkspaceAction | ManifestWorkspaceEditorView | ManifestWorkspaceViewCollection | ManifestUserPermission | ManifestUserGranularPermission | 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';
@@ -28,3 +28,5 @@ 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 * from './user-permission.model.js';
+export * from './user-granular-permission.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/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 { UmbPropertyEditorConfig } from '../../property-editor/index.js';
 import type { ManifestElement, ManifestBase } from '../../../../libs/extension-api/index.js';
 export interface ManifestPropertyEditorUi extends ManifestElement<UmbPropertyEditorExtensionElement> {
     type: 'propertyEditorUi';
@@ -49,7 +49,7 @@ export interface PropertyEditorConfigProperty {
     description?: string;
     alias: string;
     propertyEditorUiAlias: string;
-    config?: UmbDataTypeConfig;
+    config?: UmbPropertyEditorConfig;
 }
 export interface PropertyEditorConfigDefaultData {
     alias: string;

package/dist-cms/packages/core/extension-registry/models/user-granular-permission.model.d.ts

@@ -0,0 +1,8 @@
+import type { ManifestElement } from '../../../../libs/extension-api/index.js';
+export interface ManifestUserGranularPermission extends ManifestElement {
+    type: 'userGranularPermission';
+    meta: MetaUserGranularPermission;
+}
+export interface MetaUserGranularPermission {
+    entityType: string;
+}

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

@@ -0,0 +1,11 @@
+import type { ManifestBase } from '../../../../libs/extension-api/index.js';
+export interface ManifestUserPermission extends ManifestBase {
+    type: 'userPermission';
+    meta: MetaUserPermission;
+}
+export interface MetaUserPermission {
+    label: string;
+    entityType: string;
+    description?: string;
+    group?: string;
+}

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

@@ -22,4 +22,5 @@ export * from './store/index.js';
 export * from './tree/index.js';
 export * from './variant/index.js';
 export * from './workspace/index.js';
+export * from './culture/index.js';
 export declare const onInit: UmbEntryPointOnInit;

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

@@ -8,6 +8,7 @@ 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 { manifests as cultureManifests } from './culture/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';
@@ -35,6 +36,7 @@ export * from './store/index.js';
 export * from './tree/index.js';
 export * from './variant/index.js';
 export * from './workspace/index.js';
+export * from './culture/index.js';
 const manifests = [
     ...conditionManifests,
     ...debugManifests,
@@ -45,6 +47,7 @@ const manifests = [
     ...workspaceManifests,
     ...modalManifests,
     ...themeManifests,
+    ...cultureManifests,
 ];
 export const onInit = (host, extensionRegistry) => {
     new UmbMultiExtensionsClassInitializer(host, ['globalContext', 'store', 'treeStore', 'itemStore']);

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

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

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

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

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

@@ -0,0 +1,28 @@
+import { UmbLitElement } from '../../../shared/lit-element/index.js';
+/**
+ * This element allows you to localize a date
+ * @element umb-localize-date
+ * @slot - The fallback value if the key is not found.
+ */
+export declare class UmbLocalizeDateElement extends UmbLitElement {
+    /**
+     * The date to localize.
+     * @attr
+     * @example date="Sep 22 2023"
+     */
+    date: string | Date;
+    /**
+     * Formatting options
+     * @attr
+     * @example options={ dateStyle: 'full', timeStyle: 'long', timeZone: 'Australia/Sydney' }
+     */
+    options?: Intl.DateTimeFormatOptions;
+    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-date': UmbLocalizeDateElement;
+    }
+}

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

@@ -0,0 +1,42 @@
+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 date
+ * @element umb-localize-date
+ * @slot - The fallback value if the key is not found.
+ */
+export let UmbLocalizeDateElement = class UmbLocalizeDateElement extends UmbLitElement {
+    get text() {
+        return this.localize.date(this.date, this.options);
+    }
+    render() {
+        return this.date
+            ? html `${unsafeHTML(this.text)}`
+            : html `<slot></slot>`;
+    }
+    static { this.styles = [
+        css `
+			:host {
+				display: contents;
+			}
+		`,
+    ]; }
+};
+__decorate([
+    property()
+], UmbLocalizeDateElement.prototype, "date", void 0);
+__decorate([
+    property()
+], UmbLocalizeDateElement.prototype, "options", void 0);
+__decorate([
+    state()
+], UmbLocalizeDateElement.prototype, "text", null);
+UmbLocalizeDateElement = __decorate([
+    customElement('umb-localize-date')
+], UmbLocalizeDateElement);

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

@@ -0,0 +1,28 @@
+import { UmbLitElement } from '../../../shared/lit-element/index.js';
+/**
+ * This element allows you to localize a number
+ * @element umb-localize-number
+ * @slot - The fallback value if the key is not found.
+ */
+export declare class UmbLocalizeNumberElement extends UmbLitElement {
+    /**
+     * The number to localize.
+     * @attr
+     * @example number=1_000_000
+     */
+    number: number | string;
+    /**
+     * Formatting options
+     * @attr
+     * @example options={ style: 'currency', currency: 'EUR' }
+     */
+    options?: Intl.NumberFormatOptions;
+    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-number': UmbLocalizeNumberElement;
+    }
+}

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

@@ -0,0 +1,42 @@
+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 number
+ * @element umb-localize-number
+ * @slot - The fallback value if the key is not found.
+ */
+export let UmbLocalizeNumberElement = class UmbLocalizeNumberElement extends UmbLitElement {
+    get text() {
+        return this.localize.number(this.number, this.options);
+    }
+    render() {
+        return this.number
+            ? html `${unsafeHTML(this.text)}`
+            : html `<slot></slot>`;
+    }
+    static { this.styles = [
+        css `
+			:host {
+				display: contents;
+			}
+		`,
+    ]; }
+};
+__decorate([
+    property()
+], UmbLocalizeNumberElement.prototype, "number", void 0);
+__decorate([
+    property()
+], UmbLocalizeNumberElement.prototype, "options", void 0);
+__decorate([
+    state()
+], UmbLocalizeNumberElement.prototype, "text", null);
+UmbLocalizeNumberElement = __decorate([
+    customElement('umb-localize-number')
+], UmbLocalizeNumberElement);

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

@@ -0,0 +1,34 @@
+import { UmbLitElement } from '../../../shared/lit-element/index.js';
+/**
+ * This element allows you to localize a relative time
+ * @element umb-localize-relative-time
+ * @slot - The fallback value if the key is not found.
+ */
+export declare class UmbLocalizeRelativeTimeElement extends UmbLitElement {
+    /**
+     * The date to localize.
+     * @attr
+     * @example time=10
+     */
+    time: number;
+    /**
+     * Formatting options
+     * @attr
+     * @example options={ dateStyle: 'full', timeStyle: 'long', timeZone: 'Australia/Sydney' }
+     */
+    options?: Intl.RelativeTimeFormatOptions;
+    /**
+     * Unit
+     * @attr
+     * @example unit='seconds'
+     */
+    unit: Intl.RelativeTimeFormatUnit;
+    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-relative-time': UmbLocalizeRelativeTimeElement;
+    }
+}

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

@@ -0,0 +1,54 @@
+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 relative time
+ * @element umb-localize-relative-time
+ * @slot - The fallback value if the key is not found.
+ */
+export let UmbLocalizeRelativeTimeElement = class UmbLocalizeRelativeTimeElement extends UmbLitElement {
+    constructor() {
+        super(...arguments);
+        /**
+         * Unit
+         * @attr
+         * @example unit='seconds'
+         */
+        this.unit = 'seconds';
+    }
+    get text() {
+        return this.localize.relativeTime(this.time, this.unit, this.options);
+    }
+    render() {
+        return this.time
+            ? html `${unsafeHTML(this.text)}`
+            : html `<slot></slot>`;
+    }
+    static { this.styles = [
+        css `
+			:host {
+				display: contents;
+			}
+		`,
+    ]; }
+};
+__decorate([
+    property()
+], UmbLocalizeRelativeTimeElement.prototype, "time", void 0);
+__decorate([
+    property()
+], UmbLocalizeRelativeTimeElement.prototype, "options", void 0);
+__decorate([
+    property()
+], UmbLocalizeRelativeTimeElement.prototype, "unit", void 0);
+__decorate([
+    state()
+], UmbLocalizeRelativeTimeElement.prototype, "text", null);
+UmbLocalizeRelativeTimeElement = __decorate([
+    customElement('umb-localize-relative-time')
+], UmbLocalizeRelativeTimeElement);

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

@@ -31,7 +31,7 @@ export let UmbLocalizeElement = class UmbLocalizeElement extends UmbLitElement {
         return localizedValue;
     }
     render() {
-        return this.text
+        return this.text.trim()
             ? html `${unsafeHTML(this.text)}`
             : this.debug
                 ? html `<span style="color:red">${this.key}</span>`

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;