@umbraco-cms/backoffice 14.0.0--preview005-4682d2b5 → 14.0.0--preview005-ab659bc0

package/dist-cms/custom-elements.json

@@ -5111,7 +5111,7 @@
           "default": "0"
         },
         {
-          "name": "filter",
+          "name": "allowedContentTypeIds",
           "type": "string | null | undefined"
         },
         {
@@ -5564,7 +5564,7 @@
           "default": "0"
         },
         {
-          "name": "filter",
+          "name": "allowedContentTypeIds",
           "type": "string"
         },
         {
@@ -5604,8 +5604,8 @@
           "default": "0"
         },
         {
-          "name": "filter",
-          "attribute": "filter",
+          "name": "allowedContentTypeIds",
+          "attribute": "allowedContentTypeIds",
           "type": "string"
         },
         {
@@ -6643,8 +6643,8 @@
           "type": "string | undefined"
         },
         {
-          "name": "filter",
-          "type": "string | undefined"
+          "name": "allowedContentTypeIds",
+          "type": "string[] | undefined"
         },
         {
           "name": "showOpenButton",
@@ -6698,9 +6698,9 @@
           "type": "string | undefined"
         },
         {
-          "name": "filter",
-          "attribute": "filter",
-          "type": "string | undefined"
+          "name": "allowedContentTypeIds",
+          "attribute": "allowedContentTypeIds",
+          "type": "string[] | undefined"
         },
         {
           "name": "showOpenButton",
@@ -7923,8 +7923,8 @@
           "default": "\"\""
         },
         {
-          "name": "filter",
-          "type": "string | undefined"
+          "name": "allowedContentTypeIds",
+          "type": "string[] | undefined"
         },
         {
           "name": "showOpenButton",
@@ -7973,9 +7973,9 @@
           "type": "string[]"
         },
         {
-          "name": "filter",
-          "attribute": "filter",
-          "type": "string | undefined"
+          "name": "allowedContentTypeIds",
+          "attribute": "allowedContentTypeIds",
+          "type": "string[] | undefined"
         },
         {
           "name": "showOpenButton",
@@ -8213,6 +8213,10 @@
           "type": "boolean",
           "default": "\"\""
         },
+        {
+          "name": "allowedContentTypeIds",
+          "type": "string[] | undefined"
+        },
         {
           "name": "value",
           "type": "string"
@@ -8251,6 +8255,11 @@
           "name": "selectedIds",
           "type": "string[]"
         },
+        {
+          "name": "allowedContentTypeIds",
+          "attribute": "allowedContentTypeIds",
+          "type": "string[] | undefined"
+        },
         {
           "name": "value",
           "attribute": "value",

package/dist-cms/packages/core/property-editor/uis/tree-picker/property-editor-ui-tree-picker.element.d.ts

@@ -12,7 +12,7 @@ export declare class UmbPropertyEditorUITreePickerElement extends UmbLitElement
     startNodeId?: string | null;
     min: number;
     max: number;
-    filter?: string | null;
+    allowedContentTypeIds?: string | null;
     showOpenButton?: boolean;
     ignoreUserStartNodes?: boolean;
     set config(config: UmbPropertyEditorConfigCollection | undefined);

package/dist-cms/packages/core/property-editor/uis/tree-picker/property-editor-ui-tree-picker.element.js

@@ -33,7 +33,7 @@ let UmbPropertyEditorUITreePickerElement = class UmbPropertyEditorUITreePickerEl
         }
         this.min = Number(config?.getValueByAlias('minNumber')) || 0;
         this.max = Number(config?.getValueByAlias('maxNumber')) || 0;
-        this.filter = config?.getValueByAlias('filter');
+        this.allowedContentTypeIds = config?.getValueByAlias('filter');
         this.showOpenButton = config?.getValueByAlias('showOpenButton');
         this.ignoreUserStartNodes = config?.getValueByAlias('ignoreUserStartNodes');
     }
@@ -44,7 +44,7 @@ let UmbPropertyEditorUITreePickerElement = class UmbPropertyEditorUITreePickerEl
 			.startNodeId=${this.startNodeId ?? ''}
 			.min=${this.min}
 			.max=${this.max}
-			.filter=${this.filter ?? ''}
+			.allowedContentTypeIds=${this.allowedContentTypeIds ?? ''}
 			?showOpenButton=${this.showOpenButton}
 			?ignoreUserStartNodes=${this.ignoreUserStartNodes}
 			@change=${__classPrivateFieldGet(this, _UmbPropertyEditorUITreePickerElement_instances, "m", _UmbPropertyEditorUITreePickerElement_onChange)}></umb-input-tree>`;
@@ -73,7 +73,7 @@ __decorate([
 ], UmbPropertyEditorUITreePickerElement.prototype, "max", void 0);
 __decorate([
     state()
-], UmbPropertyEditorUITreePickerElement.prototype, "filter", void 0);
+], UmbPropertyEditorUITreePickerElement.prototype, "allowedContentTypeIds", void 0);
 __decorate([
     state()
 ], UmbPropertyEditorUITreePickerElement.prototype, "showOpenButton", void 0);

package/dist-cms/packages/core/tree/components/input-tree/input-tree.element.d.ts

@@ -10,9 +10,9 @@ export declare class UmbInputTreeElement extends UmbInputTreeElement_base {
     startNodeId?: string;
     min: number;
     max: number;
-    private _filter;
-    set filter(value: string);
-    get filter(): string;
+    private _allowedContentTypeIds;
+    set allowedContentTypeIds(value: string);
+    get allowedContentTypeIds(): string;
     showOpenButton?: boolean;
     ignoreUserStartNodes?: boolean;
     set value(newValue: string);

package/dist-cms/packages/core/tree/components/input-tree/input-tree.element.js

@@ -28,11 +28,11 @@ let UmbInputTreeElement = class UmbInputTreeElement extends FormControlMixin(Umb
     get type() {
         return this._type;
     }
-    set filter(value) {
-        this._filter = value.split(',');
+    set allowedContentTypeIds(value) {
+        this._allowedContentTypeIds = value ? value.split(',') : [];
     }
-    get filter() {
-        return this._filter.join(',');
+    get allowedContentTypeIds() {
+        return this._allowedContentTypeIds.join(',');
     }
     set value(newValue) {
         super.value = newValue;
@@ -52,7 +52,7 @@ let UmbInputTreeElement = class UmbInputTreeElement extends FormControlMixin(Umb
         this._type = undefined;
         this.min = 0;
         this.max = 0;
-        this._filter = [];
+        this._allowedContentTypeIds = [];
         this.selectedIds = [];
     }
     render() {
@@ -89,7 +89,7 @@ _UmbInputTreeElement_renderContentPicker = function _UmbInputTreeElement_renderC
     return html `<umb-input-document
 			.selectedIds=${this.selectedIds}
 			.startNodeId=${this.startNodeId}
-			.filter=${this.filter}
+			.allowedContentTypeIds=${this._allowedContentTypeIds}
 			.min=${this.min}
 			.max=${this.max}
 			?showOpenButton=${this.showOpenButton}
@@ -99,7 +99,7 @@ _UmbInputTreeElement_renderContentPicker = function _UmbInputTreeElement_renderC
 _UmbInputTreeElement_renderMediaPicker = function _UmbInputTreeElement_renderMediaPicker() {
     return html `<umb-input-media
 			.selectedIds=${this.selectedIds}
-			.filter=${this.filter}
+			.allowedContentTypeIds=${this._allowedContentTypeIds}
 			.min=${this.min}
 			.max=${this.max}
 			?showOpenButton=${this.showOpenButton}
@@ -109,7 +109,7 @@ _UmbInputTreeElement_renderMediaPicker = function _UmbInputTreeElement_renderMed
 _UmbInputTreeElement_renderMemberPicker = function _UmbInputTreeElement_renderMemberPicker() {
     return html `<umb-input-member
 			.selectedIds=${this.selectedIds}
-			.filter=${this.filter}
+			.allowedContentTypeIds=${this._allowedContentTypeIds}
 			.min=${this.min}
 			.max=${this.max}
 			?showOpenButton=${this.showOpenButton}
@@ -138,7 +138,7 @@ __decorate([
 ], UmbInputTreeElement.prototype, "max", void 0);
 __decorate([
     property()
-], UmbInputTreeElement.prototype, "filter", null);
+], UmbInputTreeElement.prototype, "allowedContentTypeIds", null);
 __decorate([
     property({ type: Boolean })
 ], UmbInputTreeElement.prototype, "showOpenButton", void 0);

package/dist-cms/packages/documents/documents/components/input-document/input-document.element.d.ts

@@ -1,5 +1,4 @@
 import { UmbLitElement } from '../../../../../shared/lit-element/index.js';
-import type { DocumentItemResponseModel } from '../../../../../external/backend-api/index.js';
 declare const UmbInputDocumentElement_base: (new (...args: any[]) => import("../../../../../external/uui/index.js").FormControlMixinInterface) & typeof UmbLitElement;
 export declare class UmbInputDocumentElement extends UmbInputDocumentElement_base {
     #private;
@@ -36,20 +35,15 @@ export declare class UmbInputDocumentElement extends UmbInputDocumentElement_bas
     get selectedIds(): Array<string>;
     set selectedIds(ids: Array<string>);
     startNodeId?: string;
-    filter?: string;
+    allowedContentTypeIds?: string[] | undefined;
     showOpenButton?: boolean;
     ignoreUserStartNodes?: boolean;
     set value(idsString: string);
     private _items?;
     constructor();
     connectedCallback(): void;
-    protected _openPicker(): void;
-    protected _openItem(item: DocumentItemResponseModel): void;
     protected getFormElement(): undefined;
     render(): import("lit-html").TemplateResult<1>;
-    private _renderItem;
-    private _renderIsTrashed;
-    private _renderOpenButton;
     static styles: import("../../../../../external/lit/index.js").CSSResult[];
 }
 export default UmbInputDocumentElement;

package/dist-cms/packages/documents/documents/components/input-document/input-document.element.js

@@ -9,7 +9,7 @@ var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (
     if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
     return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
 };
-var _UmbInputDocumentElement_instances, _UmbInputDocumentElement_pickerContext, _UmbInputDocumentElement_renderItems, _UmbInputDocumentElement_renderAddButton;
+var _UmbInputDocumentElement_instances, _UmbInputDocumentElement_pickerContext, _UmbInputDocumentElement_pickableFilter, _UmbInputDocumentElement_openPicker, _UmbInputDocumentElement_openItem, _UmbInputDocumentElement_renderItems, _UmbInputDocumentElement_renderAddButton, _UmbInputDocumentElement_renderItem, _UmbInputDocumentElement_renderIsTrashed, _UmbInputDocumentElement_renderOpenButton;
 import { UmbDocumentPickerContext } from './input-document.context.js';
 import { css, html, customElement, property, state, ifDefined, repeat } from '../../../../../external/lit/index.js';
 import { FormControlMixin } from '../../../../../external/uui/index.js';
@@ -68,6 +68,12 @@ let UmbInputDocumentElement = class UmbInputDocumentElement extends FormControlM
          */
         this.maxMessage = 'This field exceeds the allowed amount of items';
         _UmbInputDocumentElement_pickerContext.set(this, new UmbDocumentPickerContext(this));
+        _UmbInputDocumentElement_pickableFilter.set(this, (item) => {
+            if (this.allowedContentTypeIds && this.allowedContentTypeIds.length > 0) {
+                return this.allowedContentTypeIds.includes(item.contentTypeId);
+            }
+            return true;
+        });
     }
     connectedCallback() {
         super.connectedCallback();
@@ -76,61 +82,34 @@ let UmbInputDocumentElement = class UmbInputDocumentElement extends FormControlM
         this.observe(__classPrivateFieldGet(this, _UmbInputDocumentElement_pickerContext, "f").selection, (selection) => (super.value = selection.join(',')));
         this.observe(__classPrivateFieldGet(this, _UmbInputDocumentElement_pickerContext, "f").selectedItems, (selectedItems) => (this._items = selectedItems));
     }
-    _openPicker() {
-        // TODO: Configure the content picker, with `startNodeId`, `filter` and `ignoreUserStartNodes` [LK]
-        console.log("_openPicker", [this.startNodeId, this.filter, this.ignoreUserStartNodes]);
-        __classPrivateFieldGet(this, _UmbInputDocumentElement_pickerContext, "f").openPicker({
-            hideTreeRoot: true,
-        });
-    }
-    _openItem(item) {
-        // TODO: Implement the Content editing infinity editor. [LK]
-        console.log('TODO: _openItem', item);
-    }
     getFormElement() {
         return undefined;
     }
     render() {
         return html ` ${__classPrivateFieldGet(this, _UmbInputDocumentElement_instances, "m", _UmbInputDocumentElement_renderItems).call(this)} ${__classPrivateFieldGet(this, _UmbInputDocumentElement_instances, "m", _UmbInputDocumentElement_renderAddButton).call(this)} `;
     }
-    _renderItem(item) {
-        if (!item.id)
-            return;
-        return html `
-			<uui-ref-node name=${ifDefined(item.name)} detail=${ifDefined(item.id)}>
-				${this._renderIsTrashed(item)}
-				<uui-action-bar slot="actions">
-					${this._renderOpenButton(item)}
-					<uui-button
-						@click=${() => __classPrivateFieldGet(this, _UmbInputDocumentElement_pickerContext, "f").requestRemoveItem(item.id)}
-						label="Remove document ${item.name}"
-						>${this.localize.term('general_remove')}</uui-button
-					>
-				</uui-action-bar>
-			</uui-ref-node>
-		`;
-    }
-    _renderIsTrashed(item) {
-        if (!item.isTrashed)
-            return;
-        return html `<uui-tag size="s" slot="tag" color="danger">Trashed</uui-tag>`;
-    }
-    _renderOpenButton(item) {
-        if (!this.showOpenButton)
-            return;
-        return html `<uui-button @click=${() => this._openItem(item)} label="Open document ${item.name}"
-			>${this.localize.term('general_open')}</uui-button
-		>`;
-    }
 };
 _UmbInputDocumentElement_pickerContext = new WeakMap();
+_UmbInputDocumentElement_pickableFilter = new WeakMap();
 _UmbInputDocumentElement_instances = new WeakSet();
+_UmbInputDocumentElement_openPicker = function _UmbInputDocumentElement_openPicker() {
+    // TODO: Configure the content picker, with `startNodeId` and `ignoreUserStartNodes` [LK]
+    console.log('_openPicker', [this.startNodeId, this.ignoreUserStartNodes]);
+    __classPrivateFieldGet(this, _UmbInputDocumentElement_pickerContext, "f").openPicker({
+        hideTreeRoot: true,
+        pickableFilter: __classPrivateFieldGet(this, _UmbInputDocumentElement_pickableFilter, "f"),
+    });
+};
+_UmbInputDocumentElement_openItem = function _UmbInputDocumentElement_openItem(item) {
+    // TODO: Implement the Content editing infinity editor. [LK]
+    console.log('TODO: _openItem', item);
+};
 _UmbInputDocumentElement_renderItems = function _UmbInputDocumentElement_renderItems() {
     if (!this._items)
         return;
     // TODO: Add sorting. [LK]
     return html `<uui-ref-list
-			>${repeat(this._items, (item) => item.id, (item) => this._renderItem(item))}
+			>${repeat(this._items, (item) => item.id, (item) => __classPrivateFieldGet(this, _UmbInputDocumentElement_instances, "m", _UmbInputDocumentElement_renderItem).call(this, item))}
 		</uui-ref-list>`;
 };
 _UmbInputDocumentElement_renderAddButton = function _UmbInputDocumentElement_renderAddButton() {
@@ -139,9 +118,38 @@ _UmbInputDocumentElement_renderAddButton = function _UmbInputDocumentElement_ren
     return html `<uui-button
 			id="add-button"
 			look="placeholder"
-			@click=${this._openPicker}
+			@click=${__classPrivateFieldGet(this, _UmbInputDocumentElement_instances, "m", _UmbInputDocumentElement_openPicker)}
 			label=${this.localize.term('general_choose')}></uui-button>`;
 };
+_UmbInputDocumentElement_renderItem = function _UmbInputDocumentElement_renderItem(item) {
+    if (!item.id)
+        return;
+    return html `
+			<uui-ref-node name=${ifDefined(item.name)} detail=${ifDefined(item.id)}>
+				${__classPrivateFieldGet(this, _UmbInputDocumentElement_instances, "m", _UmbInputDocumentElement_renderIsTrashed).call(this, item)}
+				<uui-action-bar slot="actions">
+					${__classPrivateFieldGet(this, _UmbInputDocumentElement_instances, "m", _UmbInputDocumentElement_renderOpenButton).call(this, item)}
+					<uui-button
+						@click=${() => __classPrivateFieldGet(this, _UmbInputDocumentElement_pickerContext, "f").requestRemoveItem(item.id)}
+						label="Remove document ${item.name}"
+						>${this.localize.term('general_remove')}</uui-button
+					>
+				</uui-action-bar>
+			</uui-ref-node>
+		`;
+};
+_UmbInputDocumentElement_renderIsTrashed = function _UmbInputDocumentElement_renderIsTrashed(item) {
+    if (!item.isTrashed)
+        return;
+    return html `<uui-tag size="s" slot="tag" color="danger">Trashed</uui-tag>`;
+};
+_UmbInputDocumentElement_renderOpenButton = function _UmbInputDocumentElement_renderOpenButton(item) {
+    if (!this.showOpenButton)
+        return;
+    return html `<uui-button @click=${() => __classPrivateFieldGet(this, _UmbInputDocumentElement_instances, "m", _UmbInputDocumentElement_openItem).call(this, item)} label="Open document ${item.name}"
+			>${this.localize.term('general_open')}</uui-button
+		>`;
+};
 UmbInputDocumentElement.styles = [
     css `
 			#add-button {
@@ -165,8 +173,8 @@ __decorate([
     property({ type: String })
 ], UmbInputDocumentElement.prototype, "startNodeId", void 0);
 __decorate([
-    property({ type: String })
-], UmbInputDocumentElement.prototype, "filter", void 0);
+    property({ type: Array })
+], UmbInputDocumentElement.prototype, "allowedContentTypeIds", void 0);
 __decorate([
     property({ type: Boolean })
 ], UmbInputDocumentElement.prototype, "showOpenButton", void 0);

package/dist-cms/packages/media/media/components/input-media/input-media.element.d.ts

@@ -1,5 +1,4 @@
 import { UmbLitElement } from '../../../../../shared/lit-element/index.js';
-import type { MediaItemResponseModel } from '../../../../../external/backend-api/index.js';
 declare const UmbInputMediaElement_base: (new (...args: any[]) => import("../../../../../external/uui/index.js").FormControlMixinInterface) & typeof UmbLitElement;
 export declare class UmbInputMediaElement extends UmbInputMediaElement_base {
     #private;
@@ -35,18 +34,15 @@ export declare class UmbInputMediaElement extends UmbInputMediaElement_base {
     maxMessage: string;
     get selectedIds(): Array<string>;
     set selectedIds(ids: Array<string>);
-    filter?: string;
+    allowedContentTypeIds?: string[] | undefined;
     showOpenButton?: boolean;
     ignoreUserStartNodes?: boolean;
     set value(idsString: string);
     private _items?;
     constructor();
     connectedCallback(): void;
-    protected _openPicker(): void;
-    protected _openItem(item: MediaItemResponseModel): void;
     protected getFormElement(): undefined;
     render(): import("lit-html").TemplateResult<1>;
-    private _renderIsTrashed;
     static styles: import("../../../../../external/lit/index.js").CSSResult[];
 }
 export default UmbInputMediaElement;

package/dist-cms/packages/media/media/components/input-media/input-media.element.js

@@ -9,9 +9,9 @@ var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (
     if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
     return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
 };
-var _UmbInputMediaElement_instances, _UmbInputMediaElement_pickerContext, _UmbInputMediaElement_renderItems, _UmbInputMediaElement_renderButton, _UmbInputMediaElement_renderItem;
+var _UmbInputMediaElement_instances, _UmbInputMediaElement_pickerContext, _UmbInputMediaElement_pickableFilter, _UmbInputMediaElement_openPicker, _UmbInputMediaElement_openItem, _UmbInputMediaElement_renderItems, _UmbInputMediaElement_renderAddButton, _UmbInputMediaElement_renderItem, _UmbInputMediaElement_renderIsTrashed;
 import { UmbMediaPickerContext } from './input-media.context.js';
-import { css, html, customElement, property, state, ifDefined } from '../../../../../external/lit/index.js';
+import { css, html, customElement, property, state, ifDefined, repeat } from '../../../../../external/lit/index.js';
 import { FormControlMixin } from '../../../../../external/uui/index.js';
 import { UmbLitElement } from '../../../../../shared/lit-element/index.js';
 import { splitStringToArray } from '../../../../../shared/utils/index.js';
@@ -68,6 +68,15 @@ let UmbInputMediaElement = class UmbInputMediaElement extends FormControlMixin(U
          */
         this.maxMessage = 'This field exceeds the allowed amount of items';
         _UmbInputMediaElement_pickerContext.set(this, new UmbMediaPickerContext(this));
+        _UmbInputMediaElement_pickableFilter.set(this, (item) => {
+            /* TODO: Media item doesn't have the content/media-type ID available to query.
+                 Commenting out until the Management API model is updated. [LK]
+            */
+            // if (this.allowedContentTypeIds && this.allowedContentTypeIds.length > 0) {
+            // 	return this.allowedContentTypeIds.includes(item.contentTypeId);
+            // }
+            return true;
+        });
     }
     connectedCallback() {
         super.connectedCallback();
@@ -76,45 +85,44 @@ let UmbInputMediaElement = class UmbInputMediaElement extends FormControlMixin(U
         this.observe(__classPrivateFieldGet(this, _UmbInputMediaElement_pickerContext, "f").selection, (selection) => (super.value = selection.join(',')));
         this.observe(__classPrivateFieldGet(this, _UmbInputMediaElement_pickerContext, "f").selectedItems, (selectedItems) => (this._items = selectedItems));
     }
-    _openPicker() {
-        // TODO: Configure the media picker, with `filter` and `ignoreUserStartNodes` [LK]
-        console.log('_openPicker', [this.filter, this.ignoreUserStartNodes]);
-        __classPrivateFieldGet(this, _UmbInputMediaElement_pickerContext, "f").openPicker({
-            hideTreeRoot: true,
-        });
-    }
-    _openItem(item) {
-        // TODO: Implement the Content editing infinity editor. [LK]
-        console.log('TODO: _openItem', item);
-    }
     getFormElement() {
         return undefined;
     }
     render() {
-        return html ` ${__classPrivateFieldGet(this, _UmbInputMediaElement_instances, "m", _UmbInputMediaElement_renderItems).call(this)} ${__classPrivateFieldGet(this, _UmbInputMediaElement_instances, "m", _UmbInputMediaElement_renderButton).call(this)} `;
-    }
-    _renderIsTrashed(item) {
-        if (!item.isTrashed)
-            return;
-        return html `<uui-tag size="s" slot="tag" color="danger">Trashed</uui-tag>`;
+        return html ` ${__classPrivateFieldGet(this, _UmbInputMediaElement_instances, "m", _UmbInputMediaElement_renderItems).call(this)} ${__classPrivateFieldGet(this, _UmbInputMediaElement_instances, "m", _UmbInputMediaElement_renderAddButton).call(this)} `;
     }
 };
 _UmbInputMediaElement_pickerContext = new WeakMap();
+_UmbInputMediaElement_pickableFilter = new WeakMap();
 _UmbInputMediaElement_instances = new WeakSet();
+_UmbInputMediaElement_openPicker = function _UmbInputMediaElement_openPicker() {
+    // TODO: Configure the media picker, with `allowedContentTypeIds` and `ignoreUserStartNodes` [LK]
+    console.log('#openPicker', [this.allowedContentTypeIds, this.ignoreUserStartNodes]);
+    __classPrivateFieldGet(this, _UmbInputMediaElement_pickerContext, "f").openPicker({
+        hideTreeRoot: true,
+        pickableFilter: __classPrivateFieldGet(this, _UmbInputMediaElement_pickableFilter, "f"),
+    });
+};
+_UmbInputMediaElement_openItem = function _UmbInputMediaElement_openItem(item) {
+    // TODO: Implement the Media editing infinity editor. [LK]
+    console.log('TODO: _openItem', item);
+};
 _UmbInputMediaElement_renderItems = function _UmbInputMediaElement_renderItems() {
     if (!this._items)
         return;
     // TODO: Add sorting. [LK]
-    return html ` ${this._items?.map((item) => __classPrivateFieldGet(this, _UmbInputMediaElement_instances, "m", _UmbInputMediaElement_renderItem).call(this, item))} `;
+    return html `
+			${repeat(this._items, (item) => item.id, (item) => __classPrivateFieldGet(this, _UmbInputMediaElement_instances, "m", _UmbInputMediaElement_renderItem).call(this, item))}
+		`;
 };
-_UmbInputMediaElement_renderButton = function _UmbInputMediaElement_renderButton() {
+_UmbInputMediaElement_renderAddButton = function _UmbInputMediaElement_renderAddButton() {
     if (this._items && this.max && this._items.length >= this.max)
         return;
     return html `
 			<uui-button
 				id="add-button"
 				look="placeholder"
-				@click=${this._openPicker}
+				@click=${__classPrivateFieldGet(this, _UmbInputMediaElement_instances, "m", _UmbInputMediaElement_openPicker)}
 				label=${this.localize.term('general_choose')}>
 				<uui-icon name="icon-add"></uui-icon>
 				${this.localize.term('general_choose')}
@@ -129,7 +137,7 @@ _UmbInputMediaElement_renderItem = function _UmbInputMediaElement_renderItem(ite
 				name=${ifDefined(item.name === null ? undefined : item.name)}
 				detail=${ifDefined(item.id)}
 				file-ext="jpg">
-				${this._renderIsTrashed(item)}
+				${__classPrivateFieldGet(this, _UmbInputMediaElement_instances, "m", _UmbInputMediaElement_renderIsTrashed).call(this, item)}
 				<uui-action-bar slot="actions">
 					<uui-button label="Copy media">
 						<uui-icon name="icon-documents"></uui-icon>
@@ -141,6 +149,11 @@ _UmbInputMediaElement_renderItem = function _UmbInputMediaElement_renderItem(ite
 			</uui-card-media>
 		`;
 };
+_UmbInputMediaElement_renderIsTrashed = function _UmbInputMediaElement_renderIsTrashed(item) {
+    if (!item.isTrashed)
+        return;
+    return html `<uui-tag size="s" slot="tag" color="danger">Trashed</uui-tag>`;
+};
 UmbInputMediaElement.styles = [
     css `
 			:host {
@@ -174,8 +187,8 @@ __decorate([
     property({ type: String, attribute: 'min-message' })
 ], UmbInputMediaElement.prototype, "maxMessage", void 0);
 __decorate([
-    property({ type: String })
-], UmbInputMediaElement.prototype, "filter", void 0);
+    property({ type: Array })
+], UmbInputMediaElement.prototype, "allowedContentTypeIds", void 0);
 __decorate([
     property({ type: Boolean })
 ], UmbInputMediaElement.prototype, "showOpenButton", void 0);

package/dist-cms/packages/members/members/components/input-member/input-member.element.d.ts

@@ -1,5 +1,4 @@
 import { UmbLitElement } from '../../../../../shared/lit-element/index.js';
-import type { MemberItemResponseModel } from '../../../../../external/backend-api/index.js';
 declare const UmbInputMemberElement_base: (new (...args: any[]) => import("../../../../../external/uui/index.js").FormControlMixinInterface) & typeof UmbLitElement;
 export declare class UmbInputMemberElement extends UmbInputMemberElement_base {
     #private;
@@ -35,14 +34,12 @@ export declare class UmbInputMemberElement extends UmbInputMemberElement_base {
     maxMessage: string;
     get selectedIds(): Array<string>;
     set selectedIds(ids: Array<string>);
+    allowedContentTypeIds?: string[] | undefined;
     set value(idsString: string);
     private _items?;
     constructor();
-    protected _openPicker(): void;
-    protected _requestRemoveItem(item: MemberItemResponseModel): void;
     protected getFormElement(): undefined;
     render(): import("lit-html").TemplateResult<1>;
-    private _renderItem;
     static styles: import("../../../../../external/lit/index.js").CSSResult[];
 }
 export default UmbInputMemberElement;