@umbraco-cms/backoffice 17.7.1 → 17.8.0-rc

package/dist-cms/packages/documents/document-types/paths.d.ts

@@ -6,6 +6,7 @@ export type UmbCreateDocumentTypeWorkspacePresetTemplateType = typeof UMB_CREATE
 export type UmbCreateDocumentTypeWorkspacePresetElementType = typeof UMB_CREATE_DOCUMENT_TYPE_WORKSPACE_PRESET_ELEMENT;
 export type UmbCreateDocumentTypeWorkspacePresetType = UmbCreateDocumentTypeWorkspacePresetTemplateType | UmbCreateDocumentTypeWorkspacePresetElementType;
 export declare const UMB_DOCUMENT_TYPE_WORKSPACE_PATH: string;
+export declare const UMB_DOCUMENT_TYPE_ROOT_WORKSPACE_PATH: string;
 export declare const UMB_CREATE_DOCUMENT_TYPE_WORKSPACE_PATH_PATTERN: UmbPathPattern<{
     parentEntityType: UmbDocumentTypeEntityTypeUnion;
     parentUnique?: string | null;

package/dist-cms/packages/documents/document-types/paths.js

@@ -1,4 +1,4 @@
-import { UMB_DOCUMENT_TYPE_ENTITY_TYPE } from './entity.js';
+import { UMB_DOCUMENT_TYPE_ENTITY_TYPE, UMB_DOCUMENT_TYPE_ROOT_ENTITY_TYPE, } from './entity.js';
 import { UMB_SETTINGS_SECTION_PATHNAME } from '../../settings/index.js';
 import { UmbPathPattern } from '../../core/router/index.js';
 import { UMB_WORKSPACE_PATH_PATTERN } from '../../core/workspace/index.js';
@@ -8,5 +8,9 @@ export const UMB_DOCUMENT_TYPE_WORKSPACE_PATH = UMB_WORKSPACE_PATH_PATTERN.gener
     sectionName: UMB_SETTINGS_SECTION_PATHNAME,
     entityType: UMB_DOCUMENT_TYPE_ENTITY_TYPE,
 });
+export const UMB_DOCUMENT_TYPE_ROOT_WORKSPACE_PATH = UMB_WORKSPACE_PATH_PATTERN.generateAbsolute({
+    sectionName: UMB_SETTINGS_SECTION_PATHNAME,
+    entityType: UMB_DOCUMENT_TYPE_ROOT_ENTITY_TYPE,
+});
 export const UMB_CREATE_DOCUMENT_TYPE_WORKSPACE_PATH_PATTERN = new UmbPathPattern('create/parent/:parentEntityType/:parentUnique/:presetAlias', UMB_DOCUMENT_TYPE_WORKSPACE_PATH);
 export const UMB_EDIT_DOCUMENT_TYPE_WORKSPACE_PATH_PATTERN = new UmbPathPattern('edit/:unique', UMB_DOCUMENT_TYPE_WORKSPACE_PATH);

package/dist-cms/packages/documents/document-types/property-editors/document-type-picker/manifests.js

@@ -4,6 +4,7 @@ export const manifest = {
     name: 'Document Type Picker Property Editor UI',
     element: () => import('./property-editor-ui-document-type-picker.element.js'),
     meta: {
+        supportsVariantChange: true,
         label: 'Document Type Picker',
         icon: 'icon-document-dashed-line',
         group: '#propertyEditorUIGroups_advanced',

package/dist-cms/packages/documents/document-types/property-type/document-type-property-type-item-ref.element.js

@@ -9,7 +9,7 @@ import { UMB_EDIT_DOCUMENT_TYPE_WORKSPACE_PATH_PATTERN } from '../paths.js';
 import { customElement, html, ifDefined, nothing, property, state } from '../../../../external/lit/index.js';
 import { UmbLitElement } from '../../../core/lit-element/index.js';
 import { UmbModalRouteRegistrationController } from '../../../core/router/index.js';
-import { UMB_WORKSPACE_MODAL } from '../../../core/workspace/index.js';
+import { UMB_WORKSPACE_MODAL, umbGenerateWorkspaceLink } from '../../../core/workspace/index.js';
 let UmbDocumentTypePropertyTypeItemRefElement = class UmbDocumentTypePropertyTypeItemRefElement extends UmbLitElement {
     constructor() {
         super();
@@ -25,11 +25,14 @@ let UmbDocumentTypePropertyTypeItemRefElement = class UmbDocumentTypePropertyTyp
             this._editPath = routeBuilder({});
         });
     }
-    #getHref() {
+    #getLink() {
         if (!this.item?.unique)
             return;
-        const path = UMB_EDIT_DOCUMENT_TYPE_WORKSPACE_PATH_PATTERN.generateLocal({ unique: this.item.documentType.unique });
-        return `${this._editPath}/${path}`;
+        return umbGenerateWorkspaceLink({
+            pattern: UMB_EDIT_DOCUMENT_TYPE_WORKSPACE_PATH_PATTERN,
+            params: { unique: this.item.documentType.unique },
+            routePath: this._editPath,
+        });
     }
     #getName() {
         const documentTypeName = this.item?.documentType.name ?? 'Unknown';
@@ -42,11 +45,13 @@ let UmbDocumentTypePropertyTypeItemRefElement = class UmbDocumentTypePropertyTyp
     render() {
         if (!this.item)
             return nothing;
+        const link = this.#getLink();
         return html `
 			<uui-ref-node
 				name=${this.#getName()}
 				detail=${this.#getDetail()}
-				href=${ifDefined(this.#getHref())}
+				href=${ifDefined(link?.href)}
+				target=${ifDefined(link?.target)}
 				?readonly=${this.readonly}
 				?standalone=${this.standalone}>
 				<slot name="actions" slot="actions"></slot>

package/dist-cms/packages/documents/document-types/repository/detail/server-data-source/document-type-detail.server.request-manager.d.ts

@@ -1,7 +1,7 @@
 import type { UmbControllerHost } from '../../../../../../libs/controller-api/index.js';
 import { type CreateDocumentTypeRequestModel, type DocumentTypeResponseModel, type UpdateDocumentTypeRequestModel } from '../../../../../core/backend-api/index.js';
 import { UmbManagementApiDetailDataRequestManager } from '../../../../../management-api/index.js';
-export declare class UmbManagementApiDocumentTypeDetailDataRequestManager extends UmbManagementApiDetailDataRequestManager<DocumentTypeResponseModel, UpdateDocumentTypeRequestModel, CreateDocumentTypeRequestModel> {
+export declare class UmbManagementApiDocumentTypeDetailDataRequestManager extends UmbManagementApiDetailDataRequestManager<DocumentTypeResponseModel, CreateDocumentTypeRequestModel, UpdateDocumentTypeRequestModel> {
     #private;
     constructor(host: UmbControllerHost);
 }

package/dist-cms/packages/documents/document-types/repository/structure/document-type-structure.server.data-source.js

@@ -28,17 +28,19 @@ export class UmbDocumentTypeStructureServerDataSource extends UmbContentTypeStru
         return { data: mappedData };
     }
 }
-const getAllowedChildrenOf = (unique, parentContentUnique) => {
+const getAllowedChildrenOf = (unique, parentContentUnique, paging) => {
     if (unique) {
         // eslint-disable-next-line local-rules/no-direct-api-import
         return DocumentTypeService.getDocumentTypeByIdAllowedChildren({
             path: { id: unique },
-            query: { parentContentKey: parentContentUnique ?? undefined },
+            query: { parentContentKey: parentContentUnique ?? undefined, skip: paging?.skip, take: paging?.take },
         });
     }
     else {
         // eslint-disable-next-line local-rules/no-direct-api-import
-        return DocumentTypeService.getDocumentTypeAllowedAtRoot({});
+        return DocumentTypeService.getDocumentTypeAllowedAtRoot({
+            query: { skip: paging?.skip, take: paging?.take },
+        });
     }
 };
 const mapper = (item) => {

package/dist-cms/packages/documents/document-types/tree/folder/manifests.js

@@ -2,6 +2,9 @@ import { manifests as repositoryManifests } from './repository/manifests.js';
 import { manifests as workspaceManifests } from './workspace/manifests.js';
 import { UMB_DOCUMENT_TYPE_FOLDER_REPOSITORY_ALIAS } from './repository/constants.js';
 import { UMB_DOCUMENT_TYPE_FOLDER_ENTITY_TYPE } from './entity.js';
+import { UMB_DOCUMENT_TYPE_FOLDER_WORKSPACE_ALIAS } from './workspace/constants.js';
+import { UMB_DOCUMENT_TYPE_MENU_ITEM_ALIAS } from '../../menu/constants.js';
+import { UMB_WORKSPACE_CONDITION_ALIAS } from '../../../../core/workspace/index.js';
 export const manifests = [
     {
         type: 'entityAction',
@@ -23,6 +26,34 @@ export const manifests = [
             folderRepositoryAlias: UMB_DOCUMENT_TYPE_FOLDER_REPOSITORY_ALIAS,
         },
     },
+    {
+        type: 'workspaceContext',
+        kind: 'menuStructure',
+        name: 'Document Type Folder Menu Structure Workspace Context',
+        alias: 'Umb.Context.DocumentTypeFolder.Menu.Structure',
+        api: () => import('../../menu/document-type-menu-structure.context.js'),
+        meta: {
+            menuItemAlias: UMB_DOCUMENT_TYPE_MENU_ITEM_ALIAS,
+        },
+        conditions: [
+            {
+                alias: UMB_WORKSPACE_CONDITION_ALIAS,
+                match: UMB_DOCUMENT_TYPE_FOLDER_WORKSPACE_ALIAS,
+            },
+        ],
+    },
+    {
+        type: 'workspaceFooterApp',
+        kind: 'menuBreadcrumb',
+        alias: 'Umb.WorkspaceFooterApp.DocumentTypeFolder.Breadcrumb',
+        name: 'Document Type Folder Breadcrumb Workspace Footer App',
+        conditions: [
+            {
+                alias: UMB_WORKSPACE_CONDITION_ALIAS,
+                match: UMB_DOCUMENT_TYPE_FOLDER_WORKSPACE_ALIAS,
+            },
+        ],
+    },
     ...repositoryManifests,
     ...workspaceManifests,
 ];

package/dist-cms/packages/documents/document-types/tree/folder/workspace/document-type-folder-workspace.context.d.ts

@@ -1,8 +1,10 @@
 import { type UmbDocumentTypeFolderRepository } from '../repository/index.js';
 import type { UmbControllerHost } from '../../../../../../libs/controller-api/index.js';
 import { UmbEntityNamedDetailWorkspaceContextBase, type UmbRoutableWorkspaceContext, type UmbSubmittableWorkspaceContext } from '../../../../../core/workspace/index.js';
+import type { UmbEntityModel } from '../../../../../core/entity/index.js';
 import type { UmbFolderModel } from '../../../../../core/tree/index.js';
 export declare class UmbDocumentTypeFolderWorkspaceContext extends UmbEntityNamedDetailWorkspaceContextBase<UmbFolderModel, UmbDocumentTypeFolderRepository> implements UmbSubmittableWorkspaceContext, UmbRoutableWorkspaceContext {
     constructor(host: UmbControllerHost);
+    protected _getNavigationParentItemPath(entity: UmbEntityModel | undefined): string | undefined;
 }
 export { UmbDocumentTypeFolderWorkspaceContext as api };

package/dist-cms/packages/documents/document-types/tree/folder/workspace/document-type-folder-workspace.context.js

@@ -1,7 +1,9 @@
 import { UMB_DOCUMENT_TYPE_FOLDER_REPOSITORY_ALIAS, } from '../repository/index.js';
 import { UMB_DOCUMENT_TYPE_FOLDER_ENTITY_TYPE } from '../entity.js';
+import { UMB_EDIT_DOCUMENT_TYPE_FOLDER_WORKSPACE_PATH_PATTERN } from './paths.js';
 import { UMB_DOCUMENT_TYPE_FOLDER_WORKSPACE_ALIAS } from './constants.js';
 import { UmbDocumentTypeFolderWorkspaceEditorElement } from './document-type-folder-editor.element.js';
+import { UMB_DOCUMENT_TYPE_ROOT_WORKSPACE_PATH } from '../../../paths.js';
 import { UmbEntityNamedDetailWorkspaceContextBase, } from '../../../../../core/workspace/index.js';
 export class UmbDocumentTypeFolderWorkspaceContext extends UmbEntityNamedDetailWorkspaceContextBase {
     constructor(host) {
@@ -21,5 +23,10 @@ export class UmbDocumentTypeFolderWorkspaceContext extends UmbEntityNamedDetailW
             },
         ]);
     }
+    _getNavigationParentItemPath(entity) {
+        if (!entity?.unique)
+            return UMB_DOCUMENT_TYPE_ROOT_WORKSPACE_PATH;
+        return UMB_EDIT_DOCUMENT_TYPE_FOLDER_WORKSPACE_PATH_PATTERN.generateAbsolute({ unique: entity.unique });
+    }
 }
 export { UmbDocumentTypeFolderWorkspaceContext as api };

package/dist-cms/packages/documents/document-types/tree/tree-item-children/collection/views/manifests.js

@@ -8,7 +8,7 @@ export const manifests = [
         element: () => import('./document-type-tree-item-table-collection-view.element.js'),
         weight: 300,
         meta: {
-            label: 'Table',
+            label: '#collection_tableViewLabel',
             icon: 'icon-table',
             pathName: 'table',
         },

package/dist-cms/packages/documents/document-types/workspace/document-type/document-type-workspace.context.d.ts

@@ -17,6 +17,7 @@ export declare class UmbDocumentTypeWorkspaceContext extends UmbContentTypeWorks
     readonly cleanup: import("rxjs").Observable<import("../../types.js").UmbDocumentTypeCleanupModel | undefined>;
     createTemplateMode: boolean;
     constructor(host: UmbControllerHost);
+    protected _getNavigationParentItemPath(entity: UmbEntityModel | undefined): string | undefined;
     setAllowedAtRoot(allowedAtRoot: boolean): void;
     setVariesByCulture(variesByCulture: boolean): void;
     setVariesBySegment(variesBySegment: boolean): void;

package/dist-cms/packages/documents/document-types/workspace/document-type/document-type-workspace.context.js

@@ -1,6 +1,8 @@
-import { UMB_CREATE_DOCUMENT_TYPE_WORKSPACE_PATH_PATTERN, UMB_CREATE_DOCUMENT_TYPE_WORKSPACE_PRESET_ELEMENT, UMB_CREATE_DOCUMENT_TYPE_WORKSPACE_PRESET_TEMPLATE, UMB_EDIT_DOCUMENT_TYPE_WORKSPACE_PATH_PATTERN, } from '../../paths.js';
+import { UMB_CREATE_DOCUMENT_TYPE_WORKSPACE_PATH_PATTERN, UMB_CREATE_DOCUMENT_TYPE_WORKSPACE_PRESET_ELEMENT, UMB_CREATE_DOCUMENT_TYPE_WORKSPACE_PRESET_TEMPLATE, UMB_DOCUMENT_TYPE_ROOT_WORKSPACE_PATH, UMB_EDIT_DOCUMENT_TYPE_WORKSPACE_PATH_PATTERN, } from '../../paths.js';
 import { UMB_DOCUMENT_TYPE_ENTITY_TYPE, UMB_DOCUMENT_TYPE_DETAIL_REPOSITORY_ALIAS } from '../../constants.js';
 import { UmbDocumentTypeTemplateRepository } from '../../repository/template/document-type-template.repository.js';
+import { UMB_DOCUMENT_TYPE_FOLDER_ENTITY_TYPE } from '../../tree/folder/entity.js';
+import { UMB_EDIT_DOCUMENT_TYPE_FOLDER_WORKSPACE_PATH_PATTERN } from '../../tree/folder/workspace/paths.js';
 import { UMB_DOCUMENT_TYPE_WORKSPACE_ALIAS } from './constants.js';
 import { UmbDocumentTypeWorkspaceEditorElement } from './document-type-workspace-editor.element.js';
 import { CompositionTypeModel } from '../../../../core/backend-api/index.js';
@@ -50,6 +52,14 @@ export class UmbDocumentTypeWorkspaceContext extends UmbContentTypeWorkspaceCont
             },
         ]);
     }
+    _getNavigationParentItemPath(entity) {
+        if (!entity?.unique)
+            return UMB_DOCUMENT_TYPE_ROOT_WORKSPACE_PATH;
+        if (entity.entityType === UMB_DOCUMENT_TYPE_FOLDER_ENTITY_TYPE) {
+            return UMB_EDIT_DOCUMENT_TYPE_FOLDER_WORKSPACE_PATH_PATTERN.generateAbsolute({ unique: entity.unique });
+        }
+        return UMB_EDIT_DOCUMENT_TYPE_WORKSPACE_PATH_PATTERN.generateAbsolute({ unique: entity.unique });
+    }
     setAllowedAtRoot(allowedAtRoot) {
         this.structure.updateOwnerContentType({ allowedAtRoot });
     }

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

@@ -37,7 +37,7 @@ let UmbCreateDocumentCollectionActionElement = class UmbCreateDocumentCollection
         }
     }
     async #retrieveAllowedDocumentTypesOf(unique, parentContentUnique) {
-        const { data } = await this.#documentTypeStructureRepository.requestAllowedChildrenOf(unique, parentContentUnique);
+        const { data } = await this.#documentTypeStructureRepository.requestAllAllowedChildrenOf(unique, parentContentUnique);
         if (data && data.items) {
             this._allowedDocumentTypes = data.items;
         }

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

@@ -11,6 +11,7 @@ import { getDocumentVariantStateTagConfig } from '../../variant-state/utils.js';
 import { css, customElement, html, ifDefined, nothing, property, repeat, state, when, } from '../../../../../external/lit/index.js';
 import { UmbLitElement } from '../../../../core/lit-element/index.js';
 import { UmbDeselectedEvent, UmbSelectedEvent } from '../../../../core/event/index.js';
+import { UmbTreeItemOpenEvent } from '../../../../core/tree/index.js';
 import { UmbEntityContentTypeEntityContext } from '../../../../content/content-type/index.js';
 import { UMB_DOCUMENT_TYPE_ENTITY_TYPE } from '../../../document-types/index.js';
 import { fromCamelCase } from '../../../../core/utils/index.js';
@@ -65,6 +66,12 @@ let UmbDocumentCollectionItemCardElement = class UmbDocumentCollectionItemCardEl
         event.stopPropagation();
         this.dispatchEvent(new UmbDeselectedEvent(this.item.unique));
     }
+    #onOpen(event) {
+        if (!this.item?.hasChildren)
+            return;
+        event.stopPropagation();
+        this.dispatchEvent(new UmbTreeItemOpenEvent({ unique: this.item.unique, entityType: this.item.entityType }));
+    }
     #getPropertyValueByAlias(alias) {
         if (!this.item)
             return { value: '' };
@@ -95,19 +102,25 @@ let UmbDocumentCollectionItemCardElement = class UmbDocumentCollectionItemCardEl
             }
         }
     }
+    get #selectOnly() {
+        return !this.item?.hasChildren && this.selectOnly;
+    }
     render() {
         if (!this.item)
             return nothing;
+        const href = this.selectOnly ? undefined : this.href;
         return html `
 			<uui-card-content-node
 				.name=${this._name}
-				href=${ifDefined(this.href)}
+				href=${ifDefined(href)}
+				?has-children=${this.item.hasChildren}
 				?selectable=${this.selectable}
-				?select-only=${this.selectOnly}
+				?select-only=${this.#selectOnly}
 				?selected=${this.selected}
 				?disabled=${this.disabled}
 				@selected=${this.#onSelected}
-				@deselected=${this.#onDeselected}>
+				@deselected=${this.#onDeselected}
+				@open=${this.#onOpen}>
 				${this.#renderIcon()} ${this.#renderState()}
 				<div id="properties">${this.#renderProperties()}</div>
 				<slot name="actions" slot="actions"></slot>

package/dist-cms/packages/documents/documents/collection/item/types.d.ts

@@ -2,15 +2,26 @@ import type { UmbDocumentEntityType } from '../../entity.js';
 import type { UmbDocumentItemVariantModel } from '../../types.js';
 import type { UmbEntityModel } from '../../../../core/entity/index.js';
 import type { UmbEntityWithFlags } from '../../../../core/entity-flag/index.js';
+import type { UmbReferenceByUnique } from '../../../../core/models/index.js';
 export interface UmbDocumentCollectionItemModel extends UmbEntityWithFlags {
     ancestors: Array<UmbEntityModel>;
     creator?: string | null;
+    contentType?: {
+        unique: string;
+        icon: string;
+        alias: string;
+        collection: UmbReferenceByUnique | null;
+    };
+    /**
+     * @deprecated Use `contentType` instead. This field will be removed in v20.
+     */
     documentType: {
         unique: string;
         icon: string;
         alias: string;
     };
     entityType: UmbDocumentEntityType;
+    hasChildren: boolean;
     isProtected: boolean;
     isTrashed: boolean;
     sortOrder: number;
@@ -27,5 +38,8 @@ export interface UmbDocumentCollectionItemModel extends UmbEntityWithFlags {
 }
 export interface UmbEditableDocumentCollectionItemModel {
     item: UmbDocumentCollectionItemModel;
-    editPath: string;
+    /** When set, the name becomes an anchor linking to this href. */
+    href?: string;
+    /** When set (and no `href` is provided), the name becomes a button invoking this callback. */
+    onOpen?: () => void;
 }

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

@@ -22,6 +22,12 @@ export class UmbDocumentCollectionServerDataSource {
         const { data, error } = await tryExecute(this.#host, DocumentService.getCollectionDocumentById({ path: { id: filter.unique }, query }));
         if (data) {
             const items = data.items.map((item) => {
+                const contentType = {
+                    unique: item.documentType.id,
+                    icon: item.documentType.icon,
+                    alias: item.documentType.alias,
+                    collection: item.documentType.collection ? { unique: item.documentType.collection.id } : null,
+                };
                 const model = {
                     ancestors: item.ancestors.map((ancestor) => {
                         return {
@@ -32,6 +38,7 @@ export class UmbDocumentCollectionServerDataSource {
                     unique: item.id,
                     entityType: UMB_DOCUMENT_ENTITY_TYPE,
                     creator: item.creator,
+                    hasChildren: item.hasChildren,
                     isProtected: item.isProtected,
                     isTrashed: item.isTrashed,
                     sortOrder: item.sortOrder,
@@ -46,11 +53,9 @@ export class UmbDocumentCollectionServerDataSource {
                             value: item.value,
                         };
                     }),
-                    documentType: {
-                        unique: item.documentType.id,
-                        icon: item.documentType.icon,
-                        alias: item.documentType.alias,
-                    },
+                    contentType,
+                    // TODO (V20): remove when the deprecated `documentType` field is removed.
+                    documentType: { unique: contentType.unique, icon: contentType.icon, alias: contentType.alias },
                     variants: item.variants.map((item) => {
                         return {
                             name: item.name,

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

@@ -21,7 +21,7 @@ export const manifests = [
         element: () => import('./table/document-table-collection-view.element.js'),
         weight: 300,
         meta: {
-            label: 'Table',
+            label: '#collection_tableViewLabel',
             icon: 'icon-table',
             pathName: 'table',
         },

package/dist-cms/packages/documents/documents/collection/views/table/column-layouts/document-table-column-name.element.js

@@ -25,14 +25,22 @@ let UmbDocumentTableColumnNameElement = class UmbDocumentTableColumnNameElement
         this._name = '';
         this.#resolver.observe(this.#resolver.name, (name) => (this._name = name || ''));
     }
+    #onOpenClick(e) {
+        e.stopPropagation();
+        this.value.onOpen?.();
+    }
     render() {
         if (!this.value)
             return nothing;
-        if (!this.value.editPath)
-            return nothing;
         if (!this._name)
             return nothing;
-        return html `<uui-button compact href=${this.value.editPath} label=${this._name}></uui-button>`;
+        if (this.value.href) {
+            return html `<uui-button compact href=${this.value.href} label=${this._name}></uui-button>`;
+        }
+        if (this.value.onOpen) {
+            return html `<uui-button compact label=${this._name} @click=${this.#onOpenClick}>${this._name}</uui-button>`;
+        }
+        return html `<span>${this._name}</span>`;
     }
     static { this.styles = [
         css `

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

@@ -1,19 +1,19 @@
-import { UmbLitElement } from '../../../../../core/lit-element/index.js';
+import type { UmbDocumentCollectionItemModel } from '../../types.js';
+import { type PropertyValues } from '../../../../../../external/lit/index.js';
+import { UmbCollectionViewElementBase } from '../../../../../core/collection/index.js';
 import './column-layouts/document-entity-actions-table-column-view.element.js';
 import './column-layouts/document-table-column-name.element.js';
 import './column-layouts/document-table-column-property-value.element.js';
 import './column-layouts/document-table-column-state.element.js';
-export declare class UmbDocumentTableCollectionViewElement extends UmbLitElement {
+export declare class UmbDocumentTableCollectionViewElement extends UmbCollectionViewElementBase<UmbDocumentCollectionItemModel> {
     #private;
     private _userDefinedProperties?;
-    private _items?;
-    private _tableConfig;
     private _tableColumns;
     private _tableItems;
-    private _selection;
     private _orderingColumn;
     private _orderingDesc;
     constructor();
+    willUpdate(changedProperties: PropertyValues): void;
     render(): import("lit-html").TemplateResult<1>;
     static styles: import("lit").CSSResult[];
 }