@umbraco-cms/backoffice 17.4.0-rc3 → 18.0.0-beta2

package/dist-cms/packages/documents/document-types/workspace/document-type/views/settings/document-type-workspace-view-settings.element.js

@@ -33,6 +33,7 @@ let UmbDocumentTypeWorkspaceViewSettingsElement = class UmbDocumentTypeWorkspace
         this.observe(this.#workspaceContext.variesByCulture, (variesByCulture) => (this._variesByCulture = variesByCulture));
         this.observe(this.#workspaceContext.variesBySegment, (variesBySegment) => (this._variesBySegment = variesBySegment));
         this.observe(this.#workspaceContext.isElement, (isElement) => (this._isElement = isElement));
+        this.observe(this.#workspaceContext.allowedInLibrary, (allowedInLibrary) => (this._allowedInLibrary = allowedInLibrary));
         this.observe(this.#workspaceContext.cleanup, (cleanup) => {
             this._preventCleanup = cleanup?.preventCleanup;
             this._keepAllVersionsNewerThanDays = cleanup?.keepAllVersionsNewerThanDays;
@@ -101,6 +102,7 @@ let UmbDocumentTypeWorkspaceViewSettingsElement = class UmbDocumentTypeWorkspace
 					</div>
 				</umb-property-layout>
 			</uui-box>
+
 			<uui-box headline=${this.localize.term('contentTypeEditor_historyCleanupHeading')}>
 				<umb-property-layout
 					alias="HistoryCleanup"
@@ -111,45 +113,55 @@ let UmbDocumentTypeWorkspaceViewSettingsElement = class UmbDocumentTypeWorkspace
 						>
 					</div>
 					<div slot="editor">
-						<uui-form-layout-item>
-							<uui-toggle
-								id="prevent-cleanup"
-								label=${this.localize.term('contentTypeEditor_historyCleanupPreventCleanup')}
-								.checked=${this._preventCleanup ?? false}
-								@change=${this.#onChangePreventCleanup}></uui-toggle>
-						</uui-form-layout-item>
-
-						${when(!this._preventCleanup, () => html `
+						${when(this._isElement && !this._allowedInLibrary, () => html `
+								<div class="info-message">
+									<umb-localize key="contentTypeEditor_elementDoesNotSupport">
+										This is not applicable for an Element type.
+									</umb-localize>
+								</div>
+							`, () => html `
 								<uui-form-layout-item>
-									<uui-label slot="label" for="versions-newer-than-days">
-										<umb-localize key="contentTypeEditor_historyCleanupKeepAllVersionsNewerThanDays"
-											>Keep all versions newer than days</umb-localize
-										>
-									</uui-label>
-
-									<uui-input
-										type="number"
-										id="versions-newer-than-days"
-										min="0"
-										placeholder="7"
-										.value=${this._keepAllVersionsNewerThanDays?.toString() ?? ''}
-										@change=${this.#onChangeKeepAllVersionsNewerThanDays}></uui-input>
+									<uui-toggle
+										id="prevent-cleanup"
+										label=${this.localize.term('contentTypeEditor_historyCleanupPreventCleanup')}
+										.checked=${this._preventCleanup ?? false}
+										@change=${this.#onChangePreventCleanup}></uui-toggle>
 								</uui-form-layout-item>
 
-								<uui-form-layout-item>
-									<uui-label slot="label" for="latest-version-per-day-days">
-										<umb-localize key="contentTypeEditor_historyCleanupKeepLatestVersionPerDayForDays"
-											>Keep latest version per day for days</umb-localize
-										>
-									</uui-label>
-									<uui-input
-										type="number"
-										id="latest-version-per-day-days"
-										min="0"
-										placeholder="90"
-										.value=${this._keepLatestVersionPerDayForDays?.toString() ?? ''}
-										@change=${this.#onChangeKeepLatestVersionPerDayForDays}></uui-input>
-								</uui-form-layout-item>
+								${when(!this._preventCleanup, () => html `
+										<uui-form-layout-item>
+											<uui-label slot="label" for="versions-newer-than-days">
+												<umb-localize key="contentTypeEditor_historyCleanupKeepAllVersionsNewerThanDays"
+													>Keep all versions newer than days</umb-localize
+												>
+											</uui-label>
+
+											<uui-input
+												type="number"
+												id="versions-newer-than-days"
+												min="0"
+												label=${this.localize.term('contentTypeEditor_historyCleanupKeepAllVersionsNewerThanDays')}
+												placeholder="7"
+												.value=${this._keepAllVersionsNewerThanDays?.toString() ?? ''}
+												@change=${this.#onChangeKeepAllVersionsNewerThanDays}></uui-input>
+										</uui-form-layout-item>
+
+										<uui-form-layout-item>
+											<uui-label slot="label" for="latest-version-per-day-days">
+												<umb-localize key="contentTypeEditor_historyCleanupKeepLatestVersionPerDayForDays"
+													>Keep latest version per day for days</umb-localize
+												>
+											</uui-label>
+											<uui-input
+												type="number"
+												id="latest-version-per-day-days"
+												min="0"
+												label=${this.localize.term('contentTypeEditor_historyCleanupKeepLatestVersionPerDayForDays')}
+												placeholder="90"
+												.value=${this._keepLatestVersionPerDayForDays?.toString() ?? ''}
+												@change=${this.#onChangeKeepLatestVersionPerDayForDays}></uui-input>
+										</uui-form-layout-item>
+									`)}
 							`)}
 					</div>
 				</umb-property-layout>
@@ -202,6 +214,11 @@ let UmbDocumentTypeWorkspaceViewSettingsElement = class UmbDocumentTypeWorkspace
 			uui-toggle {
 				display: flex;
 			}
+
+			.info-message {
+				color: var(--uui-color-text-alt);
+				font-style: italic;
+			}
 		`,
     ]; }
 };
@@ -226,6 +243,9 @@ __decorate([
 __decorate([
     state()
 ], UmbDocumentTypeWorkspaceViewSettingsElement.prototype, "_useSegments", void 0);
+__decorate([
+    state()
+], UmbDocumentTypeWorkspaceViewSettingsElement.prototype, "_allowedInLibrary", void 0);
 UmbDocumentTypeWorkspaceViewSettingsElement = __decorate([
     customElement('umb-document-type-workspace-view-settings')
 ], UmbDocumentTypeWorkspaceViewSettingsElement);

package/dist-cms/packages/documents/document-types/workspace/document-type/views/structure/document-type-workspace-view-structure.element.d.ts

@@ -3,8 +3,10 @@ import type { UmbWorkspaceViewElement } from '../../../../../../core/workspace/i
 export declare class UmbDocumentTypeWorkspaceViewStructureElement extends UmbLitElement implements UmbWorkspaceViewElement {
     #private;
     private _allowedAtRoot?;
+    private _allowedInLibrary?;
     private _allowedContentTypeUniques?;
     private _collection?;
+    private _isElementType;
     constructor();
     private _observeDocumentType;
     render(): import("lit-html").TemplateResult<1>;

package/dist-cms/packages/documents/document-types/workspace/document-type/views/structure/document-type-workspace-view-structure.element.js

@@ -5,13 +5,14 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { UMB_DOCUMENT_TYPE_WORKSPACE_CONTEXT } from '../../document-type-workspace.context-token.js';
-import { css, html, customElement, state } from '../../../../../../../external/lit/index.js';
+import { css, html, customElement, state, when } from '../../../../../../../external/lit/index.js';
 import { UmbTextStyles } from '../../../../../../core/style/index.js';
 import { UmbLitElement } from '../../../../../../core/lit-element/index.js';
 let UmbDocumentTypeWorkspaceViewStructureElement = class UmbDocumentTypeWorkspaceViewStructureElement extends UmbLitElement {
     #workspaceContext;
     constructor() {
         super();
+        this._isElementType = false;
         this.consumeContext(UMB_DOCUMENT_TYPE_WORKSPACE_CONTEXT, (documentTypeContext) => {
             this.#workspaceContext = documentTypeContext;
             this._observeDocumentType();
@@ -21,6 +22,7 @@ let UmbDocumentTypeWorkspaceViewStructureElement = class UmbDocumentTypeWorkspac
         if (!this.#workspaceContext)
             return;
         this.observe(this.#workspaceContext.allowedAtRoot, (allowedAtRoot) => (this._allowedAtRoot = allowedAtRoot), '_allowedAtRootObserver');
+        this.observe(this.#workspaceContext.allowedInLibrary, (allowedInLibrary) => (this._allowedInLibrary = allowedInLibrary), '_allowedInLibraryObserver');
         this.observe(this.#workspaceContext.allowedContentTypes, (allowedContentTypes) => {
             const oldValue = this._allowedContentTypeUniques;
             this._allowedContentTypeUniques = allowedContentTypes
@@ -31,6 +33,7 @@ let UmbDocumentTypeWorkspaceViewStructureElement = class UmbDocumentTypeWorkspac
         this.observe(this.#workspaceContext.collection, (collection) => {
             this._collection = collection?.unique;
         }, '_collectionObserver');
+        this.observe(this.#workspaceContext.isElement, (isElement) => (this._isElementType = isElement ?? false), '_isElementTypeObserver');
     }
     render() {
         return html `
@@ -38,49 +41,87 @@ let UmbDocumentTypeWorkspaceViewStructureElement = class UmbDocumentTypeWorkspac
 				<umb-property-layout alias="Root" label=${this.localize.term('contentTypeEditor_allowAtRootHeading')}>
 					<div slot="description">${this.localize.term('contentTypeEditor_allowAtRootDescription')}</div>
 					<div slot="editor">
-						<uui-toggle
-							label=${this.localize.term('contentTypeEditor_allowAtRootHeading')}
-							?checked=${this._allowedAtRoot}
-							@change=${(e) => {
+						${when(this._isElementType, () => this.#renderElementDoesNotSupport(), () => html `
+								<uui-toggle
+									label=${this.localize.term('contentTypeEditor_allowAtRootHeading')}
+									?checked=${this._allowedAtRoot}
+									?disabled=${this._isElementType}
+									@change=${(e) => {
             this.#workspaceContext?.setAllowedAtRoot(e.target.checked);
         }}></uui-toggle>
+							`)}
 					</div>
 				</umb-property-layout>
+
+				<umb-property-layout alias="library" label=${this.localize.term('contentTypeEditor_allowInLibraryHeading')}>
+					<div slot="description">${this.localize.term('contentTypeEditor_allowInLibraryDescription')}</div>
+					<div slot="editor">
+						${when(this._isElementType, () => html `
+								<uui-toggle
+									label=${this.localize.term('contentTypeEditor_allowInLibraryHeading')}
+									?checked=${this._allowedInLibrary}
+									@change=${(e) => {
+            this.#workspaceContext?.setAllowedInLibrary(e.target.checked);
+        }}></uui-toggle>
+							`, () => html `
+								<div class="info-message">
+									<umb-localize key="contentTypeEditor_elementTypeOnlySupport">
+										This is only applicable for an Element Type.
+									</umb-localize>
+								</div>
+							`)}
+					</div>
+				</umb-property-layout>
+
 				<umb-property-layout alias="ChildNodeType" label=${this.localize.term('contentTypeEditor_childNodesHeading')}>
 					<div slot="description">${this.localize.term('contentTypeEditor_childNodesDescription')}</div>
 					<div slot="editor">
-						<!-- TODO: maybe we want to somehow display the hierarchy, but not necessary in the same way as old backoffice? -->
-						<umb-input-document-type
-							.documentTypesOnly=${true}
-							.selection=${this._allowedContentTypeUniques ?? []}
-							@change="${(e) => {
+						${when(this._isElementType, () => this.#renderElementDoesNotSupport(), () => html `
+								<!-- TODO: maybe we want to somehow display the hierarchy, but not necessary in the same way as old backoffice? -->
+								<umb-input-document-type
+									.documentTypesOnly=${true}
+									.selection=${this._allowedContentTypeUniques ?? []}
+									@change="${(e) => {
             const sortedContentTypesList = e.target.selection.map((id, index) => ({
                 contentType: { unique: id },
                 sortOrder: index,
             }));
             this.#workspaceContext?.setAllowedContentTypes(sortedContentTypesList);
         }}">
-						</umb-input-document-type>
+								</umb-input-document-type>
+							`)}
 					</div>
 				</umb-property-layout>
 			</uui-box>
+
 			<uui-box headline=${this.localize.term('contentTypeEditor_presentation')}>
 				<umb-property-layout alias="collection" label="${this.localize.term('contentTypeEditor_collection')}">
 					<div slot="description">${this.localize.term('contentTypeEditor_collectionDescription')}</div>
 					<div slot="editor">
-						<umb-input-content-type-collection-configuration
-							default-value="c0808dd3-8133-4e4b-8ce8-e2bea84a96a4"
-							.value=${this._collection ?? undefined}
-							@change=${(e) => {
+						${when(this._isElementType, () => this.#renderElementDoesNotSupport(), () => html `
+								<umb-input-content-type-collection-configuration
+									default-value="c0808dd3-8133-4e4b-8ce8-e2bea84a96a4"
+									.value=${this._collection ?? undefined}
+									@change=${(e) => {
             const unique = e.target.value;
             this.#workspaceContext?.setCollection({ unique });
         }}>
-						</umb-input-content-type-collection-configuration>
+								</umb-input-content-type-collection-configuration>
+							`)}
 					</div>
 				</umb-property-layout>
 			</uui-box>
 		`;
     }
+    #renderElementDoesNotSupport() {
+        return html `
+			<div class="info-message">
+				<umb-localize key="contentTypeEditor_elementDoesNotSupport">
+					This is not applicable for an Element Type.
+				</umb-localize>
+			</div>
+		`;
+    }
     static { this.styles = [
         UmbTextStyles,
         css `
@@ -101,18 +142,29 @@ let UmbDocumentTypeWorkspaceViewStructureElement = class UmbDocumentTypeWorkspac
 			uui-toggle {
 				display: flex;
 			}
+
+			.info-message {
+				color: var(--uui-color-text-alt);
+				font-style: italic;
+			}
 		`,
     ]; }
 };
 __decorate([
     state()
 ], UmbDocumentTypeWorkspaceViewStructureElement.prototype, "_allowedAtRoot", void 0);
+__decorate([
+    state()
+], UmbDocumentTypeWorkspaceViewStructureElement.prototype, "_allowedInLibrary", void 0);
 __decorate([
     state()
 ], UmbDocumentTypeWorkspaceViewStructureElement.prototype, "_allowedContentTypeUniques", void 0);
 __decorate([
     state()
 ], UmbDocumentTypeWorkspaceViewStructureElement.prototype, "_collection", void 0);
+__decorate([
+    state()
+], UmbDocumentTypeWorkspaceViewStructureElement.prototype, "_isElementType", void 0);
 UmbDocumentTypeWorkspaceViewStructureElement = __decorate([
     customElement('umb-document-type-workspace-view-structure')
 ], UmbDocumentTypeWorkspaceViewStructureElement);

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

@@ -9,9 +9,9 @@ import { UmbDocumentItemDataResolver } from '../../item/document-item-data-resol
 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 { UmbDocumentVariantState } from '../../variant-state.js';
 import { UmbEntityContentTypeEntityContext } from '../../../../content/content-type/index.js';
 import { UMB_DOCUMENT_TYPE_ENTITY_TYPE } from '../../../document-types/index.js';
-import { DocumentVariantStateModel } from '../../../../core/backend-api/index.js';
 import { fromCamelCase } from '../../../../core/utils/index.js';
 let UmbDocumentCollectionItemCardElement = class UmbDocumentCollectionItemCardElement extends UmbLitElement {
     #item;
@@ -66,31 +66,31 @@ let UmbDocumentCollectionItemCardElement = class UmbDocumentCollectionItemCardEl
     }
     #getPropertyValueByAlias(alias) {
         if (!this.item)
-            return '';
+            return { value: '' };
         switch (alias) {
             case 'contentTypeAlias':
-                return this.item.documentType.alias;
+                return { value: this.item.documentType.alias };
             case 'createDate':
-                return this._createDate?.toLocaleString();
+                return { value: this._createDate?.toLocaleString() };
             case 'creator':
             case 'owner':
-                return this.item.creator;
+                return { value: this.item.creator };
             case 'name':
-                return this._name;
+                return { value: this._name };
             case 'state':
-                return this._state ? fromCamelCase(this._state) : '';
+                return { value: this._state ? fromCamelCase(this._state) : '' };
             case 'published':
-                return this._state !== DocumentVariantStateModel.DRAFT ? 'True' : 'False';
+                return { value: this._state !== UmbDocumentVariantState.DRAFT ? 'True' : 'False' };
             case 'sortOrder':
-                return this.item.sortOrder;
+                return { value: this.item.sortOrder };
             case 'updateDate':
-                return this._updateDate?.toLocaleString();
+                return { value: this._updateDate?.toLocaleString() };
             case 'updater':
-                return this.item.updater;
+                return { value: this.item.updater };
             default: {
                 const culture = this.#resolver.getCulture();
                 const prop = this.item.values.find((x) => x.alias === alias && (!x.culture || x.culture === culture));
-                return prop?.value ?? '';
+                return { value: prop?.value ?? '', editorAlias: prop?.editorAlias };
             }
         }
     }
@@ -98,13 +98,13 @@ let UmbDocumentCollectionItemCardElement = class UmbDocumentCollectionItemCardEl
         if (!this._state)
             return;
         switch (this._state) {
-            case DocumentVariantStateModel.PUBLISHED:
+            case UmbDocumentVariantState.PUBLISHED:
                 return { color: 'positive', label: this.localize.term('content_published') };
-            case DocumentVariantStateModel.PUBLISHED_PENDING_CHANGES:
+            case UmbDocumentVariantState.PUBLISHED_PENDING_CHANGES:
                 return { color: 'warning', label: this.localize.term('content_publishedPendingChanges') };
-            case DocumentVariantStateModel.DRAFT:
+            case UmbDocumentVariantState.DRAFT:
                 return { color: 'default', label: this.localize.term('content_unpublished') };
-            case DocumentVariantStateModel.NOT_CREATED:
+            case UmbDocumentVariantState.NOT_CREATED:
                 return { color: 'danger', label: this.localize.term('content_notCreated') };
             default:
                 return { color: 'danger', label: fromCamelCase(this._state) };
@@ -150,11 +150,13 @@ let UmbDocumentCollectionItemCardElement = class UmbDocumentCollectionItemCardEl
 		`;
     }
     #renderProperty(column) {
-        const value = this.#getPropertyValueByAlias(column.alias);
+        const { value, editorAlias } = this.#getPropertyValueByAlias(column.alias);
         return html `
 			<li>
 				<span>${this.localize.string(column.header)}:</span>
-				${when(column.nameTemplate, () => html `<umb-ufm-render inline .markdown=${column.nameTemplate} .value=${{ value }}></umb-ufm-render>`, () => html `${value}`)}
+				${when(column.nameTemplate, () => html `<umb-ufm-render inline .markdown=${column.nameTemplate} .value=${{ value }}></umb-ufm-render>`, () => editorAlias
+            ? html `<umb-value-summary-extension .valueType=${editorAlias} .value=${value}></umb-value-summary-extension>`
+            : html `${value}`)}
 			</li>
 		`;
     }

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

@@ -21,6 +21,7 @@ export interface UmbDocumentCollectionItemModel extends UmbEntityWithFlags {
         culture?: string;
         segment?: string;
         value: string;
+        editorAlias: string;
     }>;
     variants: Array<UmbDocumentItemVariantModel>;
 }

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

@@ -41,6 +41,7 @@ export class UmbDocumentCollectionServerDataSource {
                         return {
                             alias: item.alias,
                             culture: item.culture ?? undefined,
+                            editorAlias: item.editorAlias,
                             segment: item.segment ?? undefined,
                             value: item.value,
                         };

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

@@ -12,7 +12,7 @@ export declare class UmbDocumentTableColumnPropertyValueElement extends UmbLitEl
     set value(value: UmbEditableDocumentCollectionItemModel);
     get value(): UmbEditableDocumentCollectionItemModel;
     constructor();
-    render(): typeof nothing | import("lit-html").TemplateResult<1>;
+    render(): string | number | typeof nothing | import("lit-html").TemplateResult<1> | null | undefined;
 }
 export default UmbDocumentTableColumnPropertyValueElement;
 declare global {

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

@@ -6,8 +6,8 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { UmbDocumentItemDataResolver } from '../../../../item/index.js';
 import { customElement, html, nothing, property, state, when } from '../../../../../../../external/lit/index.js';
+import { UmbDocumentVariantState } from '../../../../variant-state.js';
 import { UmbLitElement } from '../../../../../../core/lit-element/index.js';
-import { DocumentVariantStateModel } from '../../../../../../core/backend-api/index.js';
 let UmbDocumentTableColumnPropertyValueElement = class UmbDocumentTableColumnPropertyValueElement extends UmbLitElement {
     #resolver = new UmbDocumentItemDataResolver(this);
     set value(value) {
@@ -31,32 +31,32 @@ let UmbDocumentTableColumnPropertyValueElement = class UmbDocumentTableColumnPro
         const item = this.value.item;
         switch (alias) {
             case 'contentTypeAlias':
-                return item.documentType.alias;
+                return { value: item.documentType.alias };
             case 'createDate':
-                return this._createDate?.toLocaleString();
+                return { value: this._createDate?.toLocaleString() };
             case 'creator':
             case 'owner':
-                return item.creator;
+                return { value: item.creator };
             case 'published':
-                return this._state !== DocumentVariantStateModel.DRAFT ? 'True' : 'False';
+                return { value: this._state !== UmbDocumentVariantState.DRAFT ? 'True' : 'False' };
             case 'sortOrder':
-                return item.sortOrder;
+                return { value: item.sortOrder };
             case 'updateDate':
-                return this._updateDate?.toLocaleString();
+                return { value: this._updateDate?.toLocaleString() };
             case 'updater':
-                return item.updater;
+                return { value: item.updater };
             default: {
                 const culture = this.#resolver.getCulture();
                 const prop = item.values.find((x) => x.alias === alias && (!x.culture || x.culture === culture));
-                return prop?.value ?? '';
+                return { value: prop?.value ?? '', editorAlias: prop?.editorAlias };
             }
         }
     }
     render() {
         if (!this.value)
             return nothing;
-        const value = this.#getPropertyValueByAlias();
-        return when(this.column.labelTemplate, () => html `<umb-ufm-render inline .markdown=${this.column.labelTemplate} .value=${{ value }}></umb-ufm-render>`, () => html `${value}`);
+        const { value, editorAlias } = this.#getPropertyValueByAlias();
+        return when(this.column.labelTemplate, () => html `<umb-ufm-render inline .markdown=${this.column.labelTemplate} .value=${{ value }}></umb-ufm-render>`, () => editorAlias ? html `<umb-value-summary-extension .valueType=${editorAlias} .value=${value}></umb-value-summary-extension>` : value);
     }
 };
 __decorate([

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

@@ -7,7 +7,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { UmbDocumentItemDataResolver } from '../../../../item/index.js';
 import { customElement, html, property, state } from '../../../../../../../external/lit/index.js';
 import { fromCamelCase } from '../../../../../../core/utils/index.js';
-import { DocumentVariantStateModel } from '../../../../../../core/backend-api/index.js';
+import { UmbDocumentVariantState } from '../../../../variant-state.js';
 import { UmbLitElement } from '../../../../../../core/lit-element/index.js';
 let UmbDocumentTableColumnStateElement = class UmbDocumentTableColumnStateElement extends UmbLitElement {
     #resolver;
@@ -29,13 +29,13 @@ let UmbDocumentTableColumnStateElement = class UmbDocumentTableColumnStateElemen
     }
     #getStateTagConfig() {
         switch (this._state) {
-            case DocumentVariantStateModel.PUBLISHED:
+            case UmbDocumentVariantState.PUBLISHED:
                 return { color: 'positive', label: this.localize.term('content_published') };
-            case DocumentVariantStateModel.PUBLISHED_PENDING_CHANGES:
+            case UmbDocumentVariantState.PUBLISHED_PENDING_CHANGES:
                 return { color: 'warning', label: this.localize.term('content_publishedPendingChanges') };
-            case DocumentVariantStateModel.DRAFT:
+            case UmbDocumentVariantState.DRAFT:
                 return { color: 'default', label: this.localize.term('content_unpublished') };
-            case DocumentVariantStateModel.NOT_CREATED:
+            case UmbDocumentVariantState.NOT_CREATED:
                 return { color: 'danger', label: this.localize.term('content_notCreated') };
             default:
                 return { color: 'danger', label: fromCamelCase(this._state) };

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

@@ -2,6 +2,7 @@ import './components/index.js';
 export * from './audit-log/index.js';
 export * from './components/index.js';
 export * from './constants.js';
+export * from './user-start-node/value-type/constants.js';
 export * from './entity-actions/index.js';
 export * from './entity.js';
 export * from './global-contexts/index.js';
@@ -10,12 +11,14 @@ export * from './modals/index.js';
 export * from './paths.js';
 export * from './publishing/index.js';
 export * from './recycle-bin/index.js';
+export * from './redirect-management/index.js';
 export * from './reference/index.js';
 export * from './repository/index.js';
 export * from './search/index.js';
 export * from './tree/index.js';
 export * from './url/index.js';
 export * from './user-permissions/index.js';
+export * from './variant-state.js';
 export { UMB_CONTENT_MENU_ALIAS } from './menu/manifests.js';
 export { UMB_DOCUMENT_COLLECTION_ALIAS } from './collection/constants.js';
 export type * from './types.js';

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

@@ -2,6 +2,7 @@ import './components/index.js';
 export * from './audit-log/index.js';
 export * from './components/index.js';
 export * from './constants.js';
+export * from './user-start-node/value-type/constants.js';
 export * from './entity-actions/index.js';
 export * from './entity.js';
 export * from './global-contexts/index.js';
@@ -10,11 +11,13 @@ export * from './modals/index.js';
 export * from './paths.js';
 export * from './publishing/index.js';
 export * from './recycle-bin/index.js';
+export * from './redirect-management/index.js';
 export * from './reference/index.js';
 export * from './repository/index.js';
 export * from './search/index.js';
 export * from './tree/index.js';
 export * from './url/index.js';
 export * from './user-permissions/index.js';
+export * from './variant-state.js';
 export { UMB_CONTENT_MENU_ALIAS } from './menu/manifests.js';
 export { UMB_DOCUMENT_COLLECTION_ALIAS } from './collection/constants.js';

package/dist-cms/packages/documents/documents/item/document-item-data-resolver.d.ts

@@ -1,8 +1,8 @@
+import { UmbDocumentVariantState } from '../variant-state.js';
 import type { UmbDocumentItemModel } from './types.js';
 import { UmbControllerBase } from '../../../../libs/class-api/index.js';
 import type { UmbControllerHost } from '../../../../libs/controller-api/index.js';
 import type { UmbEntityFlag } from '../../../core/entity-flag/index.js';
-import type { DocumentVariantStateModel } from '../../../core/backend-api/index.js';
 import { type Observable } from '../../../../libs/observable-api/index.js';
 import type { UmbItemDataResolver } from '../../../core/entity-item/index.js';
 type UmbDocumentItemDataResolverModel = Omit<UmbDocumentItemModel, 'parent' | 'hasChildren'>;
@@ -21,7 +21,7 @@ export declare class UmbDocumentItemDataResolver<DocumentItemModel extends UmbDo
     readonly isTrashed: Observable<boolean | undefined>;
     readonly hasCollection: Observable<boolean>;
     readonly name: Observable<string | undefined>;
-    readonly state: Observable<DocumentVariantStateModel | null | undefined>;
+    readonly state: Observable<UmbDocumentVariantState | null | undefined>;
     readonly isDraft: Observable<boolean | undefined>;
     readonly createDate: Observable<Date | undefined>;
     readonly updateDate: Observable<Date | undefined>;
@@ -74,7 +74,7 @@ export declare class UmbDocumentItemDataResolver<DocumentItemModel extends UmbDo
      * @returns {Promise<string | undefined>} The state of the item
      * @memberof UmbDocumentItemDataResolver
      */
-    getState(): Promise<DocumentVariantStateModel | null | undefined>;
+    getState(): Promise<UmbDocumentVariantState | null | undefined>;
     /**
      * Get the isDraft of the item
      * @returns {Promise<boolean>} The isDraft of the item

package/dist-cms/packages/documents/documents/item/document-item-data-resolver.js

@@ -1,4 +1,4 @@
-import { UmbDocumentVariantState } from '../types.js';
+import { UmbDocumentVariantState } from '../variant-state.js';
 import { UmbControllerBase } from '../../../../libs/class-api/index.js';
 import { UmbArrayState, UmbBasicState, UmbBooleanState, UmbObjectState, UmbStringState, } from '../../../../libs/observable-api/index.js';
 import { UMB_VARIANT_CONTEXT } from '../../../core/variant/index.js';

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

@@ -17,8 +17,10 @@ export declare class UmbDocumentItemRefElement extends UmbLitElement {
     private _isTrashed;
     private _isDraft;
     private _editPath;
+    private _ancestorPath;
     constructor();
     render(): typeof nothing | import("lit-html").TemplateResult<1>;
+    static styles: import("lit").CSSResult[];
 }
 export { UmbDocumentItemRefElement as element };
 declare global {