entity-actions-bundle for tree items

src/Umbraco.Web.UI.Client/src/packages/core/components/entity-actions-bundle/entity-actions-bundle.element.ts

@@ -23,7 +23,7 @@ export class UmbEntityActionsBundleElement extends UmbLitElement {
 	}
 
 	@property({ type: String })
-	public headline?: string;
+	public label?: string;
 
 	@state()
 	private _hasActions = false;
@@ -53,7 +53,7 @@ export class UmbEntityActionsBundleElement extends UmbLitElement {
 
 	private _openActions() {
 		if (!this.entityType) throw new Error('Entity type is not defined');
-		this.#sectionSidebarContext?.toggleContextMenu(this.entityType, undefined, this.headline);
+		this.#sectionSidebarContext?.toggleContextMenu(this.entityType, undefined, this.label);
 	}
 
 	render() {

src/Umbraco.Web.UI.Client/src/packages/core/components/menu/menu-item-base/menu-item-base.element.ts

@@ -59,7 +59,7 @@ export class UmbMenuItemBaseElement extends UmbLitElement {
 	}
 
 	#renderActions() {
-		return html`<umb-entity-actions-bundle slot="actions" entity-type=${this.entityType} .headline=${this.label}>
+		return html`<umb-entity-actions-bundle slot="actions" entity-type=${this.entityType} .label=${this.label}>
 		</umb-entity-actions-bundle>`;
 	}
 

src/Umbraco.Web.UI.Client/src/packages/core/components/tree/tree-item-base/tree-item-base.element.ts

@@ -27,9 +27,6 @@ export class UmbTreeItemBaseElement extends UmbLitElement {
 	@state()
 	private _isSelected = false;
 
-	@state()
-	private _hasActions = false;
-
 	@state()
 	private _hasChildren = false;
 
@@ -50,7 +47,6 @@ export class UmbTreeItemBaseElement extends UmbLitElement {
 			this.observe(this.#treeItemContext.isLoading, (value) => (this._isLoading = value));
 			this.observe(this.#treeItemContext.isSelectable, (value) => (this._isSelectable = value));
 			this.observe(this.#treeItemContext.isSelected, (value) => (this._isSelected = value));
-			this.observe(this.#treeItemContext.hasActions, (value) => (this._hasActions = value));
 			this.observe(this.#treeItemContext.path, (value) => (this._href = value));
 		});
 	}
@@ -82,10 +78,6 @@ export class UmbTreeItemBaseElement extends UmbLitElement {
 		});
 	}
 
-	private _openActions() {
-		this.#treeItemContext?.toggleContextMenu();
-	}
-
 	// TODO: We should rename unselect event to deselect. But this is a breaking change of UI Library.
 	render() {
 		return html`
@@ -128,6 +120,14 @@ export class UmbTreeItemBaseElement extends UmbLitElement {
 	}
 
 	#renderActions() {
+		return this.#treeItemContext && this._item
+			? html`<umb-entity-actions-bundle
+					slot="actions"
+					entity-type=${this.#treeItemContext.type}
+					.label=${this._item.name}>
+			  </umb-entity-actions-bundle>`
+			: '';
+		/*
 		return html`
 			${this._hasActions
 				? html`
@@ -139,6 +139,7 @@ export class UmbTreeItemBaseElement extends UmbLitElement {
 				  `
 				: nothing}
 		`;
+		*/
 	}
 
 	#renderChildItems() {