@umbraco-cms/backoffice 14.0.0--preview007-5b109fa3 → 14.0.0--preview007-cccfbc9c

package/dist-cms/packages/core/property-editor/schemas/Umbraco.ListView.js

@@ -12,27 +12,27 @@ export const manifest = {
                     description: 'Number of items per page.',
                     propertyEditorUiAlias: 'Umb.PropertyEditorUi.Number',
                 },
-                {
-                    alias: 'orderDirection',
-                    label: 'Order Direction',
-                    propertyEditorUiAlias: 'Umb.PropertyEditorUi.OrderDirection',
-                },
                 {
                     alias: 'includeProperties',
                     label: 'Columns Displayed',
-                    description: 'The properties that will be displayed for each column',
+                    description: 'The properties that will be displayed for each column.',
                     propertyEditorUiAlias: 'Umb.PropertyEditorUi.CollectionView.ColumnConfiguration',
                 },
                 {
                     alias: 'orderBy',
                     label: 'Order By',
-                    description: 'The properties that will be displayed for each column',
+                    description: 'The default sort order for the list.',
                     propertyEditorUiAlias: 'Umb.PropertyEditorUi.CollectionView.OrderBy',
                 },
+                {
+                    alias: 'orderDirection',
+                    label: 'Order Direction',
+                    propertyEditorUiAlias: 'Umb.PropertyEditorUi.OrderDirection',
+                },
                 {
                     alias: 'bulkActionPermissions',
                     label: 'Bulk Action Permissions',
-                    description: 'The properties that will be displayed for each column',
+                    description: 'The bulk actions that are allowed from the list view.',
                     propertyEditorUiAlias: 'Umb.PropertyEditorUi.CollectionView.BulkActionPermissions',
                 },
             ],

package/dist-cms/packages/core/property-editor/uis/collection-view/config/bulk-action-permissions/property-editor-ui-collection-view-bulk-action-permissions.element.d.ts

@@ -1,21 +1,15 @@
+import type { UmbCollectionBulkActionPermissions } from '../../../../../../core/collection/types.js';
 import type { UmbPropertyEditorUiElement } from '../../../../../extension-registry/index.js';
 import type { UmbPropertyEditorConfigCollection } from '../../../../index.js';
 import { UmbLitElement } from '../../../../../lit-element/index.js';
-interface BulkActionPermissions {
-    allowBulkCopy: boolean;
-    allowBulkDelete: boolean;
-    allowBulkMove: boolean;
-    allowBulkPublish: boolean;
-    allowBulkUnpublish: boolean;
-}
 /**
  * @element umb-property-editor-ui-collection-view-bulk-action-permissions
  */
 export declare class UmbPropertyEditorUICollectionViewBulkActionPermissionsElement extends UmbLitElement implements UmbPropertyEditorUiElement {
     #private;
     private _value;
-    set value(obj: BulkActionPermissions);
-    get value(): BulkActionPermissions;
+    set value(obj: UmbCollectionBulkActionPermissions);
+    get value(): UmbCollectionBulkActionPermissions;
     config?: UmbPropertyEditorConfigCollection;
     render(): import("lit-html").TemplateResult<1>;
     static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];

package/dist-cms/packages/core/property-editor/uis/collection-view/manifests.js

@@ -17,31 +17,31 @@ const manifest = {
                 {
                     alias: 'layouts',
                     label: 'Layouts',
-                    description: 'The properties that will be displayed for each column',
+                    description: 'The properties that will be displayed for each column.',
                     propertyEditorUiAlias: 'Umb.PropertyEditorUi.CollectionView.LayoutConfiguration',
                 },
                 {
                     alias: 'icon',
                     label: 'Content app icon',
-                    description: 'The icon of the listview content app',
+                    description: 'The icon of the listview content app.',
                     propertyEditorUiAlias: 'Umb.PropertyEditorUi.IconPicker',
                 },
                 {
                     alias: 'tabName',
                     label: 'Content app name',
-                    description: 'The name of the listview content app (default if empty: Child Items)',
+                    description: 'The name of the listview content app (default if empty: Child Items).',
                     propertyEditorUiAlias: 'Umb.PropertyEditorUi.TextBox',
                 },
                 {
                     alias: 'showContentFirst',
                     label: 'Show Content App First',
-                    description: 'Enable this to show the content app by default instead of the list view app',
+                    description: 'Enable this to show the content app by default instead of the list view app.',
                     propertyEditorUiAlias: 'Umb.PropertyEditorUi.Toggle',
                 },
                 {
                     alias: 'useInfiniteEditor',
                     label: 'Edit in Infinite Editor',
-                    description: 'Enable this to use infinite editing to edit the content of the list view',
+                    description: 'Enable this to use infinite editing to edit the content of the list view.',
                     propertyEditorUiAlias: 'Umb.PropertyEditorUi.Toggle',
                 },
             ],

package/dist-cms/packages/core/property-editor/uis/collection-view/property-editor-ui-collection-view.element.d.ts

@@ -5,10 +5,11 @@ import { UmbLitElement } from '../../../lit-element/index.js';
  * @element umb-property-editor-ui-collection-view
  */
 export declare class UmbPropertyEditorUICollectionViewElement extends UmbLitElement implements UmbPropertyEditorUiElement {
-    value: string;
-    config?: UmbPropertyEditorConfigCollection;
+    #private;
+    value?: string;
+    private _config?;
+    set config(config: UmbPropertyEditorConfigCollection | undefined);
     render(): import("lit-html").TemplateResult<1>;
-    static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];
 }
 export default UmbPropertyEditorUICollectionViewElement;
 declare global {

package/dist-cms/packages/core/property-editor/uis/collection-view/property-editor-ui-collection-view.element.js

@@ -4,8 +4,13 @@ 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 { html, customElement, property } from '../../../../../external/lit/index.js';
-import { UmbTextStyles } from '../../../../../shared/style/index.js';
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    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 _UmbPropertyEditorUICollectionViewElement_instances, _UmbPropertyEditorUICollectionViewElement_mapDataTypeConfigToCollectionConfig;
+import { html, customElement, property, state } from '../../../../../external/lit/index.js';
 import { UmbLitElement } from '../../../lit-element/index.js';
 /**
  * @element umb-property-editor-ui-collection-view
@@ -13,19 +18,34 @@ import { UmbLitElement } from '../../../lit-element/index.js';
 let UmbPropertyEditorUICollectionViewElement = class UmbPropertyEditorUICollectionViewElement extends UmbLitElement {
     constructor() {
         super(...arguments);
-        this.value = '';
+        _UmbPropertyEditorUICollectionViewElement_instances.add(this);
+    }
+    set config(config) {
+        this._config = __classPrivateFieldGet(this, _UmbPropertyEditorUICollectionViewElement_instances, "m", _UmbPropertyEditorUICollectionViewElement_mapDataTypeConfigToCollectionConfig).call(this, config);
     }
     render() {
-        return html `<div>umb-property-editor-ui-collection-view</div>`;
+        return html `<umb-collection alias="Umb.Collection.Document" .config=${this._config}></umb-collection>`;
     }
 };
-UmbPropertyEditorUICollectionViewElement.styles = [UmbTextStyles];
+_UmbPropertyEditorUICollectionViewElement_instances = new WeakSet();
+_UmbPropertyEditorUICollectionViewElement_mapDataTypeConfigToCollectionConfig = function _UmbPropertyEditorUICollectionViewElement_mapDataTypeConfigToCollectionConfig(config) {
+    return {
+        allowedEntityBulkActions: config?.getValueByAlias('bulkActionPermissions'),
+        orderBy: config?.getValueByAlias('orderBy') ?? 'updateDate',
+        orderDirection: config?.getValueByAlias('orderDirection') ?? 'asc',
+        pageSize: Number(config?.getValueByAlias('pageSize')) ?? 50,
+        useInfiniteEditor: config?.getValueByAlias('useInfiniteEditor') ?? false,
+    };
+};
 __decorate([
     property()
 ], UmbPropertyEditorUICollectionViewElement.prototype, "value", void 0);
 __decorate([
-    property({ type: Object, attribute: false })
-], UmbPropertyEditorUICollectionViewElement.prototype, "config", void 0);
+    state()
+], UmbPropertyEditorUICollectionViewElement.prototype, "_config", void 0);
+__decorate([
+    property({ attribute: false })
+], UmbPropertyEditorUICollectionViewElement.prototype, "config", null);
 UmbPropertyEditorUICollectionViewElement = __decorate([
     customElement('umb-property-editor-ui-collection-view')
 ], UmbPropertyEditorUICollectionViewElement);

package/dist-cms/packages/documents/documents/collection/action/create-document-collection-action.element.d.ts

@@ -0,0 +1,19 @@
+import { UmbLitElement } from '../../../../core/lit-element/index.js';
+import type { ManifestCollectionAction } from '../../../../core/extension-registry/index.js';
+export declare class UmbCreateDocumentCollectionActionElement extends UmbLitElement {
+    #private;
+    private _allowedDocumentTypes;
+    private _documentUnique?;
+    private _documentTypeUnique?;
+    private _popoverOpen;
+    manifest?: ManifestCollectionAction;
+    constructor();
+    firstUpdated(): Promise<void>;
+    render(): import("lit-html").TemplateResult<1> | undefined;
+}
+export default UmbCreateDocumentCollectionActionElement;
+declare global {
+    interface HTMLElementTagNameMap {
+        'umb-create-document-collection-action': UmbCreateDocumentCollectionActionElement;
+    }
+}

package/dist-cms/packages/documents/documents/collection/action/create-document-collection-action.element.js

@@ -0,0 +1,120 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    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;
+};
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    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 _UmbCreateDocumentCollectionActionElement_instances, _UmbCreateDocumentCollectionActionElement_documentTypeStructureRepository, _UmbCreateDocumentCollectionActionElement_retrieveAllowedDocumentTypesOf, _UmbCreateDocumentCollectionActionElement_onPopoverToggle, _UmbCreateDocumentCollectionActionElement_onClick, _UmbCreateDocumentCollectionActionElement_getCreateUrl, _UmbCreateDocumentCollectionActionElement_renderCreateButton, _UmbCreateDocumentCollectionActionElement_renderDropdown;
+import { html, customElement, property, state, map } from '../../../../../external/lit/index.js';
+import { UmbDocumentTypeStructureRepository } from '../../../document-types/index.js';
+import { UmbLitElement } from '../../../../core/lit-element/index.js';
+import { UMB_DOCUMENT_WORKSPACE_CONTEXT } from '../../index.js';
+let UmbCreateDocumentCollectionActionElement = class UmbCreateDocumentCollectionActionElement extends UmbLitElement {
+    constructor() {
+        super();
+        _UmbCreateDocumentCollectionActionElement_instances.add(this);
+        this._allowedDocumentTypes = [];
+        this._popoverOpen = false;
+        _UmbCreateDocumentCollectionActionElement_documentTypeStructureRepository.set(this, new UmbDocumentTypeStructureRepository(this));
+        this.consumeContext(UMB_DOCUMENT_WORKSPACE_CONTEXT, (workspaceContext) => {
+            this.observe(workspaceContext.unique, (unique) => {
+                this._documentUnique = unique;
+            });
+            this.observe(workspaceContext.contentTypeUnique, (documentTypeUnique) => {
+                this._documentTypeUnique = documentTypeUnique;
+            });
+        });
+    }
+    async firstUpdated() {
+        if (this._documentTypeUnique) {
+            __classPrivateFieldGet(this, _UmbCreateDocumentCollectionActionElement_instances, "m", _UmbCreateDocumentCollectionActionElement_retrieveAllowedDocumentTypesOf).call(this, this._documentTypeUnique);
+        }
+    }
+    render() {
+        return this._allowedDocumentTypes.length !== 1 ? __classPrivateFieldGet(this, _UmbCreateDocumentCollectionActionElement_instances, "m", _UmbCreateDocumentCollectionActionElement_renderDropdown).call(this) : __classPrivateFieldGet(this, _UmbCreateDocumentCollectionActionElement_instances, "m", _UmbCreateDocumentCollectionActionElement_renderCreateButton).call(this);
+    }
+};
+_UmbCreateDocumentCollectionActionElement_documentTypeStructureRepository = new WeakMap();
+_UmbCreateDocumentCollectionActionElement_instances = new WeakSet();
+_UmbCreateDocumentCollectionActionElement_retrieveAllowedDocumentTypesOf = async function _UmbCreateDocumentCollectionActionElement_retrieveAllowedDocumentTypesOf(unique) {
+    const { data } = await __classPrivateFieldGet(this, _UmbCreateDocumentCollectionActionElement_documentTypeStructureRepository, "f").requestAllowedChildrenOf(unique);
+    if (data && data.items) {
+        this._allowedDocumentTypes = data.items;
+    }
+};
+_UmbCreateDocumentCollectionActionElement_onPopoverToggle = function _UmbCreateDocumentCollectionActionElement_onPopoverToggle(event) {
+    this._popoverOpen = event.newState === 'open';
+};
+_UmbCreateDocumentCollectionActionElement_onClick = function _UmbCreateDocumentCollectionActionElement_onClick(item, e) {
+    e.preventDefault();
+    // TODO: Do anything else here? [LK]
+};
+_UmbCreateDocumentCollectionActionElement_getCreateUrl = function _UmbCreateDocumentCollectionActionElement_getCreateUrl(item) {
+    // TODO: Review how the "Create" URL is generated. [LK]
+    return `section/content/workspace/document/create/${this._documentUnique ?? 'null'}/${item.unique}`;
+};
+_UmbCreateDocumentCollectionActionElement_renderCreateButton = function _UmbCreateDocumentCollectionActionElement_renderCreateButton() {
+    if (this._allowedDocumentTypes.length !== 1)
+        return;
+    const item = this._allowedDocumentTypes[0];
+    const label = (this.manifest?.meta.label ?? this.localize.term('general_create')) + ' ' + item.name;
+    return html `<uui-button
+			@click=${(e) => __classPrivateFieldGet(this, _UmbCreateDocumentCollectionActionElement_instances, "m", _UmbCreateDocumentCollectionActionElement_onClick).call(this, item, e)}
+			color="default"
+			href=${__classPrivateFieldGet(this, _UmbCreateDocumentCollectionActionElement_instances, "m", _UmbCreateDocumentCollectionActionElement_getCreateUrl).call(this, item)}
+			label=${label}
+			look="outline"></uui-button>`;
+};
+_UmbCreateDocumentCollectionActionElement_renderDropdown = function _UmbCreateDocumentCollectionActionElement_renderDropdown() {
+    if (!this._allowedDocumentTypes.length)
+        return;
+    const label = this.manifest?.meta.label ?? this.localize.term('general_create');
+    return html `
+			<uui-button popovertarget="collection-action-menu-popover" label=${label}>
+				${label}
+				<uui-symbol-expand .open=${this._popoverOpen}></uui-symbol-expand>
+			</uui-button>
+			<uui-popover-container
+				id="collection-action-menu-popover"
+				placement="bottom-start"
+				@toggle=${__classPrivateFieldGet(this, _UmbCreateDocumentCollectionActionElement_instances, "m", _UmbCreateDocumentCollectionActionElement_onPopoverToggle)}>
+				<umb-popover-layout>
+					<uui-scroll-container>
+						${map(this._allowedDocumentTypes, (item) => html `
+								<uui-menu-item
+									@click=${(e) => __classPrivateFieldGet(this, _UmbCreateDocumentCollectionActionElement_instances, "m", _UmbCreateDocumentCollectionActionElement_onClick).call(this, item, e)}
+									label=${item.name}
+									href=${__classPrivateFieldGet(this, _UmbCreateDocumentCollectionActionElement_instances, "m", _UmbCreateDocumentCollectionActionElement_getCreateUrl).call(this, item)}>
+									<uui-icon slot="icon" name=${item.icon ?? 'icon-document'}></uui-icon>
+								</uui-menu-item>
+							`)}
+					</uui-scroll-container>
+				</umb-popover-layout>
+			</uui-popover-container>
+		`;
+};
+__decorate([
+    state()
+], UmbCreateDocumentCollectionActionElement.prototype, "_allowedDocumentTypes", void 0);
+__decorate([
+    state()
+], UmbCreateDocumentCollectionActionElement.prototype, "_documentUnique", void 0);
+__decorate([
+    state()
+], UmbCreateDocumentCollectionActionElement.prototype, "_documentTypeUnique", void 0);
+__decorate([
+    state()
+], UmbCreateDocumentCollectionActionElement.prototype, "_popoverOpen", void 0);
+__decorate([
+    property({ attribute: false })
+], UmbCreateDocumentCollectionActionElement.prototype, "manifest", void 0);
+UmbCreateDocumentCollectionActionElement = __decorate([
+    customElement('umb-create-document-collection-action')
+], UmbCreateDocumentCollectionActionElement);
+export { UmbCreateDocumentCollectionActionElement };
+export default UmbCreateDocumentCollectionActionElement;

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

@@ -0,0 +1,3 @@
+import type { ManifestCollectionAction } from '../../../../core/extension-registry/index.js';
+export declare const createManifest: ManifestCollectionAction;
+export declare const manifests: ManifestCollectionAction[];

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

@@ -0,0 +1,19 @@
+import { UMB_COLLECTION_ALIAS_CONDITION } from '../../../../core/collection/index.js';
+export const createManifest = {
+    type: 'collectionAction',
+    kind: 'button',
+    name: 'Create Document Collection Action',
+    alias: 'Umb.CollectionAction.Document.Create',
+    element: () => import('./create-document-collection-action.element.js'),
+    weight: 100,
+    meta: {
+        label: 'Create',
+    },
+    conditions: [
+        {
+            alias: UMB_COLLECTION_ALIAS_CONDITION,
+            match: 'Umb.Collection.Document',
+        },
+    ],
+};
+export const manifests = [createManifest];

package/dist-cms/packages/documents/documents/collection/document-collection-toolbar.element.d.ts

@@ -0,0 +1,13 @@
+import { UmbLitElement } from '../../../core/lit-element/index.js';
+export declare class UmbDocumentCollectionToolbarElement extends UmbLitElement {
+    #private;
+    constructor();
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];
+}
+export default UmbDocumentCollectionToolbarElement;
+declare global {
+    interface HTMLElementTagNameMap {
+        'umb-document-collection-toolbar': UmbDocumentCollectionToolbarElement;
+    }
+}

package/dist-cms/packages/documents/documents/collection/document-collection-toolbar.element.js

@@ -0,0 +1,77 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    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;
+};
+var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m") throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    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 _UmbDocumentCollectionToolbarElement_instances, _UmbDocumentCollectionToolbarElement_collectionContext, _UmbDocumentCollectionToolbarElement_inputTimer, _UmbDocumentCollectionToolbarElement_inputTimerAmount, _UmbDocumentCollectionToolbarElement_updateSearch, _UmbDocumentCollectionToolbarElement_renderSearch;
+import { css, html, customElement } from '../../../../external/lit/index.js';
+import { UmbLitElement } from '../../../core/lit-element/index.js';
+import { UMB_DEFAULT_COLLECTION_CONTEXT } from '../../../core/collection/index.js';
+let UmbDocumentCollectionToolbarElement = class UmbDocumentCollectionToolbarElement extends UmbLitElement {
+    constructor() {
+        super();
+        _UmbDocumentCollectionToolbarElement_instances.add(this);
+        _UmbDocumentCollectionToolbarElement_collectionContext.set(this, void 0);
+        _UmbDocumentCollectionToolbarElement_inputTimer.set(this, void 0);
+        _UmbDocumentCollectionToolbarElement_inputTimerAmount.set(this, 500);
+        this.consumeContext(UMB_DEFAULT_COLLECTION_CONTEXT, (instance) => {
+            __classPrivateFieldSet(this, _UmbDocumentCollectionToolbarElement_collectionContext, instance, "f");
+        });
+    }
+    render() {
+        return html `
+			<umb-collection-action-bundle></umb-collection-action-bundle>
+			${__classPrivateFieldGet(this, _UmbDocumentCollectionToolbarElement_instances, "m", _UmbDocumentCollectionToolbarElement_renderSearch).call(this)}
+			<umb-collection-view-bundle></umb-collection-view-bundle>
+		`;
+    }
+};
+_UmbDocumentCollectionToolbarElement_collectionContext = new WeakMap();
+_UmbDocumentCollectionToolbarElement_inputTimer = new WeakMap();
+_UmbDocumentCollectionToolbarElement_inputTimerAmount = new WeakMap();
+_UmbDocumentCollectionToolbarElement_instances = new WeakSet();
+_UmbDocumentCollectionToolbarElement_updateSearch = function _UmbDocumentCollectionToolbarElement_updateSearch(event) {
+    const target = event.target;
+    const filter = target.value || '';
+    clearTimeout(__classPrivateFieldGet(this, _UmbDocumentCollectionToolbarElement_inputTimer, "f"));
+    __classPrivateFieldSet(this, _UmbDocumentCollectionToolbarElement_inputTimer, setTimeout(() => __classPrivateFieldGet(this, _UmbDocumentCollectionToolbarElement_collectionContext, "f")?.setFilter({ filter }), __classPrivateFieldGet(this, _UmbDocumentCollectionToolbarElement_inputTimerAmount, "f")), "f");
+};
+_UmbDocumentCollectionToolbarElement_renderSearch = function _UmbDocumentCollectionToolbarElement_renderSearch() {
+    return html `
+			<uui-input @input=${__classPrivateFieldGet(this, _UmbDocumentCollectionToolbarElement_instances, "m", _UmbDocumentCollectionToolbarElement_updateSearch)} label="Search" placeholder="Search..." id="input-search"></uui-input>
+		`;
+};
+UmbDocumentCollectionToolbarElement.styles = [
+    css `
+			:host {
+				height: 100%;
+				width: 100%;
+				display: flex;
+				justify-content: space-between;
+				white-space: nowrap;
+				gap: var(--uui-size-space-5);
+				align-items: center;
+			}
+
+			#input-search {
+				width: 100%;
+			}
+		`,
+];
+UmbDocumentCollectionToolbarElement = __decorate([
+    customElement('umb-document-collection-toolbar')
+], UmbDocumentCollectionToolbarElement);
+export { UmbDocumentCollectionToolbarElement };
+export default UmbDocumentCollectionToolbarElement;

package/dist-cms/packages/documents/documents/collection/document-collection.context.d.ts

@@ -0,0 +1,7 @@
+import type { UmbDocumentDetailModel } from '../types.js';
+import type { UmbDocumentCollectionFilterModel } from './types.js';
+import { UmbDefaultCollectionContext } from '../../../core/collection/index.js';
+import type { UmbControllerHost } from '../../../../libs/controller-api/index.js';
+export declare class UmbDocumentCollectionContext extends UmbDefaultCollectionContext<UmbDocumentDetailModel, UmbDocumentCollectionFilterModel> {
+    constructor(host: UmbControllerHost);
+}

package/dist-cms/packages/documents/documents/collection/document-collection.context.js

@@ -0,0 +1,8 @@
+import { UMB_DOCUMENT_TABLE_COLLECTION_VIEW_ALIAS } from './views/index.js';
+import { UmbDefaultCollectionContext } from '../../../core/collection/index.js';
+export class UmbDocumentCollectionContext extends UmbDefaultCollectionContext {
+    constructor(host) {
+        super(host, UMB_DOCUMENT_TABLE_COLLECTION_VIEW_ALIAS);
+        this.selection.setSelectable(true);
+    }
+}

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

@@ -0,0 +1,11 @@
+import { UmbCollectionDefaultElement } from '../../../core/collection/index.js';
+import './document-collection-toolbar.element.js';
+export declare class UmbDocumentCollectionElement extends UmbCollectionDefaultElement {
+    protected renderToolbar(): import("lit-html").TemplateResult<1>;
+}
+export default UmbDocumentCollectionElement;
+declare global {
+    interface HTMLElementTagNameMap {
+        'umb-document-collection': UmbDocumentCollectionElement;
+    }
+}

package/dist-cms/packages/documents/documents/collection/document-collection.element.js

@@ -0,0 +1,19 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    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 { html, customElement } from '../../../../external/lit/index.js';
+import { UmbCollectionDefaultElement } from '../../../core/collection/index.js';
+import './document-collection-toolbar.element.js';
+let UmbDocumentCollectionElement = class UmbDocumentCollectionElement extends UmbCollectionDefaultElement {
+    renderToolbar() {
+        return html `<umb-document-collection-toolbar slot="header"></umb-document-collection-toolbar>`;
+    }
+};
+UmbDocumentCollectionElement = __decorate([
+    customElement('umb-document-collection')
+], UmbDocumentCollectionElement);
+export { UmbDocumentCollectionElement };
+export default UmbDocumentCollectionElement;

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

@@ -1 +1 @@
-export { UMB_DOCUMENT_COLLECTION_ALIAS } from './manifests.js';
+export declare const UMB_DOCUMENT_COLLECTION_ALIAS = "Umb.Collection.Document";

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

@@ -1 +1 @@
-export { UMB_DOCUMENT_COLLECTION_ALIAS } from './manifests.js';
+export const UMB_DOCUMENT_COLLECTION_ALIAS = 'Umb.Collection.Document';

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

@@ -1,3 +1 @@
-import type { ManifestTypes } from '../../../core/extension-registry/index.js';
-export declare const UMB_DOCUMENT_COLLECTION_ALIAS = "document";
-export declare const manifests: Array<ManifestTypes>;
+export declare const manifests: (import("../../../core/extension-registry/index.js").ManifestCollection | import("../../../core/extension-registry/index.js").ManifestCollectionView | import("../../../core/extension-registry/index.js").ManifestCollectionAction | import("../../../core/extension-registry/index.js").ManifestRepository<import("../../../../libs/extension-api/index.js").UmbApi>)[];

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

@@ -1,29 +1,22 @@
-import { UMB_COLLECTION_ALIAS_CONDITION } from '../../../core/collection/index.js';
-export const UMB_DOCUMENT_COLLECTION_ALIAS = 'document';
-export const manifests = [
-    // TODO: temp registration, missing collection repository
-    {
-        type: 'collection',
-        kind: 'default',
-        alias: 'Umb.Collection.Document',
-        name: 'Document Collection',
-    },
-    {
-        type: 'collectionView',
-        alias: 'Umb.CollectionView.Document.Table',
-        name: 'Document Table Collection View',
-        js: () => import('./views/table/document-table-collection-view.element.js'),
-        weight: 200,
-        meta: {
-            label: 'Table',
-            icon: 'icon-box',
-            pathName: 'table',
-        },
-        conditions: [
-            {
-                alias: UMB_COLLECTION_ALIAS_CONDITION,
-                match: UMB_DOCUMENT_COLLECTION_ALIAS,
-            },
-        ],
+import { UMB_DOCUMENT_COLLECTION_REPOSITORY_ALIAS } from './repository/index.js';
+import { manifests as collectionActionManifests } from './action/manifests.js';
+import { manifests as collectionRepositoryManifests } from './repository/manifests.js';
+import { manifests as collectionViewManifests } from './views/manifests.js';
+import { UmbDocumentCollectionContext } from './document-collection.context.js';
+import { UMB_DOCUMENT_COLLECTION_ALIAS } from './index.js';
+const collectionManifest = {
+    type: 'collection',
+    alias: UMB_DOCUMENT_COLLECTION_ALIAS,
+    name: 'Document Collection',
+    api: UmbDocumentCollectionContext,
+    element: () => import('./document-collection.element.js'),
+    meta: {
+        repositoryAlias: UMB_DOCUMENT_COLLECTION_REPOSITORY_ALIAS,
     },
+};
+export const manifests = [
+    collectionManifest,
+    ...collectionActionManifests,
+    ...collectionRepositoryManifests,
+    ...collectionViewManifests,
 ];

package/dist-cms/packages/documents/documents/collection/repository/document-collection.repository.d.ts

@@ -0,0 +1,19 @@
+import type { UmbDocumentCollectionFilterModel } from '../types.js';
+import type { UmbCollectionRepository } from '../../../../core/repository/index.js';
+import type { UmbControllerHost } from '../../../../../libs/controller-api/index.js';
+export declare class UmbDocumentCollectionRepository implements UmbCollectionRepository {
+    #private;
+    constructor(host: UmbControllerHost);
+    requestCollection(filter: UmbDocumentCollectionFilterModel): Promise<{
+        data: {
+            items: import("../../tree/types.js").UmbDocumentTreeItemModel[];
+            total: number;
+        };
+        error?: undefined;
+    } | {
+        error: import("../../../../../external/backend-api/index.js").ApiError | import("../../../../../external/backend-api/index.js").CancelError | undefined;
+        data?: undefined;
+    }>;
+    destroy(): void;
+}
+export default UmbDocumentCollectionRepository;

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

@@ -0,0 +1,25 @@
+var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m") throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    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 _UmbDocumentCollectionRepository_collectionSource;
+import { UmbDocumentCollectionServerDataSource } from './document-collection.server.data-source.js';
+export class UmbDocumentCollectionRepository {
+    constructor(host) {
+        _UmbDocumentCollectionRepository_collectionSource.set(this, void 0);
+        __classPrivateFieldSet(this, _UmbDocumentCollectionRepository_collectionSource, new UmbDocumentCollectionServerDataSource(host), "f");
+    }
+    async requestCollection(filter) {
+        return __classPrivateFieldGet(this, _UmbDocumentCollectionRepository_collectionSource, "f").getCollection(filter);
+    }
+    destroy() { }
+}
+_UmbDocumentCollectionRepository_collectionSource = new WeakMap();
+export default UmbDocumentCollectionRepository;

package/dist-cms/packages/documents/documents/collection/repository/document-collection.server.data-source.d.ts

@@ -0,0 +1,18 @@
+import type { UmbDocumentCollectionFilterModel } from '../types.js';
+import type { UmbDocumentTreeItemModel } from '../../tree/types.js';
+import type { UmbCollectionDataSource } from '../../../../core/repository/index.js';
+import type { UmbControllerHost } from '../../../../../libs/controller-api/index.js';
+export declare class UmbDocumentCollectionServerDataSource implements UmbCollectionDataSource<UmbDocumentTreeItemModel> {
+    #private;
+    constructor(host: UmbControllerHost);
+    getCollection(filter: UmbDocumentCollectionFilterModel): Promise<{
+        data: {
+            items: UmbDocumentTreeItemModel[];
+            total: number;
+        };
+        error?: undefined;
+    } | {
+        error: import("../../../../../external/backend-api/index.js").ApiError | import("../../../../../external/backend-api/index.js").CancelError | undefined;
+        data?: undefined;
+    }>;
+}