observe media start nodes

Author: madsrasmussen

src/packages/user/user/components/user-media-start-node/user-media-start-node.element.ts

@@ -5,8 +5,18 @@ import { UmbMediaItemRepository } from '@umbraco-cms/backoffice/media';
 
 @customElement('umb-user-media-start-node')
 export class UmbUserMediaStartNodeElement extends UmbLitElement {
+	#uniques: Array<string> = [];
 	@property({ type: Array, attribute: false })
-	uniques: Array<string> = [];
+	public get uniques(): Array<string> {
+		return this.#uniques;
+	}
+	public set uniques(value: Array<string>) {
+		this.#uniques = value;
+
+		if (this.#uniques.length > 0) {
+			this.#observeItems();
+		}
+	}
 
 	@property({ type: Boolean })
 	readonly = false;
@@ -16,10 +26,12 @@ export class UmbUserMediaStartNodeElement extends UmbLitElement {
 
 	#itemRepository = new UmbMediaItemRepository(this);
 
-	protected async firstUpdated(): Promise<void> {
-		if (this.uniques.length === 0) return;
-		const { data } = await this.#itemRepository.requestItems(this.uniques);
-		this._displayValue = data || [];
+	async #observeItems() {
+		const { asObservable } = await this.#itemRepository.requestItems(this.#uniques);
+
+		this.observe(asObservable(), (data) => {
+			this._displayValue = data || [];
+		});
 	}
 
 	render() {