@umbraco-cms/backoffice 14.0.0--preview004-2a8fbe36 → 14.0.0--preview004-eaff2f45

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

@@ -130,7 +130,7 @@ let UmbEmbeddedMediaModalElement = class UmbEmbeddedMediaModalElement extends Um
         return html `
 			<umb-body-layout headline="Embed">
 				<uui-box>
-					<umb-workspace-property-layout label="URL" orientation="vertical">
+					<umb-property-layout label="URL" orientation="vertical">
 						<div slot="editor">
 							<uui-input .value=${this._model.url} type="text" @change=${this.#onUrlChange} required="true">
 								<uui-button
@@ -142,42 +142,42 @@ let UmbEmbeddedMediaModalElement = class UmbEmbeddedMediaModalElement extends Um
 									label="Retrieve"></uui-button>
 							</uui-input>
 						</div>
-					</umb-workspace-property-layout>
+					</umb-property-layout>
 
-					${when(this.#embedResult?.oEmbedStatus === OEmbedStatus.Success || this._model.a11yInfo, () => html ` <umb-workspace-property-layout label="Preview" orientation="vertical">
+					${when(this.#embedResult?.oEmbedStatus === OEmbedStatus.Success || this._model.a11yInfo, () => html ` <umb-property-layout label="Preview" orientation="vertical">
 								<div slot="editor">
 									${when(this.#loading, () => html `<uui-loader-circle></uui-loader-circle>`)}
 									${when(this.#embedResult?.markup, () => html `${unsafeHTML(this.#embedResult.markup)}`)}
 									${when(this._model.info, () => html ` <p aria-hidden="true">${this._model.info}</p>`)}
 									${when(this._model.a11yInfo, () => html ` <p class="sr-only" role="alert">${this._model.a11yInfo}</p>`)}
 								</div>
-							</umb-workspace-property-layout>`)}
+							</umb-property-layout>`)}
 
-					<umb-workspace-property-layout label="Width" orientation="vertical">
+					<umb-property-layout label="Width" orientation="vertical">
 						<uui-input
 							slot="editor"
 							.value=${this._model.width}
 							type="number"
 							?disabled=${this.#dimensionControlsDisabled()}
 							@change=${this.#onWidthChange}></uui-input>
-					</umb-workspace-property-layout>
+					</umb-property-layout>
 
-					<umb-workspace-property-layout label="Height" orientation="vertical">
+					<umb-property-layout label="Height" orientation="vertical">
 						<uui-input
 							slot="editor"
 							.value=${this._model.height}
 							type="number"
 							?disabled=${this.#dimensionControlsDisabled()}
 							@change=${this.#onHeightChange}></uui-input>
-					</umb-workspace-property-layout>
+					</umb-property-layout>
 
-					<umb-workspace-property-layout label="Constrain" orientation="vertical">
+					<umb-property-layout label="Constrain" orientation="vertical">
 						<uui-toggle
 							slot="editor"
 							@change=${this.#onConstrainChange}
 							?disabled=${this.#dimensionControlsDisabled()}
 							.checked=${this._model.constrain}></uui-toggle>
-					</umb-workspace-property-layout>
+					</umb-property-layout>
 				</uui-box>
 
 				<uui-button slot="actions" id="cancel" label="Cancel" @click=${this.#handleCancel}>Cancel</uui-button>
@@ -215,11 +215,11 @@ let UmbEmbeddedMediaModalElement = class UmbEmbeddedMediaModalElement extends Um
 				width: 1px;
 			}
 
-			umb-workspace-property-layout:first-child {
+			umb-property-layout:first-child {
 				padding-top: 0;
 			}
 
-			umb-workspace-property-layout:last-child {
+			umb-property-layout:last-child {
 				padding-bottom: 0;
 			}
 

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

@@ -0,0 +1,4 @@
+export * from './property/index.js';
+export * from './property-dataset/index.js';
+export * from './property-layout/index.js';
+export * from './types/index.js';

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

@@ -0,0 +1,4 @@
+export * from './property/index.js';
+export * from './property-dataset/index.js';
+export * from './property-layout/index.js';
+export * from './types/index.js';

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

@@ -0,0 +1,2 @@
+export * from './property.context.js';
+export * from './property.element.js';

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

@@ -0,0 +1,2 @@
+export * from './property.context.js';
+export * from './property.element.js';

package/dist-cms/packages/core/{workspace/workspace-property/workspace-property.context.d.ts → property/property/property.context.d.ts}

@@ -1,11 +1,11 @@
 import { UmbPropertyEditorUiElement } from '../../extension-registry/interfaces/property-editor-ui-element.interface.js';
-import { type WorkspacePropertyData } from '../types/workspace-property-data.type.js';
+import { type WorkspacePropertyData } from '../../workspace/types/workspace-property-data.type.js';
 import { UmbVariantId } from '../../variant/index.js';
 import { type UmbControllerHostElement } from '../../../../libs/controller-api/index.js';
 import { UmbBaseController } from '../../../../libs/class-api/index.js';
 import { UmbContextToken } from '../../../../libs/context-api/index.js';
 import { UmbPropertyEditorConfigCollection } from '../../property-editor/index.js';
-export declare class UmbWorkspacePropertyContext<ValueType = any> extends UmbBaseController {
+export declare class UmbPropertyContext<ValueType = any> extends UmbBaseController {
     #private;
     private _providerController;
     readonly alias: import("rxjs").Observable<string | undefined>;
@@ -36,4 +36,4 @@ export declare class UmbWorkspacePropertyContext<ValueType = any> extends UmbBas
     resetValue(): void;
     destroy(): void;
 }
-export declare const UMB_WORKSPACE_PROPERTY_CONTEXT_TOKEN: UmbContextToken<UmbWorkspacePropertyContext<any>, UmbWorkspacePropertyContext<any>>;
+export declare const UMB_PROPERTY_CONTEXT: UmbContextToken<UmbPropertyContext<any>, UmbPropertyContext<any>>;

package/dist-cms/packages/core/{workspace/workspace-property/workspace-property.context.js → property/property/property.context.js}

@@ -1,9 +1,9 @@
-import { UMB_VARIANT_CONTEXT } from '../index.js';
+import { UMB_PROPERTY_DATASET_CONTEXT } from '../index.js';
 import { UmbBaseController } from '../../../../libs/class-api/index.js';
-import { UmbClassState, UmbObjectState, UmbStringState, UmbBasicState, } from '../../../../libs/observable-api/index.js';
+import { UmbBasicState, UmbClassState, UmbObjectState, UmbStringState, } from '../../../../libs/observable-api/index.js';
 import { UmbContextProviderController, UmbContextToken } from '../../../../libs/context-api/index.js';
 import { UmbPropertyEditorConfigCollection } from '../../property-editor/index.js';
-export class UmbWorkspacePropertyContext extends UmbBaseController {
+export class UmbPropertyContext extends UmbBaseController {
     #data;
     #configCollection;
     setEditor(editor) {
@@ -14,7 +14,7 @@ export class UmbWorkspacePropertyContext extends UmbBaseController {
     }
     // property variant ID:
     #variantId;
-    #variantContext;
+    #datasetContext;
     constructor(host) {
         super(host);
         this.#data = new UmbObjectState({});
@@ -32,15 +32,15 @@ export class UmbWorkspacePropertyContext extends UmbBaseController {
         this.variantId = this.#variantId.asObservable();
         this._variantDifference = new UmbStringState(undefined);
         this.variantDifference = this._variantDifference.asObservable();
-        this.consumeContext(UMB_VARIANT_CONTEXT, (variantContext) => {
-            this.#variantContext = variantContext;
+        this.consumeContext(UMB_PROPERTY_DATASET_CONTEXT, (variantContext) => {
+            this.#datasetContext = variantContext;
             this._generateVariantDifferenceString();
             this._observeProperty();
         });
         this.observe(this.alias, () => {
             this._observeProperty();
         });
-        this._providerController = new UmbContextProviderController(host, UMB_WORKSPACE_PROPERTY_CONTEXT_TOKEN, this);
+        this._providerController = new UmbContextProviderController(host, UMB_PROPERTY_CONTEXT, this);
         this.observe(this.configValues, (configValues) => {
             this.#configCollection.next(configValues ? new UmbPropertyEditorConfigCollection(configValues) : undefined);
         });
@@ -50,9 +50,9 @@ export class UmbWorkspacePropertyContext extends UmbBaseController {
     }
     async _observeProperty() {
         const alias = this.#data.getValue().alias;
-        if (!this.#variantContext || !alias)
+        if (!this.#datasetContext || !alias)
             return;
-        const variantIdSubject = (await this.#variantContext.propertyVariantId?.(alias)) ?? undefined;
+        const variantIdSubject = (await this.#datasetContext.propertyVariantId?.(alias)) ?? undefined;
         this._observePropertyVariant?.destroy();
         if (variantIdSubject) {
             this._observePropertyVariant = this.observe(variantIdSubject, (variantId) => {
@@ -60,7 +60,7 @@ export class UmbWorkspacePropertyContext extends UmbBaseController {
             });
         }
         // TODO: Verify if we need to optimize runtime by parsing the propertyVariantID, cause this method retrieves it again:
-        const subject = await this.#variantContext.propertyValueByAlias(alias);
+        const subject = await this.#datasetContext.propertyValueByAlias(alias);
         this._observePropertyValue?.destroy();
         if (subject) {
             this._observePropertyValue = this.observe(subject, (value) => {
@@ -70,9 +70,9 @@ export class UmbWorkspacePropertyContext extends UmbBaseController {
         }
     }
     _generateVariantDifferenceString() {
-        if (!this.#variantContext)
+        if (!this.#datasetContext)
             return;
-        const contextVariantId = this.#variantContext.getVariantId?.() ?? undefined;
+        const contextVariantId = this.#datasetContext.getVariantId?.() ?? undefined;
         this._variantDifference.next(contextVariantId ? this.#variantId.getValue()?.toDifferencesString(contextVariantId) : '');
     }
     setAlias(alias) {
@@ -86,9 +86,9 @@ export class UmbWorkspacePropertyContext extends UmbBaseController {
     }
     setValue(value) {
         const alias = this.#data.getValue().alias;
-        if (!this.#variantContext || !alias)
+        if (!this.#datasetContext || !alias)
             return;
-        this.#variantContext?.setPropertyValue(alias, value);
+        this.#datasetContext?.setPropertyValue(alias, value);
     }
     setConfig(config) {
         this.#data.update({ config });
@@ -107,4 +107,4 @@ export class UmbWorkspacePropertyContext extends UmbBaseController {
         this._providerController.destroy(); // This would also be handled by the controller host, but if someone wanted to replace/remove this context without the host being destroyed. Then we have clean up out selfs here.
     }
 }
-export const UMB_WORKSPACE_PROPERTY_CONTEXT_TOKEN = new UmbContextToken('UmbWorkspacePropertyContext');
+export const UMB_PROPERTY_CONTEXT = new UmbContextToken('UmbPropertyContext');

package/dist-cms/packages/core/{workspace/workspace-property/workspace-property.element.d.ts → property/property/property.element.d.ts}

@@ -1,11 +1,13 @@
-import { type UmbPropertyEditorConfig } from '../../property-editor/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
+import { type UmbPropertyEditorConfig } from '../../property-editor/index.js';
 /**
- *  @element umb-workspace-property
- *  @description - Component for displaying a entity property. The Element will render a Property Editor based on the Property Editor UI alias passed to the element.
- *  The element will also render all Property Actions related to the Property Editor.
+ *  @element umb-property
+ *  @description Component for displaying a property with editor from extension registry.
+ *	The Element will render a Property Editor based on the Property Editor UI alias passed to the element.
+ *  This will also render all Property Actions related to the Property Editor UI Alias.
  */
-export declare class UmbWorkspacePropertyElement extends UmbLitElement {
+export declare class UmbPropertyElement extends UmbLitElement {
+    #private;
     /**
      * Label. Name of the property
      * @type {string}
@@ -35,8 +37,8 @@ export declare class UmbWorkspacePropertyElement extends UmbLitElement {
      * @attr
      * @default ''
      */
-    private _propertyEditorUiAlias;
     set propertyEditorUiAlias(value: string);
+    private _propertyEditorUiAlias;
     /**
      * Config. Configuration to pass to the Property Editor UI. This is also the configuration data stored on the Data Type.
      * @public
@@ -51,9 +53,6 @@ export declare class UmbWorkspacePropertyElement extends UmbLitElement {
     private _alias?;
     private _label?;
     private _description?;
-    private _propertyContext;
-    private _valueObserver?;
-    private _configObserver?;
     constructor();
     private _onPropertyEditorChange;
     private _observePropertyEditorUI;
@@ -64,6 +63,6 @@ export declare class UmbWorkspacePropertyElement extends UmbLitElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'umb-workspace-property': UmbWorkspacePropertyElement;
+        'umb-property': UmbPropertyElement;
     }
 }

package/dist-cms/packages/core/{workspace/workspace-property/workspace-property.element.js → property/property/property.element.js}

@@ -4,18 +4,19 @@ 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 { UmbWorkspacePropertyContext } from './workspace-property.context.js';
+import { UmbPropertyContext } from './property.context.js';
 import { UmbTextStyles } from '../../../../shared/style/index.js';
 import { css, html, customElement, property, state, ifDefined } from '../../../../external/lit/index.js';
 import { createExtensionElement } from '../../../../libs/extension-api/index.js';
 import { umbExtensionsRegistry } from '../../extension-registry/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
 /**
- *  @element umb-workspace-property
- *  @description - Component for displaying a entity property. The Element will render a Property Editor based on the Property Editor UI alias passed to the element.
- *  The element will also render all Property Actions related to the Property Editor.
+ *  @element umb-property
+ *  @description Component for displaying a property with editor from extension registry.
+ *	The Element will render a Property Editor based on the Property Editor UI alias passed to the element.
+ *  This will also render all Property Actions related to the Property Editor UI Alias.
  */
-let UmbWorkspacePropertyElement = class UmbWorkspacePropertyElement extends UmbLitElement {
+let UmbPropertyElement = class UmbPropertyElement extends UmbLitElement {
     /**
      * Label. Name of the property
      * @type {string}
@@ -23,7 +24,7 @@ let UmbWorkspacePropertyElement = class UmbWorkspacePropertyElement extends UmbL
      * @default ''
      */
     set label(label) {
-        this._propertyContext.setLabel(label);
+        this.#propertyContext.setLabel(label);
     }
     /**
      * Description: render a description underneath the label.
@@ -32,7 +33,7 @@ let UmbWorkspacePropertyElement = class UmbWorkspacePropertyElement extends UmbL
      * @default ''
      */
     set description(description) {
-        this._propertyContext.setDescription(description);
+        this.#propertyContext.setDescription(description);
     }
     /**
      * Alias
@@ -42,8 +43,15 @@ let UmbWorkspacePropertyElement = class UmbWorkspacePropertyElement extends UmbL
      * @default ''
      */
     set alias(alias) {
-        this._propertyContext.setAlias(alias);
+        this.#propertyContext.setAlias(alias);
     }
+    /**
+     * Property Editor UI Alias. Render the Property Editor UI registered for this alias.
+     * @public
+     * @type {string}
+     * @attr
+     * @default ''
+     */
     set propertyEditorUiAlias(value) {
         if (this._propertyEditorUiAlias === value)
             return;
@@ -58,35 +66,31 @@ let UmbWorkspacePropertyElement = class UmbWorkspacePropertyElement extends UmbL
      * @default ''
      */
     set config(value) {
-        this._propertyContext.setConfig(value);
+        this.#propertyContext.setConfig(value);
     }
+    #propertyContext;
+    #valueObserver;
+    #configObserver;
     constructor() {
         super();
-        /**
-         * Property Editor UI Alias. Render the Property Editor UI registered for this alias.
-         * @public
-         * @type {string}
-         * @attr
-         * @default ''
-         */
         this._propertyEditorUiAlias = '';
-        this._propertyContext = new UmbWorkspacePropertyContext(this);
+        this.#propertyContext = new UmbPropertyContext(this);
         this._onPropertyEditorChange = (e) => {
             const target = e.composedPath()[0];
             //this.value = target.value; // Sets value in context.
-            this._propertyContext.setValue(target.value);
+            this.#propertyContext.setValue(target.value);
             e.stopPropagation();
         };
-        this.observe(this._propertyContext.alias, (alias) => {
+        this.observe(this.#propertyContext.alias, (alias) => {
             this._alias = alias;
         });
-        this.observe(this._propertyContext.label, (label) => {
+        this.observe(this.#propertyContext.label, (label) => {
             this._label = label;
         });
-        this.observe(this._propertyContext.description, (description) => {
+        this.observe(this.#propertyContext.description, (description) => {
             this._description = description;
         });
-        this.observe(this._propertyContext.variantDifference, (variantDifference) => {
+        this.observe(this.#propertyContext.variantDifference, (variantDifference) => {
             this._variantDifference = variantDifference;
         });
     }
@@ -96,39 +100,42 @@ let UmbWorkspacePropertyElement = class UmbWorkspacePropertyElement extends UmbL
         }, '_observePropertyEditorUI');
     }
     async _gotEditorUI(manifest) {
-        this._propertyContext.setEditor(undefined);
+        this.#propertyContext.setEditor(undefined);
         if (!manifest) {
             // TODO: if propertyEditorUiAlias didn't exist in store, we should do some nice fail UI.
             return;
         }
         const el = await createExtensionElement(manifest);
         if (el) {
-            const oldValue = this._element;
-            oldValue?.removeEventListener('change', this._onPropertyEditorChange);
+            const oldElement = this._element;
+            // cleanup:
+            this.#valueObserver?.destroy();
+            this.#configObserver?.destroy();
+            oldElement?.removeEventListener('property-value-change', this._onPropertyEditorChange);
             this._element = el;
-            this._propertyContext.setEditor(this._element);
-            this._valueObserver?.destroy();
-            this._configObserver?.destroy();
+            this.#propertyContext.setEditor(this._element);
             if (this._element) {
+                // TODO: Could this be changed to change event? (or additionally support change?)
                 this._element.addEventListener('property-value-change', this._onPropertyEditorChange);
-                this._valueObserver = this.observe(this._propertyContext.value, (value) => {
+                // No need for a controller alias, as the clean is handled via the observer prop:
+                this.#valueObserver = this.observe(this.#propertyContext.value, (value) => {
                     this._value = value;
                     if (this._element) {
                         this._element.value = value;
                     }
-                }, '_observePropertyValue');
-                this._configObserver = this.observe(this._propertyContext.config, (config) => {
+                });
+                this.#configObserver = this.observe(this.#propertyContext.config, (config) => {
                     if (this._element && config) {
                         this._element.config = config;
                     }
-                }, '_observePropertyConfig');
+                });
             }
-            this.requestUpdate('element', oldValue);
+            this.requestUpdate('element', oldElement);
         }
     }
     render() {
         return html `
-			<umb-workspace-property-layout
+			<umb-property-layout
 				id="layout"
 				alias="${ifDefined(this._alias)}"
 				label="${ifDefined(this._label)}"
@@ -138,14 +145,14 @@ let UmbWorkspacePropertyElement = class UmbWorkspacePropertyElement extends UmbL
             ? html `<uui-tag look="secondary" slot="description">${this._variantDifference}</uui-tag>`
             : ''}
 				<div slot="editor">${this._element}</div>
-			</umb-workspace-property-layout>
+			</umb-property-layout>
 		`;
     }
     _renderPropertyActionMenu() {
         return html `${this._propertyEditorUiAlias
             ? html `<umb-property-action-menu
-					slot="property-action-menu"
-					id="property-action-menu"
+					slot="action-menu"
+					id="action-menu"
 					.propertyEditorUiAlias=${this._propertyEditorUiAlias}
 					.value=${this._value}></umb-property-action-menu>`
             : ''}`;
@@ -161,13 +168,13 @@ let UmbWorkspacePropertyElement = class UmbWorkspacePropertyElement extends UmbL
 				color: var(--uui-color-text-alt);
 			}
 
-			#property-action-menu {
+			#action-menu {
 				opacity: 0;
 			}
 
-			#layout:focus-within #property-action-menu,
-			#layout:hover #property-action-menu,
-			#property-action-menu[open] {
+			#layout:focus-within #action-menu,
+			#layout:hover #action-menu,
+			#action-menu[open] {
 				opacity: 1;
 			}
 
@@ -179,38 +186,38 @@ let UmbWorkspacePropertyElement = class UmbWorkspacePropertyElement extends UmbL
 };
 __decorate([
     property({ type: String })
-], UmbWorkspacePropertyElement.prototype, "label", null);
+], UmbPropertyElement.prototype, "label", null);
 __decorate([
     property({ type: String })
-], UmbWorkspacePropertyElement.prototype, "description", null);
+], UmbPropertyElement.prototype, "description", null);
 __decorate([
     property({ type: String })
-], UmbWorkspacePropertyElement.prototype, "alias", null);
+], UmbPropertyElement.prototype, "alias", null);
 __decorate([
     property({ type: String, attribute: 'property-editor-ui-alias' })
-], UmbWorkspacePropertyElement.prototype, "propertyEditorUiAlias", null);
+], UmbPropertyElement.prototype, "propertyEditorUiAlias", null);
 __decorate([
     property({ type: Array, attribute: false })
-], UmbWorkspacePropertyElement.prototype, "config", null);
+], UmbPropertyElement.prototype, "config", null);
 __decorate([
     state()
-], UmbWorkspacePropertyElement.prototype, "_variantDifference", void 0);
+], UmbPropertyElement.prototype, "_variantDifference", void 0);
 __decorate([
     state()
-], UmbWorkspacePropertyElement.prototype, "_element", void 0);
+], UmbPropertyElement.prototype, "_element", void 0);
 __decorate([
     state()
-], UmbWorkspacePropertyElement.prototype, "_value", void 0);
+], UmbPropertyElement.prototype, "_value", void 0);
 __decorate([
     state()
-], UmbWorkspacePropertyElement.prototype, "_alias", void 0);
+], UmbPropertyElement.prototype, "_alias", void 0);
 __decorate([
     state()
-], UmbWorkspacePropertyElement.prototype, "_label", void 0);
+], UmbPropertyElement.prototype, "_label", void 0);
 __decorate([
     state()
-], UmbWorkspacePropertyElement.prototype, "_description", void 0);
-UmbWorkspacePropertyElement = __decorate([
-    customElement('umb-workspace-property')
-], UmbWorkspacePropertyElement);
-export { UmbWorkspacePropertyElement };
+], UmbPropertyElement.prototype, "_description", void 0);
+UmbPropertyElement = __decorate([
+    customElement('umb-property')
+], UmbPropertyElement);
+export { UmbPropertyElement };

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

@@ -0,0 +1,6 @@
+export * from './nameable-property-dataset-context.interface.js';
+export * from './nameable-property-dataset-context.token.js';
+export * from './property-dataset-base-context.js';
+export * from './property-dataset-context.interface.js';
+export * from './property-dataset-context.token.js';
+export * from './property-dataset.element.js';

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

@@ -0,0 +1,6 @@
+export * from './nameable-property-dataset-context.interface.js';
+export * from './nameable-property-dataset-context.token.js';
+export * from './property-dataset-base-context.js';
+export * from './property-dataset-context.interface.js';
+export * from './property-dataset-context.token.js';
+export * from './property-dataset.element.js';

package/dist-cms/packages/core/property/property-dataset/nameable-property-dataset-context.interface.d.ts

@@ -0,0 +1,7 @@
+import { UmbPropertyDatasetContext } from './property-dataset-context.interface.js';
+/**
+ * A variant context with ability to set the name of it.
+ */
+export interface UmbNameablePropertyDatasetContext extends UmbPropertyDatasetContext {
+    setName(name: string): void;
+}

package/dist-cms/packages/core/property/property-dataset/nameable-property-dataset-context.token.d.ts

@@ -0,0 +1,5 @@
+import { type UmbPropertyDatasetContext } from './property-dataset-context.interface.js';
+import { UmbNameablePropertyDatasetContext } from './nameable-property-dataset-context.interface.js';
+import { UmbContextToken } from '../../../../libs/context-api/index.js';
+export declare const isNameablePropertyDatasetContext: (context: UmbPropertyDatasetContext) => context is UmbNameablePropertyDatasetContext;
+export declare const UMB_NAMEABLE_PROPERTY_DATASET_CONTEXT: UmbContextToken<UmbPropertyDatasetContext, UmbNameablePropertyDatasetContext>;

package/dist-cms/packages/core/property/property-dataset/nameable-property-dataset-context.token.js

@@ -0,0 +1,4 @@
+import { UMB_PROPERTY_DATASET_CONTEXT } from './property-dataset-context.token.js';
+import { UmbContextToken } from '../../../../libs/context-api/index.js';
+export const isNameablePropertyDatasetContext = (context) => 'setName' in context;
+export const UMB_NAMEABLE_PROPERTY_DATASET_CONTEXT = new UmbContextToken(UMB_PROPERTY_DATASET_CONTEXT.toString(), undefined, isNameablePropertyDatasetContext);

package/dist-cms/packages/core/property/property-dataset/property-dataset-base-context.d.ts

@@ -0,0 +1,33 @@
+import { UMB_PROPERTY_DATASET_CONTEXT, type UmbNameablePropertyDatasetContext, type UmbPropertyDatasetContext } from '../index.js';
+import type { UmbPropertyValueData } from '../types/property-value-data.type.js';
+import { type UmbControllerHost } from '../../../../libs/controller-api/index.js';
+import { UmbContextBase } from '../../../../libs/class-api/index.js';
+import { UmbVariantId } from '../../variant/index.js';
+/**
+ * A base property dataset context implementation.
+ * @class UmbPropertyDatasetBaseContext
+ * @extends {UmbContextBase}
+ */
+export declare class UmbPropertyDatasetBaseContext extends UmbContextBase<typeof UMB_PROPERTY_DATASET_CONTEXT.TYPE> implements UmbPropertyDatasetContext, UmbNameablePropertyDatasetContext {
+    #private;
+    name: import("rxjs").Observable<string | undefined>;
+    readonly values: import("rxjs").Observable<UmbPropertyValueData[]>;
+    private _entityType;
+    private _unique;
+    getEntityType(): string;
+    getUnique(): string;
+    getName(): string | undefined;
+    setName(name: string | undefined): void;
+    getVariantId(): UmbVariantId;
+    constructor(host: UmbControllerHost);
+    /**
+     * TODO: Write proper JSDocs here.
+     */
+    propertyValueByAlias<ReturnType = unknown>(propertyAlias: string): Promise<import("rxjs").Observable<ReturnType | undefined>>;
+    /**
+     * TODO: Write proper JSDocs here.
+     */
+    setPropertyValue(alias: string, value: unknown): void;
+    getValues(): UmbPropertyValueData[];
+    setValues(map: Array<UmbPropertyValueData>): void;
+}

package/dist-cms/packages/core/property/property-dataset/property-dataset-base-context.js

@@ -0,0 +1,58 @@
+import { UMB_PROPERTY_DATASET_CONTEXT, } from '../index.js';
+import { UmbContextBase } from '../../../../libs/class-api/index.js';
+import { UmbArrayState, UmbStringState } from '../../../../libs/observable-api/index.js';
+import { UmbVariantId } from '../../variant/index.js';
+/**
+ * A base property dataset context implementation.
+ * @class UmbPropertyDatasetBaseContext
+ * @extends {UmbContextBase}
+ */
+export class UmbPropertyDatasetBaseContext extends UmbContextBase {
+    #name;
+    #values;
+    getEntityType() {
+        return this._entityType;
+    }
+    getUnique() {
+        return this._unique;
+    }
+    getName() {
+        return this.#name.getValue();
+    }
+    setName(name) {
+        this.#name.next(name);
+    }
+    getVariantId() {
+        return UmbVariantId.CreateInvariant();
+    }
+    // variant id for a specific property?
+    constructor(host) {
+        // The controller alias, is a very generic name cause we want only one of these for this controller host.
+        super(host, UMB_PROPERTY_DATASET_CONTEXT);
+        this.#name = new UmbStringState(undefined);
+        this.name = this.#name.asObservable();
+        this.#values = new UmbArrayState([], (x) => x.alias);
+        this.values = this.#values.asObservable();
+    }
+    /**
+     * TODO: Write proper JSDocs here.
+     */
+    async propertyValueByAlias(propertyAlias) {
+        return this.#values.asObservablePart((values) => {
+            const valueObj = values.find((x) => x.alias === propertyAlias);
+            return valueObj ? valueObj.value : undefined;
+        });
+    }
+    /**
+     * TODO: Write proper JSDocs here.
+     */
+    setPropertyValue(alias, value) {
+        this.#values.appendOne({ alias, value });
+    }
+    getValues() {
+        return this.#values.getValue();
+    }
+    setValues(map) {
+        this.#values.next(map);
+    }
+}