@umbraco-cms/backoffice 14.0.0-9cc9c792 → 14.0.0-a0074b6e

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

@@ -6,23 +6,18 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { html, customElement, property, state, ifDefined } from '../../../../external/lit/index.js';
 import { UmbTextStyles } from "../../../../shared/style/index.js";
-import { umbExtensionsRegistry, } from '../../extension-registry/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
-import { UMB_PROPERTY_EDITOR_SCHEMA_ALIAS_DEFAULT } from '../../property-editor/index.js';
+import { UMB_DATA_TYPE_VARIANT_CONTEXT } from '../../../settings/data-types/index.js';
 /**
- *  @element umb-property-editor-config
- *  @description - Element for displaying the configuration for a Property Editor based on a Property Editor UI Alias and a Property Editor Model alias.
+ * @element umb-property-editor-config
+ * @description - Element for displaying the configuration for a Property Editor based on a Property Editor UI Alias and a Property Editor Model alias.
+ * This element requires a UMB_DATA_TYPE_WORKSPACE_CONTEXT to be present.
  */
 export let UmbPropertyEditorConfigElement = class UmbPropertyEditorConfigElement extends UmbLitElement {
+    // TODO: Make this element generic, so its not bound to DATA-TYPEs. This will require moving some functionality of Data-Type-Context to this. and this might need to self provide a variant Context for its inner property editor UIs.
+    #variantContext;
     constructor() {
-        super(...arguments);
-        /**
-         * Property Editor UI Alias. The element will render configuration for a Property Editor UI with this alias.
-         * @type {string}
-         * @attr
-         * @default ''
-         */
-        this._propertyEditorUiAlias = '';
+        super();
         /**
          * Data. The element will render configuration editors with values from this data.
          * If a value is not found in this data, the element will use the default value from the configuration.
@@ -32,58 +27,13 @@ export let UmbPropertyEditorConfigElement = class UmbPropertyEditorConfigElement
          */
         this.data = [];
         this._properties = [];
-        this._propertyEditorSchemaConfigDefaultData = [];
-        this._propertyEditorUISettingsDefaultData = [];
-        this._propertyEditorSchemaConfigProperties = [];
-        this._propertyEditorUISettingsProperties = [];
-    }
-    get propertyEditorUiAlias() {
-        return this._propertyEditorUiAlias;
-    }
-    set propertyEditorUiAlias(value) {
-        const oldVal = this._propertyEditorUiAlias;
-        this._propertyEditorUiAlias = value;
-        this.requestUpdate('propertyEditorUiAlias', oldVal);
-        this._observePropertyEditorUIConfig();
-    }
-    _observePropertyEditorUIConfig() {
-        if (!this._propertyEditorUiAlias)
-            return;
-        this.observe(umbExtensionsRegistry.getByTypeAndAlias('propertyEditorUi', this.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();
+        this.consumeContext(UMB_DATA_TYPE_VARIANT_CONTEXT, (instance) => {
+            this.#variantContext = instance;
+            this.observe(this.#variantContext.properties, (properties) => {
+                this._properties = properties;
+            }, 'observeProperties');
         });
     }
-    _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() {
-        this._properties = [...this._propertyEditorSchemaConfigProperties, ...this._propertyEditorUISettingsProperties];
-    }
-    _mergeConfigDefaultData() {
-        this._configDefaultData = [
-            ...this._propertyEditorSchemaConfigDefaultData,
-            ...this._propertyEditorUISettingsDefaultData,
-        ];
-    }
-    /**
-     * Get the stored value for a property. It will render the default value from the configuration if no value is stored in the database.
-     */
-    _getValue(property) {
-        const value = this.data.find((data) => data.alias === property.alias)?.value;
-        if (value)
-            return value;
-        const defaultValue = this._configDefaultData?.find((data) => data.alias === property.alias)?.value;
-        return defaultValue ?? null;
-    }
     render() {
         return html `
 			${this._properties.length > 0
@@ -94,7 +44,6 @@ export let UmbPropertyEditorConfigElement = class UmbPropertyEditorConfigElement
 									description="${ifDefined(property.description)}"
 									alias="${property.alias}"
 									property-editor-ui-alias="${property.propertyEditorUiAlias}"
-									.value=${this._getValue(property)}
 									.config=${property.config}></umb-workspace-property>
 							`)}
 				  `
@@ -103,9 +52,6 @@ export let UmbPropertyEditorConfigElement = class UmbPropertyEditorConfigElement
     }
     static { this.styles = [UmbTextStyles]; }
 };
-__decorate([
-    property({ type: String, attribute: 'property-editor-ui-alias' })
-], UmbPropertyEditorConfigElement.prototype, "propertyEditorUiAlias", null);
 __decorate([
     property({ type: Array })
 ], UmbPropertyEditorConfigElement.prototype, "data", void 0);

package/dist-cms/packages/core/components/property-type-based-property/property-type-based-property.element.d.ts

@@ -1,4 +1,3 @@
-import type { UmbVariantId } from '../../variant/index.js';
 import type { PropertyTypeModelBaseModel } from '../../../../external/backend-api/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
 export declare class UmbPropertyTypeBasedPropertyElement extends UmbLitElement {
@@ -9,21 +8,6 @@ export declare class UmbPropertyTypeBasedPropertyElement extends UmbLitElement {
     private _dataTypeData?;
     private _dataTypeRepository;
     private _dataTypeObserver?;
-    private _value?;
-    /**
-     * propertyVariantId. A VariantID to identify which the variant of this properties value.
-     * @public
-     * @type {UmbVariantId}
-     * @attr
-     * @default undefined
-     */
-    get propertyVariantId(): UmbVariantId | undefined;
-    set propertyVariantId(value: UmbVariantId | undefined);
-    private _propertyVariantId?;
-    private _workspaceContext?;
-    constructor();
-    private _observePropertyValue?;
-    private _observeProperty;
     private _observeDataType;
     render(): import("lit-html").TemplateResult<1>;
     static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];

package/dist-cms/packages/core/components/property-type-based-property/property-type-based-property.element.js

@@ -7,10 +7,13 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { UmbTextStyles } from "../../../../shared/style/index.js";
 import { css, html, ifDefined, customElement, property, state } from '../../../../external/lit/index.js';
 import { UmbDataTypeRepository } from '../../../settings/data-types/index.js';
-import { UMB_DOCUMENT_WORKSPACE_CONTEXT } from '../../../documents/documents/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
 import { umbExtensionsRegistry } from '../../extension-registry/index.js';
 export let UmbPropertyTypeBasedPropertyElement = class UmbPropertyTypeBasedPropertyElement extends UmbLitElement {
+    constructor() {
+        super(...arguments);
+        this._dataTypeRepository = new UmbDataTypeRepository(this);
+    }
     get property() {
         return this._property;
     }
@@ -19,43 +22,8 @@ export let UmbPropertyTypeBasedPropertyElement = class UmbPropertyTypeBasedPrope
         this._property = value;
         if (this._property?.dataTypeId !== oldProperty?.dataTypeId) {
             this._observeDataType(this._property?.dataTypeId);
-            this._observeProperty();
         }
     }
-    /**
-     * propertyVariantId. A VariantID to identify which the variant of this properties value.
-     * @public
-     * @type {UmbVariantId}
-     * @attr
-     * @default undefined
-     */
-    get propertyVariantId() {
-        return this._propertyVariantId;
-    }
-    set propertyVariantId(value) {
-        const oldValue = this._propertyVariantId;
-        if (value && oldValue?.equal(value))
-            return;
-        this._propertyVariantId = value;
-        this._observeProperty();
-        this.requestUpdate('propertyVariantId', oldValue);
-    }
-    constructor() {
-        super();
-        this._dataTypeRepository = new UmbDataTypeRepository(this);
-        this.consumeContext(UMB_DOCUMENT_WORKSPACE_CONTEXT, (workspaceContext) => {
-            this._workspaceContext = workspaceContext;
-            this._observeProperty();
-        });
-    }
-    _observeProperty() {
-        if (!this._workspaceContext || !this.property || !this._property?.alias)
-            return;
-        this._observePropertyValue?.destroy();
-        this._observePropertyValue = this.observe(this._workspaceContext.propertyValueByAlias(this._property.alias, this._propertyVariantId), (value) => {
-            this._value = value;
-        }, '_observePropertyValue');
-    }
     async _observeDataType(dataTypeId) {
         this._dataTypeObserver?.destroy();
         if (dataTypeId) {
@@ -83,8 +51,6 @@ export let UmbPropertyTypeBasedPropertyElement = class UmbPropertyTypeBasedPrope
 			label=${ifDefined(this._property?.name)}
 			description=${ifDefined(this._property?.description || undefined)}
 			property-editor-ui-alias=${ifDefined(this._propertyEditorUiAlias)}
-			.value=${this._value}
-			.propertyVariantId=${this.propertyVariantId}
 			.config=${this._dataTypeData}></umb-workspace-property>`;
     }
     static { this.styles = [
@@ -105,12 +71,6 @@ __decorate([
 __decorate([
     state()
 ], UmbPropertyTypeBasedPropertyElement.prototype, "_dataTypeData", void 0);
-__decorate([
-    state()
-], UmbPropertyTypeBasedPropertyElement.prototype, "_value", void 0);
-__decorate([
-    property({ type: Object, attribute: false })
-], UmbPropertyTypeBasedPropertyElement.prototype, "propertyVariantId", null);
 UmbPropertyTypeBasedPropertyElement = __decorate([
     customElement('umb-property-type-based-property')
 ], UmbPropertyTypeBasedPropertyElement);

package/dist-cms/packages/core/components/variant-selector/variant-selector.element.d.ts

@@ -2,11 +2,10 @@ import { ActiveVariant } from '../../workspace/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
 import { DocumentVariantResponseModel } from '../../../../external/backend-api/index.js';
 export declare class UmbVariantSelectorElement extends UmbLitElement {
-    alias: string;
+    #private;
     _variants: Array<DocumentVariantResponseModel>;
     _activeVariants: Array<ActiveVariant>;
     get _activeVariantsCultures(): string[];
-    private _variantContext?;
     private _name?;
     private _culture?;
     private _segment?;
@@ -28,7 +27,7 @@ export declare class UmbVariantSelectorElement extends UmbLitElement {
     private _isVariantActive;
     private _isNotPublishedMode;
     render(): import("lit-html").TemplateResult<1>;
-    static styles: import("@lit/reactive-element/css-tag").CSSResult[];
+    static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];
 }
 export default UmbVariantSelectorElement;
 declare global {

package/dist-cms/packages/core/components/variant-selector/variant-selector.element.js

@@ -4,15 +4,18 @@ 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 { UmbVariantId } from '../../variant/variant-id.class.js';
 import { UUIInputEvent } from '../../../../external/uui/index.js';
 import { css, html, nothing, customElement, property, state, ifDefined } from '../../../../external/lit/index.js';
-import { UMB_WORKSPACE_VARIANT_CONTEXT_TOKEN, } from '../../workspace/index.js';
+import { UMB_WORKSPACE_SPLIT_VIEW_CONTEXT, UMB_VARIANT_CONTEXT, isNameablePropertySetContext, } from '../../workspace/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
 import { ContentStateModel } from '../../../../external/backend-api/index.js';
 export let UmbVariantSelectorElement = class UmbVariantSelectorElement extends UmbLitElement {
     get _activeVariantsCultures() {
         return this._activeVariants.map((el) => el.culture ?? '') ?? [];
     }
+    #splitViewContext;
+    #variantContext;
     constructor() {
         super();
         this._variants = [];
@@ -21,17 +24,20 @@ export let UmbVariantSelectorElement = class UmbVariantSelectorElement extends U
         // TODO: make adapt to backoffice locale.
         this._cultureNames = new Intl.DisplayNames('en', { type: 'language' });
         this._variantSelectorIsOpen = false;
-        this.consumeContext(UMB_WORKSPACE_VARIANT_CONTEXT_TOKEN, (instance) => {
-            this._variantContext = instance;
+        this.consumeContext(UMB_WORKSPACE_SPLIT_VIEW_CONTEXT, (instance) => {
+            this.#splitViewContext = instance;
             this._observeVariants();
             this._observeActiveVariants();
+        });
+        this.consumeContext(UMB_VARIANT_CONTEXT, (instance) => {
+            this.#variantContext = instance;
             this._observeVariantContext();
         });
     }
     async _observeVariants() {
-        if (!this._variantContext)
+        if (!this.#splitViewContext)
             return;
-        const workspaceContext = this._variantContext.getWorkspaceContext();
+        const workspaceContext = this.#splitViewContext.getWorkspaceContext();
         if (workspaceContext) {
             this.observe(workspaceContext.variants, (variants) => {
                 if (variants) {
@@ -41,9 +47,9 @@ export let UmbVariantSelectorElement = class UmbVariantSelectorElement extends U
         }
     }
     async _observeActiveVariants() {
-        if (!this._variantContext)
+        if (!this.#splitViewContext)
             return;
-        const workspaceContext = this._variantContext.getWorkspaceContext();
+        const workspaceContext = this.#splitViewContext.getWorkspaceContext();
         if (workspaceContext) {
             this.observe(workspaceContext.splitView.activeVariantsInfo, (activeVariants) => {
                 if (activeVariants) {
@@ -53,19 +59,15 @@ export let UmbVariantSelectorElement = class UmbVariantSelectorElement extends U
         }
     }
     async _observeVariantContext() {
-        if (!this._variantContext)
+        if (!this.#variantContext)
             return;
-        this.observe(this._variantContext.name, (name) => {
+        const variantId = this.#variantContext.getVariantId();
+        this._culture = variantId.culture;
+        this._segment = variantId.segment;
+        this.updateVariantDisplayName();
+        this.observe(this.#variantContext.name, (name) => {
             this._name = name;
         }, '_name');
-        this.observe(this._variantContext.culture, (culture) => {
-            this._culture = culture;
-            this.updateVariantDisplayName();
-        }, '_culture');
-        this.observe(this._variantContext.segment, (segment) => {
-            this._segment = segment;
-            this.updateVariantDisplayName();
-        }, '_segment');
     }
     updateVariantDisplayName() {
         if (!this._culture && !this._segment)
@@ -80,9 +82,8 @@ export let UmbVariantSelectorElement = class UmbVariantSelectorElement extends U
     _handleInput(event) {
         if (event instanceof UUIInputEvent) {
             const target = event.composedPath()[0];
-            if (typeof target?.value === 'string') {
-                // TODO: create a setName method on EntityWorkspace:
-                this._variantContext?.setName(target.value);
+            if (typeof target?.value === 'string' && this.#variantContext && isNameablePropertySetContext(this.#variantContext)) {
+                this.#variantContext.setName(target.value);
             }
         }
     }
@@ -93,15 +94,15 @@ export let UmbVariantSelectorElement = class UmbVariantSelectorElement extends U
         this._variantSelectorIsOpen = false;
     }
     _switchVariant(variant) {
-        this._variantContext?.switchVariant(variant);
+        this.#splitViewContext?.switchVariant(UmbVariantId.Create(variant));
         this._close();
     }
     _openSplitView(variant) {
-        this._variantContext?.openSplitView(variant);
+        this.#splitViewContext?.openSplitView(UmbVariantId.Create(variant));
         this._close();
     }
     _closeSplitView() {
-        this._variantContext?.closeSplitView();
+        this.#splitViewContext?.closeSplitView();
     }
     _isVariantActive(culture) {
         return this._activeVariantsCultures.includes(culture);
@@ -296,9 +297,6 @@ export let UmbVariantSelectorElement = class UmbVariantSelectorElement extends U
 		`,
     ]; }
 };
-__decorate([
-    property()
-], UmbVariantSelectorElement.prototype, "alias", void 0);
 __decorate([
     state()
 ], UmbVariantSelectorElement.prototype, "_variants", void 0);
@@ -306,7 +304,7 @@ __decorate([
     state()
 ], UmbVariantSelectorElement.prototype, "_activeVariants", void 0);
 __decorate([
-    property()
+    property({ attribute: false })
 ], UmbVariantSelectorElement.prototype, "_activeVariantsCultures", null);
 __decorate([
     state()

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

@@ -42,6 +42,10 @@ export declare class UmbContentTypePropertyStructureManager<R extends UmbDetailR
     insertProperty(documentTypeId: string | null, property: PropertyTypeModelBaseModel): Promise<void>;
     removeProperty(documentTypeId: string | null, propertyId: string): Promise<void>;
     updateProperty(documentTypeId: string | null, propertyId: string, partialUpdate: Partial<PropertyTypeModelBaseModel>): Promise<void>;
+    propertyStructureById(propertyId: string): Promise<import("rxjs").Observable<PropertyTypeModelBaseModel | undefined>>;
+    propertyStructureByAlias(propertyAlias: string): Promise<import("rxjs").Observable<PropertyTypeModelBaseModel | undefined>>;
+    getPropertyStructureById(propertyId: string): Promise<PropertyTypeModelBaseModel | undefined>;
+    getPropertyStructureByAlias(propertyAlias: string): Promise<PropertyTypeModelBaseModel | undefined>;
     ownerDocumentTypeObservablePart<PartResult>(mappingFunction: MappingFunction<T, PartResult>): import("rxjs").Observable<PartResult | undefined>;
     hasPropertyStructuresOf(containerId: string | null): import("rxjs").Observable<boolean>;
     rootPropertyStructures(): import("rxjs").Observable<PropertyTypeModelBaseModel[]>;

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

@@ -216,6 +216,51 @@ export class UmbContentTypePropertyStructureManager {
         const properties = partialUpdateFrozenArray(frozenProperties, partialUpdate, (x) => x.id === propertyId);
         this.#documentTypes.updateOne(documentTypeId, { properties });
     }
+    // TODO: Refactor: These property methods, should maybe be named without structure in their name.
+    async propertyStructureById(propertyId) {
+        await this.#init;
+        return this.#documentTypes.asObservablePart((docTypes) => {
+            for (const docType of docTypes) {
+                const foundProp = docType.properties?.find((property) => property.id === propertyId);
+                if (foundProp) {
+                    return foundProp;
+                }
+            }
+            return undefined;
+        });
+    }
+    async propertyStructureByAlias(propertyAlias) {
+        await this.#init;
+        return this.#documentTypes.asObservablePart((docTypes) => {
+            for (const docType of docTypes) {
+                const foundProp = docType.properties?.find((property) => property.alias === propertyAlias);
+                if (foundProp) {
+                    return foundProp;
+                }
+            }
+            return undefined;
+        });
+    }
+    async getPropertyStructureById(propertyId) {
+        await this.#init;
+        for (const docType of this.#documentTypes.getValue()) {
+            const foundProp = docType.properties?.find((property) => property.id === propertyId);
+            if (foundProp) {
+                return foundProp;
+            }
+        }
+        return undefined;
+    }
+    async getPropertyStructureByAlias(propertyAlias) {
+        await this.#init;
+        for (const docType of this.#documentTypes.getValue()) {
+            const foundProp = docType.properties?.find((property) => property.alias === propertyAlias);
+            if (foundProp) {
+                return foundProp;
+            }
+        }
+        return undefined;
+    }
     /*
     rootDocumentTypeName() {
         return this.#documentTypes.asObservablePart((docTypes) => {

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

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

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

@@ -1,5 +1,5 @@
 import type { UmbPropertyEditorExtensionElement } from '../interfaces/index.js';
-import type { UmbDataTypeConfig } from '../../property-editor/index.js';
+import type { UmbPropertyEditorConfig } from '../../property-editor/index.js';
 import type { ManifestElement, ManifestBase } from '../../../../libs/extension-api/index.js';
 export interface ManifestPropertyEditorUi extends ManifestElement<UmbPropertyEditorExtensionElement> {
     type: 'propertyEditorUi';
@@ -49,7 +49,7 @@ export interface PropertyEditorConfigProperty {
     description?: string;
     alias: string;
     propertyEditorUiAlias: string;
-    config?: UmbDataTypeConfig;
+    config?: UmbPropertyEditorConfig;
 }
 export interface PropertyEditorConfigDefaultData {
     alias: string;

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

@@ -0,0 +1,2 @@
+export * from './property-editor-config.type.js';
+export * from './property-editor-config-collection.class.js';

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

@@ -0,0 +1,2 @@
+export * from './property-editor-config.type.js';
+export * from './property-editor-config-collection.class.js';

package/dist-cms/packages/core/{components/data-type/data-type-property-collection.class.d.ts → property-editor/config/property-editor-config-collection.class.d.ts}

@@ -1,11 +1,11 @@
-import { type UmbDataTypeConfigProperty, type UmbDataTypeConfig } from '../../property-editor/index.js';
+import { type UmbPropertyEditorConfigProperty, type UmbPropertyEditorConfig } from '../index.js';
 import { DataTypePropertyPresentationModel } from '../../../../external/backend-api/index.js';
 /**
  * Extends Array to add utility functions for accessing data type properties
  * by alias, returning either the value or the complete DataTypePropertyPresentationModel object
  */
-export declare class UmbDataTypeConfigCollection extends Array<UmbDataTypeConfigProperty> {
-    constructor(args: UmbDataTypeConfig);
+export declare class UmbPropertyEditorConfigCollection extends Array<UmbPropertyEditorConfigProperty> {
+    constructor(args: UmbPropertyEditorConfig);
     static get [Symbol.species](): ArrayConstructor;
     getValueByAlias<T>(alias: string): T | undefined;
     getByAlias(alias: string): DataTypePropertyPresentationModel | undefined;
@@ -24,5 +24,5 @@ export declare class UmbDataTypeConfigCollection extends Array<UmbDataTypeConfig
      * }`
      */
     toObject(): Record<string, unknown>;
-    equal(other: UmbDataTypeConfigCollection | undefined): boolean;
+    equal(other: UmbPropertyEditorConfigCollection | undefined): boolean;
 }

package/dist-cms/packages/core/{components/data-type/data-type-property-collection.class.js → property-editor/config/property-editor-config-collection.class.js}

@@ -2,7 +2,7 @@
  * Extends Array to add utility functions for accessing data type properties
  * by alias, returning either the value or the complete DataTypePropertyPresentationModel object
  */
-export class UmbDataTypeConfigCollection extends Array {
+export class UmbPropertyEditorConfigCollection extends Array {
     constructor(args) {
         super(...args);
     }

package/dist-cms/packages/core/property-editor/config/property-editor-config.type.d.ts

@@ -0,0 +1,3 @@
+import { DataTypePropertyPresentationModel } from '../../../../external/backend-api/index.js';
+export type UmbPropertyEditorConfigProperty = DataTypePropertyPresentationModel;
+export type UmbPropertyEditorConfig = UmbPropertyEditorConfigProperty[];

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

@@ -1,3 +1,3 @@
-export * from './types/index.js';
+export * from './config/index.js';
 export * from './events/index.js';
 export declare const UMB_PROPERTY_EDITOR_SCHEMA_ALIAS_DEFAULT = "Umbraco.Label";

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

@@ -1,3 +1,3 @@
-export * from './types/index.js';
+export * from './config/index.js';
 export * from './events/index.js';
 export const UMB_PROPERTY_EDITOR_SCHEMA_ALIAS_DEFAULT = 'Umbraco.Label';

package/dist-cms/packages/core/property-editor/uis/block-grid/property-editor-ui-block-grid.element.d.ts

@@ -1,13 +1,12 @@
 import { UmbPropertyEditorExtensionElement } from '../../../extension-registry/index.js';
 import { UmbLitElement } from '../../../../../shared/lit-element/index.js';
-import type { UmbDataTypeConfigCollection } from '../../../components/index.js';
+import type { UmbPropertyEditorConfigCollection } from '../../index.js';
 /**
  * @element umb-property-editor-ui-block-grid
  */
 export declare class UmbPropertyEditorUIBlockGridElement extends UmbLitElement implements UmbPropertyEditorExtensionElement {
-    private _variantContext?;
     value: string;
-    config?: UmbDataTypeConfigCollection;
+    config?: UmbPropertyEditorConfigCollection;
     private _routes;
     private _routerPath;
     private _activePath;

package/dist-cms/packages/core/property-editor/uis/block-list/property-editor-ui-block-list.element.d.ts

@@ -1,14 +1,14 @@
+import type { UmbPropertyEditorConfigCollection } from '../../config/index.js';
 import { UmbPropertyEditorExtensionElement } from '../../../extension-registry/index.js';
 import { UmbLitElement } from '../../../../../shared/lit-element/index.js';
-import type { UmbDataTypeConfigCollection } from '../../../components/index.js';
 /**
  * @element umb-property-editor-ui-block-list
  */
 export declare class UmbPropertyEditorUIBlockListElement extends UmbLitElement implements UmbPropertyEditorExtensionElement {
     value: string;
-    config?: UmbDataTypeConfigCollection;
+    config?: UmbPropertyEditorConfigCollection;
     render(): import("lit-html").TemplateResult<1>;
-    static styles: import("@lit/reactive-element/css-tag").CSSResult[];
+    static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];
 }
 export default UmbPropertyEditorUIBlockListElement;
 declare global {

package/dist-cms/packages/core/property-editor/uis/checkbox-list/property-editor-ui-checkbox-list.element.d.ts

@@ -1,6 +1,6 @@
 import { UmbPropertyEditorExtensionElement } from '../../../extension-registry/index.js';
 import { UmbLitElement } from '../../../../../shared/lit-element/index.js';
-import type { UmbDataTypeConfigCollection } from '../../../components/index.js';
+import type { UmbPropertyEditorConfigCollection } from '../../index.js';
 /**
  * @element umb-property-editor-ui-checkbox-list
  */
@@ -8,7 +8,7 @@ export declare class UmbPropertyEditorUICheckboxListElement extends UmbLitElemen
     #private;
     get value(): Array<string>;
     set value(value: Array<string>);
-    set config(config: UmbDataTypeConfigCollection | undefined);
+    set config(config: UmbPropertyEditorConfigCollection | undefined);
     private _list;
     render(): import("lit-html").TemplateResult<1>;
     static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];

package/dist-cms/packages/core/property-editor/uis/color-picker/property-editor-ui-color-picker.element.d.ts

@@ -1,6 +1,6 @@
 import { UmbPropertyEditorExtensionElement } from '../../../extension-registry/index.js';
 import { UmbLitElement } from '../../../../../shared/lit-element/index.js';
-import type { UmbDataTypeConfigCollection } from '../../../components/index.js';
+import type { UmbPropertyEditorConfigCollection } from '../../index.js';
 /**
  * @element umb-property-editor-ui-color-picker
  */
@@ -9,7 +9,7 @@ export declare class UmbPropertyEditorUIColorPickerElement extends UmbLitElement
     value: string;
     private _showLabels;
     private _swatches;
-    set config(config: UmbDataTypeConfigCollection | undefined);
+    set config(config: UmbPropertyEditorConfigCollection | undefined);
     private _onChange;
     render(): import("lit-html").TemplateResult<1>;
 }

package/dist-cms/packages/core/property-editor/uis/date-picker/property-editor-ui-date-picker.element.d.ts

@@ -1,6 +1,6 @@
+import { UmbPropertyEditorConfigCollection } from '../../index.js';
 import { UmbPropertyEditorExtensionElement } from '../../../extension-registry/index.js';
 import { UmbLitElement } from '../../../../../shared/lit-element/index.js';
-import type { UmbDataTypeConfigCollection } from '../../../components/index.js';
 /**
  * @element umb-property-editor-ui-date-picker
  */
@@ -16,7 +16,7 @@ export declare class UmbPropertyEditorUIDatePickerElement extends UmbLitElement
     private _max?;
     private _step?;
     private _offsetTime?;
-    set config(config: UmbDataTypeConfigCollection | undefined);
+    set config(config: UmbPropertyEditorConfigCollection | undefined);
     render(): import("lit-html").TemplateResult<1>;
     static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];
 }

package/dist-cms/packages/core/property-editor/uis/dropdown/property-editor-ui-dropdown.element.d.ts

@@ -1,12 +1,12 @@
 import { UmbPropertyEditorExtensionElement } from '../../../extension-registry/index.js';
 import { UmbLitElement } from '../../../../../shared/lit-element/index.js';
-import type { UmbDataTypeConfigCollection } from '../../../components/index.js';
+import type { UmbPropertyEditorConfigCollection } from '../../index.js';
 /**
  * @element umb-property-editor-ui-dropdown
  */
 export declare class UmbPropertyEditorUIDropdownElement extends UmbLitElement implements UmbPropertyEditorExtensionElement {
     value: string;
-    config?: UmbDataTypeConfigCollection;
+    config?: UmbPropertyEditorConfigCollection;
     render(): import("lit-html").TemplateResult<1>;
     static styles: import("@lit/reactive-element/css-tag").CSSResult[];
 }

package/dist-cms/packages/core/property-editor/uis/eye-dropper/property-editor-ui-eye-dropper.element.d.ts

@@ -1,6 +1,6 @@
 import { UmbPropertyEditorExtensionElement } from '../../../extension-registry/index.js';
 import { UmbLitElement } from '../../../../../shared/lit-element/index.js';
-import type { UmbDataTypeConfigCollection } from '../../../components/index.js';
+import type { UmbPropertyEditorConfigCollection } from '../../index.js';
 /**
  * @element umb-property-editor-ui-eye-dropper
  */
@@ -9,7 +9,7 @@ export declare class UmbPropertyEditorUIEyeDropperElement extends UmbLitElement
     value: string;
     private _opacity;
     private _swatches;
-    set config(config: UmbDataTypeConfigCollection | undefined);
+    set config(config: UmbPropertyEditorConfigCollection | undefined);
     private _onChange;
     render(): import("lit-html").TemplateResult<1>;
 }