From be55aacd69d98a2bc0f88f0d04a33fea68a59202 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Niels=20Lyngs=C3=B8?= <niels.lyngso@gmail.com>
Date: Sat, 10 Feb 2024 23:31:02 +0100
Subject: [PATCH] list bindings

---
 .../block-list-entry/block-list-entry.element.ts           | 2 ++
 .../property-editor-ui-block-list.element.ts               | 7 ++++---
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/packages/block/block-list/components/block-list-entry/block-list-entry.element.ts b/src/Umbraco.Web.UI.Client/src/packages/block/block-list/components/block-list-entry/block-list-entry.element.ts
index ef6e32d665..b5b9712143 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/block/block-list/components/block-list-entry/block-list-entry.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/block/block-list/components/block-list-entry/block-list-entry.element.ts
@@ -52,8 +52,10 @@ export class UmbBlockListEntryElement extends UmbLitElement implements UmbProper
 			this._hasSettings = !!blockTypeSettingsElementTypeKey;
 		});
 		this.observe(this.#context.label, (label) => {
+			const oldValue = this._label;
 			this._blockViewProps.label = label;
 			this._label = label;
+			this.requestUpdate('label', oldValue);
 		});
 		this.observe(this.#context.inlineEditingMode, (inlineEditingMode) => {
 			this._inlineEditingMode = inlineEditingMode;
diff --git a/src/Umbraco.Web.UI.Client/src/packages/block/block-list/property-editors/block-list-editor/property-editor-ui-block-list.element.ts b/src/Umbraco.Web.UI.Client/src/packages/block/block-list/property-editors/block-list-editor/property-editor-ui-block-list.element.ts
index 0f570d07c1..d8519192fd 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/block/block-list/property-editors/block-list-editor/property-editor-ui-block-list.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/block/block-list/property-editors/block-list-editor/property-editor-ui-block-list.element.ts
@@ -21,7 +21,7 @@ import { UMB_PROPERTY_CONTEXT } from '@umbraco-cms/backoffice/property';
 
 const SORTER_CONFIG: UmbSorterConfig<UmbBlockListLayoutModel, UmbBlockListEntryElement> = {
 	getUniqueOfElement: (element) => {
-		return element.getAttribute('data-udi');
+		return element.contentUdi!;
 	},
 	getUniqueOfModel: (modelEntry) => {
 		return modelEntry.contentUdi;
@@ -40,7 +40,7 @@ export class UmbPropertyEditorUIBlockListElement extends UmbLitElement implement
 	#sorter = new UmbSorterController<UmbBlockListLayoutModel, UmbBlockListEntryElement>(this, {
 		...SORTER_CONFIG,
 		onChange: ({ model }) => {
-			//this.#entriesContext.setLayoutEntries(model);
+			this.#entriesContext.setLayouts(model);
 		},
 	});
 
@@ -194,7 +194,8 @@ export class UmbPropertyEditorUIBlockListElement extends UmbLitElement implement
 				(layoutEntry, index) =>
 					html`<uui-button-inline-create
 							href=${this._catalogueRouteBuilder?.({ view: 'create', index: index }) ?? ''}></uui-button-inline-create>
-						<umb-block-list-entry data-udi=${layoutEntry.contentUdi} .layout=${layoutEntry}> </umb-block-list-entry> `,
+						<umb-block-list-entry .contentUdi=${layoutEntry.contentUdi} .layout=${layoutEntry}>
+						</umb-block-list-entry> `,
 			)}
 			<uui-button-group>
 				<uui-button