@umbraco-cms/backoffice 14.0.0--preview004-b3446294 → 14.0.0--preview003

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

@@ -4,46 +4,25 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { UmbDocumentPickerContext } from './input-document.context.js';
-import { css, html, customElement, property, state, ifDefined } from '../../../../../external/lit/index.js';
+import { UMB_DOCUMENT_TREE_STORE_CONTEXT_TOKEN } from '../../repository/document.tree.store.js';
+import { css, html, nothing, customElement, property, state, ifDefined } from '../../../../../external/lit/index.js';
 import { FormControlMixin } from '../../../../../external/uui/index.js';
+import { UMB_MODAL_MANAGER_CONTEXT_TOKEN, UMB_CONFIRM_MODAL, UMB_DOCUMENT_PICKER_MODAL, } from '../../../../core/modal/index.js';
 import { UmbLitElement } from '../../../../../shared/lit-element/index.js';
 export let UmbInputDocumentElement = class UmbInputDocumentElement extends FormControlMixin(UmbLitElement) {
-    /**
-     * This is a minimum amount of selected items in this input.
-     * @type {number}
-     * @attr
-     * @default 0
-     */
-    get min() {
-        return this.#pickerContext.min;
-    }
-    set min(value) {
-        this.#pickerContext.min = value;
-    }
-    /**
-     * This is a maximum amount of selected items in this input.
-     * @type {number}
-     * @attr
-     * @default Infinity
-     */
-    get max() {
-        return this.#pickerContext.max;
-    }
-    set max(value) {
-        this.#pickerContext.max = value;
-    }
     get selectedIds() {
-        return this.#pickerContext.getSelection();
+        return this._selectedIds;
     }
     set selectedIds(ids) {
-        this.#pickerContext.setSelection(ids);
+        this._selectedIds = ids;
+        super.value = ids.join(',');
+        this._observePickedDocuments();
     }
     set value(idsString) {
-        // Its with full purpose we don't call super.value, as thats being handled by the observation of the context selection.
-        this.selectedIds = idsString.split(/[ ,]+/);
+        if (idsString !== this._value) {
+            this.selectedIds = idsString.split(/[ ,]+/);
+        }
     }
-    #pickerContext;
     constructor() {
         super();
         /**
@@ -60,35 +39,69 @@ export let UmbInputDocumentElement = class UmbInputDocumentElement extends FormC
          * @default
          */
         this.maxMessage = 'This field exceeds the allowed amount of items';
-        this.#pickerContext = new UmbDocumentPickerContext(this);
-        this.addValidator('rangeUnderflow', () => this.minMessage, () => !!this.min && this.#pickerContext.getSelection().length < this.min);
-        this.addValidator('rangeOverflow', () => this.maxMessage, () => !!this.max && this.#pickerContext.getSelection().length > this.max);
-        this.observe(this.#pickerContext.selection, (selection) => (super.value = selection.join(',')));
-        this.observe(this.#pickerContext.selectedItems, (selectedItems) => (this._items = selectedItems));
+        // TODO: do we need both selectedIds and value? If we just use value we follow the same pattern as native form controls.
+        this._selectedIds = [];
+        this.addValidator('rangeUnderflow', () => this.minMessage, () => !!this.min && this._selectedIds.length < this.min);
+        this.addValidator('rangeOverflow', () => this.maxMessage, () => !!this.max && this._selectedIds.length > this.max);
+        this.consumeContext(UMB_DOCUMENT_TREE_STORE_CONTEXT_TOKEN, (instance) => {
+            this._documentStore = instance;
+            this._observePickedDocuments();
+        });
+        this.consumeContext(UMB_MODAL_MANAGER_CONTEXT_TOKEN, (instance) => {
+            this._modalContext = instance;
+        });
     }
     getFormElement() {
         return undefined;
     }
+    _observePickedDocuments() {
+        this._pickedItemsObserver?.destroy();
+        if (!this._documentStore)
+            return;
+        // TODO: consider changing this to the list data endpoint when it is available
+        this._pickedItemsObserver = this.observe(this._documentStore.items(this._selectedIds), (items) => {
+            this._items = items;
+        });
+    }
+    _openPicker() {
+        // We send a shallow copy(good enough as its just an array of ids) of our this._selectedIds, as we don't want the modal to manipulate our data:
+        const modalContext = this._modalContext?.open(UMB_DOCUMENT_PICKER_MODAL, {
+            multiple: this.max === 1 ? false : true,
+            selection: [...this._selectedIds],
+        });
+        modalContext?.onSubmit().then(({ selection }) => {
+            this._setSelection(selection);
+        });
+    }
+    async _removeItem(item) {
+        const modalContext = this._modalContext?.open(UMB_CONFIRM_MODAL, {
+            color: 'danger',
+            headline: `Remove ${item.name}?`,
+            content: 'Are you sure you want to remove this item',
+            confirmLabel: 'Remove',
+        });
+        await modalContext?.onSubmit();
+        const newSelection = this._selectedIds.filter((value) => value !== item.id);
+        this._setSelection(newSelection);
+    }
+    _setSelection(newSelection) {
+        this.selectedIds = newSelection;
+        this.dispatchEvent(new CustomEvent('change', { bubbles: true, composed: true }));
+    }
     render() {
         return html `
-			<uui-ref-list>${this._items?.map((item) => this._renderItem(item))}</uui-ref-list>
-			<uui-button id="add-button" look="placeholder" @click=${() => this.#pickerContext.openPicker()} label="open"
-				>Add</uui-button
-			>
+			${this._items?.map((item) => this._renderItem(item))}
+			<uui-button id="add-button" look="placeholder" @click=${this._openPicker} label="open">Add</uui-button>
 		`;
     }
     _renderItem(item) {
-        if (!item.id)
-            return;
+        // TODO: remove when we have a way to handle trashed items
+        const tempItem = item;
         return html `
-			<uui-ref-node name=${ifDefined(item.name)} detail=${ifDefined(item.id)}>
-				<!-- TODO: implement is trashed <uui-tag size="s" slot="tag" color="danger">Trashed</uui-tag> -->
+			<uui-ref-node name=${ifDefined(item.name === null ? undefined : item.name)} detail=${ifDefined(item.id)}>
+				${tempItem.isTrashed ? html ` <uui-tag size="s" slot="tag" color="danger">Trashed</uui-tag> ` : nothing}
 				<uui-action-bar slot="actions">
-					<uui-button
-						@click=${() => this.#pickerContext.requestRemoveItem(item.id)}
-						label="Remove document ${item.name}"
-						>Remove</uui-button
-					>
+					<uui-button @click=${() => this._removeItem(item)} label="Remove document ${item.name}">Remove</uui-button>
 				</uui-action-bar>
 			</uui-ref-node>
 		`;
@@ -103,13 +116,13 @@ export let UmbInputDocumentElement = class UmbInputDocumentElement extends FormC
 };
 __decorate([
     property({ type: Number })
-], UmbInputDocumentElement.prototype, "min", null);
+], UmbInputDocumentElement.prototype, "min", void 0);
 __decorate([
     property({ type: String, attribute: 'min-message' })
 ], UmbInputDocumentElement.prototype, "minMessage", void 0);
 __decorate([
     property({ type: Number })
-], UmbInputDocumentElement.prototype, "max", null);
+], UmbInputDocumentElement.prototype, "max", void 0);
 __decorate([
     property({ type: String, attribute: 'min-message' })
 ], UmbInputDocumentElement.prototype, "maxMessage", void 0);

package/dist-cms/packages/documents/documents/entity-actions/create/manifests.js

@@ -14,15 +14,6 @@ const entityActions = [
             api: UmbCreateDocumentEntityAction,
             entityTypes: [DOCUMENT_ROOT_ENTITY_TYPE, DOCUMENT_ENTITY_TYPE],
         },
-        conditions: [
-            {
-                alias: 'Umb.Condition.UserPermission',
-                // TODO: investigate why the match property is not typed
-                // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-                //@ts-ignore
-                match: 'Umb.UserPermission.Document.Create',
-            },
-        ],
     },
 ];
 const modals = [

package/dist-cms/packages/documents/documents/entity-actions/manifests.js

@@ -18,7 +18,7 @@ const entityActions = [
         weight: 800,
         meta: {
             icon: 'umb:blueprint',
-            label: 'Create Document Blueprint (TBD)',
+            label: 'Create Content Template (TBD)',
             repositoryAlias: DOCUMENT_REPOSITORY_ALIAS,
             api: UmbCreateDocumentBlueprintEntityAction,
             entityTypes: [DOCUMENT_ENTITY_TYPE],

package/dist-cms/packages/documents/documents/entity-actions/permissions.action.d.ts

@@ -1,8 +1,7 @@
-import { type UmbDocumentRepository } from '../repository/document.repository.js';
+import { UmbDocumentRepository } from '../repository/document.repository.js';
 import { UmbEntityActionBase } from '../../../core/entity-action/index.js';
 import { UmbControllerHostElement } from '../../../../libs/controller-api/index.js';
 export declare class UmbDocumentPermissionsEntityAction extends UmbEntityActionBase<UmbDocumentRepository> {
-    #private;
     constructor(host: UmbControllerHostElement, repositoryAlias: string, unique: string);
     execute(): Promise<void>;
 }

package/dist-cms/packages/documents/documents/entity-actions/permissions.action.js

@@ -1,30 +1,10 @@
 import { UmbEntityActionBase } from '../../../core/entity-action/index.js';
-import { UmbContextConsumerController } from '../../../../libs/context-api/index.js';
-import { UMB_MODAL_MANAGER_CONTEXT_TOKEN, } from '../../../core/modal/index.js';
 export class UmbDocumentPermissionsEntityAction extends UmbEntityActionBase {
-    #modalContext;
     constructor(host, repositoryAlias, unique) {
         super(host, repositoryAlias, unique);
-        new UmbContextConsumerController(this.host, UMB_MODAL_MANAGER_CONTEXT_TOKEN, (instance) => {
-            this.#modalContext = instance;
-        });
     }
     async execute() {
-        alert('WIP Permissions dialog');
-        if (!this.repository)
-            return;
-        if (!this.#modalContext)
-            return;
-        // TODO: we don't get "type" as part of the item
-        //const { data, error } = await this.repository.requestItems([this.unique]);
-        /*
-        const modalContext = this.#modalContext.open(UMB_ENTITY_USER_PERMISSION_MODAL, {
-            unique: this.unique,
-            entityType: ['document'],
-        });
-        */
-        // const { selection } = await modalContext.onSubmit();
-        // console.log(selection);
-        // await this.repository?.setPermissions();
+        console.log(`execute for: ${this.unique}`);
+        await this.repository?.setPermissions();
     }
 }

package/dist-cms/packages/documents/documents/index.d.ts

@@ -1,8 +1,6 @@
 export * from './repository/index.js';
 export * from './workspace/index.js';
 export * from './recycle-bin/index.js';
-export * from './user-permissions/index.js';
-export * from './components/index.js';
 import './components/index.js';
 export declare const DOCUMENT_ROOT_ENTITY_TYPE = "document-root";
 export declare const DOCUMENT_ENTITY_TYPE = "document";

package/dist-cms/packages/documents/documents/index.js

@@ -1,8 +1,6 @@
 export * from './repository/index.js';
 export * from './workspace/index.js';
 export * from './recycle-bin/index.js';
-export * from './user-permissions/index.js';
-export * from './components/index.js';
 import './components/index.js';
 export const DOCUMENT_ROOT_ENTITY_TYPE = 'document-root';
 export const DOCUMENT_ENTITY_TYPE = 'document';

package/dist-cms/packages/documents/documents/manifests.d.ts

@@ -10,8 +10,4 @@ export declare const manifests: (import("../../../libs/extension-api/types.js").
         api: typeof import("../../core/index.js").UmbTrashEntityAction;
         entityTypes: string[];
     };
-    conditions: {
-        alias: string;
-        match: string;
-    }[];
 })[];

package/dist-cms/packages/documents/documents/manifests.js

@@ -6,7 +6,6 @@ import { manifests as workspaceManifests } from './workspace/manifests.js';
 import { manifests as entityActionManifests } from './entity-actions/manifests.js';
 import { manifests as entityBulkActionManifests } from './entity-bulk-actions/manifests.js';
 import { manifests as propertyEditorManifests } from './property-editors/manifests.js';
-import { manifests as userPermissionManifests } from './user-permissions/manifests.js';
 import { manifests as recycleBinManifests } from './recycle-bin/manifests.js';
 export const manifests = [
     ...collectionManifests,
@@ -17,6 +16,5 @@ export const manifests = [
     ...entityActionManifests,
     ...entityBulkActionManifests,
     ...propertyEditorManifests,
-    ...userPermissionManifests,
     ...recycleBinManifests,
 ];

package/dist-cms/packages/documents/documents/recycle-bin/entity-action/manifests.d.ts

@@ -11,8 +11,4 @@ export declare const manifests: {
         api: typeof UmbTrashEntityAction;
         entityTypes: string[];
     };
-    conditions: {
-        alias: string;
-        match: string;
-    }[];
 }[];

package/dist-cms/packages/documents/documents/recycle-bin/entity-action/manifests.js

@@ -14,11 +14,5 @@ export const manifests = [
             api: UmbTrashEntityAction,
             entityTypes: [DOCUMENT_ENTITY_TYPE],
         },
-        conditions: [
-            {
-                alias: 'Umb.Condition.UserPermission',
-                match: 'Umb.UserPermission.Document.Delete',
-            },
-        ],
     },
 ];

package/dist-cms/packages/documents/documents/recycle-bin/manifests.d.ts

@@ -10,8 +10,4 @@ export declare const manifests: (import("../../../core/index.js").ManifestMenuIt
         api: typeof import("../../../core/index.js").UmbTrashEntityAction;
         entityTypes: string[];
     };
-    conditions: {
-        alias: string;
-        match: string;
-    }[];
 })[];

package/dist-cms/packages/documents/documents/repository/document.repository.js

@@ -25,16 +25,16 @@ export class UmbDocumentRepository {
         this.#init = Promise.all([
             new UmbContextConsumerController(this.#host, UMB_DOCUMENT_TREE_STORE_CONTEXT_TOKEN, (instance) => {
                 this.#treeStore = instance;
-            }).asPromise(),
+            }),
             new UmbContextConsumerController(this.#host, UMB_DOCUMENT_STORE_CONTEXT_TOKEN, (instance) => {
                 this.#store = instance;
-            }).asPromise(),
+            }),
             new UmbContextConsumerController(this.#host, UMB_DOCUMENT_ITEM_STORE_CONTEXT_TOKEN, (instance) => {
                 this.#itemStore = instance;
-            }).asPromise(),
+            }),
             new UmbContextConsumerController(this.#host, UMB_NOTIFICATION_CONTEXT_TOKEN, (instance) => {
                 this.#notificationContext = instance;
-            }).asPromise(),
+            }),
         ]);
     }
     // TODO: Move

package/dist-cms/packages/documents/documents/repository/manifests.d.ts

@@ -1,6 +1,5 @@
-import type { ManifestItemStore, ManifestRepository, ManifestStore, ManifestTreeStore } from '../../../core/extension-registry/index.js';
+import type { ManifestRepository, ManifestStore, ManifestTreeStore } from '../../../core/extension-registry/index.js';
 export declare const DOCUMENT_REPOSITORY_ALIAS = "Umb.Repository.Document";
 export declare const DOCUMENT_STORE_ALIAS = "Umb.Store.Document";
 export declare const DOCUMENT_TREE_STORE_ALIAS = "Umb.Store.DocumentTree";
-export declare const DOCUMENT_ITEM_STORE_ALIAS = "Umb.Store.DocumentItem";
-export declare const manifests: (ManifestItemStore | ManifestRepository | ManifestStore | ManifestTreeStore)[];
+export declare const manifests: (ManifestRepository | ManifestStore | ManifestTreeStore)[];

package/dist-cms/packages/documents/documents/repository/manifests.js

@@ -1,5 +1,4 @@
 import { UmbDocumentRepository } from '../repository/document.repository.js';
-import { UmbDocumentItemStore } from './document-item.store.js';
 import { UmbDocumentStore } from './document.store.js';
 import { UmbDocumentTreeStore } from './document.tree.store.js';
 export const DOCUMENT_REPOSITORY_ALIAS = 'Umb.Repository.Document';
@@ -11,7 +10,6 @@ const repository = {
 };
 export const DOCUMENT_STORE_ALIAS = 'Umb.Store.Document';
 export const DOCUMENT_TREE_STORE_ALIAS = 'Umb.Store.DocumentTree';
-export const DOCUMENT_ITEM_STORE_ALIAS = 'Umb.Store.DocumentItem';
 const store = {
     type: 'store',
     alias: DOCUMENT_STORE_ALIAS,
@@ -24,10 +22,4 @@ const treeStore = {
     name: 'Document Tree Store',
     class: UmbDocumentTreeStore,
 };
-const itemStore = {
-    type: 'itemStore',
-    alias: DOCUMENT_ITEM_STORE_ALIAS,
-    name: 'Document Item Store',
-    class: UmbDocumentItemStore,
-};
-export const manifests = [repository, store, treeStore, itemStore];
+export const manifests = [repository, store, treeStore];

package/dist-cms/packages/documents/documents/workspace/views/info/document-info-workspace-view.element.js

@@ -106,8 +106,8 @@ export let UmbDocumentInfoWorkspaceViewElement = class UmbDocumentInfoWorkspaceV
     }
     render() {
         return html `<div class="container">
-				<uui-box headline=${this.localize.term('general_links')} style="--uui-box-default-padding: 0;"> ${this.#renderLinksSection()} </uui-box>
-				<uui-box headline=${this.localize.term('general_history')}>
+				<uui-box headline="Links" style="--uui-box-default-padding: 0;"> ${this.#renderLinksSection()} </uui-box>
+				<uui-box headline="History">
 					<umb-history-list>
 						${repeat(this._historyList, (item) => item.timestamp, (item) => this.#renderHistory(item))}
 					</umb-history-list>
@@ -127,42 +127,41 @@ export let UmbDocumentInfoWorkspaceViewElement = class UmbDocumentInfoWorkspaceV
 			</a>
 			<div class="link-item">
 				<span class="link-language">en-EN</span>
-				<span class="link-content italic"><umb-localize key="content_parentNotPublishedAnomaly"></umb-localize></span>
+				<span class="link-content italic"> This document is published but is not in the cache</span>
 			</div>
 		</div>`;
     }
     #renderGeneralSection() {
         return html `
 			<div class="general-item">
-				<strong>${this.localize.term('content_publishStatus')}</strong>
-				<span><uui-tag color="positive" look="primary" label=${this.localize.term('content_published')}><umb-localize key="content_published"></umb-localize></uui-tag></span>
+				<strong>Status</strong>
+				<span><uui-tag color="positive" look="primary" label="Published">Published</uui-tag></span>
 			</div>
 			<div class="general-item">
-				<strong><umb-localize key="content_createDate"></umb-localize></strong>
-				<span><umb-localize-date date="${new Date}"></umb-localize-date></span>
+				<strong>Created Date</strong>
+				<span>...</span>
 			</div>
 			<div class="general-item">
-				<strong><umb-localize key="content_documentType"></umb-localize></strong>
+				<strong>Document Type</strong>
 				<uui-button
 					href=${this._editDocumentTypePath + 'edit/' + this._documentTypeId}
-					label=${this.localize.term('general_edit')}></uui-button>
+					label="Edit Document Type"></uui-button>
 			</div>
 			<div class="general-item">
-				<strong><umb-localize key="template_template"></umb-localize></strong>
-				<span>IMPLEMENT template picker?</span>
+				<strong>Template</strong>
+				<span>template picker?</span>
 			</div>
 			<div class="general-item">
-				<strong><umb-localize key="template_id"></umb-localize></strong>
+				<strong>Id</strong>
 				<span>...</span>
 			</div>
 		`;
     }
     #renderHistory(history) {
-        return html ` <umb-history-item .name="${history.userName}" .detail="${this.localize.date(history.timestamp)}">
-			<span class="log-type">${this.#renderTag(history.logType)} ${this.#renderTagDescription(history.logType, history)}</span>
-			<uui-button label=${this.localize.term('actions_rollback')} look="secondary" slot="actions">
-				<uui-icon name="umb:undo"></uui-icon> 
-				<umb-localize key="actions_rollback"></umb-localize>
+        return html ` <umb-history-item .name="${history.userName}" .detail="${history.timestamp}">
+			<span class="log-type">${this.#renderTag(history.logType)} ${this.#renderTagDescription(history.logType)}</span>
+			<uui-button label="Rollback" look="secondary" slot="actions">
+				<uui-icon name="umb:undo"></uui-icon> Rollback
 			</uui-button>
 		</umb-history-item>`;
     }
@@ -179,33 +178,33 @@ export let UmbDocumentInfoWorkspaceViewElement = class UmbDocumentInfoWorkspaceV
     #renderTag(type) {
         switch (type) {
             case 'Publish':
-                return html `<uui-tag look="primary" color="positive" label=${this.localize.term('content_publish')}><umb-localize key="content_publish"></umb-localize></uui-tag>`;
+                return html `<uui-tag look="primary" color="positive" label="Publish">Publish</uui-tag>`;
             case 'Unpublish':
-                return html `<uui-tag look="primary" color="warning" label=${this.localize.term('content_unpublish')}><umb-localize key="content_unpublish"></umb-localize></uui-tag>`;
+                return html `<uui-tag look="primary" color="warning" label="Unpublish">Unpublish</uui-tag>`;
             case 'Save':
-                return html `<uui-tag look="primary" label=${this.localize.term('auditTrails_smallSave')}><umb-localize key="auditTrails_smallSave"></umb-localize></uui-tag>`;
+                return html `<uui-tag look="primary" label="Save">Save</uui-tag>`;
             case 'ContentVersionEnableCleanup':
-                return html `<uui-tag look="secondary" label=${this.localize.term('contentTypeEditor_historyCleanupEnableCleanup')}><umb-localize key="contentTypeEditor_historyCleanupEnableCleanup"></umb-localize></uui-tag>`;
+                return html `<uui-tag look="secondary" label="Content Version Enable Cleanup">Save</uui-tag>`;
             case 'ContentVersionPreventCleanup':
-                return html `<uui-tag look="secondary" label=${this.localize.term('contentTypeEditor_historyCleanupPreventCleanup')}><umb-localize key="contentTypeEditor_historyCleanupPreventCleanup"></umb-localize></uui-tag>`;
+                return html `<uui-tag look="secondary" label="Content Version Prevent Cleanup">Save</uui-tag>`;
             default:
-                return 'Could not detect log type';
+                return 'Could not detech log type';
         }
     }
     #renderTagDescription(type, params) {
         switch (type) {
             case 'Publish':
-                return this.localize.term('auditTrails_publish');
+                return html `Content published`;
             case 'Unpublish':
-                return this.localize.term('auditTrails_unpublish');
+                return html `Content unpublished`;
             case 'Save':
-                return this.localize.term('auditTrails_save');
+                return html `Content saved`;
             case 'ContentVersionEnableCleanup':
-                return this.localize.term('auditTrails_contentversionenablecleanup', [params?.nodeId]);
+                return html `Cleanup enabled for version: ${params}`;
             case 'ContentVersionPreventCleanup':
-                return this.localize.term('auditTrails_contentversionpreventcleanup', [params?.nodeId]);
+                return html `Cleanup disabled for version: ${params}`;
             default:
-                return 'Could not detect log type';
+                return 'Could not detech log type';
         }
     }
     static { this.styles = [

package/dist-cms/packages/documents/manifests.d.ts

@@ -10,8 +10,4 @@ export declare const manifests: (import("../../libs/extension-api/types.js").Man
         api: typeof import("../core/index.js").UmbTrashEntityAction;
         entityTypes: string[];
     };
-    conditions: {
-        alias: string;
-        match: string;
-    }[];
 })[];

package/dist-cms/packages/log-viewer/workspace/views/overview/components/log-viewer-saved-searches-overview.element.js

@@ -19,7 +19,7 @@ export let UmbLogViewerSavedSearchesOverviewElement = class UmbLogViewerSavedSea
 			<uui-menu-item
 				label="${searchListItem.name ?? ''}"
 				title="${searchListItem.name ?? ''}"
-				href=${`section/settings/workspace/logviewer/view/search/?lq=${encodeURIComponent(searchListItem.query ?? '')}`}>
+				href=${`section/settings/workspace/logviewer/search/?lq=${encodeURIComponent(searchListItem.query ?? '')}`}>
 				<uui-icon slot="icon" name="umb:search"></uui-icon>${searchListItem.name}
 			</uui-menu-item>
 		</li>`;

package/dist-cms/packages/media/manifests.d.ts

@@ -1,2 +1 @@
-import './media/components/index.js';
-export declare const manifests: (import("../core/index.js").ManifestSectionSidebarApp | import("../core/index.js").ManifestCollectionView | import("../core/index.js").ManifestDashboardCollection | import("../core/index.js").ManifestEntityAction | import("../core/index.js").ManifestEntityBulkAction | import("../core/index.js").ManifestItemStore | import("../core/index.js").ManifestMenu | import("../core/index.js").ManifestMenuItem | import("../core/index.js").ManifestRepository | import("../core/index.js").ManifestSection | import("../core/index.js").ManifestStore | import("../core/index.js").ManifestTree | import("../core/index.js").ManifestTreeItem | import("../core/index.js").ManifestTreeStore | import("../core/index.js").ManifestWorkspace | import("../core/index.js").ManifestWorkspaceAction | import("../core/index.js").ManifestWorkspaceEditorView | import("../core/index.js").ManifestWorkspaceViewCollection | import("../core/index.js").ManifestUserPermission)[];
+export declare const manifests: (import("../core/index.js").ManifestSectionSidebarApp | import("../core/index.js").ManifestCollectionView | import("../core/index.js").ManifestDashboardCollection | import("../core/index.js").ManifestEntityAction | import("../core/index.js").ManifestEntityBulkAction | import("../core/index.js").ManifestMenu | import("../core/index.js").ManifestMenuItem | import("../core/index.js").ManifestRepository | import("../core/index.js").ManifestSection | import("../core/index.js").ManifestStore | import("../core/index.js").ManifestTree | import("../core/index.js").ManifestTreeItem | import("../core/index.js").ManifestTreeStore | import("../core/index.js").ManifestWorkspace | import("../core/index.js").ManifestWorkspaceAction | import("../core/index.js").ManifestWorkspaceEditorView | import("../core/index.js").ManifestWorkspaceViewCollection)[];

package/dist-cms/packages/media/manifests.js

@@ -2,5 +2,4 @@ import { manifests as mediaSectionManifests } from './section.manifests.js';
 import { manifests as mediaMenuManifests } from './menu.manifests.js';
 import { manifests as mediaManifests } from './media/manifests.js';
 import { manifests as mediaTypesManifests } from './media-types/manifests.js';
-import './media/components/index.js';
 export const manifests = [...mediaSectionManifests, ...mediaMenuManifests, ...mediaManifests, ...mediaTypesManifests];

package/dist-cms/packages/media/media/components/index.d.ts

@@ -1,2 +1 @@
 import './input-media/input-media.element.js';
-export * from './input-media/input-media.element.js';

package/dist-cms/packages/media/media/components/index.js

@@ -1,2 +1 @@
 import './input-media/input-media.element.js';
-export * from './input-media/input-media.element.js';

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

@@ -1,15 +1,13 @@
 import { UmbLitElement } from '../../../../../shared/lit-element/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;
     /**
      * This is a minimum amount of selected items in this input.
      * @type {number}
      * @attr
-     * @default 0
+     * @default undefined
      */
-    get min(): number;
-    set min(value: number);
+    min?: number;
     /**
      * Min validation message.
      * @type {boolean}
@@ -21,10 +19,9 @@ export declare class UmbInputMediaElement extends UmbInputMediaElement_base {
      * This is a maximum amount of selected items in this input.
      * @type {number}
      * @attr
-     * @default Infinity
+     * @default undefined
      */
-    get max(): number;
-    set max(value: number);
+    max?: number;
     /**
      * Max validation message.
      * @type {boolean}
@@ -32,13 +29,24 @@ export declare class UmbInputMediaElement extends UmbInputMediaElement_base {
      * @default
      */
     maxMessage: string;
+    private _selectedIds;
     get selectedIds(): Array<string>;
     set selectedIds(ids: Array<string>);
     set value(idsString: string);
     private _items?;
+    private _modalContext?;
+    private _pickedItemsObserver?;
+    private _repository;
     constructor();
+    connectedCallback(): void;
     protected getFormElement(): undefined;
+    private _observePickedMedias;
+    private _openPicker;
+    private _removeItem;
+    private _setSelection;
     render(): import("lit-html").TemplateResult<1>;
+    private _renderButton;
+    private _renderItem;
     static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];
 }
 export default UmbInputMediaElement;