@umbraco-cms/backoffice 14.0.0-204d19ad → 14.0.0-2088fc4f

package/dist-cms/packages/settings/dashboards/performance-profiling/dashboard-performance-profiling.element.js

@@ -4,84 +4,67 @@ 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 { css, html, customElement, state } from '../../../../external/lit/index.js';
+import { UmbTextStyles } from '../../../../shared/style/index.js';
+import { css, html, customElement, state, query, unsafeHTML } from '../../../../external/lit/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
 import { ProfilingResource } from '../../../../external/backend-api/index.js';
 import { tryExecuteAndNotify } from '../../../../shared/resources/index.js';
 export let UmbDashboardPerformanceProfilingElement = class UmbDashboardPerformanceProfilingElement extends UmbLitElement {
     constructor() {
         super(...arguments);
+        this._profilingStatus = true;
         // TODO: Get this from the management api configuration when available
         this._isDebugMode = true;
     }
+    #setToggle(value) {
+        this._toggle.checked = value;
+        this._profilingStatus = value;
+    }
     firstUpdated() {
         this._getProfilingStatus();
     }
     async _getProfilingStatus() {
         const { data } = await tryExecuteAndNotify(this, ProfilingResource.getProfilingStatus());
-        if (data) {
-            this._profilingStatus = data.enabled;
-        }
+        if (!data || !data.enabled)
+            return;
+        this._profilingStatus = data.enabled;
     }
     async _changeProfilingStatus() {
         const { error } = await tryExecuteAndNotify(this, ProfilingResource.putProfilingStatus({ requestBody: { enabled: !this._profilingStatus } }));
-        if (!error) {
-            this._profilingStatus = !this._profilingStatus;
+        if (error) {
+            this.#setToggle(this._profilingStatus);
+        }
+        else {
+            this.#setToggle(!this._profilingStatus);
         }
     }
     renderProfilingStatus() {
         return this._isDebugMode
             ? html `
-					<p>
-						Umbraco is running in debug mode. This means you can use the built-in performance profiler to assess
-						performance when rendering pages.
-					</p>
-					<p>
-						If you want to activate the profiler for a specific page rendering, simply add
-						<strong>umbDebug=true</strong> to the querystring when requesting the page.
-					</p>
-
-					<p>
-						If you want the profiler to be activated by default for all page renderings, you can use the toggle below.
-						It will set a cookie in your browser, which then activates the profiler automatically. In other words, the
-						profiler will only be active by default in your browser - not everyone else's.
-					</p>
+					${unsafeHTML(this.localize.term('profiling_performanceProfilingDescription'))}
 
 					<uui-toggle
+						id="toggle"
 						label="Activate the profiler by default"
 						label-position="left"
-						.checked="${this._profilingStatus}"
+						?checked="${this._profilingStatus}"
 						@change="${this._changeProfilingStatus}"></uui-toggle>
 
-					<h4>Friendly reminder</h4>
-					<p>
-						You should never let a production site run in debug mode. Debug mode is turned off by setting
-						<strong>Umbraco:CMS:Hosting:Debug</strong> to <strong>false</strong> in appsettings.json,
-						appsettings.{Environment}.json or via an environment variable.
-					</p>
+					<h4>${this.localize.term('profiling_reminder')}</h4>
+
+					${unsafeHTML(this.localize.term('profiling_reminderDescription'))}
 			  `
-            : html `
-					<p>
-						Umbraco is not running in debug mode, so you can't use the built-in profiler. This is how it should be for a
-						production site.
-					</p>
-					<p>
-						Debug mode is turned on by setting <strong>Umbraco:CMS:Hosting:Debug</strong> to <strong>true</strong> in
-						appsettings.json, appsettings.{Environment}.json or via an environment variable.
-					</p>
-			  `;
+            : html ` ${unsafeHTML(this.localize.term('profiling_profilerEnabledDescription'))} `;
     }
     render() {
         return html `
-			<uui-box>
-				<h1>Performance Profiling</h1>
+			<uui-box headline=${this.localize.term('profiling_performanceProfiling')}>
 				${typeof this._profilingStatus === 'undefined' ? html `<uui-loader></uui-loader>` : this.renderProfilingStatus()}
 			</uui-box>
 		`;
     }
     static { this.styles = [
-        UUITextStyles,
+        UmbTextStyles,
         css `
 			:host {
 				display: block;
@@ -108,6 +91,9 @@ __decorate([
 __decorate([
     state()
 ], UmbDashboardPerformanceProfilingElement.prototype, "_isDebugMode", void 0);
+__decorate([
+    query('#toggle')
+], UmbDashboardPerformanceProfilingElement.prototype, "_toggle", void 0);
 UmbDashboardPerformanceProfilingElement = __decorate([
     customElement('umb-dashboard-performance-profiling')
 ], UmbDashboardPerformanceProfilingElement);

package/dist-cms/packages/settings/dashboards/published-status/dashboard-published-status.element.js

@@ -4,12 +4,12 @@ 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 { css, html, customElement, state } from '../../../../external/lit/index.js';
 import { UMB_MODAL_MANAGER_CONTEXT_TOKEN, UMB_CONFIRM_MODAL, } from '../../../core/modal/index.js';
 import { PublishedCacheResource } from '../../../../external/backend-api/index.js';
 import { tryExecuteAndNotify } from '../../../../shared/resources/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
+import { UmbTextStyles } from '../../../../shared/style/index.js';
 export let UmbDashboardPublishedStatusElement = class UmbDashboardPublishedStatusElement extends UmbLitElement {
     constructor() {
         super();
@@ -109,6 +109,7 @@ export let UmbDashboardPublishedStatusElement = class UmbDashboardPublishedStatu
         });
     }
     render() {
+        // TODO: Are we supposed to have the debug element here?
         return html `
 			<umb-debug visible dialog></umb-debug>
 			<uui-box headline="Published Cache Status">
@@ -177,7 +178,7 @@ export let UmbDashboardPublishedStatusElement = class UmbDashboardPublishedStatu
 		`;
     }
     static { this.styles = [
-        UUITextStyles,
+        UmbTextStyles,
         css `
 			:host {
 				display: block;

package/dist-cms/packages/settings/dashboards/settings-welcome/dashboard-settings-welcome.element.js

@@ -4,14 +4,14 @@ 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, customElement } from '../../../../external/lit/index.js';
 export let UmbDashboardSettingsWelcomeElement = class UmbDashboardSettingsWelcomeElement extends LitElement {
     render() {
         return html `
-			<section id="settings-dashboard">
+			<section id="settings-dashboard" class="uui-text">
 				<uui-box>
-					<h1>Documentation</h1>
+					<h1 class="uui-h3">Documentation</h1>
 					<p>Read more about working with the items in Settings in our Documentation.</p>
 					<uui-button
 						look="primary"
@@ -24,7 +24,7 @@ export let UmbDashboardSettingsWelcomeElement = class UmbDashboardSettingsWelcom
 				</uui-box>
 
 				<uui-box>
-					<h1>Community</h1>
+					<h1 class="uui-h3">Community</h1>
 					<p>Ask a question in the community forum or our Discord community</p>
 					<uui-button
 						look="primary"
@@ -45,7 +45,7 @@ export let UmbDashboardSettingsWelcomeElement = class UmbDashboardSettingsWelcom
 				</uui-box>
 
 				<uui-box class="training">
-					<h1>Training</h1>
+					<h1 class="uui-h3">Training</h1>
 
 					<p>Find out about real-life training and certification opportunities</p>
 					<uui-button
@@ -59,7 +59,7 @@ export let UmbDashboardSettingsWelcomeElement = class UmbDashboardSettingsWelcom
 				</uui-box>
 
 				<uui-box>
-					<h1>Support</h1>
+					<h1 class="uui-h3">Support</h1>
 					<p>Ask a question in the community forum or our Discord community.</p>
 					<uui-button
 						look="primary"
@@ -72,7 +72,7 @@ export let UmbDashboardSettingsWelcomeElement = class UmbDashboardSettingsWelcom
 				</uui-box>
 
 				<uui-box>
-					<h1>Videos</h1>
+					<h1 class="uui-h3">Videos</h1>
 					<p>
 						Watch our free tutorial videos on the Umbraco Learning Base YouTube channel, to get upto speed quickly with
 						Umbraco.
@@ -90,7 +90,7 @@ export let UmbDashboardSettingsWelcomeElement = class UmbDashboardSettingsWelcom
 		`;
     }
     static { this.styles = [
-        UUITextStyles,
+        UmbTextStyles,
         css `
 			#settings-dashboard {
 				display: grid;

package/dist-cms/packages/settings/dashboards/telemetry/dashboard-telemetry.element.js

@@ -5,10 +5,10 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { css, html, customElement, state, unsafeHTML } from '../../../../external/lit/index.js';
-import { UUITextStyles } from '../../../../external/uui/index.js';
 import { TelemetryLevelModel, TelemetryResource, ApiError, } from '../../../../external/backend-api/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
 import { tryExecuteAndNotify } from '../../../../shared/resources/index.js';
+import { UmbTextStyles } from '../../../../shared/style/index.js';
 export let UmbDashboardTelemetryElement = class UmbDashboardTelemetryElement extends UmbLitElement {
     constructor() {
         super();
@@ -80,14 +80,14 @@ export let UmbDashboardTelemetryElement = class UmbDashboardTelemetryElement ext
 				min="1"
 				max=${this._telemetryLevels.length}
 				hide-step-values></uui-slider>
-			<h2>${this._selectedTelemetry.telemetryLevel}</h2>
+			<h2 class="uui-h3">${this._selectedTelemetry.telemetryLevel}</h2>
 			<p>${unsafeHTML(this._selectedTelemetryDescription)}</p>
 		`;
     }
     render() {
         return html `
-			<uui-box>
-				<h1>Consent for telemetry data</h1>
+			<uui-box class="uui-text">
+				<h1 class="uui-h2">Consent for telemetry data</h1>
 				<div style="max-width:75ch">
 					<p>
 						In order to improve Umbraco and add new functionality based on as relevant information as possible, we would
@@ -113,7 +113,7 @@ export let UmbDashboardTelemetryElement = class UmbDashboardTelemetryElement ext
 		`;
     }
     static { this.styles = [
-        UUITextStyles,
+        UmbTextStyles,
         css `
 			:host {
 				display: block;

package/dist-cms/packages/settings/data-types/components/data-type-flow-input/data-type-flow-input.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';
 import { UmbModalRouteRegistrationController, UMB_DATA_TYPE_PICKER_FLOW_MODAL, UMB_WORKSPACE_MODAL, } from '../../../../core/modal/index.js';
 // Note: Does only support picking a single data type. But this could be developed later into this same component. To follow other picker input components.
@@ -84,7 +84,6 @@ export let UmbInputDataTypeElement = class UmbInputDataTypeElement extends FormC
 			  `;
     }
     static { this.styles = [
-        UUITextStyles,
         css `
 			#empty-state-button {
 				width: 100%;

package/dist-cms/packages/settings/data-types/components/data-type-input/data-type-input.element.js

@@ -6,7 +6,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { UmbDataTypePickerContext } from './data-type-input.context.js';
 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 UmbDataTypeInputElement = class UmbDataTypeInputElement extends FormControlMixin(UmbLitElement) {
     /**
@@ -99,7 +99,6 @@ export let UmbDataTypeInputElement = class UmbDataTypeInputElement extends FormC
 		`;
     }
     static { this.styles = [
-        UUITextStyles,
         css `
 			#add-button {
 				width: 100%;

package/dist-cms/packages/settings/data-types/entity-actions/create/modal/data-type-create-options-modal.element.js

@@ -6,7 +6,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { DATA_TYPE_REPOSITORY_ALIAS } from '../../../repository/manifests.js';
 import { html, customElement, property } from '../../../../../../external/lit/index.js';
-import { UUITextStyles } from '../../../../../../external/uui/index.js';
+import { UmbTextStyles } from "../../../../../../shared/style/index.js";
 import { UMB_FOLDER_MODAL, UMB_MODAL_MANAGER_CONTEXT_TOKEN, } from '../../../../../core/modal/index.js';
 import { UmbLitElement } from '../../../../../../shared/lit-element/index.js';
 export let UmbDataTypeCreateOptionsModalElement = class UmbDataTypeCreateOptionsModalElement extends UmbLitElement {
@@ -50,7 +50,7 @@ export let UmbDataTypeCreateOptionsModalElement = class UmbDataTypeCreateOptions
 			</umb-body-layout>
 		`;
     }
-    static { this.styles = [UUITextStyles]; }
+    static { this.styles = [UmbTextStyles]; }
 };
 __decorate([
     property({ attribute: false })

package/dist-cms/packages/settings/data-types/index.d.ts

@@ -2,3 +2,4 @@ import './components/index.js';
 export type { UmbDataTypeModel } from './models.js';
 export * from './entities.js';
 export * from './repository/index.js';
+export * from './variant-context/index.js';

package/dist-cms/packages/settings/data-types/index.js

@@ -1,3 +1,4 @@
 import './components/index.js';
 export * from './entities.js';
 export * from './repository/index.js';
+export * from './variant-context/index.js';

package/dist-cms/packages/settings/data-types/modals/data-type-picker-flow/data-type-picker-flow-data-type-picker-modal.element.js

@@ -6,7 +6,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { UmbDataTypeRepository } from '../../repository/data-type.repository.js';
 import { css, html, customElement, property, state, repeat, when } 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 UmbDataTypePickerFlowDataTypePickerModalElement = class UmbDataTypePickerFlowDataTypePickerModalElement extends UmbLitElement {
     connectedCallback() {
@@ -88,7 +88,7 @@ export let UmbDataTypePickerFlowDataTypePickerModalElement = class UmbDataTypePi
 		`;
     }
     static { this.styles = [
-        UUITextStyles,
+        UmbTextStyles,
         css `
 			uui-box {
 				min-height: 100%;

package/dist-cms/packages/settings/data-types/modals/data-type-picker-flow/data-type-picker-flow-modal.element.js

@@ -6,7 +6,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { UmbDataTypeRepository } from '../../repository/data-type.repository.js';
 import { css, html, repeat, customElement, property, state, when, nothing } from '../../../../../external/lit/index.js';
-import { UUITextStyles } from '../../../../../external/uui/index.js';
+import { UmbTextStyles } from "../../../../../shared/style/index.js";
 import { groupBy } from '../../../../../external/lodash/index.js';
 import { UMB_DATA_TYPE_PICKER_FLOW_DATA_TYPE_PICKER_MODAL, UMB_WORKSPACE_MODAL, UmbModalRouteRegistrationController, } from '../../../../core/modal/index.js';
 import { umbExtensionsRegistry } from '../../../../core/extension-registry/index.js';
@@ -202,7 +202,7 @@ export let UmbDataTypePickerFlowModalElement = class UmbDataTypePickerFlowModalE
 		</ul>`;
     }
     static { this.styles = [
-        UUITextStyles,
+        UmbTextStyles,
         css `
 			#filter {
 				width: 100%;

package/dist-cms/packages/settings/data-types/modals/property-editor-ui-picker/property-editor-ui-picker-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, property, state, repeat } from '../../../../../external/lit/index.js';
-import { UUITextStyles } from '../../../../../external/uui/index.js';
+import { UmbTextStyles } from "../../../../../shared/style/index.js";
 import { groupBy } from '../../../../../external/lodash/index.js';
 import { umbExtensionsRegistry } from '../../../../core/extension-registry/index.js';
 import { UmbLitElement } from '../../../../../shared/lit-element/index.js';
@@ -89,7 +89,7 @@ export let UmbPropertyEditorUIPickerModalElement = class UmbPropertyEditorUIPick
 		</ul>`;
     }
     static { this.styles = [
-        UUITextStyles,
+        UmbTextStyles,
         css `
 			#filter {
 				width: 100%;

package/dist-cms/packages/settings/data-types/variant-context/data-type-variant-context.d.ts

@@ -0,0 +1,7 @@
+import { UmbDataTypeWorkspaceContext } from "../workspace/data-type-workspace.context.js";
+import { UmbControllerHost } from "../../../../libs/controller-api/index.js";
+import { UmbInvariantWorkspaceVariantContext } from "../../../core/workspace/index.js";
+export declare class UmbDataTypeVariantContext extends UmbInvariantWorkspaceVariantContext<UmbDataTypeWorkspaceContext> {
+    properties: import("rxjs").Observable<import("../../../core/index.js").PropertyEditorConfigProperty[] | undefined>;
+    constructor(host: UmbControllerHost, workspace: UmbDataTypeWorkspaceContext);
+}

package/dist-cms/packages/settings/data-types/variant-context/data-type-variant-context.js

@@ -0,0 +1,8 @@
+import { UmbInvariantWorkspaceVariantContext } from "../../../core/workspace/index.js";
+export class UmbDataTypeVariantContext extends UmbInvariantWorkspaceVariantContext {
+    // default data:
+    constructor(host, workspace) {
+        super(host, workspace);
+        this.properties = this._workspace.properties;
+    }
+}

package/dist-cms/packages/settings/data-types/variant-context/data-type-variant-context.token.d.ts

@@ -0,0 +1,5 @@
+import type { UmbDataTypeVariantContext } from "./data-type-variant-context.js";
+import { UmbVariantContext } from "../../../core/workspace/index.js";
+import { UmbContextToken } from "../../../../libs/context-api/index.js";
+export declare const isDataTypeVariantContext: (context: UmbVariantContext) => context is UmbDataTypeVariantContext;
+export declare const UMB_DATA_TYPE_VARIANT_CONTEXT: UmbContextToken<UmbVariantContext, UmbDataTypeVariantContext>;

package/dist-cms/packages/settings/data-types/variant-context/data-type-variant-context.token.js

@@ -0,0 +1,3 @@
+import { UmbContextToken } from "../../../../libs/context-api/index.js";
+export const isDataTypeVariantContext = (context) => ('properties' in context && context.getType() === 'data-type');
+export const UMB_DATA_TYPE_VARIANT_CONTEXT = new UmbContextToken("UmbVariantContext", isDataTypeVariantContext);

package/dist-cms/packages/settings/data-types/variant-context/index.d.ts

@@ -0,0 +1,2 @@
+export * from './data-type-variant-context.token.js';
+export * from './data-type-variant-context.js';

package/dist-cms/packages/settings/data-types/variant-context/index.js

@@ -0,0 +1,2 @@
+export * from './data-type-variant-context.token.js';
+export * from './data-type-variant-context.js';

package/dist-cms/packages/settings/data-types/workspace/data-type-workspace-editor.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 { UMB_DATA_TYPE_WORKSPACE_CONTEXT } from './data-type-workspace.context.js';
-import { UUIInputEvent, UUITextStyles } from '../../../../external/uui/index.js';
+import { UUIInputEvent } from '../../../../external/uui/index.js';
 import { css, html, customElement, property, state } from '../../../../external/lit/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
 /**
@@ -19,6 +19,7 @@ export let UmbDataTypeWorkspaceEditorElement = class UmbDataTypeWorkspaceEditorE
         this._dataTypeName = '';
         this.consumeContext(UMB_DATA_TYPE_WORKSPACE_CONTEXT, (workspaceContext) => {
             this.#workspaceContext = workspaceContext;
+            this.#workspaceContext?.createVariantContext(this);
             this.#observeIsNew();
             this.#observeName();
         });
@@ -63,7 +64,6 @@ export let UmbDataTypeWorkspaceEditorElement = class UmbDataTypeWorkspaceEditorE
 		`;
     }
     static { this.styles = [
-        UUITextStyles,
         css `
 			:host {
 				display: block;

package/dist-cms/packages/settings/data-types/workspace/data-type-workspace.context.d.ts

@@ -1,27 +1,47 @@
 import { UmbDataTypeRepository } from '../repository/data-type.repository.js';
-import { UmbEntityWorkspaceContextInterface, UmbWorkspaceContext } from '../../../core/workspace/index.js';
+import { UmbDataTypeVariantContext } from '../variant-context/data-type-variant-context.js';
+import { UmbInvariantableWorkspaceContextInterface, UmbWorkspaceContext, UmbWorkspaceContextInterface } from '../../../core/workspace/index.js';
 import type { DataTypeResponseModel } from '../../../../external/backend-api/index.js';
-import { UmbControllerHostElement } from '../../../../libs/controller-api/index.js';
+import { UmbControllerHost, UmbControllerHostElement } from '../../../../libs/controller-api/index.js';
 import { UmbContextToken } from '../../../../libs/context-api/index.js';
-export declare class UmbDataTypeWorkspaceContext extends UmbWorkspaceContext<UmbDataTypeRepository, DataTypeResponseModel> implements UmbEntityWorkspaceContextInterface<DataTypeResponseModel | undefined> {
+import { Observable } from '../../../../external/rxjs/index.js';
+import { PropertyEditorConfigDefaultData, PropertyEditorConfigProperty } from '../../../core/extension-registry/index.js';
+export declare class UmbDataTypeWorkspaceContext extends UmbWorkspaceContext<UmbDataTypeRepository, DataTypeResponseModel> implements UmbInvariantableWorkspaceContextInterface<DataTypeResponseModel | undefined> {
     #private;
-    data: import("rxjs").Observable<DataTypeResponseModel | undefined>;
-    name: import("rxjs").Observable<string | undefined>;
-    id: import("rxjs").Observable<string | undefined>;
+    data: Observable<DataTypeResponseModel | undefined>;
+    name: Observable<string | undefined>;
+    id: Observable<string | undefined>;
+    propertyEditorUiAlias: Observable<string | null | undefined>;
+    propertyEditorSchemaAlias: Observable<string | undefined>;
+    properties: Observable<Array<PropertyEditorConfigProperty> | undefined>;
+    private _propertyEditorSchemaConfigDefaultData;
+    private _propertyEditorUISettingsDefaultData;
+    private _propertyEditorSchemaConfigProperties?;
+    private _propertyEditorUISettingsProperties?;
+    private _configDefaultData?;
+    defaults: Observable<PropertyEditorConfigDefaultData[]>;
     constructor(host: UmbControllerHostElement);
+    private _observePropertyEditorSchemaConfig;
+    private _mergeConfigProperties;
+    private _mergeConfigDefaultData;
+    getPropertyDefaultValue(alias: string): unknown;
+    createVariantContext(host: UmbControllerHost): UmbDataTypeVariantContext;
     load(id: string): Promise<void>;
     create(parentId: string | null): Promise<{
-        data: import("../../../../external/backend-api/index.js").CreateDataTypeRequestModel | undefined;
+        data: any;
     }>;
     getData(): DataTypeResponseModel | undefined;
     getEntityId(): string;
     getEntityType(): string;
+    getName(): string | undefined;
     setName(name: string): void;
     setPropertyEditorSchemaAlias(alias?: string): void;
     setPropertyEditorUiAlias(alias?: string): void;
-    setPropertyValue(alias: string, value: unknown): void;
+    propertyValueByAlias<ReturnType = unknown>(propertyAlias: string): Promise<Observable<ReturnType>>;
+    getPropertyValue<ReturnType = unknown>(propertyAlias: string): ReturnType;
+    setPropertyValue(alias: string, value: unknown): Promise<void>;
     save(): Promise<void>;
     delete(id: string): Promise<void>;
     destroy(): void;
 }
-export declare const UMB_DATA_TYPE_WORKSPACE_CONTEXT: UmbContextToken<UmbEntityWorkspaceContextInterface<unknown>, UmbDataTypeWorkspaceContext>;
+export declare const UMB_DATA_TYPE_WORKSPACE_CONTEXT: UmbContextToken<UmbWorkspaceContextInterface<unknown>, UmbDataTypeWorkspaceContext>;

package/dist-cms/packages/settings/data-types/workspace/data-type-workspace.context.js

@@ -1,10 +1,17 @@
 import { UmbDataTypeRepository } from '../repository/data-type.repository.js';
+import { UmbDataTypeVariantContext } from '../variant-context/data-type-variant-context.js';
 import { UmbWorkspaceContext } from '../../../core/workspace/index.js';
-import { appendToFrozenArray, UmbObjectState } from '../../../../libs/observable-api/index.js';
+import { appendToFrozenArray, UmbArrayState, UmbObjectState } from '../../../../libs/observable-api/index.js';
 import { UmbContextToken } from '../../../../libs/context-api/index.js';
+import { combineLatest, map } from '../../../../external/rxjs/index.js';
+import { umbExtensionsRegistry } from '../../../core/extension-registry/index.js';
+import { UMB_PROPERTY_EDITOR_SCHEMA_ALIAS_DEFAULT } from '../../../core/property-editor/index.js';
 export class UmbDataTypeWorkspaceContext extends UmbWorkspaceContext {
     // TODO: revisit. temp solution because the create and response models are different.
     #data;
+    #getDataPromise;
+    #properties;
+    #defaults;
     constructor(host) {
         super(host, 'Umb.Workspace.DataType', new UmbDataTypeRepository(host));
         // TODO: revisit. temp solution because the create and response models are different.
@@ -12,16 +19,72 @@ export class UmbDataTypeWorkspaceContext extends UmbWorkspaceContext {
         this.data = this.#data.asObservable();
         this.name = this.#data.asObservablePart((data) => data?.name);
         this.id = this.#data.asObservablePart((data) => data?.id);
+        this.propertyEditorUiAlias = this.#data.asObservablePart((data) => data?.propertyEditorUiAlias);
+        this.propertyEditorSchemaAlias = this.#data.asObservablePart((data) => data?.propertyEditorAlias);
+        this.#properties = new UmbObjectState(undefined);
+        this.properties = this.#properties.asObservable();
+        this._propertyEditorSchemaConfigDefaultData = [];
+        this._propertyEditorUISettingsDefaultData = [];
+        this.#defaults = new UmbArrayState([], (entry) => entry.alias);
+        this.defaults = this.#defaults.asObservable();
+        this.observe(this.propertyEditorUiAlias, (propertyEditorUiAlias) => {
+            if (!propertyEditorUiAlias) {
+                // No property editor ui alias, so we clean up and reset the properties.
+                this.removeControllerByAlias('propertyEditorUiAlias');
+                this._propertyEditorUISettingsProperties = [];
+                this._propertyEditorUISettingsDefaultData = [];
+                this._mergeConfigProperties();
+                this._mergeConfigDefaultData();
+                return;
+            }
+            this.observe(umbExtensionsRegistry.getByTypeAndAlias('propertyEditorUi', propertyEditorUiAlias), (manifest) => {
+                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();
+                this._mergeConfigDefaultData();
+            }, 'observePropertyEditorUiAlias');
+        });
+    }
+    _observePropertyEditorSchemaConfig(propertyEditorSchemaAlias) {
+        this.observe(umbExtensionsRegistry.getByTypeAndAlias('propertyEditorSchema', propertyEditorSchemaAlias), (manifest) => {
+            this._propertyEditorSchemaConfigProperties = manifest?.meta.settings?.properties || [];
+            this._propertyEditorSchemaConfigDefaultData = manifest?.meta.settings?.defaultData || [];
+            this._mergeConfigProperties();
+            this._mergeConfigDefaultData();
+        });
+    }
+    _mergeConfigProperties() {
+        if (this._propertyEditorSchemaConfigProperties && this._propertyEditorUISettingsProperties) {
+            this.#properties.next([...this._propertyEditorSchemaConfigProperties, ...this._propertyEditorUISettingsProperties]);
+        }
+    }
+    _mergeConfigDefaultData() {
+        if (!this._propertyEditorSchemaConfigDefaultData || !this._propertyEditorUISettingsDefaultData)
+            return;
+        this._configDefaultData = [
+            ...this._propertyEditorSchemaConfigDefaultData,
+            ...this._propertyEditorUISettingsDefaultData,
+        ];
+        this.#defaults.next(this._configDefaultData);
+    }
+    getPropertyDefaultValue(alias) {
+        return this._configDefaultData?.find((x) => x.alias === alias)?.value;
+    }
+    createVariantContext(host) {
+        return new UmbDataTypeVariantContext(host, this);
     }
     async load(id) {
-        const { data } = await this.repository.requestById(id);
+        this.#getDataPromise = this.repository.requestById(id);
+        const { data } = await this.#getDataPromise;
         if (data) {
             this.setIsNew(false);
             this.#data.update(data);
         }
     }
     async create(parentId) {
-        let { data } = await this.repository.createScaffold(parentId);
+        this.#getDataPromise = this.repository.createScaffold(parentId);
+        let { data } = await this.#getDataPromise;
         if (this.modalContext) {
             data = { ...data, ...this.modalContext.data.preset };
         }
@@ -40,6 +103,9 @@ export class UmbDataTypeWorkspaceContext extends UmbWorkspaceContext {
     getEntityType() {
         return 'data-type';
     }
+    getName() {
+        return this.#data.getValue()?.name;
+    }
     setName(name) {
         this.#data.update({ name });
     }
@@ -49,8 +115,23 @@ export class UmbDataTypeWorkspaceContext extends UmbWorkspaceContext {
     setPropertyEditorUiAlias(alias) {
         this.#data.update({ propertyEditorUiAlias: alias });
     }
+    async propertyValueByAlias(propertyAlias) {
+        await this.#getDataPromise;
+        // TODO: Merge map..
+        return combineLatest([
+            this.#data.asObservablePart((data) => data?.values?.find((x) => x.alias === propertyAlias)?.value),
+            this.#defaults.asObservablePart((defaults) => defaults?.find((x) => x.alias === propertyAlias)?.value),
+        ]).pipe(map(([value, defaultValue]) => {
+            return (value ?? defaultValue);
+        }));
+        //return this.#data.asObservablePart((data) => data?.values?.find((x) => x.alias === propertyAlias)?.value ?? this.getPropertyDefaultValue(propertyAlias) as ReturnType);
+    }
+    getPropertyValue(propertyAlias) {
+        return this.#data.getValue()?.values?.find((x) => x.alias === propertyAlias)?.value ?? this.getPropertyDefaultValue(propertyAlias);
+    }
     // TODO: its not called a property in the model, but we do consider this way in our front-end
-    setPropertyValue(alias, value) {
+    async setPropertyValue(alias, value) {
+        await this.#getDataPromise;
         const entry = { alias: alias, value: value };
         const currentData = this.#data.value;
         if (currentData) {