@umbraco-cms/backoffice 18.2.1 → 18.3.0-rc

package/dist-cms/packages/core/menu/menu-variant-tree-structure-workspace-context-base.js

@@ -1,14 +1,16 @@
 import { UMB_MENU_VARIANT_STRUCTURE_WORKSPACE_CONTEXT } from './menu-variant-structure-workspace-context.context-token.js';
 import { UMB_SECTION_SIDEBAR_MENU_SECTION_CONTEXT } from './section-sidebar-menu/section-context/section-sidebar-menu.section-context.token.js';
-import { createExtensionApiByAlias } from '../extension-registry/index.js';
-import { UmbContextBase } from '../../../libs/class-api/index.js';
-import { UmbArrayState } from '../../../libs/observable-api/index.js';
+import { createExtensionApiByAlias, umbExtensionsRegistry } from '../extension-registry/index.js';
+import { debounce, linkEntityExpansionEntries } from '../utils/index.js';
 import { UmbAncestorsEntityContext, UmbParentEntityContext } from '../entity/index.js';
-import { UMB_SUBMITTABLE_TREE_ENTITY_WORKSPACE_CONTEXT, UMB_VARIANT_WORKSPACE_CONTEXT, UMB_WORKSPACE_EDIT_PATH_PATTERN, UMB_WORKSPACE_EDIT_VARIANT_PATH_PATTERN, } from '../workspace/index.js';
-import { linkEntityExpansionEntries } from '../utils/index.js';
+import { UmbArrayState } from '../../../libs/observable-api/index.js';
+import { UmbContextBase } from '../../../libs/class-api/index.js';
+import { UmbRequestReloadStructureForEntityEvent } from '../entity-action/index.js';
+import { UmbVariantId } from '../variant/index.js';
+import { UMB_ACTION_EVENT_CONTEXT } from '../action/index.js';
 import { UMB_MODAL_CONTEXT } from '../modal/index.js';
 import { UMB_SECTION_CONTEXT } from '../section/index.js';
-import { UmbVariantId } from '../variant/index.js';
+import { UMB_SUBMITTABLE_TREE_ENTITY_WORKSPACE_CONTEXT, UMB_VARIANT_WORKSPACE_CONTEXT, UMB_WORKSPACE_EDIT_PATH_PATTERN, UMB_WORKSPACE_EDIT_VARIANT_PATH_PATTERN, UMB_WORKSPACE_PATH_PATTERN, } from '../workspace/index.js';
 // TODO: introduce base class for all menu structure workspaces to handle ancestors and parent
 export class UmbMenuVariantTreeStructureWorkspaceContextBase extends UmbContextBase {
     #workspaceContext;
@@ -21,6 +23,10 @@ export class UmbMenuVariantTreeStructureWorkspaceContextBase extends UmbContextB
     #isNew;
     #variantWorkspaceContext;
     #workspaceActiveVariantId;
+    #actionEventContext;
+    #structureRequestId;
+    // Coalesces the unique/isNew/reload-event triggers when they fire in quick succession.
+    #requestStructure;
     constructor(host, args) {
         super(host, UMB_MENU_VARIANT_STRUCTURE_WORKSPACE_CONTEXT);
         this.#structure = new UmbArrayState([], (x) => x.unique);
@@ -29,11 +35,24 @@ export class UmbMenuVariantTreeStructureWorkspaceContextBase extends UmbContextB
         this.#ancestorContext = new UmbAncestorsEntityContext(this);
         this.#isModalContext = false;
         this.#isNew = undefined;
+        this.#structureRequestId = 0;
+        // Coalesces the unique/isNew/reload-event triggers when they fire in quick succession.
+        this.#requestStructure = debounce(() => this.#requestStructureImpl(), 100);
         this.IS_MENU_VARIANT_STRUCTURE_WORKSPACE_CONTEXT = true;
+        this.#onReloadStructureForEntityRequest = (event) => {
+            if (!this.#isCurrentEntityOrAncestor(event.getEntityType(), event.getUnique()))
+                return;
+            this.#requestStructure();
+        };
         this.#args = args;
         this.consumeContext(UMB_MODAL_CONTEXT, (modalContext) => {
             this.#isModalContext = modalContext !== undefined;
         });
+        this.consumeContext(UMB_ACTION_EVENT_CONTEXT, (instance) => {
+            this.#removeEventListeners();
+            this.#actionEventContext = instance;
+            this.#addEventListeners();
+        });
         this.consumeContext(UMB_SECTION_CONTEXT, (instance) => {
             this._sectionContext = instance;
         });
@@ -51,24 +70,38 @@ export class UmbMenuVariantTreeStructureWorkspaceContextBase extends UmbContextB
             this.observe(this.#workspaceContext?.unique, (value) => {
                 if (!value)
                     return;
+                // Clear immediately so the previous entity's breadcrumb/structure isn't shown while the new one loads.
+                this.#clearStructure();
                 this.#requestStructure();
             }, 'observeUnique');
-            this.observe(this.#workspaceContext?.isNew, (value) => {
-                // Workspace has changed from new to existing
-                if (value === false && this.#isNew === true) {
+            // isNew is observed on its own, separate from the structure fetch, so the expand decision never
+            // depends on which of the two happens to settle first: whichever settles last (isNew resolving to
+            // false, or the structure fetch resolving) is the one that actually triggers the expand.
+            this.observe(this.#workspaceContext?.isNew, (isNew) => {
+                // The item has just been created: the structure fetched while new was based on the create-under
+                // parent's identity (the item didn't exist yet), so it must be re-fetched using the item's own
+                // identity - otherwise parent/ancestor data downstream keeps describing the parent it was
+                // created under rather than the entity that now actually exists.
+                if (isNew === false && this.#isNew === true) {
                     this.#requestStructure();
                 }
-                this.#isNew = value;
+                else if (isNew === false) {
+                    this.#tryExpandSectionSidebarMenu();
+                }
+                this.#isNew = isNew;
             }, 'observeIsNew');
         });
     }
     getItemHref(structureItem) {
+        if (!this.#hasWorkspaceForEntityType(structureItem.entityType))
+            return undefined;
         const sectionName = this._sectionContext?.getPathname();
         if (!sectionName)
             return undefined;
         const unique = structureItem.unique;
-        if (!unique)
-            return undefined;
+        if (unique === null) {
+            return UMB_WORKSPACE_PATH_PATTERN.generateAbsolute({ sectionName, entityType: structureItem.entityType });
+        }
         // find related variant id from structure item:
         const itemVariantFit = structureItem.variants.find((variant) => variant.culture === this.#workspaceActiveVariantId?.culture &&
             variant.segment === this.#workspaceActiveVariantId?.segment);
@@ -88,7 +121,28 @@ export class UmbMenuVariantTreeStructureWorkspaceContextBase extends UmbContextB
             unique,
         });
     }
-    async #requestStructure() {
+    #hasWorkspaceForEntityType(entityType) {
+        return umbExtensionsRegistry
+            .getByType('workspace')
+            .some((manifest) => manifest.meta?.entityType === entityType);
+    }
+    #addEventListeners() {
+        this.#actionEventContext?.addEventListener(UmbRequestReloadStructureForEntityEvent.TYPE, this.#onReloadStructureForEntityRequest);
+    }
+    #removeEventListeners() {
+        this.#actionEventContext?.removeEventListener(UmbRequestReloadStructureForEntityEvent.TYPE, this.#onReloadStructureForEntityRequest);
+    }
+    #onReloadStructureForEntityRequest;
+    #isCurrentEntityOrAncestor(entityType, unique) {
+        if (entityType === this.#workspaceContext?.getEntityType() && unique === this.#workspaceContext?.getUnique()) {
+            return true;
+        }
+        return this.#ancestorContext
+            .getAncestors()
+            .some((ancestor) => ancestor.entityType === entityType && ancestor.unique === unique);
+    }
+    async #requestStructureImpl() {
+        const requestId = ++this.#structureRequestId;
         const isNew = this.#workspaceContext?.getIsNew();
         const uniqueObservable = isNew
             ? this.#workspaceContext?._internal_createUnderParentEntityUnique
@@ -127,6 +181,8 @@ export class UmbMenuVariantTreeStructureWorkspaceContextBase extends UmbContextB
                 return {
                     unique: treeItem.unique,
                     entityType: treeItem.entityType,
+                    name: treeItem.name,
+                    isFolder: treeItem.isFolder,
                     variants: treeItem.variants.map((variant) => {
                         return {
                             name: variant.name,
@@ -141,15 +197,42 @@ export class UmbMenuVariantTreeStructureWorkspaceContextBase extends UmbContextB
             // (e.g. a condition such as IS_NOT_TRASHED flips before the API response arrives).
             if (!this._host)
                 return;
+            // Guard: a newer request has superseded this one; its result would already be stale.
+            if (requestId !== this.#structureRequestId)
+                return;
             this.#structure.setValue(structureItems);
             this.#setParentData(structureItems);
             this.#setAncestorData(data);
-            const menuItemAlias = this.manifest?.meta?.menuItemAlias;
-            if (menuItemAlias && !this.#isModalContext) {
-                this.#expandSectionSidebarMenu(structureItems, menuItemAlias);
-            }
+            this.#tryExpandSectionSidebarMenu();
         }
     }
+    /**
+     * Expands the parent in the section sidebar menu, but only once we know for certain the item isn't still being
+     * created, and only once the structure has actually been fetched. Reads both conditions fresh, so it's safe to
+     * call from either the structure-fetch completion or the isNew observer, whichever settles last.
+     */
+    #tryExpandSectionSidebarMenu() {
+        const menuItemAlias = this.manifest?.meta?.menuItemAlias;
+        if (!menuItemAlias || this.#isModalContext)
+            return;
+        // Don't expand the parent for an item that hasn't been created yet.
+        if (this.#workspaceContext?.getIsNew() !== false)
+            return;
+        const structureItems = this.#structure.getValue();
+        if (!structureItems.length)
+            return;
+        // This can run mid-navigation to a different entity, before `unique` itself has been updated - `getUnique()`
+        // is then transiently undefined (distinct from a legitimate `null`, e.g. a root entity), which would defeat
+        // the "exclude the current entity" filter below and expand the outgoing entity's still-cached structure.
+        if (this.#workspaceContext?.getUnique() === undefined)
+            return;
+        this.#expandSectionSidebarMenu(structureItems, menuItemAlias);
+    }
+    #clearStructure() {
+        this.#structure.setValue([]);
+        this.#parentContext.setParent(undefined);
+        this.#ancestorContext.setAncestors([]);
+    }
     #setParentData(structureItems) {
         /* If the item is not new, the current item is the last item in the array.
             We filter out the current item unique to handle any case where it could show up */
@@ -201,6 +284,8 @@ export class UmbMenuVariantTreeStructureWorkspaceContextBase extends UmbContextB
         }, 'breadcrumbWorkspaceActiveVariantObserver');
     }
     destroy() {
+        this.#requestStructure.cancel();
+        this.#removeEventListeners();
         super.destroy();
         this.#structure.destroy();
         this.#parentContext.destroy();

package/dist-cms/packages/core/menu/menu-variant-tree-structure-workspace-context.test-utils.d.ts

@@ -0,0 +1,35 @@
+import { UmbTestSectionContext, UmbTestSectionSidebarMenuContext, UmbTestSubmittableTreeEntityWorkspaceContext } from './menu-tree-structure-workspace-context.test-utils.js';
+import type { ManifestApi } from '../../../libs/extension-api/index.js';
+import type { UmbEntityModel } from '../entity/index.js';
+import type { UmbTreeItemModel, UmbTreeRootModel } from '../tree/index.js';
+export { UmbTestSubmittableTreeEntityWorkspaceContext, UmbTestSectionSidebarMenuContext, UmbTestSectionContext };
+declare const UmbTestMenuVariantStructureControllerHostElement_base: import("../../../libs/extension-api/index.js").HTMLElementConstructor<import("../../../libs/controller-api/index.js").UmbControllerHostElement> & {
+    new (): HTMLElement;
+    prototype: HTMLElement;
+};
+export declare class UmbTestMenuVariantStructureControllerHostElement extends UmbTestMenuVariantStructureControllerHostElement_base {
+}
+type UmbTestVariantTreeItemModel = UmbTreeItemModel & {
+    variants: Array<{
+        name: string;
+        culture: string | null;
+        segment: string | null;
+    }>;
+};
+export declare class UmbTestVariantTreeRepository {
+    static root: UmbTreeRootModel;
+    static ancestors: Array<UmbTestVariantTreeItemModel>;
+    static requestTreeItemAncestorsCalls: Array<UmbEntityModel>;
+    static reset(): void;
+    requestTreeRoot(): Promise<{
+        data: UmbTreeRootModel;
+    }>;
+    requestTreeItemAncestors(args: {
+        treeItem: UmbEntityModel;
+    }): Promise<{
+        data: UmbTestVariantTreeItemModel[];
+    }>;
+    destroy(): void;
+}
+export declare const createTestVariantTreeRepositoryManifest: (alias: string) => ManifestApi;
+export declare function createTestVariantAncestorItem(entity: UmbEntityModel, name?: string, isFolder?: boolean): UmbTestVariantTreeItemModel;

package/dist-cms/packages/core/menu/menu-variant-tree-structure-workspace-context.test-utils.js

@@ -0,0 +1,63 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { UmbTestSectionContext, UmbTestSectionSidebarMenuContext, UmbTestSubmittableTreeEntityWorkspaceContext, } from './menu-tree-structure-workspace-context.test-utils.js';
+import { UmbControllerHostElementMixin } from '../../../libs/controller-api/index.js';
+import { customElement } from '../../../external/lit/index.js';
+export { UmbTestSubmittableTreeEntityWorkspaceContext, UmbTestSectionSidebarMenuContext, UmbTestSectionContext };
+let UmbTestMenuVariantStructureControllerHostElement = class UmbTestMenuVariantStructureControllerHostElement extends UmbControllerHostElementMixin(HTMLElement) {
+};
+UmbTestMenuVariantStructureControllerHostElement = __decorate([
+    customElement('umb-test-menu-variant-structure-controller-host')
+], UmbTestMenuVariantStructureControllerHostElement);
+export { UmbTestMenuVariantStructureControllerHostElement };
+/**
+ * A minimal `UmbTreeRepository` stand-in for a variant-aware tree (document/media). Same role as
+ * `UmbTestTreeRepository` in `menu-tree-structure-workspace-context.test-utils.ts`, but its ancestors carry a
+ * `variants` array, since `UmbMenuVariantTreeStructureWorkspaceContextBase` reads `treeItem.variants` when
+ * building the structure.
+ */
+const DEFAULT_TEST_ROOT = {
+    unique: null,
+    entityType: 'test-root-entity-type',
+    name: 'Root',
+    isFolder: false,
+    hasChildren: false,
+};
+export class UmbTestVariantTreeRepository {
+    static { this.root = DEFAULT_TEST_ROOT; }
+    static { this.ancestors = []; }
+    static { this.requestTreeItemAncestorsCalls = []; }
+    static reset() {
+        UmbTestVariantTreeRepository.root = DEFAULT_TEST_ROOT;
+        UmbTestVariantTreeRepository.ancestors = [];
+        UmbTestVariantTreeRepository.requestTreeItemAncestorsCalls = [];
+    }
+    async requestTreeRoot() {
+        return { data: UmbTestVariantTreeRepository.root };
+    }
+    async requestTreeItemAncestors(args) {
+        UmbTestVariantTreeRepository.requestTreeItemAncestorsCalls.push(args.treeItem);
+        return { data: UmbTestVariantTreeRepository.ancestors };
+    }
+    destroy() { }
+}
+export const createTestVariantTreeRepositoryManifest = (alias) => ({
+    type: 'repository',
+    alias,
+    name: 'Test Variant Tree Repository',
+    api: UmbTestVariantTreeRepository,
+});
+export function createTestVariantAncestorItem(entity, name = entity.unique ?? 'unnamed', isFolder = false) {
+    return {
+        ...entity,
+        name,
+        isFolder,
+        hasChildren: false,
+        parent: { unique: null, entityType: 'test-root-entity-type' },
+        variants: [{ name, culture: null, segment: null }],
+    };
+}

package/dist-cms/packages/core/menu/types.d.ts

@@ -11,6 +11,9 @@ export interface UmbStructureItemModel extends UmbStructureItemModelBase {
     isFolder: boolean;
 }
 export interface UmbVariantStructureItemModel extends UmbStructureItemModelBase {
+    /** The item's flat, culture-agnostic name. Used to display non-variant items (e.g. folders) alongside variant ones. */
+    name?: string;
+    isFolder?: boolean;
     variants: Array<{
         name: string;
         culture: string | null;

package/dist-cms/packages/core/package.json

@@ -13,8 +13,8 @@
         "uuid": "^14.0.0"
     },
     "devDependencies": {
-        "lucide-static": "^1.8.0",
-        "simple-icons": "^16.16.0",
+        "lucide-static": "^1.52.0",
+        "simple-icons": "^16.34.0",
         "svgo": "^4.0.2"
     }
 }

package/dist-cms/packages/core/picker/picker.context.js

@@ -3,7 +3,6 @@ import { UmbPickerSearchManager } from './search/manager/picker-search.manager.j
 import { UmbContextBase } from '../../../libs/class-api/index.js';
 import { UmbInteractionMemoryManager } from '../interaction-memory/index.js';
 import { UmbSelectionManager } from '../utils/index.js';
-import { UMB_PROPERTY_TYPE_BASED_PROPERTY_CONTEXT } from '../../content/content/index.js';
 export class UmbPickerContext extends UmbContextBase {
     constructor(host) {
         super(host, UMB_PICKER_CONTEXT);
@@ -11,8 +10,16 @@ export class UmbPickerContext extends UmbContextBase {
         this.selection = new UmbSelectionManager(this);
         this.search = new UmbPickerSearchManager(this);
         /* TODO: Move this implementation to another place. The generic picker context shouldn't be aware of property and data types.
-        It also gives an illegal import of content module */
-        this.consumeContext(UMB_PROPERTY_TYPE_BASED_PROPERTY_CONTEXT, (context) => {
+
+        HACK: The alias is deliberately a hardcoded string rather than an import of
+        `UMB_PROPERTY_TYPE_BASED_PROPERTY_CONTEXT` from `@umbraco-cms/backoffice/content`. Importing it makes the picker
+        module depend on the content module, which closes an import cycle and — because the tree module also depends on
+        picker — blocks any module that legitimately needs to depend on picker from being able to.
+
+        This removes the *coding* dependency but not the *functional* one: the alias still resolves a context that the
+        content module owns, so picker remains functionally coupled to content, and a rename there breaks this at runtime
+        rather than at compile time. It is done this way only because the cycle is blocking other work. */
+        this.consumeContext('UmbPropertyTypeBasedPropertyContext', (context) => {
             this.observe(context?.dataType, (dataType) => {
                 this.dataType = dataType;
             });

package/dist-cms/packages/core/picker/search/picker-search-field.element.js

@@ -39,6 +39,7 @@ let UmbPickerSearchFieldElement = class UmbPickerSearchFieldElement extends UmbL
 				.value=${this._query}
 				label=${this.localize.term('general_search')}
 				placeholder=${this.localize.term('placeholders_search')}
+				data-mark="picker:search-input"
 				@input=${this.#onInput}>
 				<div slot="prepend">
 					${this._searching

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

@@ -90,7 +90,6 @@ export declare class UmbPropertyElement extends UmbLitElement {
     private _onPropertyEditorChange;
     private _onLegacyPropertyValueChange;
     private _observePropertyEditorUI;
-    private _gotEditorUI;
     render(): import("lit-html").TemplateResult<1>;
     static styles: import("lit").CSSResult[];
 }

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

@@ -27,6 +27,7 @@ const UMB_LEGACY_PROPERTY_VALUE_CHANGE_DEPRECATION = new UmbDeprecation({
  *  This will also render all Property Actions related to the Property Editor UI Alias.
  */
 let UmbPropertyElement = class UmbPropertyElement extends UmbLitElement {
+    #manifest;
     /**
      * Label. Name of the property
      * @type {string}
@@ -121,10 +122,25 @@ let UmbPropertyElement = class UmbPropertyElement extends UmbLitElement {
      * @default
      */
     set dataPath(dataPath) {
+        const oldDataPath = this.dataPath;
+        this.#dismantleControlValidation();
         this.#propertyContext.setDataPath(dataPath);
+        if (dataPath === undefined || dataPath === oldDataPath) {
+            this.removeUmbControllerByAlias('observeValidationState');
+            return;
+        }
         new UmbObserveValidationStateController(this, dataPath, (invalid) => {
             this._invalid = invalid;
-        });
+        }, 'observeValidationState');
+        // Only re-create when moving between data paths, as the element may hold state belonging to the
+        // previous one, and only if the editor does not handle the switch itself. [NL]
+        if (oldDataPath !== undefined && this.#manifest?.meta.supportsVariantChange !== true) {
+            this.#initiateEditor();
+        }
+        else {
+            // If not re-creating the element, we can just setup the validation: [NL]
+            this.#setupControlValidation();
+        }
     }
     get dataPath() {
         return this.#propertyContext.getDataPath();
@@ -228,15 +244,13 @@ let UmbPropertyElement = class UmbPropertyElement extends UmbLitElement {
                     this._observePropertyEditorUI();
                     return;
                 }
-                this._gotEditorUI(manifest);
+                this.#manifest = manifest;
+                this.#initiateEditor();
             }, '_observePropertyEditorUI');
         }
     }
-    async _gotEditorUI(manifest) {
-        if (this._element && this._element.manifest === manifest) {
-            // If we already have an element and the manifest haven't changed, we don't need to do anything.
-            return;
-        }
+    async #initiateEditor() {
+        const manifest = this.#manifest;
         this.#extensionsController?.destroy();
         this.#propertyContext.setEditor(undefined);
         this.#propertyContext.setEditorManifest(manifest ?? undefined);
@@ -251,7 +265,6 @@ let UmbPropertyElement = class UmbPropertyElement extends UmbLitElement {
             this.#valueObserver?.destroy();
             this.#configObserver?.destroy();
             this.#validationMessageObserver?.destroy();
-            this.#controlValidator?.destroy();
             oldElement?.removeEventListener('change', this._onPropertyEditorChange);
             /** @deprecated The `UmbPropertyValueChangeEvent` has been deprecated, and will be removed in Umbraco 20. [LK] */
             oldElement?.removeEventListener('property-value-change', this._onLegacyPropertyValueChange);
@@ -272,9 +285,6 @@ let UmbPropertyElement = class UmbPropertyElement extends UmbLitElement {
                 this.#valueObserver = this.observe(this.#propertyContext.value, (value) => {
                     // Set the value on the element:
                     this._element.value = value;
-                    if (this.#validationMessageBinder) {
-                        this.#validationMessageBinder.value = value;
-                    }
                 }, null);
                 this.#configObserver = this.observe(this.#propertyContext.config, (config) => {
                     if (config) {
@@ -286,15 +296,7 @@ let UmbPropertyElement = class UmbPropertyElement extends UmbLitElement {
                         this._element.mandatoryMessage = mandatoryMessage ?? undefined;
                     }
                 }, null);
-                if ('checkValidity' in this._element) {
-                    const dataPath = this.dataPath;
-                    this.#controlValidator = new UmbFormControlValidator(this, this._element, dataPath);
-                    // We trust blindly that the dataPath will be present at this stage and not arrive later than this moment. [NL]
-                    if (dataPath) {
-                        this.#validationMessageBinder = new UmbBindServerValidationToFormControl(this, this._element, dataPath);
-                        this.#validationMessageBinder.value = this.#propertyContext.getValue();
-                    }
-                }
+                this.#setupControlValidation();
                 this._element.readonly = this._isReadOnly;
                 this._element.toggleAttribute('readonly', this._isReadOnly);
                 this.#createController(manifest);
@@ -302,6 +304,30 @@ let UmbPropertyElement = class UmbPropertyElement extends UmbLitElement {
             this.requestUpdate('element', oldElement);
         }
     }
+    /**
+     * Destroys the current form control validator and server-validation message binder, if any.
+     *
+     * Called synchronously, immediately, wherever `dataPath` or the element itself may have changed — before the
+     * value for a new dataPath is pushed onto the element — so the outgoing validator can't catch that value change
+     * and misattribute it to the variant it used to represent, incorrectly clearing (or setting) that variant's
+     * validation message.
+     */
+    #dismantleControlValidation() {
+        this.#controlValidator?.destroy();
+        this.#controlValidator = undefined;
+        this.#validationMessageBinder?.destroy();
+        this.#validationMessageBinder = undefined;
+    }
+    #setupControlValidation() {
+        this.#dismantleControlValidation();
+        if (!this._element || !('checkValidity' in this._element))
+            return;
+        const dataPath = this.dataPath;
+        this.#controlValidator = new UmbFormControlValidator(this, this._element, dataPath);
+        if (dataPath) {
+            this.#validationMessageBinder = new UmbBindServerValidationToFormControl(this, this._element, dataPath);
+        }
+    }
     #createController(propertyEditorUiManifest) {
         if (this.#extensionsController) {
             this.#extensionsController.destroy();
@@ -340,6 +366,9 @@ let UmbPropertyElement = class UmbPropertyElement extends UmbLitElement {
 		`;
     }
     #renderPropertyEditor() {
+        if (!this._element) {
+            return html `<umb-view-loader slot="editor"></umb-view-loader>`;
+        }
         return html `
 			<div id="editor" slot="editor">
 				${this._isReadOnly && this._supportsReadOnly === false ? html `<div id="overlay"></div>` : nothing}

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

@@ -1 +1 @@
-export declare const manifests: (import("../../tiptap/index.js").ManifestTiptapToolbarExtensionButtonKind<import("../../tiptap/index.js").MetaTiptapToolbarExtension> | import("../tree/types.js").ManifestTreeItem | import("../modal/types.js").ManifestModal | import("../collection/types.js").ManifestCollection | import("../collection/types.js").ManifestCollectionMenu | import("../collection/menu/menu-item/extension/collection-menu-item.extension.js").ManifestCollectionMenuItem | import("../tree/types.js").ManifestTree | import("../collection/types.js").ManifestCollectionView | import("../collection/types.js").ManifestCollectionViewTableKind | import("../../tiptap/index.js").ManifestTiptapToolbarExtensionActionButtonKind<import("../../tiptap/index.js").MetaTiptapToolbarExtension> | import("../../tiptap/index.js").ManifestTiptapToolbarExtensionColorPickerButtonKind<import("../../tiptap/index.js").MetaTiptapToolbarExtension> | import("../entity-item/entity-item-ref/entity-item-ref.extension.js").ManifestEntityItemRef<import("../entity-item/entity-item-ref/entity-item-ref.extension.js").MetaEntityItemRef> | import("../extension-registry/index.js").ManifestAppEntryPoint | import("../extension-registry/index.js").ManifestBackofficeEntryPoint | import("../extension-registry/index.js").ManifestEntryPoint | (import("../../../libs/extension-api/index.js").ManifestBase | import("../../../libs/extension-api/index.js").ManifestCondition | import("../../../libs/extension-api/index.js").ManifestBundle<import("../../../libs/extension-api/index.js").ManifestBase | import("../../../libs/extension-api/index.js").ManifestCondition | import("../../../libs/extension-api/index.js").ManifestBundle<import("../../../libs/extension-api/index.js").ManifestBase | import("../../../libs/extension-api/index.js").ManifestCondition | import("../../../libs/extension-api/index.js").ManifestBundle<import("../../../libs/extension-api/index.js").ManifestBase | import("../../../libs/extension-api/index.js").ManifestCondition | import("../../../libs/extension-api/index.js").ManifestBundle<import("../../../libs/extension-api/index.js").ManifestBase | import("../../../libs/extension-api/index.js").ManifestCondition | import("../../../libs/extension-api/index.js").ManifestBundle<import("../../../libs/extension-api/index.js").ManifestBase | import("../../../libs/extension-api/index.js").ManifestCondition | import("../../../libs/extension-api/index.js").ManifestBundle<import("../../../libs/extension-api/index.js").ManifestBase | import("../../../libs/extension-api/index.js").ManifestCondition | import("../../../libs/extension-api/index.js").ManifestBundle<import("../../../libs/extension-api/index.js").ManifestBase | import("../../../libs/extension-api/index.js").ManifestCondition | import("../../../libs/extension-api/index.js").ManifestBundle<import("../../../libs/extension-api/index.js").ManifestBase | import("../../../libs/extension-api/index.js").ManifestCondition | import("../../../libs/extension-api/index.js").ManifestBundle<import("../../../libs/extension-api/index.js").ManifestBase | import("../../../libs/extension-api/index.js").ManifestCondition | import("../../../libs/extension-api/index.js").ManifestBundle<import("../../../libs/extension-api/index.js").ManifestBase | import("../../../libs/extension-api/index.js").ManifestCondition | import("../../../libs/extension-api/index.js").ManifestBundle<import("../../../libs/extension-api/index.js").ManifestBase | import("../../../libs/extension-api/index.js").ManifestCondition | /*elided*/ any>>>>>>>>>>>) | import("../repository/types.js").ManifestDataSourceDataMapping<import("../repository/types.js").MetaDataSourceDataMapping> | import("../entity-action/types.js").ManifestEntityActionDeleteKind | import("../entity-action/entity-action.extension.js").ManifestEntityAction<import("../entity-action/entity-action.extension.js").MetaEntityAction> | import("../entity-action/types.js").ManifestEntityActionDefaultKind | import("../../ufm/index.js").ManifestUfmFilter | import("../../ufm/index.js").ManifestUfmComponent | import("../../ufm/index.js").ManifestMarkedExtension | import("./types.js").ManifestPropertyContext<import("./types.js").MetaPropertyContext> | import("./types.js").ManifestPropertyValueCloner | (import("../property-editor/types.js").ManifestPropertyEditorSchema | import("../property-editor/types.js").ManifestPropertyEditorUi) | import("./types.js").ManifestPropertyValuePreset | import("./types.js").ManifestPropertyValueResolver | import("../tree/index.js").ManifestTreeAction | import("../tree/index.js").ManifestTreeActionCreateKind | import("../entity-create-option-action/entity-create-option-action.extension.js").ManifestEntityCreateOptionAction<import("../entity-create-option-action/entity-create-option-action.extension.js").MetaEntityCreateOptionAction> | import("../tree/types.js").ManifestEntityActionDuplicateToKind | import("../tree/types.js").ManifestEntityActionMoveToKind | import("../tree/types.js").ManifestEntityActionReloadTreeItemChildrenKind | import("../tree/types.js").ManifestEntityActionSortChildrenOfKind | import("../workspace/types.js").ManifestWorkspaceActionMenuItem<import("../workspace/types.js").MetaWorkspaceActionMenuItem> | import("../workspace/types.js").ManifestWorkspaceActionMenuItemDefaultKind<import("../workspace/types.js").MetaWorkspaceActionMenuItemDefaultKind> | import("../workspace/types.js").ManifestWorkspaceInfoApp<import("../workspace/types.js").MetaWorkspaceInfoApp> | import("../workspace/types.js").ManifestWorkspaceDefaultKind | import("../workspace/types.js").ManifestWorkspaceAction<import("../workspace/types.js").MetaWorkspaceAction, import("../workspace/types.js").UmbWorkspaceAction<import("../workspace/types.js").MetaWorkspaceAction>> | import("../workspace/types.js").ManifestWorkspaceActionDefaultKind | import("../workspace/types.js").ManifestWorkspaceFooterApp | import("../workspace/types.js").ManifestWorkspaceFooterAppMenuBreadcrumbKind | import("../workspace/types.js").ManifestWorkspaceFooterAppVariantMenuBreadcrumbKind | import("../workspace/types.js").ManifestWorkspaceView<import("../workspace/types.js").MetaWorkspaceView> | import("../workspace/types.js").ManifestWorkspaceViewContentTypeDesignEditorKind | import("../workspace/types.js").ManifestWorkspace<import("../workspace/types.js").MetaWorkspace, import("../../../libs/controller-api/index.js").UmbControllerHostElement, import("../workspace/workspace-context.interface.js").UmbWorkspaceContext> | import("../workspace/types.js").ManifestWorkspaceRoutableKind | import("../workspace/types.js").ManifestWorkspaceContext | import("../section/types.js").ManifestSectionContext<import("../section/types.js").MetaSectionContext> | (import("../section/types.js").ManifestSectionSidebarApp | import("../section/types.js").ManifestSection | import("../section/types.js").ManifestSectionRoute | import("../section/types.js").ManifestSectionView) | import("../dashboard/dashboard.extension.js").ManifestDashboard | import("../tree/types.js").ManifestEntityActionCreateFolderKind | import("../tree/types.js").ManifestEntityActionDeleteFolderKind | import("../tree/types.js").ManifestEntityActionUpdateFolderKind | import("../tree/types.js").ManifestEntityCreateOptionActionFolderKind | import("../menu/menu.extension.js").ManifestMenu | import("../menu/types.js").ManifestMenuItem | import("../menu/types.js").ManifestMenuItemActionKind | import("../menu/types.js").ManifestMenuItemLinkKind | import("../menu/types.js").ManifestWorkspaceContextMenuStructureKind | import("../tree/types.js").ManifestMenuItemTreeKind | import("../tree/types.js").ManifestTreeItemCard | import("../tree/types.js").ManifestWorkspaceViewTreeKind | import("../tree/index.js").ManifestTreeView | import("../tree/index.js").ManifestTreeViewTableKind | import("../collection/types.js").ManifestEntityCollectionItemCard<import("../collection/types.js").MetaEntityCollectionItemCard> | import("../collection/types.js").ManifestEntityCollectionItemRef<import("../collection/types.js").MetaEntityCollectionItemRef> | import("../collection/types.js").ManifestCollectionAction | import("../collection/types.js").ManifestCollectionActionCreateKind | import("../collection/types.js").ManifestCollectionTextFilter | import("../collection/types.js").ManifestWorkspaceViewCollectionKind | import("../value-summary/index.js").ManifestValueSummary | import("../../content/content/index.js").ManifestAuditLogAction<import("../../content/content/index.js").MetaAuditLogAction> | import("../../content/content/index.js").ManifestAuditLogActionDefaultKind | import("../../content/content/index.js").ManifestEntityActionContentRollbackKind | import("../../content/content/index.js").ManifestWorkspaceInfoAppAuditLogKind | import("../../content/content/index.js").ManifestWorkspaceViewContentCollectionKind | import("../../content/content/index.js").ManifestEntityActionSortChildrenOfContentKind | import("../../content/content/index.js").ManifestEntityActionContentPublishKind | import("../../user/current-user/index.js").ManifestUserProfileApp | import("../../user/current-user/index.js").ManifestCurrentUserAction<import("../../user/current-user/index.js").MetaCurrentUserAction> | import("../icon-registry/types.js").ManifestIcons | import("../../user/user-permission/index.js").ManifestEntityUserPermission | import("../../user/user-permission/index.js").ManifestGranularUserPermission | import("../localization/index.js").ManifestLocalization | import("../../content/content/index.js").ManifestEntityActionContentUnpublishKind | import("../picker/types.js").ManifestPickerSearchResultItem | import("../property-editor-data-source/types.js").ManifestPropertyEditorDataSource | import("../validation/types.js").ManifestPropertyValidationPathTranslator<any> | import("../entity-action/common/create/types.js").ManifestEntityActionCreateKind | import("../entity-bulk-action/types.js").ManifestEntityBulkActionDeleteKind | import("../extension-registry/index.js").UmbEntityBulkActionExtensions | import("../extension-registry/index.js").ManifestExternalLoginProvider | import("../extension-registry/index.js").ManifestGlobalContext | import("../extension-registry/index.js").ManifestHeaderApp | import("../extension-registry/index.js").ManifestHeaderAppButtonKind | import("../extension-registry/index.js").ManifestMfaLoginProvider | import("../extension-registry/index.js").ManifestPreviewAppProvider | import("../extension-registry/index.js").ManifestRepository<import("../../../libs/extension-api/index.js").UmbApi> | import("../extension-registry/index.js").UmbStoreExtensions | import("../extension-registry/index.js").ManifestUserEntryPoint | import("../search/types.js").ManifestSearchProvider | import("../search/types.js").ManifestSearchResultItem | import("../search/types.js").ManifestGlobalSearch | import("../auth/auth-provider.extension.js").ManifestAuthProvider | import("../themes/theme.extension.js").ManifestTheme | import("../entity-sign/types.js").ManifestEntitySign<import("../entity-sign/types.js").MetaEntitySign> | import("../entity-sign/kinds/types.js").ManifestEntitySignIconKind | import("../property-action/property-action.extension.js").UmbPropertyActionExtensions | import("../property-sort-mode/types.js").ManifestPropertyActionSortModeKind<import("../property-action/property-action.extension.js").MetaPropertyActionDefaultKind> | import("../recycle-bin/types.js").ManifestCollectionActionEmptyRecycleBinKind | import("../recycle-bin/types.js").ManifestEntityActionTrashKind | import("../recycle-bin/types.js").ManifestEntityActionTrashFolderKind | import("../recycle-bin/types.js").ManifestEntityActionRestoreFromRecycleBinKind | import("../recycle-bin/types.js").ManifestEntityActionEmptyRecycleBinKind | import("../recycle-bin/types.js").ManifestEntityBulkActionTrashKind | import("../recycle-bin/types.js").ManifestTreeItemRecycleBinKind | import("../server-file-system/types.js").ManifestEntityActionRenameServerFileKind | import("../property-sort-mode/types.js").ManifestPropertyContextSortModeKind | import("../../block/block/index.js").ManifestBlockAction<import("../../block/block/index.js").MetaBlockAction> | import("../../block/block/index.js").ManifestBlockActionDefaultKind | import("../../block/block-custom-view/index.js").ManifestBlockEditorCustomView | import("../../clipboard/index.js").ManifestClipboardCopyPropertyValueTranslator | import("../../clipboard/index.js").ManifestClipboardPastePropertyValueTranslator | import("../../clipboard/index.js").ManifestPropertyActionPasteFromClipboardKind | import("../../clipboard/index.js").ManifestPropertyActionCopyToClipboardKind | import("../../relations/relations/index.js").ManifestEntityBulkActionDeleteWithRelationKind | import("../../relations/relations/index.js").ManifestEntityBulkActionTrashWithRelationKind | import("../../relations/relations/index.js").ManifestEntityActionDeleteWithRelationKind | import("../../relations/relations/index.js").ManifestEntityActionTrashWithRelationKind | import("../../documents/documents/index.js").ManifestWorkspaceActionMenuItemPreviewOptionKind | import("../../media/media/index.js").ManifestFileUploadPreview | import("../../health-check/index.js").ManifestHealthCheck | import("../../packages/package/index.js").ManifestPackageView | import("../../property-editors/content-picker/index.js").ManifestDynamicRootOrigin | import("../../property-editors/content-picker/index.js").ManifestDynamicRootQueryStep | import("../../relations/relations/reference/workspace-info-app/types.js").ManifestWorkspaceInfoAppEntityReferencesKind | import("../../tiptap/index.js").ManifestTiptapExtension<import("../../tiptap/index.js").MetaTiptapExtension> | import("../../tiptap/index.js").ManifestTiptapToolbarExtension<import("../../tiptap/index.js").MetaTiptapToolbarExtension> | import("../../tiptap/index.js").ManifestTiptapToolbarExtensionMenuKind | import("../../tiptap/index.js").ManifestTiptapToolbarExtensionStyleMenuKind | import("../../tiptap/index.js").ManifestTiptapStatusbarExtension<import("../../tiptap/index.js").MetaTiptapStatusbarExtension> | import("../../clipboard/property/context/types.js").ManifestPropertyContextClipboardKind | import("../section/default/types.js").ManifestSectionDefaultKind | import("../../markdown-editor/index.js").ManifestMonacoMarkdownEditorAction)[];
+export declare const manifests: (import("../../tiptap/index.js").ManifestTiptapToolbarExtensionButtonKind<import("../../tiptap/index.js").MetaTiptapToolbarExtension> | import("../tree/types.js").ManifestTreeItem | import("../modal/types.js").ManifestModal | import("../collection/types.js").ManifestCollection | import("../collection/types.js").ManifestCollectionMenu | import("../collection/menu/menu-item/extension/collection-menu-item.extension.js").ManifestCollectionMenuItem | import("../tree/types.js").ManifestTree | import("../collection/types.js").ManifestCollectionView | import("../collection/types.js").ManifestCollectionViewTableKind | import("../../tiptap/index.js").ManifestTiptapToolbarExtensionActionButtonKind<import("../../tiptap/index.js").MetaTiptapToolbarExtension> | import("../../tiptap/index.js").ManifestTiptapToolbarExtensionColorPickerButtonKind<import("../../tiptap/index.js").MetaTiptapToolbarExtension> | import("../entity-item/entity-item-ref/entity-item-ref.extension.js").ManifestEntityItemRef<import("../entity-item/entity-item-ref/entity-item-ref.extension.js").MetaEntityItemRef> | import("../extension-registry/index.js").ManifestAppEntryPoint | import("../extension-registry/index.js").ManifestBackofficeEntryPoint | import("../extension-registry/index.js").ManifestEntryPoint | (import("../../../libs/extension-api/index.js").ManifestBase | import("../../../libs/extension-api/index.js").ManifestCondition | import("../../../libs/extension-api/index.js").ManifestBundle<import("../../../libs/extension-api/index.js").ManifestBase | import("../../../libs/extension-api/index.js").ManifestCondition | import("../../../libs/extension-api/index.js").ManifestBundle<import("../../../libs/extension-api/index.js").ManifestBase | import("../../../libs/extension-api/index.js").ManifestCondition | import("../../../libs/extension-api/index.js").ManifestBundle<import("../../../libs/extension-api/index.js").ManifestBase | import("../../../libs/extension-api/index.js").ManifestCondition | import("../../../libs/extension-api/index.js").ManifestBundle<import("../../../libs/extension-api/index.js").ManifestBase | import("../../../libs/extension-api/index.js").ManifestCondition | import("../../../libs/extension-api/index.js").ManifestBundle<import("../../../libs/extension-api/index.js").ManifestBase | import("../../../libs/extension-api/index.js").ManifestCondition | import("../../../libs/extension-api/index.js").ManifestBundle<import("../../../libs/extension-api/index.js").ManifestBase | import("../../../libs/extension-api/index.js").ManifestCondition | import("../../../libs/extension-api/index.js").ManifestBundle<import("../../../libs/extension-api/index.js").ManifestBase | import("../../../libs/extension-api/index.js").ManifestCondition | import("../../../libs/extension-api/index.js").ManifestBundle<import("../../../libs/extension-api/index.js").ManifestBase | import("../../../libs/extension-api/index.js").ManifestCondition | import("../../../libs/extension-api/index.js").ManifestBundle<import("../../../libs/extension-api/index.js").ManifestBase | import("../../../libs/extension-api/index.js").ManifestCondition | import("../../../libs/extension-api/index.js").ManifestBundle<import("../../../libs/extension-api/index.js").ManifestBase | import("../../../libs/extension-api/index.js").ManifestCondition | import("../../../libs/extension-api/index.js").ManifestBundle<import("../../../libs/extension-api/index.js").ManifestBase | import("../../../libs/extension-api/index.js").ManifestCondition | /*elided*/ any>>>>>>>>>>>) | import("../repository/types.js").ManifestDataSourceDataMapping<import("../repository/types.js").MetaDataSourceDataMapping> | import("../entity-action/types.js").ManifestEntityActionDeleteKind | import("../entity-action/entity-action.extension.js").ManifestEntityAction<import("../entity-action/entity-action.extension.js").MetaEntityAction> | import("../entity-action/types.js").ManifestEntityActionDefaultKind | import("../../ufm/index.js").ManifestUfmFilter | import("../../ufm/index.js").ManifestUfmComponent | import("../../ufm/index.js").ManifestMarkedExtension | import("./types.js").ManifestPropertyContext<import("./types.js").MetaPropertyContext> | import("./types.js").ManifestPropertyValueCloner | (import("../property-editor/types.js").ManifestPropertyEditorSchema | import("../property-editor/types.js").ManifestPropertyEditorUi) | import("./types.js").ManifestPropertyValuePreset | import("./types.js").ManifestPropertyValueResolver | import("../tree/index.js").ManifestTreeAction | import("../tree/index.js").ManifestTreeActionCreateKind | import("../entity-create-option-action/entity-create-option-action.extension.js").ManifestEntityCreateOptionAction<import("../entity-create-option-action/entity-create-option-action.extension.js").MetaEntityCreateOptionAction> | import("../tree/types.js").ManifestEntityActionDuplicateToKind | import("../tree/types.js").ManifestEntityActionMoveToKind | import("../tree/types.js").ManifestEntityActionReloadTreeItemChildrenKind | import("../tree/types.js").ManifestEntityActionSortChildrenOfKind | import("../workspace/types.js").ManifestWorkspaceActionMenuItem<import("../workspace/types.js").MetaWorkspaceActionMenuItem> | import("../workspace/types.js").ManifestWorkspaceActionMenuItemDefaultKind<import("../workspace/types.js").MetaWorkspaceActionMenuItemDefaultKind> | import("../workspace/types.js").ManifestWorkspaceInfoApp<import("../workspace/types.js").MetaWorkspaceInfoApp> | import("../workspace/types.js").ManifestWorkspaceDefaultKind | import("../workspace/types.js").ManifestWorkspaceAction<import("../workspace/types.js").MetaWorkspaceAction, import("../workspace/types.js").UmbWorkspaceAction<import("../workspace/types.js").MetaWorkspaceAction>> | import("../workspace/types.js").ManifestWorkspaceActionDefaultKind | import("../workspace/types.js").ManifestWorkspaceFooterApp | import("../workspace/types.js").ManifestWorkspaceFooterAppMenuBreadcrumbKind | import("../workspace/types.js").ManifestWorkspaceFooterAppVariantMenuBreadcrumbKind | import("../workspace/types.js").ManifestWorkspaceView<import("../workspace/types.js").MetaWorkspaceView> | import("../workspace/types.js").ManifestWorkspaceViewContentTypeDesignEditorKind | import("../workspace/types.js").ManifestWorkspace<import("../workspace/types.js").MetaWorkspace, import("../../../libs/controller-api/index.js").UmbControllerHostElement, import("../workspace/workspace-context.interface.js").UmbWorkspaceContext> | import("../workspace/types.js").ManifestWorkspaceRoutableKind | import("../workspace/types.js").ManifestWorkspaceContext | import("../section/types.js").ManifestSectionContext<import("../section/types.js").MetaSectionContext> | (import("../section/types.js").ManifestSectionSidebarApp | import("../section/types.js").ManifestSection | import("../section/types.js").ManifestSectionRoute | import("../section/types.js").ManifestSectionView) | import("../dashboard/dashboard.extension.js").ManifestDashboard | import("../tree/types.js").ManifestEntityActionCreateFolderKind | import("../tree/types.js").ManifestEntityActionDeleteFolderKind | import("../tree/types.js").ManifestEntityActionUpdateFolderKind | import("../tree/types.js").ManifestEntityCreateOptionActionFolderKind | import("../menu/menu.extension.js").ManifestMenu | import("../menu/types.js").ManifestMenuItem | import("../menu/types.js").ManifestMenuItemActionKind | import("../menu/types.js").ManifestMenuItemLinkKind | import("../menu/types.js").ManifestWorkspaceContextMenuStructureKind | import("../tree/types.js").ManifestMenuItemTreeKind | import("../tree/types.js").ManifestTreeItemCard | import("../tree/types.js").ManifestWorkspaceViewTreeKind | import("../tree/index.js").ManifestTreeView | import("../picker/types.js").ManifestPickerSearchResultItem | import("../tree/index.js").ManifestTreeViewTableKind | import("../collection/types.js").ManifestEntityCollectionItemCard<import("../collection/types.js").MetaEntityCollectionItemCard> | import("../collection/types.js").ManifestEntityCollectionItemRef<import("../collection/types.js").MetaEntityCollectionItemRef> | import("../collection/types.js").ManifestCollectionAction | import("../collection/types.js").ManifestCollectionActionCreateKind | import("../collection/types.js").ManifestCollectionTextFilter | import("../collection/types.js").ManifestWorkspaceViewCollectionKind | import("../value-summary/index.js").ManifestValueSummary | import("../property-editor-data-source/types.js").ManifestPropertyEditorDataSource | import("../icon-registry/types.js").ManifestIcons | import("../../content/content/index.js").ManifestAuditLogAction<import("../../content/content/index.js").MetaAuditLogAction> | import("../../content/content/index.js").ManifestAuditLogActionDefaultKind | import("../../content/content/index.js").ManifestEntityActionContentRollbackKind | import("../../content/content/index.js").ManifestWorkspaceInfoAppAuditLogKind | import("../../content/content/index.js").ManifestWorkspaceViewContentCollectionKind | import("../../content/content/index.js").ManifestEntityActionSortChildrenOfContentKind | import("../../content/content/index.js").ManifestEntityActionContentPublishKind | import("../../user/current-user/index.js").ManifestUserProfileApp | import("../../user/current-user/index.js").ManifestCurrentUserAction<import("../../user/current-user/index.js").MetaCurrentUserAction> | import("../../user/user-permission/index.js").ManifestEntityUserPermission | import("../../user/user-permission/index.js").ManifestGranularUserPermission | import("../localization/index.js").ManifestLocalization | import("../../content/content/index.js").ManifestEntityActionContentUnpublishKind | import("../validation/types.js").ManifestPropertyValidationPathTranslator<any> | import("../entity-action/common/create/types.js").ManifestEntityActionCreateKind | import("../entity-bulk-action/types.js").ManifestEntityBulkActionDeleteKind | import("../extension-registry/index.js").UmbEntityBulkActionExtensions | import("../extension-registry/index.js").ManifestExternalLoginProvider | import("../extension-registry/index.js").ManifestGlobalContext | import("../extension-registry/index.js").ManifestHeaderApp | import("../extension-registry/index.js").ManifestHeaderAppButtonKind | import("../extension-registry/index.js").ManifestMfaLoginProvider | import("../extension-registry/index.js").ManifestPreviewAppProvider | import("../extension-registry/index.js").ManifestRepository<import("../../../libs/extension-api/index.js").UmbApi> | import("../extension-registry/index.js").UmbStoreExtensions | import("../extension-registry/index.js").ManifestUserEntryPoint | import("../search/types.js").ManifestSearchProvider | import("../search/types.js").ManifestSearchResultItem | import("../search/types.js").ManifestGlobalSearch | import("../auth/auth-provider.extension.js").ManifestAuthProvider | import("../themes/theme.extension.js").ManifestTheme | import("../entity-sign/types.js").ManifestEntitySign<import("../entity-sign/types.js").MetaEntitySign> | import("../entity-sign/kinds/types.js").ManifestEntitySignIconKind | import("../property-action/property-action.extension.js").UmbPropertyActionExtensions | import("../property-sort-mode/types.js").ManifestPropertyActionSortModeKind<import("../property-action/property-action.extension.js").MetaPropertyActionDefaultKind> | import("../recycle-bin/types.js").ManifestCollectionActionEmptyRecycleBinKind | import("../recycle-bin/types.js").ManifestEntityActionTrashKind | import("../recycle-bin/types.js").ManifestEntityActionTrashFolderKind | import("../recycle-bin/types.js").ManifestEntityActionRestoreFromRecycleBinKind | import("../recycle-bin/types.js").ManifestEntityActionEmptyRecycleBinKind | import("../recycle-bin/types.js").ManifestEntityBulkActionTrashKind | import("../recycle-bin/types.js").ManifestTreeItemRecycleBinKind | import("../server-file-system/types.js").ManifestEntityActionRenameServerFileKind | import("../property-sort-mode/types.js").ManifestPropertyContextSortModeKind | import("../../block/block/index.js").ManifestBlockAction<import("../../block/block/index.js").MetaBlockAction> | import("../../block/block/index.js").ManifestBlockActionDefaultKind | import("../../block/block-custom-view/index.js").ManifestBlockEditorCustomView | import("../../clipboard/index.js").ManifestClipboardCopyPropertyValueTranslator | import("../../clipboard/index.js").ManifestClipboardPastePropertyValueTranslator | import("../../clipboard/index.js").ManifestPropertyActionPasteFromClipboardKind | import("../../clipboard/index.js").ManifestPropertyActionCopyToClipboardKind | import("../../relations/relations/index.js").ManifestEntityBulkActionDeleteWithRelationKind | import("../../relations/relations/index.js").ManifestEntityBulkActionTrashWithRelationKind | import("../../relations/relations/index.js").ManifestEntityActionDeleteWithRelationKind | import("../../relations/relations/index.js").ManifestEntityActionTrashWithRelationKind | import("../../documents/documents/index.js").ManifestWorkspaceActionMenuItemPreviewOptionKind | import("../../media/media/index.js").ManifestFileUploadPreview | import("../../health-check/index.js").ManifestHealthCheck | import("../../packages/package/index.js").ManifestPackageView | import("../../property-editors/content-picker/index.js").ManifestDynamicRootOrigin | import("../../property-editors/content-picker/index.js").ManifestDynamicRootQueryStep | import("../../relations/relations/reference/workspace-info-app/types.js").ManifestWorkspaceInfoAppEntityReferencesKind | import("../../tiptap/index.js").ManifestTiptapExtension<import("../../tiptap/index.js").MetaTiptapExtension> | import("../../tiptap/index.js").ManifestTiptapToolbarExtension<import("../../tiptap/index.js").MetaTiptapToolbarExtension> | import("../../tiptap/index.js").ManifestTiptapToolbarExtensionMenuKind | import("../../tiptap/index.js").ManifestTiptapToolbarExtensionStyleMenuKind | import("../../tiptap/index.js").ManifestTiptapStatusbarExtension<import("../../tiptap/index.js").MetaTiptapStatusbarExtension> | import("../../clipboard/property/context/types.js").ManifestPropertyContextClipboardKind | import("../section/default/types.js").ManifestSectionDefaultKind | import("../../markdown-editor/index.js").ManifestMonacoMarkdownEditorAction)[];

package/dist-cms/packages/core/property-action/components/property-action-menu/property-action-menu.element.js

@@ -46,7 +46,9 @@ let UmbPropertyActionMenuElement = class UmbPropertyActionMenuElement extends Um
 			</uui-button>
 			<uui-popover-container id="property-action-popover">
 				<umb-popover-layout>
-					${repeat(this._actions, (action) => action.alias, (action) => action.component)}
+					${repeat(this._actions, (action) => action.alias, (action, i) => html `${i > 0 && action.manifest?.separatorBefore
+            ? html `<umb-separator></umb-separator>`
+            : nothing}${action.component}`)}
 				</umb-popover-layout>
 			</uui-popover-container>
 		`;

package/dist-cms/packages/core/property-action/property-action.extension.d.ts

@@ -4,6 +4,11 @@ import type { ManifestElementAndApi, ManifestWithDynamicConditions } from '../..
 export interface ManifestPropertyAction<MetaType extends MetaPropertyAction = MetaPropertyAction> extends ManifestElementAndApi<UmbControllerHostElement, UmbPropertyAction<MetaType>>, ManifestWithDynamicConditions<UmbExtensionConditionConfig> {
     type: 'propertyAction';
     forPropertyEditorUis: string[];
+    /**
+     * Renders a separator above this action, unless it is the first action in the list.
+     * The separator belongs to this action, so it is not rendered when the action is not.
+     */
+    separatorBefore?: boolean;
     meta: MetaType;
 }
 export interface MetaPropertyAction {

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

@@ -1 +1,2 @@
 export * from './ref-property-editor-ui/index.js';
+export * from './start-node-access/index.js';

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

@@ -1 +1,2 @@
 export * from './ref-property-editor-ui/index.js';
+export * from './start-node-access/index.js';

package/dist-cms/packages/core/property-editor/components/start-node-access/index.d.ts

@@ -0,0 +1 @@
+export * from './start-node-access-base.element.js';

package/dist-cms/packages/core/property-editor/components/start-node-access/index.js

@@ -0,0 +1 @@
+export * from './start-node-access-base.element.js';