@umbraco-cms/backoffice 14.0.0-bd6f74b3 → 14.0.0-c074e160

package/dist-cms/packages/search/examine-management-dashboard/views/section-view-examine-searchers.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, state, query, property } from '../../../../external/lit/index.js';
 import { UMB_MODAL_MANAGER_CONTEXT_TOKEN, UMB_EXAMINE_FIELDS_SETTINGS_MODAL, } from '../../../core/modal/index.js';
 import { SearcherResource, } from '../../../../external/backend-api/index.js';
@@ -178,7 +178,7 @@ export let UmbDashboardExamineSearcherElement = class UmbDashboardExamineSearche
         })}`;
     }
     static { this.styles = [
-        UUITextStyles,
+        UmbTextStyles,
         css `
 			:host {
 				display: block;

package/dist-cms/packages/search/manifests.js

@@ -38,13 +38,13 @@ export const manifests = [
     {
         type: 'headerApp',
         kind: 'button',
-        alias: 'Umb.HeaderApp.HackDemo',
-        name: 'Header App Search',
+        alias: 'My.HeaderApp.Wand',
+        name: 'My Header App',
         weight: 10,
         meta: {
-            label: 'Hack Demo',
-            icon: 'document',
-            href: '/section/content/workspace/document/edit/c05da24d-7740-447b-9cdc-bd8ce2172e38/en-us/view/content/tab/Local%20blog%20tab',
+            label: 'My Header App',
+            icon: 'wand',
+            href: '/section/content/workspace/document/edit/c05da24d-7740-447b-9cdc-bd8ce2172e38',
         },
     },
     {

package/dist-cms/packages/search/search-modal/search-modal.element.js

@@ -4,7 +4,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { UUITextStyles } from '../../../external/uui/index.js';
+import { UmbTextStyles } from "../../../shared/style/index.js";
 import { css, html, LitElement, nothing, repeat, customElement, query, state, } from '../../../external/lit/index.js';
 export let UmbSearchModalElement = class UmbSearchModalElement extends LitElement {
     constructor() {
@@ -150,7 +150,7 @@ export let UmbSearchModalElement = class UmbSearchModalElement extends LitElemen
     }
     #mockData;
     static { this.styles = [
-        UUITextStyles,
+        UmbTextStyles,
         css `
 			:host {
 				display: flex;

package/dist-cms/packages/search/umb-search-header-app.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, customElement } from '../../external/lit/index.js';
 import { UMB_MODAL_MANAGER_CONTEXT_TOKEN } from '../core/modal/index.js';
 import { UmbLitElement } from '../../shared/lit-element/index.js';
@@ -26,7 +26,7 @@ export let UmbSearchHeaderAppElement = class UmbSearchHeaderAppElement extends U
 		`;
     }
     static { this.styles = [
-        UUITextStyles,
+        UmbTextStyles,
         css `
 			uui-button {
 				font-size: 18px;

package/dist-cms/packages/settings/dashboards/manifests.js

@@ -54,24 +54,6 @@ const dashboards = [
             },
         ],
     },
-    {
-        type: 'dashboard',
-        alias: 'Umb.Dashboard.HealthCheck',
-        name: 'Health Check',
-        elementName: 'umb-dashboard-health-check',
-        loader: () => import('./health-check/dashboard-health-check.element.js'),
-        weight: 102,
-        meta: {
-            label: 'Health Check',
-            pathname: 'health-check',
-        },
-        conditions: [
-            {
-                alias: 'Umb.Condition.SectionAlias',
-                match: sectionAlias,
-            },
-        ],
-    },
     {
         type: 'dashboard',
         alias: 'Umb.Dashboard.Profiling',

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

@@ -4,11 +4,11 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { UUITextStyles } from '../../../../external/uui/index.js';
 import { css, html, nothing, customElement, state } from '../../../../external/lit/index.js';
 import { ModelsBuilderResource, ModelsModeModel, } 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 UmbDashboardModelsBuilderElement = class UmbDashboardModelsBuilderElement extends UmbLitElement {
     constructor() {
         super();
@@ -44,9 +44,9 @@ export let UmbDashboardModelsBuilderElement = class UmbDashboardModelsBuilderEle
     }
     render() {
         return html `
-			<uui-box>
+			<uui-box class="uui-text">
 				<div class="headline">
-					<h1>Models Builder</h1>
+					<h1 class="uui-h2">Models Builder</h1>
 					<uui-button
 						.state="${this._buttonStateReload}"
 						look="secondary"
@@ -116,7 +116,7 @@ export let UmbDashboardModelsBuilderElement = class UmbDashboardModelsBuilderEle
         }
     }
     static { this.styles = [
-        UUITextStyles,
+        UmbTextStyles,
         css `
 			:host {
 				display: block;

package/dist-cms/packages/settings/dashboards/performance-profiling/dashboard-performance-profiling.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, customElement, state } from '../../../../external/lit/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
 import { ProfilingResource } from '../../../../external/backend-api/index.js';
@@ -81,7 +81,7 @@ export let UmbDashboardPerformanceProfilingElement = class UmbDashboardPerforman
 		`;
     }
     static { this.styles = [
-        UUITextStyles,
+        UmbTextStyles,
         css `
 			:host {
 				display: block;

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/repository/data-type-item.store.d.ts

@@ -17,4 +17,4 @@ export declare class UmbDataTypeItemStore extends UmbStoreBase<DataTypeItemRespo
     constructor(host: UmbControllerHostElement);
     items(ids: Array<string>): import("rxjs").Observable<DataTypeItemResponseModel[]>;
 }
-export declare const UMB_DATA_TYPE_ITEM_STORE_CONTEXT_TOKEN: UmbContextToken<UmbDataTypeItemStore>;
+export declare const UMB_DATA_TYPE_ITEM_STORE_CONTEXT_TOKEN: UmbContextToken<UmbDataTypeItemStore, UmbDataTypeItemStore>;

package/dist-cms/packages/settings/data-types/repository/data-type.store.d.ts

@@ -2,7 +2,7 @@ import type { DataTypeResponseModel } from '../../../../external/backend-api/ind
 import { UmbContextToken } from '../../../../libs/context-api/index.js';
 import { UmbStoreBase } from '../../../core/store/index.js';
 import { UmbControllerHostElement } from '../../../../libs/controller-api/index.js';
-export declare const UMB_DATA_TYPE_STORE_CONTEXT_TOKEN: UmbContextToken<UmbDataTypeStore>;
+export declare const UMB_DATA_TYPE_STORE_CONTEXT_TOKEN: UmbContextToken<UmbDataTypeStore, UmbDataTypeStore>;
 /**
  * @export
  * @class UmbDataTypeStore

package/dist-cms/packages/settings/data-types/repository/data-type.tree.store.d.ts

@@ -15,4 +15,4 @@ export declare class UmbDataTypeTreeStore extends UmbEntityTreeStore {
      */
     constructor(host: UmbControllerHostElement);
 }
-export declare const UMB_DATA_TYPE_TREE_STORE_CONTEXT_TOKEN: UmbContextToken<UmbDataTypeTreeStore>;
+export declare const UMB_DATA_TYPE_TREE_STORE_CONTEXT_TOKEN: UmbContextToken<UmbDataTypeTreeStore, UmbDataTypeTreeStore>;

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

@@ -4,10 +4,10 @@ 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 { UUIInputEvent, UUITextStyles } from '../../../../external/uui/index.js';
+import { UMB_DATA_TYPE_WORKSPACE_CONTEXT } from './data-type-workspace.context.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';
-import { UMB_WORKSPACE_CONTEXT } from '../../../core/workspace/index.js';
 /**
  * @element umb-data-type-workspace-editor
  * @description - Element for displaying the Data Type Workspace edit route.
@@ -17,8 +17,9 @@ export let UmbDataTypeWorkspaceEditorElement = class UmbDataTypeWorkspaceEditorE
     constructor() {
         super();
         this._dataTypeName = '';
-        this.consumeContext(UMB_WORKSPACE_CONTEXT, (workspaceContext) => {
+        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;
@@ -78,7 +78,7 @@ export let UmbDataTypeWorkspaceEditorElement = class UmbDataTypeWorkspaceEditorE
     ]; }
 };
 __decorate([
-    property()
+    property({ attribute: false })
 ], UmbDataTypeWorkspaceEditorElement.prototype, "manifest", void 0);
 __decorate([
     state()

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

@@ -1,25 +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';
-export declare class UmbDataTypeWorkspaceContext extends UmbWorkspaceContext<UmbDataTypeRepository, DataTypeResponseModel> implements UmbEntityWorkspaceContextInterface<DataTypeResponseModel | undefined> {
+import { UmbControllerHost, UmbControllerHostElement } from '../../../../libs/controller-api/index.js';
+import { UmbContextToken } from '../../../../libs/context-api/index.js';
+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<UmbWorkspaceContextInterface<unknown>, UmbDataTypeWorkspaceContext>;