@umbraco-cms/backoffice 17.5.2 → 17.6.0-rc

package/dist-cms/packages/core/entity/input/entity-input-interaction-memory.manager.d.ts

@@ -0,0 +1,34 @@
+import { UmbControllerBase } from '../../../../libs/class-api/index.js';
+import { type UmbInteractionMemoryManager, type UmbInteractionMemoryModel } from '../../interaction-memory/index.js';
+import type { UmbControllerHost } from '../../../../libs/controller-api/index.js';
+/**
+ * Bridges a picker input's interaction-memory manager to its host element's `interactionMemories`
+ * property and `interaction-memories-change` event, keeping the two in sync.
+ * @exports
+ * @class UmbEntityInputInteractionMemoryManager
+ * @augments {UmbControllerBase}
+ */
+export declare class UmbEntityInputInteractionMemoryManager extends UmbControllerBase {
+    #private;
+    /**
+     * Creates an instance of UmbEntityInputInteractionMemoryManager.
+     * @param {UmbControllerHost} host - The host element; the change event is dispatched from it.
+     * @param {UmbInteractionMemoryManager} interactionMemory - The picker input context's interaction-memory manager to bridge.
+     * @memberof UmbEntityInputInteractionMemoryManager
+     */
+    constructor(host: UmbControllerHost, interactionMemory: UmbInteractionMemoryManager);
+    /**
+     * Gets all interaction memories currently held by the picker input context.
+     * @returns {Array<UmbInteractionMemoryModel>} The current interaction memories.
+     * @memberof UmbEntityInputInteractionMemoryManager
+     */
+    getMemories(): Array<UmbInteractionMemoryModel>;
+    /**
+     * Syncs the picker input context to the provided snapshot. The incoming array is authoritative:
+     * memories no longer present are removed, the rest are added or updated. Short-circuits when the
+     * snapshot already matches to avoid redundant writes and the re-entrant change events they trigger.
+     * @param {Array<UmbInteractionMemoryModel> | undefined} value - The authoritative snapshot of interaction memories.
+     * @memberof UmbEntityInputInteractionMemoryManager
+     */
+    setMemories(value: Array<UmbInteractionMemoryModel> | undefined): void;
+}

package/dist-cms/packages/core/entity/input/entity-input-interaction-memory.manager.js

@@ -0,0 +1,58 @@
+import { jsonStringComparison } from '../../../../libs/observable-api/index.js';
+import { UmbControllerBase } from '../../../../libs/class-api/index.js';
+import { UmbInteractionMemoriesChangeEvent, } from '../../interaction-memory/index.js';
+/**
+ * Bridges a picker input's interaction-memory manager to its host element's `interactionMemories`
+ * property and `interaction-memories-change` event, keeping the two in sync.
+ * @exports
+ * @class UmbEntityInputInteractionMemoryManager
+ * @augments {UmbControllerBase}
+ */
+export class UmbEntityInputInteractionMemoryManager extends UmbControllerBase {
+    #interactionMemory;
+    #snapshot = [];
+    /**
+     * Creates an instance of UmbEntityInputInteractionMemoryManager.
+     * @param {UmbControllerHost} host - The host element; the change event is dispatched from it.
+     * @param {UmbInteractionMemoryManager} interactionMemory - The picker input context's interaction-memory manager to bridge.
+     * @memberof UmbEntityInputInteractionMemoryManager
+     */
+    constructor(host, interactionMemory) {
+        super(host);
+        this.#interactionMemory = interactionMemory;
+        this.observe(this.#interactionMemory.memories, (memories) => {
+            // only dispatch the event if the interaction memories have actually changed
+            if (jsonStringComparison(memories, this.#snapshot))
+                return;
+            this.#snapshot = memories;
+            this.getHostElement().dispatchEvent(new UmbInteractionMemoriesChangeEvent());
+        }, '_observeMemories');
+    }
+    /**
+     * Gets all interaction memories currently held by the picker input context.
+     * @returns {Array<UmbInteractionMemoryModel>} The current interaction memories.
+     * @memberof UmbEntityInputInteractionMemoryManager
+     */
+    getMemories() {
+        return this.#interactionMemory.getAllMemories();
+    }
+    /**
+     * Syncs the picker input context to the provided snapshot. The incoming array is authoritative:
+     * memories no longer present are removed, the rest are added or updated. Short-circuits when the
+     * snapshot already matches to avoid redundant writes and the re-entrant change events they trigger.
+     * @param {Array<UmbInteractionMemoryModel> | undefined} value - The authoritative snapshot of interaction memories.
+     * @memberof UmbEntityInputInteractionMemoryManager
+     */
+    setMemories(value) {
+        const next = value ?? [];
+        const current = this.#interactionMemory.getAllMemories();
+        this.#snapshot = next;
+        if (jsonStringComparison(next, current))
+            return;
+        const nextUniques = new Set(next.map((memory) => memory.unique));
+        current
+            .filter((memory) => !nextUniques.has(memory.unique))
+            .forEach((memory) => this.#interactionMemory.deleteMemory(memory.unique));
+        next.forEach((memory) => this.#interactionMemory.setMemory(memory));
+    }
+}

package/dist-cms/packages/core/entity/input/index.d.ts

@@ -0,0 +1 @@
+export { UmbEntityInputInteractionMemoryManager } from './entity-input-interaction-memory.manager.js';

package/dist-cms/packages/core/entity/input/index.js

@@ -0,0 +1 @@
+export { UmbEntityInputInteractionMemoryManager } from './entity-input-interaction-memory.manager.js';

package/dist-cms/packages/core/entity-bulk-action/common/duplicate-to/duplicate-to.action.d.ts

@@ -1,6 +1,7 @@
 import { UmbEntityBulkActionBase } from '../../entity-bulk-action-base.js';
 import type { MetaEntityBulkActionDuplicateToKind } from '../../../extension-registry/index.js';
-export declare class UmbMediaDuplicateEntityBulkAction extends UmbEntityBulkActionBase<MetaEntityBulkActionDuplicateToKind> {
+export declare class UmbDuplicateToEntityBulkAction extends UmbEntityBulkActionBase<MetaEntityBulkActionDuplicateToKind> {
+    #private;
     execute(): Promise<void>;
 }
-export { UmbMediaDuplicateEntityBulkAction as api };
+export { UmbDuplicateToEntityBulkAction as api };

package/dist-cms/packages/core/entity-bulk-action/common/duplicate-to/duplicate-to.action.js

@@ -5,17 +5,24 @@ import { UMB_ACTION_EVENT_CONTEXT } from '../../../action/index.js';
 import { UMB_ENTITY_CONTEXT } from '../../../entity/index.js';
 import { umbOpenModal } from '../../../modal/index.js';
 import { UMB_TREE_PICKER_MODAL } from '../../../tree/index.js';
-export class UmbMediaDuplicateEntityBulkAction extends UmbEntityBulkActionBase {
+export class UmbDuplicateToEntityBulkAction extends UmbEntityBulkActionBase {
+    #searchConfig() {
+        const alias = this.args.meta.searchProviderAlias;
+        return alias ? { providerAlias: alias } : undefined;
+    }
     async execute() {
         if (this.selection?.length === 0)
             return;
         const value = await umbOpenModal(this, UMB_TREE_PICKER_MODAL, {
             data: {
+                headline: '#actions_copyTo',
+                confirmLabel: '#general_copy',
                 foldersOnly: this.args.meta.foldersOnly,
                 hideTreeRoot: this.args.meta.hideTreeRoot,
                 treeAlias: this.args.meta.treeAlias,
+                search: this.#searchConfig(),
             },
-        });
+        }).catch(() => undefined);
         if (!value?.selection?.length)
             return;
         const destinationUnique = value.selection[0];
@@ -45,4 +52,4 @@ export class UmbMediaDuplicateEntityBulkAction extends UmbEntityBulkActionBase {
         }
     }
 }
-export { UmbMediaDuplicateEntityBulkAction as api };
+export { UmbDuplicateToEntityBulkAction as api };

package/dist-cms/packages/core/entity-bulk-action/common/duplicate-to/duplicate-to.action.kind.js

@@ -1,5 +1,5 @@
 import { UMB_ENTITY_BULK_ACTION_DEFAULT_KIND_MANIFEST } from '../../default/default.action.kind.js';
-import { UmbMediaDuplicateEntityBulkAction } from './duplicate-to.action.js';
+import { UmbDuplicateToEntityBulkAction } from './duplicate-to.action.js';
 export const manifest = {
     type: 'kind',
     alias: 'Umb.Kind.EntityBulkAction.DuplicateTo',
@@ -9,7 +9,7 @@ export const manifest = {
         ...UMB_ENTITY_BULK_ACTION_DEFAULT_KIND_MANIFEST.manifest,
         type: 'entityBulkAction',
         kind: 'duplicateTo',
-        api: UmbMediaDuplicateEntityBulkAction,
+        api: UmbDuplicateToEntityBulkAction,
         weight: 700,
         forEntityTypes: [],
         meta: {

package/dist-cms/packages/core/entity-bulk-action/common/move-to/move-to.action.d.ts

@@ -1,6 +1,7 @@
 import { UmbEntityBulkActionBase } from '../../entity-bulk-action-base.js';
 import type { MetaEntityBulkActionMoveToKind } from '../../../extension-registry/index.js';
-export declare class UmbMediaMoveEntityBulkAction extends UmbEntityBulkActionBase<MetaEntityBulkActionMoveToKind> {
+export declare class UmbMoveToEntityBulkAction extends UmbEntityBulkActionBase<MetaEntityBulkActionMoveToKind> {
+    #private;
     execute(): Promise<void>;
 }
-export { UmbMediaMoveEntityBulkAction as api };
+export { UmbMoveToEntityBulkAction as api };

package/dist-cms/packages/core/entity-bulk-action/common/move-to/move-to.action.js

@@ -5,17 +5,24 @@ import { UMB_ACTION_EVENT_CONTEXT } from '../../../action/index.js';
 import { UMB_ENTITY_CONTEXT } from '../../../entity/index.js';
 import { umbOpenModal } from '../../../modal/index.js';
 import { UMB_TREE_PICKER_MODAL } from '../../../tree/index.js';
-export class UmbMediaMoveEntityBulkAction extends UmbEntityBulkActionBase {
+export class UmbMoveToEntityBulkAction extends UmbEntityBulkActionBase {
+    #searchConfig() {
+        const alias = this.args.meta.searchProviderAlias;
+        return alias ? { providerAlias: alias } : undefined;
+    }
     async execute() {
         if (this.selection?.length === 0)
             return;
         const value = await umbOpenModal(this, UMB_TREE_PICKER_MODAL, {
             data: {
+                headline: '#actions_move',
+                confirmLabel: '#general_move',
                 foldersOnly: this.args.meta.foldersOnly,
                 hideTreeRoot: this.args.meta.hideTreeRoot,
                 treeAlias: this.args.meta.treeAlias,
+                search: this.#searchConfig(),
             },
-        });
+        }).catch(() => undefined);
         if (!value?.selection?.length)
             return;
         const destinationUnique = value.selection[0];
@@ -42,4 +49,4 @@ export class UmbMediaMoveEntityBulkAction extends UmbEntityBulkActionBase {
         }
     }
 }
-export { UmbMediaMoveEntityBulkAction as api };
+export { UmbMoveToEntityBulkAction as api };

package/dist-cms/packages/core/entity-bulk-action/common/move-to/move-to.action.kind.js

@@ -1,5 +1,5 @@
 import { UMB_ENTITY_BULK_ACTION_DEFAULT_KIND_MANIFEST } from '../../default/default.action.kind.js';
-import { UmbMediaMoveEntityBulkAction } from './move-to.action.js';
+import { UmbMoveToEntityBulkAction } from './move-to.action.js';
 export const manifest = {
     type: 'kind',
     alias: 'Umb.Kind.EntityBulkAction.MoveTo',
@@ -9,7 +9,7 @@ export const manifest = {
         ...UMB_ENTITY_BULK_ACTION_DEFAULT_KIND_MANIFEST.manifest,
         type: 'entityBulkAction',
         kind: 'moveTo',
-        api: UmbMediaMoveEntityBulkAction,
+        api: UmbMoveToEntityBulkAction,
         weight: 700,
         forEntityTypes: [],
         meta: {

package/dist-cms/packages/core/extension-registry/extensions/entity-bulk-action.extension.d.ts

@@ -43,6 +43,10 @@ export interface MetaEntityBulkActionDuplicateToKind extends ManifestEntityBulkA
     hideTreeRoot?: boolean;
     foldersOnly?: boolean;
     treeAlias: string;
+    /**
+     * The alias of a search provider used to enable search in the destination picker.
+     */
+    searchProviderAlias?: string;
 }
 export interface ManifestEntityBulkActionMoveToKind extends ManifestEntityBulkAction<MetaEntityBulkActionMoveToKind> {
     type: 'entityBulkAction';
@@ -53,6 +57,10 @@ export interface MetaEntityBulkActionMoveToKind extends MetaEntityBulkActionDefa
     hideTreeRoot?: boolean;
     foldersOnly?: boolean;
     treeAlias: string;
+    /**
+     * The alias of a search provider used to enable search in the destination picker.
+     */
+    searchProviderAlias?: string;
 }
 export interface ManifestEntityBulkActionTrashKind extends ManifestEntityBulkAction<MetaEntityBulkActionTrashKind> {
     type: 'entityBulkAction';

package/dist-cms/packages/core/icon-registry/icon-picker-modal/icon-picker-modal.element.js

@@ -127,10 +127,11 @@ let UmbIconPickerModalElement = class UmbIconPickerModalElement extends UmbModal
     renderSearch() {
         return html `
 			<uui-input
+				id="search"
+				name="icon-search"
 				type="search"
 				placeholder=${this.localize.term('placeholders_filter')}
 				label=${this.localize.term('placeholders_filter')}
-				id="search"
 				@input=${this.#onSearchInput}
 				${umbFocus()}>
 				<uui-icon name="search" slot="prepend" id="search_icon"></uui-icon>

package/dist-cms/packages/core/menu/components/menu-item-layout/menu-item-layout.element.d.ts

@@ -7,7 +7,9 @@ import { UmbLitElement } from '../../../lit-element/index.js';
  */
 export declare class UmbMenuItemLayoutElement extends UmbLitElement {
     #private;
-    entityType?: string;
+    set entityType(value: string | undefined);
+    get entityType(): string | undefined;
+    constructor();
     /**
      * The icon name for the icon to show in this menu item.
      */

package/dist-cms/packages/core/menu/components/menu-item-layout/menu-item-layout.element.js

@@ -4,10 +4,11 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { customElement, html, ifDefined, property, state, when } from '../../../../../external/lit/index.js';
+import { customElement, html, ifDefined, property, state, when, } from '../../../../../external/lit/index.js';
 import { UmbLitElement } from '../../../lit-element/index.js';
 import { ensureSlash } from '../../../router/index.js';
 import { debounce } from '../../../utils/index.js';
+import { UmbEntityContext } from '../../../entity/index.js';
 /**
  * @element umb-menu-item-layout
  * @description
@@ -15,8 +16,18 @@ import { debounce } from '../../../utils/index.js';
  * This supports nested menu items, and if a `entityType` is provided, it will render the entity actions for it.
  */
 let UmbMenuItemLayoutElement = class UmbMenuItemLayoutElement extends UmbLitElement {
+    set entityType(value) {
+        this.#entityType = value;
+        this.#entityContext.setEntityType(value);
+    }
+    get entityType() {
+        return this.#entityType;
+    }
+    #entityType;
+    #entityContext;
     constructor() {
-        super(...arguments);
+        super();
+        this.#entityContext = new UmbEntityContext(this);
         /**
          * The icon name for the icon to show in this menu item.
          */
@@ -31,6 +42,7 @@ let UmbMenuItemLayoutElement = class UmbMenuItemLayoutElement extends UmbLitElem
         this.hasChildren = false;
         this._isActive = false;
         this.#debouncedCheckIsActive = debounce(() => this.#checkIsActive(), 100);
+        this.#entityContext.setUnique(null);
     }
     connectedCallback() {
         super.connectedCallback();
@@ -59,13 +71,7 @@ let UmbMenuItemLayoutElement = class UmbMenuItemLayoutElement extends UmbLitElem
 				?active=${this._isActive}
 				?has-children=${this.hasChildren}>
 				<umb-icon slot="icon" name=${this.iconName}></umb-icon>
-				${when(this.entityType, () => html `
-						<umb-entity-actions-bundle
-							slot="actions"
-							.entityType=${this.entityType}
-							.unique=${null}
-							.label=${this.label}></umb-entity-actions-bundle>
-					`)}
+				${when(this.entityType, () => html `<umb-entity-actions-bundle slot="actions" .label=${this.label}></umb-entity-actions-bundle>`)}
 				<slot></slot>
 			</uui-menu-item>
 		`;
@@ -77,7 +83,7 @@ let UmbMenuItemLayoutElement = class UmbMenuItemLayoutElement extends UmbLitElem
 };
 __decorate([
     property({ type: String, attribute: 'entity-type' })
-], UmbMenuItemLayoutElement.prototype, "entityType", void 0);
+], UmbMenuItemLayoutElement.prototype, "entityType", null);
 __decorate([
     property({ type: String, attribute: 'icon-name' })
 ], UmbMenuItemLayoutElement.prototype, "iconName", void 0);

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

@@ -67,11 +67,17 @@ export class UmbMenuTreeStructureWorkspaceContextBase extends UmbContextBase {
             : this.#workspaceContext?.entityType;
         let structureItems = [];
         const unique = (await this.observe(uniqueObservable, () => { })?.asPromise());
-        if (unique === undefined)
-            throw new Error('Unique is not available');
+        if (unique === undefined) {
+            if (this._host)
+                console.warn('[UmbMenuTreeStructureWorkspaceContextBase] unique not available');
+            return;
+        }
         const entityType = (await this.observe(entityTypeObservable, () => { })?.asPromise());
-        if (!entityType)
-            throw new Error('Entity type is not available');
+        if (!entityType) {
+            if (this._host)
+                console.warn('[UmbMenuTreeStructureWorkspaceContextBase] entityType not available');
+            return;
+        }
         const treeRepository = await createExtensionApiByAlias(this, this.#args.treeRepositoryAlias);
         const { data: root } = await treeRepository.requestTreeRoot();
         if (root) {
@@ -86,6 +92,7 @@ export class UmbMenuTreeStructureWorkspaceContextBase extends UmbContextBase {
         }
         const isRoot = entityType === root?.entityType;
         // If the entity type is different from the root entity type, then we can request the ancestors.
+        let ancestorData;
         if (!isRoot) {
             const { data } = await treeRepository.requestTreeItemAncestors({ treeItem: { unique, entityType } });
             if (data) {
@@ -97,10 +104,16 @@ export class UmbMenuTreeStructureWorkspaceContextBase extends UmbContextBase {
                         isFolder: treeItem.isFolder,
                     };
                 });
-                this.#setAncestorData(data);
+                ancestorData = data;
                 structureItems.push(...ancestorItems);
             }
         }
+        // Guard: this context may have been destroyed while the async requests were in flight.
+        if (!this._host)
+            return;
+        if (ancestorData) {
+            this.#setAncestorData(ancestorData);
+        }
         this.#structure.setValue(structureItems);
         this.#setParentData(structureItems);
         const menuItemAlias = this.manifest?.meta?.menuItemAlias;

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

@@ -64,7 +64,6 @@ export class UmbMenuVariantTreeStructureWorkspaceContextBase extends UmbContextB
             this.observe(this.#workspaceContext?.isNew, (value) => {
                 // Workspace has changed from new to existing
                 if (value === false && this.#isNew === true) {
-                    // TODO: We do not need to request here as we already know the structure and unique
                     this.#requestStructure();
                 }
                 this.#isNew = value;
@@ -107,11 +106,17 @@ export class UmbMenuVariantTreeStructureWorkspaceContextBase extends UmbContextB
             : this.#workspaceContext?.entityType;
         let structureItems = [];
         const unique = (await this.observe(uniqueObservable, () => { })?.asPromise());
-        if (unique === undefined)
-            throw new Error('Unique is not available');
+        if (unique === undefined) {
+            if (this._host)
+                console.warn('[UmbMenuVariantTreeStructureWorkspaceContextBase] unique not available');
+            return;
+        }
         const entityType = (await this.observe(entityTypeObservable, () => { })?.asPromise());
-        if (!entityType)
-            throw new Error('Entity type is not available');
+        if (!entityType) {
+            if (this._host)
+                console.warn('[UmbMenuVariantTreeStructureWorkspaceContextBase] entityType not available');
+            return;
+        }
         // TODO: introduce variant tree item model
         const treeRepository = await createExtensionApiByAlias(this, this.#args.treeRepositoryAlias);
         const { data: root } = await treeRepository.requestTreeRoot();
@@ -140,6 +145,10 @@ export class UmbMenuVariantTreeStructureWorkspaceContextBase extends UmbContextB
                 };
             });
             structureItems.push(...treeItemAncestors);
+            // Guard: this context may have been destroyed while the async requests were in flight
+            // (e.g. a condition such as IS_NOT_TRASHED flips before the API response arrives).
+            if (!this._host)
+                return;
             this.#structure.setValue(structureItems);
             this.#setParentData(structureItems);
             this.#setAncestorData(data);

package/dist-cms/packages/core/menu/section-sidebar-menu-with-entity-actions/section-sidebar-menu-with-entity-actions.element.d.ts

@@ -3,8 +3,7 @@ import type { ManifestSectionSidebarAppMenuWithEntityActionsKind } from '../sect
 import { type PropertyValues } from '../../../../external/lit/index.js';
 export declare class UmbSectionSidebarMenuWithEntityActionsElement extends UmbSectionSidebarMenuElement<ManifestSectionSidebarAppMenuWithEntityActionsKind> {
     #private;
-    private _unique;
-    private _entityType?;
+    constructor();
     protected updated(_changedProperties: PropertyValues<this>): void;
     renderHeader(): import("lit-html").TemplateResult<1>;
     static styles: import("lit").CSSResult[];

package/dist-cms/packages/core/menu/section-sidebar-menu-with-entity-actions/section-sidebar-menu-with-entity-actions.element.js

@@ -5,19 +5,20 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { UmbSectionSidebarMenuElement } from '../section-sidebar-menu/section-sidebar-menu.element.js';
-import { css, html, customElement, state } from '../../../../external/lit/index.js';
-import { UmbParentEntityContext } from '../../entity/index.js';
+import { css, html, customElement } from '../../../../external/lit/index.js';
+import { UmbEntityContext, UmbParentEntityContext } from '../../entity/index.js';
 let UmbSectionSidebarMenuWithEntityActionsElement = class UmbSectionSidebarMenuWithEntityActionsElement extends UmbSectionSidebarMenuElement {
+    #entityContext = new UmbEntityContext(this);
+    #parentContext = new UmbParentEntityContext(this);
     constructor() {
-        super(...arguments);
-        this._unique = null;
-        this.#parentContext = new UmbParentEntityContext(this);
+        super();
+        this.#entityContext.setUnique(null);
     }
-    #parentContext;
     updated(_changedProperties) {
         if (_changedProperties.has('manifest')) {
             const entityType = this.manifest?.meta.entityType;
-            this.#parentContext.setParent(entityType ? { unique: this._unique, entityType } : undefined);
+            this.#entityContext.setEntityType(entityType);
+            this.#parentContext.setParent(entityType ? { unique: null, entityType } : undefined);
         }
     }
     renderHeader() {
@@ -25,12 +26,7 @@ let UmbSectionSidebarMenuWithEntityActionsElement = class UmbSectionSidebarMenuW
         return html `
 			<div id="header">
 				<h3>${label}</h3>
-				<umb-entity-actions-bundle
-					slot="actions"
-					.unique=${this._unique}
-					.entityType=${this.manifest?.meta.entityType}
-					.label=${label}>
-				</umb-entity-actions-bundle>
+				<umb-entity-actions-bundle slot="actions" .label=${label}></umb-entity-actions-bundle>
 			</div>
 		`;
     }
@@ -48,12 +44,6 @@ let UmbSectionSidebarMenuWithEntityActionsElement = class UmbSectionSidebarMenuW
 		`,
     ]; }
 };
-__decorate([
-    state()
-], UmbSectionSidebarMenuWithEntityActionsElement.prototype, "_unique", void 0);
-__decorate([
-    state()
-], UmbSectionSidebarMenuWithEntityActionsElement.prototype, "_entityType", void 0);
 UmbSectionSidebarMenuWithEntityActionsElement = __decorate([
     customElement('umb-section-sidebar-menu-with-entity-actions')
 ], UmbSectionSidebarMenuWithEntityActionsElement);

package/dist-cms/packages/core/object-type/input-object-type.element.d.ts

@@ -1,6 +1,6 @@
 import type { UUISelectElement } from '../../../external/uui/index.js';
 import { UmbLitElement } from '../lit-element/index.js';
-declare const UmbInputObjectTypeElement_base: (new (...args: any[]) => import("@umbraco-ui/uui-base").UUIFormControlMixinElement<FormData | FormDataEntryValue>) & typeof UmbLitElement;
+declare const UmbInputObjectTypeElement_base: (new (...args: any[]) => import("@umbraco-ui/uui").UUIFormControlWithBasicsMixinElement<FormData | FormDataEntryValue>) & typeof UmbLitElement;
 export declare class UmbInputObjectTypeElement extends UmbInputObjectTypeElement_base {
     #private;
     private _select;

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

@@ -116,15 +116,22 @@ export class UmbPropertyContext extends UmbContextBase {
     }
     async _observeProperty() {
         const alias = this.#alias.getValue();
+        // Don't fall through to observing an `undefined` source: that blanks the value and tears down the live value
+        // subscription, so a transient absence of the dataset context or alias would wipe an already-filled value.
         if (!this.#datasetContext || !alias)
             return;
-        this.observe(await this.#datasetContext.propertyVariantId?.(alias), (variantId) => {
+        const variantIdSource = await this.#datasetContext.propertyVariantId?.(alias);
+        const valueSource = await this.#datasetContext.propertyValueByAlias(alias);
+        // Guard: this context may have been destroyed while the awaits were in flight.
+        if (!this._host)
+            return;
+        this.observe(variantIdSource, (variantId) => {
             this.#variantId.setValue(variantId);
         }, 'observeVariantId');
-        this.observe(await this.#datasetContext.propertyValueByAlias(alias), (value) => {
+        this.observe(valueSource, (value) => {
             this.#value.setValue(value);
         }, 'observeValue');
-        this.observe(this.#datasetContext.readOnly, (value) => {
+        this.observe(this.#datasetContext?.readOnly, (value) => {
             const unique = 'UMB_DATASET';
             if (value) {
                 this.readOnlyState.addState({

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

@@ -171,6 +171,9 @@ let UmbPropertyElement = class UmbPropertyElement extends UmbLitElement {
         };
         this.observe(this.#propertyContext.alias, (alias) => {
             this._alias = alias;
+            if (this._element) {
+                this._element.alias = alias;
+            }
             this.#pathAddendum.setAddendum(alias);
         }, null);
         this.observe(this.#propertyContext.label, (label) => {
@@ -247,6 +250,7 @@ let UmbPropertyElement = class UmbPropertyElement extends UmbLitElement {
                 // No need to observe mandatory or label, as we already do so and set it on the _element if present: [NL]
                 this._element.manifest = manifest;
                 this._element.mandatory = this._mandatory;
+                this._element.alias = this._alias;
                 this._element.name = this._label;
                 this._element.dataSourceAlias = this.#propertyContext.getEditorDataSourceAlias();
                 // No need for a controller alias, as the clean is handled via the observer prop:

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

@@ -11,33 +11,33 @@ export declare class UmbPropertyLayoutElement extends UmbLitElement {
     #private;
     /**
      * Alias. The technical name of the property.
-     * @type {string}
+     * @type {string | undefined}
      * @attr
-     * @default ''
+     * @default undefined
      */
-    alias: string;
+    alias?: string;
     /**
      * Label. Name of the property.
-     * @type {string}
+     * @type {string | undefined}
      * @attr
-     * @default ''
+     * @default undefined
      */
-    label: string;
+    label?: string;
     /**
      * Orientation: Horizontal is the default where label goes left and editor right.
      * Vertical is where label goes above the editor.
      * @enum ['horizontal', 'vertical']
      * @attr
-     * @default ''
+     * @default 'horizontal'
      */
     orientation: 'horizontal' | 'vertical';
     /**
      * Description: render a description underneath the label.
-     * @type {string}
+     * @type {string | undefined}
      * @attr
-     * @default ''
+     * @default undefined
      */
-    description: string;
+    description?: string;
     /**
      * @description Make the property appear invalid.
      * @type {boolean}

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

@@ -4,7 +4,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { css, customElement, html, property, when } from '../../../../../external/lit/index.js';
+import { css, customElement, html, ifDefined, property, when } from '../../../../../external/lit/index.js';
 import { UmbLitElement } from '../../../lit-element/index.js';
 import { UmbTextStyles } from '../../../style/index.js';
 import '../../../../ufm/index.js';
@@ -18,41 +18,20 @@ import '../../../../ufm/index.js';
 let UmbPropertyLayoutElement = class UmbPropertyLayoutElement extends UmbLitElement {
     constructor() {
         super(...arguments);
-        /**
-         * Alias. The technical name of the property.
-         * @type {string}
-         * @attr
-         * @default ''
-         */
-        this.alias = '';
-        /**
-         * Label. Name of the property.
-         * @type {string}
-         * @attr
-         * @default ''
-         */
-        this.label = '';
         /**
          * Orientation: Horizontal is the default where label goes left and editor right.
          * Vertical is where label goes above the editor.
          * @enum ['horizontal', 'vertical']
          * @attr
-         * @default ''
+         * @default 'horizontal'
          */
         this.orientation = 'horizontal';
-        /**
-         * Description: render a description underneath the label.
-         * @type {string}
-         * @attr
-         * @default ''
-         */
-        this.description = '';
     }
     render() {
         // TODO: Only show alias on label if user has access to DocumentType within settings:
         return html `
 			<div id="headerColumn">
-				<uui-label id="label" title=${this.alias} ?required=${this.mandatory}>
+				<uui-label id="label" title=${ifDefined(this.alias)} ?required=${this.mandatory}>
 					${this.localize.string(this.label)}
 					${when(this.invalid, () => html `<div id="invalid-badge"><uui-badge color="invalid" attention>!</uui-badge></div>`)}
 				</uui-label>