@umbraco-cms/backoffice 14.0.0--preview007-2ee36857 → 14.0.0--preview007-63654dfd

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

@@ -15,8 +15,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 _UmbDocumentGridCollectionViewElement_instances, _UmbDocumentGridCollectionViewElement_collectionContext, _UmbDocumentGridCollectionViewElement_onSelect, _UmbDocumentGridCollectionViewElement_onDeselect, _UmbDocumentGridCollectionViewElement_renderCard;
-import { css, html, nothing, customElement, state, repeat } from '../../../../../../external/lit/index.js';
+var _UmbDocumentGridCollectionViewElement_instances, _UmbDocumentGridCollectionViewElement_collectionContext, _UmbDocumentGridCollectionViewElement_observeCollectionContext, _UmbDocumentGridCollectionViewElement_onSelect, _UmbDocumentGridCollectionViewElement_onDeselect, _UmbDocumentGridCollectionViewElement_renderCard, _UmbDocumentGridCollectionViewElement_renderState, _UmbDocumentGridCollectionViewElement_renderProperties;
+import { getPropertyValueByAlias } from '../index.js';
+import { css, html, customElement, state, repeat } from '../../../../../../external/lit/index.js';
 import { UmbLitElement } from '../../../../../core/lit-element/index.js';
 import { UmbTextStyles } from '../../../../../../shared/style/index.js';
 import { UMB_DEFAULT_COLLECTION_CONTEXT } from '../../../../../core/collection/index.js';
@@ -30,18 +31,21 @@ let UmbDocumentGridCollectionViewElement = class UmbDocumentGridCollectionViewEl
         _UmbDocumentGridCollectionViewElement_collectionContext.set(this, void 0);
         this.consumeContext(UMB_DEFAULT_COLLECTION_CONTEXT, (instance) => {
             __classPrivateFieldSet(this, _UmbDocumentGridCollectionViewElement_collectionContext, instance, "f");
-            this.observe(__classPrivateFieldGet(this, _UmbDocumentGridCollectionViewElement_collectionContext, "f").selection.selection, (selection) => (this._selection = selection), 'umbCollectionSelectionObserver');
-            this.observe(__classPrivateFieldGet(this, _UmbDocumentGridCollectionViewElement_collectionContext, "f").items, (items) => (this._items = items), 'umbCollectionItemsObserver');
+            __classPrivateFieldGet(this, _UmbDocumentGridCollectionViewElement_instances, "m", _UmbDocumentGridCollectionViewElement_observeCollectionContext).call(this);
         });
     }
-    //TODO How should we handle url stuff?
+    // TODO: How should we handle url stuff? [?]
     _handleOpenCard(id) {
-        //TODO this will not be needed when cards works as links with href
+        // TODO: this will not be needed when cards works as links with href [?]
         history.pushState(null, '', 'section/content/workspace/document/edit/' + id);
     }
     render() {
-        if (this._loading)
-            nothing;
+        if (this._loading) {
+            return html `<div class="container"><uui-loader></uui-loader></div>`;
+        }
+        if (this._items.length === 0) {
+            return html `<div class="container"><p>${this.localize.term('content_listViewNoItems')}</p></div>`;
+        }
         return html `
 			<div id="document-grid">
 				${repeat(this._items, (item) => item.unique, (item) => __classPrivateFieldGet(this, _UmbDocumentGridCollectionViewElement_instances, "m", _UmbDocumentGridCollectionViewElement_renderCard).call(this, item))}
@@ -51,6 +55,15 @@ let UmbDocumentGridCollectionViewElement = class UmbDocumentGridCollectionViewEl
 };
 _UmbDocumentGridCollectionViewElement_collectionContext = new WeakMap();
 _UmbDocumentGridCollectionViewElement_instances = new WeakSet();
+_UmbDocumentGridCollectionViewElement_observeCollectionContext = function _UmbDocumentGridCollectionViewElement_observeCollectionContext() {
+    if (!__classPrivateFieldGet(this, _UmbDocumentGridCollectionViewElement_collectionContext, "f"))
+        return;
+    this.observe(__classPrivateFieldGet(this, _UmbDocumentGridCollectionViewElement_collectionContext, "f").userDefinedProperties, (userDefinedProperties) => {
+        this._userDefinedProperties = userDefinedProperties;
+    }, 'umbCollectionUserDefinedPropertiesObserver');
+    this.observe(__classPrivateFieldGet(this, _UmbDocumentGridCollectionViewElement_collectionContext, "f").selection.selection, (selection) => (this._selection = selection), 'umbCollectionSelectionObserver');
+    this.observe(__classPrivateFieldGet(this, _UmbDocumentGridCollectionViewElement_collectionContext, "f").items, (items) => (this._items = items), 'umbCollectionItemsObserver');
+};
 _UmbDocumentGridCollectionViewElement_onSelect = function _UmbDocumentGridCollectionViewElement_onSelect(item) {
     __classPrivateFieldGet(this, _UmbDocumentGridCollectionViewElement_collectionContext, "f")?.selection.select(item.unique ?? '');
 };
@@ -68,9 +81,44 @@ _UmbDocumentGridCollectionViewElement_renderCard = function _UmbDocumentGridColl
 				@selected=${() => __classPrivateFieldGet(this, _UmbDocumentGridCollectionViewElement_instances, "m", _UmbDocumentGridCollectionViewElement_onSelect).call(this, item)}
 				@deselected=${() => __classPrivateFieldGet(this, _UmbDocumentGridCollectionViewElement_instances, "m", _UmbDocumentGridCollectionViewElement_onDeselect).call(this, item)}>
 				<uui-icon slot="icon" name=${item.icon}></uui-icon>
+				${__classPrivateFieldGet(this, _UmbDocumentGridCollectionViewElement_instances, "m", _UmbDocumentGridCollectionViewElement_renderState).call(this, item)} ${__classPrivateFieldGet(this, _UmbDocumentGridCollectionViewElement_instances, "m", _UmbDocumentGridCollectionViewElement_renderProperties).call(this, item)}
 			</uui-card-content-node>
 		`;
 };
+_UmbDocumentGridCollectionViewElement_renderState = function _UmbDocumentGridCollectionViewElement_renderState(item) {
+    switch (item.state) {
+        case 'Published':
+            return html `<uui-tag slot="tag" color="positive" look="secondary"
+					>${this.localize.term('content_published')}</uui-tag
+				>`;
+        case 'PublishedPendingChanges':
+            return html `<uui-tag slot="tag" color="warning" look="secondary"
+					>${this.localize.term('content_publishedPendingChanges')}</uui-tag
+				>`;
+        case 'Draft':
+            return html `<uui-tag slot="tag" color="default" look="secondary"
+					>${this.localize.term('content_unpublished')}</uui-tag
+				>`;
+        case 'NotCreated':
+            return html `<uui-tag slot="tag" color="danger" look="secondary"
+					>${this.localize.term('content_notCreated')}</uui-tag
+				>`;
+        default:
+            // TODO: [LK] Check if we have a `SplitPascalCase`-esque utility function that could be used here.
+            return html `<uui-tag slot="tag" color="danger" look="secondary"
+					>${item.state.replace(/([A-Z])/g, ' $1')}</uui-tag
+				>`;
+    }
+};
+_UmbDocumentGridCollectionViewElement_renderProperties = function _UmbDocumentGridCollectionViewElement_renderProperties(item) {
+    if (!this._userDefinedProperties)
+        return;
+    return html `
+			<ul>
+				${repeat(this._userDefinedProperties, (column) => column.alias, (column) => html `<li><span>${column.header}:</span> ${getPropertyValueByAlias(item, column.alias)}</li>`)}
+			</ul>
+		`;
+};
 UmbDocumentGridCollectionViewElement.styles = [
     UmbTextStyles,
     css `
@@ -79,6 +127,12 @@ UmbDocumentGridCollectionViewElement.styles = [
 				flex-direction: column;
 			}
 
+			.container {
+				display: flex;
+				justify-content: center;
+				align-items: center;
+			}
+
 			#document-grid {
 				display: grid;
 				grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
@@ -89,6 +143,16 @@ UmbDocumentGridCollectionViewElement.styles = [
 				width: 100%;
 				height: 180px;
 			}
+
+			ul {
+				list-style: none;
+				padding-inline-start: 0px;
+				margin: 0;
+			}
+
+			ul > li > span {
+				font-weight: 700;
+			}
 		`,
 ];
 __decorate([
@@ -97,6 +161,9 @@ __decorate([
 __decorate([
     state()
 ], UmbDocumentGridCollectionViewElement.prototype, "_selection", void 0);
+__decorate([
+    state()
+], UmbDocumentGridCollectionViewElement.prototype, "_userDefinedProperties", void 0);
 __decorate([
     state()
 ], UmbDocumentGridCollectionViewElement.prototype, "_loading", void 0);

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

@@ -1 +1,3 @@
+import type { UmbDocumentCollectionItemModel } from '../types.js';
 export { UMB_DOCUMENT_GRID_COLLECTION_VIEW_ALIAS, UMB_DOCUMENT_TABLE_COLLECTION_VIEW_ALIAS } from './manifests.js';
+export declare function getPropertyValueByAlias(item: UmbDocumentCollectionItemModel, alias: string): string | null | undefined;

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

@@ -1 +1,21 @@
 export { UMB_DOCUMENT_GRID_COLLECTION_VIEW_ALIAS, UMB_DOCUMENT_TABLE_COLLECTION_VIEW_ALIAS } from './manifests.js';
+export function getPropertyValueByAlias(item, alias) {
+    switch (alias) {
+        case 'createDate':
+            return item.createDate.toLocaleString();
+        case 'entityName':
+            return item.name;
+        case 'entityState':
+            return item.state.replace(/([A-Z])/g, ' $1');
+        case 'owner':
+            return item.creator;
+        case 'published':
+            return item.state !== 'Draft' ? 'True' : 'False';
+        case 'updateDate':
+            return item.updateDate.toLocaleString();
+        case 'updater':
+            return item.updater;
+        default:
+            return item.values.find((value) => value.alias === alias)?.value ?? '';
+    }
+}

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

@@ -0,0 +1,19 @@
+import type { UmbDocumentCollectionItemModel } from '../../../types.js';
+import { UmbLitElement } from '../../../../../../core/lit-element/index.js';
+import type { UmbTableColumn, UmbTableColumnLayoutElement, UmbTableItem } from '../../../../../../core/components/index.js';
+export declare class UmbDocumentTableColumnNameElement extends UmbLitElement implements UmbTableColumnLayoutElement {
+    #private;
+    private _editDocumentPath;
+    column: UmbTableColumn;
+    item: UmbTableItem;
+    value: UmbDocumentCollectionItemModel;
+    constructor();
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];
+}
+export default UmbDocumentTableColumnNameElement;
+declare global {
+    interface HTMLElementTagNameMap {
+        'umb-document-table-column-name': UmbDocumentTableColumnNameElement;
+    }
+}

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

@@ -0,0 +1,69 @@
+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 _UmbDocumentTableColumnNameElement_instances, _UmbDocumentTableColumnNameElement_onClick;
+import { css, customElement, html, property, state } from '../../../../../../../external/lit/index.js';
+import { UmbLitElement } from '../../../../../../core/lit-element/index.js';
+import { UMB_WORKSPACE_MODAL, UmbModalRouteRegistrationController } from '../../../../../../core/modal/index.js';
+let UmbDocumentTableColumnNameElement = class UmbDocumentTableColumnNameElement extends UmbLitElement {
+    constructor() {
+        super();
+        _UmbDocumentTableColumnNameElement_instances.add(this);
+        this._editDocumentPath = '';
+        new UmbModalRouteRegistrationController(this, UMB_WORKSPACE_MODAL)
+            .addAdditionalPath('document')
+            .onSetup(() => {
+            return { data: { entityType: 'document', preset: {} } };
+        })
+            .observeRouteBuilder((routeBuilder) => {
+            this._editDocumentPath = routeBuilder({});
+        });
+    }
+    render() {
+        return html `<uui-button
+			look="default"
+			color="default"
+			compact
+			href="${this._editDocumentPath}edit/${this.value.unique}"
+			label="${this.value.name}"
+			@click=${__classPrivateFieldGet(this, _UmbDocumentTableColumnNameElement_instances, "m", _UmbDocumentTableColumnNameElement_onClick)}></uui-button>`;
+    }
+};
+_UmbDocumentTableColumnNameElement_instances = new WeakSet();
+_UmbDocumentTableColumnNameElement_onClick = function _UmbDocumentTableColumnNameElement_onClick(event) {
+    // TODO: [LK] Review the `stopPropagation` usage, as it causes a page reload.
+    // But we still need a say to prevent the `umb-table` from triggering a selection event.
+    event.stopPropagation();
+};
+UmbDocumentTableColumnNameElement.styles = [
+    css `
+			uui-button {
+				text-align: left;
+			}
+		`,
+];
+__decorate([
+    state()
+], UmbDocumentTableColumnNameElement.prototype, "_editDocumentPath", void 0);
+__decorate([
+    property({ type: Object, attribute: false })
+], UmbDocumentTableColumnNameElement.prototype, "column", void 0);
+__decorate([
+    property({ type: Object, attribute: false })
+], UmbDocumentTableColumnNameElement.prototype, "item", void 0);
+__decorate([
+    property({ attribute: false })
+], UmbDocumentTableColumnNameElement.prototype, "value", void 0);
+UmbDocumentTableColumnNameElement = __decorate([
+    customElement('umb-document-table-column-name')
+], UmbDocumentTableColumnNameElement);
+export { UmbDocumentTableColumnNameElement };
+export default UmbDocumentTableColumnNameElement;

package/dist-cms/packages/documents/documents/collection/views/table/column-layouts/document-table-column-state.element.d.ts

@@ -0,0 +1,15 @@
+import type { UmbDocumentCollectionItemModel } from '../../../types.js';
+import { UmbLitElement } from '../../../../../../core/lit-element/index.js';
+import type { UmbTableColumn, UmbTableColumnLayoutElement, UmbTableItem } from '../../../../../../core/components/index.js';
+export declare class UmbDocumentTableColumnStateElement extends UmbLitElement implements UmbTableColumnLayoutElement {
+    column: UmbTableColumn;
+    item: UmbTableItem;
+    value: UmbDocumentCollectionItemModel;
+    render(): import("lit-html").TemplateResult<1>;
+}
+export default UmbDocumentTableColumnStateElement;
+declare global {
+    interface HTMLElementTagNameMap {
+        'umb-document-table-column-state': UmbDocumentTableColumnStateElement;
+    }
+}

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

@@ -0,0 +1,39 @@
+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 { customElement, html, property } from '../../../../../../../external/lit/index.js';
+import { UmbLitElement } from '../../../../../../core/lit-element/index.js';
+let UmbDocumentTableColumnStateElement = class UmbDocumentTableColumnStateElement extends UmbLitElement {
+    render() {
+        switch (this.value.state) {
+            case 'Published':
+                return html `<uui-tag color="positive" look="secondary">${this.localize.term('content_published')}</uui-tag>`;
+            case 'PublishedPendingChanges':
+                return html `<uui-tag color="warning" look="secondary">${this.localize.term('content_publishedPendingChanges')}</uui-tag>`;
+            case 'Draft':
+                return html `<uui-tag color="default" look="secondary">${this.localize.term('content_unpublished')}</uui-tag>`;
+            case 'NotCreated':
+                return html `<uui-tag color="danger" look="secondary">${this.localize.term('content_notCreated')}</uui-tag>`;
+            default:
+                // TODO: [LK] Check if we have a `SplitPascalCase`-esque utility function that could be used here.
+                return html `<uui-tag color="danger" look="secondary">${this.value.state.replace(/([A-Z])/g, ' $1')}</uui-tag>`;
+        }
+    }
+};
+__decorate([
+    property({ type: Object, attribute: false })
+], UmbDocumentTableColumnStateElement.prototype, "column", void 0);
+__decorate([
+    property({ type: Object, attribute: false })
+], UmbDocumentTableColumnStateElement.prototype, "item", void 0);
+__decorate([
+    property({ attribute: false })
+], UmbDocumentTableColumnStateElement.prototype, "value", void 0);
+UmbDocumentTableColumnStateElement = __decorate([
+    customElement('umb-document-table-column-state')
+], UmbDocumentTableColumnStateElement);
+export { UmbDocumentTableColumnStateElement };
+export default UmbDocumentTableColumnStateElement;

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

@@ -1,16 +1,16 @@
 import { UmbLitElement } from '../../../../../core/lit-element/index.js';
+import './column-layouts/document-table-column-name.element.js';
+import './column-layouts/document-table-column-state.element.js';
 export declare class UmbDocumentTableCollectionViewElement extends UmbLitElement {
     #private;
-    private _busy;
+    private _loading;
     private _userDefinedProperties?;
     private _items?;
     private _tableConfig;
     private _tableColumns;
     private _tableItems;
     private _selection;
-    private _collectionContext?;
     constructor();
-    private _observeCollectionContext;
     private _handleSelect;
     private _handleDeselect;
     private _handleOrdering;

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

@@ -4,80 +4,84 @@ 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;
 };
+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 _UmbDocumentTableCollectionViewElement_instances, _UmbDocumentTableCollectionViewElement_systemColumns, _UmbDocumentTableCollectionViewElement_createTableHeadings, _UmbDocumentTableCollectionViewElement_createTableItems;
+var _UmbDocumentTableCollectionViewElement_instances, _UmbDocumentTableCollectionViewElement_systemColumns, _UmbDocumentTableCollectionViewElement_collectionContext, _UmbDocumentTableCollectionViewElement_observeCollectionContext, _UmbDocumentTableCollectionViewElement_createTableHeadings, _UmbDocumentTableCollectionViewElement_createTableItems;
+import { getPropertyValueByAlias } from '../index.js';
 import { css, html, customElement, state } from '../../../../../../external/lit/index.js';
 import { UmbLitElement } from '../../../../../core/lit-element/index.js';
 import { UmbTextStyles } from '../../../../../../shared/style/index.js';
 import { UMB_DEFAULT_COLLECTION_CONTEXT } from '../../../../../core/collection/index.js';
+import './column-layouts/document-table-column-name.element.js';
+import './column-layouts/document-table-column-state.element.js';
 let UmbDocumentTableCollectionViewElement = class UmbDocumentTableCollectionViewElement extends UmbLitElement {
     constructor() {
         super();
         _UmbDocumentTableCollectionViewElement_instances.add(this);
-        this._busy = false;
+        this._loading = false;
         this._tableConfig = {
             allowSelection: true,
         };
         this._tableColumns = [];
         _UmbDocumentTableCollectionViewElement_systemColumns.set(this, [
             {
-                name: 'Name',
+                name: this.localize.term('general_name'),
                 alias: 'entityName',
+                elementName: 'umb-document-table-column-name',
+                allowSorting: true,
+            },
+            {
+                name: this.localize.term('content_publishStatus'),
+                alias: 'entityState',
+                elementName: 'umb-document-table-column-state',
                 allowSorting: true,
             },
         ]);
         this._tableItems = [];
         this._selection = [];
+        _UmbDocumentTableCollectionViewElement_collectionContext.set(this, void 0);
         this.consumeContext(UMB_DEFAULT_COLLECTION_CONTEXT, (instance) => {
-            this._collectionContext = instance;
-            this._observeCollectionContext();
-        });
-    }
-    _observeCollectionContext() {
-        if (!this._collectionContext)
-            return;
-        this.observe(this._collectionContext.userDefinedProperties, (userDefinedProperties) => {
-            this._userDefinedProperties = userDefinedProperties;
-            __classPrivateFieldGet(this, _UmbDocumentTableCollectionViewElement_instances, "m", _UmbDocumentTableCollectionViewElement_createTableHeadings).call(this);
-        });
-        this.observe(this._collectionContext.items, (items) => {
-            this._items = items;
-            __classPrivateFieldGet(this, _UmbDocumentTableCollectionViewElement_instances, "m", _UmbDocumentTableCollectionViewElement_createTableItems).call(this, this._items);
-        });
-        this.observe(this._collectionContext.selection.selection, (selection) => {
-            this._selection = selection;
+            __classPrivateFieldSet(this, _UmbDocumentTableCollectionViewElement_collectionContext, instance, "f");
+            __classPrivateFieldGet(this, _UmbDocumentTableCollectionViewElement_instances, "m", _UmbDocumentTableCollectionViewElement_observeCollectionContext).call(this);
         });
     }
     _handleSelect(event) {
         event.stopPropagation();
         const table = event.target;
         const selection = table.selection;
-        this._collectionContext?.selection.setSelection(selection);
+        __classPrivateFieldGet(this, _UmbDocumentTableCollectionViewElement_collectionContext, "f")?.selection.setSelection(selection);
     }
     _handleDeselect(event) {
         event.stopPropagation();
         const table = event.target;
         const selection = table.selection;
-        this._collectionContext?.selection.setSelection(selection);
+        __classPrivateFieldGet(this, _UmbDocumentTableCollectionViewElement_collectionContext, "f")?.selection.setSelection(selection);
     }
     _handleOrdering(event) {
         const table = event.target;
         const orderingColumn = table.orderingColumn;
         const orderingDesc = table.orderingDesc;
-        this._collectionContext?.setFilter({
+        __classPrivateFieldGet(this, _UmbDocumentTableCollectionViewElement_collectionContext, "f")?.setFilter({
             orderBy: orderingColumn,
             orderDirection: orderingDesc ? 'desc' : 'asc',
         });
     }
     render() {
-        if (this._busy)
+        if (this._loading) {
             return html `<div class="container"><uui-loader></uui-loader></div>`;
-        if (this._tableItems.length === 0)
+        }
+        if (this._tableItems.length === 0) {
             return html `<div class="container"><p>${this.localize.term('content_listViewNoItems')}</p></div>`;
+        }
         return html `
 			<umb-table
 				.config=${this._tableConfig}
@@ -91,7 +95,23 @@ let UmbDocumentTableCollectionViewElement = class UmbDocumentTableCollectionView
     }
 };
 _UmbDocumentTableCollectionViewElement_systemColumns = new WeakMap();
+_UmbDocumentTableCollectionViewElement_collectionContext = new WeakMap();
 _UmbDocumentTableCollectionViewElement_instances = new WeakSet();
+_UmbDocumentTableCollectionViewElement_observeCollectionContext = function _UmbDocumentTableCollectionViewElement_observeCollectionContext() {
+    if (!__classPrivateFieldGet(this, _UmbDocumentTableCollectionViewElement_collectionContext, "f"))
+        return;
+    this.observe(__classPrivateFieldGet(this, _UmbDocumentTableCollectionViewElement_collectionContext, "f").userDefinedProperties, (userDefinedProperties) => {
+        this._userDefinedProperties = userDefinedProperties;
+        __classPrivateFieldGet(this, _UmbDocumentTableCollectionViewElement_instances, "m", _UmbDocumentTableCollectionViewElement_createTableHeadings).call(this);
+    }, 'umbCollectionUserDefinedPropertiesObserver');
+    this.observe(__classPrivateFieldGet(this, _UmbDocumentTableCollectionViewElement_collectionContext, "f").items, (items) => {
+        this._items = items;
+        __classPrivateFieldGet(this, _UmbDocumentTableCollectionViewElement_instances, "m", _UmbDocumentTableCollectionViewElement_createTableItems).call(this, this._items);
+    }, 'umbCollectionItemsObserver');
+    this.observe(__classPrivateFieldGet(this, _UmbDocumentTableCollectionViewElement_collectionContext, "f").selection.selection, (selection) => {
+        this._selection = selection;
+    }, 'umbCollectionSelectionObserver');
+};
 _UmbDocumentTableCollectionViewElement_createTableHeadings = function _UmbDocumentTableCollectionViewElement_createTableHeadings() {
     if (this._userDefinedProperties && this._userDefinedProperties.length > 0) {
         const userColumns = this._userDefinedProperties.map((item) => {
@@ -106,30 +126,13 @@ _UmbDocumentTableCollectionViewElement_createTableHeadings = function _UmbDocume
     }
 };
 _UmbDocumentTableCollectionViewElement_createTableItems = function _UmbDocumentTableCollectionViewElement_createTableItems(items) {
-    // TODO: [LK] This is a temporary solution. Let's explore a nicer way to display the values.
-    const getValue = (item, alias) => {
-        switch (alias) {
-            case 'createDate':
-                return item.createDate.toLocaleString();
-            case 'owner':
-                return item.creator;
-            case 'published':
-                return item.state !== 'Draft' ? 'True' : 'False';
-            case 'updateDate':
-                return item.updateDate.toLocaleString();
-            case 'updater':
-                return item.updater;
-            default:
-                return item.values.find((value) => value.alias === alias)?.value ?? '';
-        }
-    };
     this._tableItems = items.map((item) => {
         if (!item.unique)
             throw new Error('Item id is missing.');
         const data = this._tableColumns?.map((column) => {
             return {
                 columnAlias: column.alias,
-                value: column.elementName ? item : getValue(item, column.alias),
+                value: column.elementName ? item : getPropertyValueByAlias(item, column.alias),
             };
         }) ?? [];
         return {
@@ -164,7 +167,7 @@ UmbDocumentTableCollectionViewElement.styles = [
 ];
 __decorate([
     state()
-], UmbDocumentTableCollectionViewElement.prototype, "_busy", void 0);
+], UmbDocumentTableCollectionViewElement.prototype, "_loading", void 0);
 __decorate([
     state()
 ], UmbDocumentTableCollectionViewElement.prototype, "_userDefinedProperties", void 0);

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

@@ -1,26 +1,28 @@
+import { manifests as breadcrumbManifests } from './breadcrumb/manifests.js';
 import { manifests as collectionManifests } from './collection/manifests.js';
 import { manifests as conditionManifests } from './conditions/manifests.js';
-import { manifests as menuItemManifests } from './menu-item/manifests.js';
-import { manifests as repositoryManifests } from './repository/manifests.js';
-import { manifests as treeManifests } from './tree/manifests.js';
-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 menuItemManifests } from './menu-item/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';
+import { manifests as repositoryManifests } from './repository/manifests.js';
 import { manifests as trackedReferenceManifests } from './tracked-reference/manifests.js';
+import { manifests as treeManifests } from './tree/manifests.js';
+import { manifests as userPermissionManifests } from './user-permissions/manifests.js';
+import { manifests as workspaceManifests } from './workspace/manifests.js';
 export const manifests = [
+    ...breadcrumbManifests,
     ...collectionManifests,
     ...conditionManifests,
-    ...menuItemManifests,
-    ...treeManifests,
-    ...repositoryManifests,
-    ...workspaceManifests,
     ...entityActionManifests,
     ...entityBulkActionManifests,
+    ...menuItemManifests,
     ...propertyEditorManifests,
-    ...userPermissionManifests,
     ...recycleBinManifests,
+    ...repositoryManifests,
     ...trackedReferenceManifests,
+    ...treeManifests,
+    ...userPermissionManifests,
+    ...workspaceManifests,
 ];

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

@@ -35,9 +35,7 @@ let UmbDocumentWorkspaceSplitViewElement = class UmbDocumentWorkspaceSplitViewEl
 							`)}
 					</div>
 
-					<umb-workspace-footer alias="Umb.Workspace.Document">
-						<div id="breadcrumbs">Breadcrumbs</div>
-					</umb-workspace-footer>`
+					<umb-workspace-footer alias="Umb.Workspace.Document"></umb-workspace-footer>`
             : nothing;
     }
 };

package/dist-cms/packages/media/media-types/tree/media-type-tree.server.data-source.js

@@ -42,5 +42,6 @@ const mapper = (item) => {
         entityType: item.isFolder ? UMB_MEDIA_TYPE_FOLDER_ENTITY_TYPE : UMB_MEDIA_TYPE_ENTITY_TYPE,
         hasChildren: item.hasChildren,
         isFolder: item.isFolder,
+        icon: item.icon,
     };
 };

package/dist-cms/packages/media/media-types/tree/media-type-tree.store.js

@@ -38,6 +38,7 @@ export class UmbMediaTypeTreeStore extends UmbUniqueTreeStore {
         _UmbMediaTypeTreeStore_updateTreeItemMapper.set(this, (item) => {
             return {
                 name: item.name,
+                icon: item.icon,
             };
         });
         new UmbStoreConnector(host, this, UMB_MEDIA_TYPE_DETAIL_STORE_CONTEXT, (item) => __classPrivateFieldGet(this, _UmbMediaTypeTreeStore_createTreeItemMapper, "f").call(this, item), (item) => __classPrivateFieldGet(this, _UmbMediaTypeTreeStore_updateTreeItemMapper, "f").call(this, item));

package/dist-cms/packages/members/member-type/tree/member-type-tree.server.data-source.js

@@ -39,5 +39,6 @@ const mapper = (item) => {
         entityType: UMB_MEMBER_TYPE_ENTITY_TYPE,
         hasChildren: item.hasChildren,
         isFolder: false,
+        icon: 'icon-user',
     };
 };

package/dist-cms/packages/members/member-type/tree/member-type-tree.store.js

@@ -38,6 +38,7 @@ export class UmbMemberTypeTreeStore extends UmbUniqueTreeStore {
         _UmbMemberTypeTreeStore_updateTreeItemMapper.set(this, (item) => {
             return {
                 name: item.name,
+                icon: item.icon,
             };
         });
         new UmbStoreConnector(host, this, UMB_MEMBER_TYPE_DETAIL_STORE_CONTEXT, (item) => __classPrivateFieldGet(this, _UmbMemberTypeTreeStore_createTreeItemMapper, "f").call(this, item), (item) => __classPrivateFieldGet(this, _UmbMemberTypeTreeStore_updateTreeItemMapper, "f").call(this, item));

package/dist-cms/packages/templating/components/templating-item-menu/templating-item-menu.element.d.ts

@@ -6,7 +6,6 @@ export declare class UmbTemplatingInsertMenuElement extends UmbLitElement {
     private _modalContext?;
     constructor();
     determineInsertValue(modalValue: UmbTemplatingItemPickerModalValue): Promise<void>;
-    hidePartialView: boolean;
     render(): import("lit-html").TemplateResult<1>;
     static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];
 }