diff --git a/src/Umbraco.Web.UI.Client/src/packages/media/media/components/input-media/input-media.context.ts b/src/Umbraco.Web.UI.Client/src/packages/media/media/components/input-media/input-media.context.ts index fc06cf3dc2..f05e333ae8 100644 --- a/src/Umbraco.Web.UI.Client/src/packages/media/media/components/input-media/input-media.context.ts +++ b/src/Umbraco.Web.UI.Client/src/packages/media/media/components/input-media/input-media.context.ts @@ -39,8 +39,8 @@ export class UmbMediaPickerContext extends UmbPickerInputContext< this.#cardItems.setValue( selectedItems.map((item) => { - const url = data?.find((x) => x.unique === item.unique)?.url; - return { ...item, url }; + const src = data?.find((x) => x.unique === item.unique)?.url; + return { ...item, src }; }), ); }); diff --git a/src/Umbraco.Web.UI.Client/src/packages/media/media/components/input-rich-media/input-rich-media.element.ts b/src/Umbraco.Web.UI.Client/src/packages/media/media/components/input-rich-media/input-rich-media.element.ts index 5f14525e2f..e617fdb106 100644 --- a/src/Umbraco.Web.UI.Client/src/packages/media/media/components/input-rich-media/input-rich-media.element.ts +++ b/src/Umbraco.Web.UI.Client/src/packages/media/media/components/input-rich-media/input-rich-media.element.ts @@ -19,7 +19,7 @@ export class UmbInputRichMediaElement extends UmbInputMediaElement { @property({ type: Array }) public set richValue(value: Array) { - this.#pickerContext.setSelection(value.map((x) => x.mediaKey)); + this.#pickerContext.setSelection(value?.map((x) => x.mediaKey) ?? []); this._richValue = value; } public get richValue(): Array { diff --git a/src/Umbraco.Web.UI.Client/src/packages/media/media/modals/media-picker/media-picker-modal.element.ts b/src/Umbraco.Web.UI.Client/src/packages/media/media/modals/media-picker/media-picker-modal.element.ts index 1865bc7f66..f1804e83a7 100644 --- a/src/Umbraco.Web.UI.Client/src/packages/media/media/modals/media-picker/media-picker-modal.element.ts +++ b/src/Umbraco.Web.UI.Client/src/packages/media/media/modals/media-picker/media-picker-modal.element.ts @@ -103,8 +103,8 @@ export class UmbMediaPickerModalElement extends UmbModalBaseElement< return items .map((item): UmbMediaCardItemModel => { - const url = data?.find((media) => media.unique === item.unique)?.url; - return { ...item, url }; + const src = data?.find((media) => media.unique === item.unique)?.url; + return { ...item, src }; }) .filter((item) => this._filter(item)); } @@ -241,8 +241,8 @@ export class UmbMediaPickerModalElement extends UmbModalBaseElement< @deselected=${() => this.#onDeselected(item)} ?selected=${this.value?.selection?.find((value) => value === item.unique)} ?selectable=${!disabled}> - ${item.url - ? html`${ifDefined(item.name)}` + ${item.src + ? html`${ifDefined(item.name)}` : html``} `;