@umbraco-cms/backoffice 17.4.1 → 17.5.0-rc

package/dist-cms/packages/documents/document-redirect-management/dashboard-redirect-management.element.js

@@ -4,73 +4,70 @@ 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 { css, html, nothing, customElement, state, query, property } from '../../../external/lit/index.js';
+import { css, customElement, html, nothing, property, query, repeat, state, when, } from '../../../external/lit/index.js';
 import { umbConfirmModal } from '../../core/modal/index.js';
+import { UmbDocumentRedirectManagementRepository } from '../documents/index.js';
 import { UmbLitElement } from '../../core/lit-element/index.js';
-import { RedirectManagementService, RedirectStatusModel } from '../../core/backend-api/index.js';
-import { tryExecute } from '../../core/resources/index.js';
 import { UmbTextStyles } from '../../core/style/index.js';
 let UmbDashboardRedirectManagementElement = class UmbDashboardRedirectManagementElement extends UmbLitElement {
     constructor() {
         super(...arguments);
+        this.#repository = new UmbDocumentRedirectManagementRepository(this);
+        this._total = 0;
+        this._trackerEnabled = true;
         this.itemsPerPage = 20;
         this.page = 1;
-        this._trackerEnabled = true;
-        this._total = 0;
     }
+    #repository;
     connectedCallback() {
         super.connectedCallback();
         this.#getTrackerStatus();
         this.#getRedirectData();
     }
     async #getTrackerStatus() {
-        const { data } = await tryExecute(this, RedirectManagementService.getRedirectManagementStatus());
-        if (data && data.status)
-            this._trackerEnabled = data.status === RedirectStatusModel.ENABLED ? true : false;
+        const { data } = await this.#repository.requestStatus();
+        if (data)
+            this._trackerEnabled = data.enabled;
     }
-    // Fetch data
     async #getRedirectData(filter = undefined) {
         const skip = this.page * this.itemsPerPage - this.itemsPerPage;
-        const { data } = await tryExecute(this, RedirectManagementService.getRedirectManagement({ query: { filter, take: this.itemsPerPage, skip } }));
+        const { data } = await this.#repository.requestRedirects({ filter, take: this.itemsPerPage, skip });
         if (!data)
             return;
-        this._total = data?.total;
-        this._redirectData = data?.items;
+        this._total = data.total;
+        this._redirectData = data.items;
         if (filter !== undefined)
             this._buttonState = 'success';
     }
-    // Pagination
     #onPageChange(event) {
         if (this.page === event.target.current)
             return;
         this.page = event.target.current;
         this.#getRedirectData();
     }
-    // Delete Redirect Action
     async #onRequestDelete(data) {
-        if (!data.id)
+        if (!data.unique)
             return;
         await umbConfirmModal(this, {
-            headline: 'Delete',
+            headline: '#general_delete',
             content: html `
-				<div style="width:300px">
-					<p>${this.localize.term('redirectUrls_redirectRemoveWarning')}</p>
+				<p>${this.localize.term('redirectUrls_redirectRemoveWarning')}</p>
+				<p>
 					${this.localize.term('redirectUrls_originalUrl')}: <strong>${data.originalUrl}</strong><br />
 					${this.localize.term('redirectUrls_redirectedTo')}: <strong>${data.destinationUrl}</strong>
-				</div>
+				</p>
 			`,
             color: 'danger',
-            confirmLabel: 'Delete',
+            confirmLabel: '#general_delete',
         });
-        this.#redirectDelete(data.id);
+        this.#redirectDelete(data.unique);
     }
-    async #redirectDelete(id) {
-        const { error } = await tryExecute(this, RedirectManagementService.deleteRedirectManagementById({ path: { id } }));
+    async #redirectDelete(unique) {
+        const { error } = await this.#repository.delete(unique);
         if (error)
             return;
-        this._redirectData = this._redirectData?.filter((x) => x.id !== id);
+        this._redirectData = this._redirectData?.filter((x) => x.unique !== unique);
     }
-    // Search action
     #onKeypress(e) {
         if (e.key === 'Enter')
             this.#onSearch();
@@ -83,7 +80,6 @@ let UmbDashboardRedirectManagementElement = class UmbDashboardRedirectManagement
         this.page = 1;
         this.#getRedirectData(this._search.value);
     }
-    // Tracker disable/enable
     async #onRequestTrackerToggle() {
         if (!this._trackerEnabled) {
             this.#trackerToggle();
@@ -98,108 +94,112 @@ let UmbDashboardRedirectManagementElement = class UmbDashboardRedirectManagement
         this.#trackerToggle();
     }
     async #trackerToggle() {
-        const status = this._trackerEnabled ? RedirectStatusModel.DISABLED : RedirectStatusModel.ENABLED;
-        const { error } = await tryExecute(this, RedirectManagementService.postRedirectManagementStatus({ query: { status } }));
+        const { error } = await this.#repository.setStatus(!this._trackerEnabled);
         if (error)
             return;
         this._trackerEnabled = !this._trackerEnabled;
     }
-    // Renders
     render() {
-        return html ` <div id="redirect-actions">
-				${this._trackerEnabled
-            ? html `<div id="search-wrapper">
-								<uui-input
-									id="search"
-									placeholder="${this.localize.term('redirectUrls_originalUrl')}"
-									label="${this.localize.term('redirectUrls_originalUrl')}"
-									@keypress=${this.#onKeypress}></uui-input>
-								<uui-button
-									look="outline"
-									label="${this.localize.term('general_search')}"
-									@click=${this.#onSearch}
-									.state=${this._buttonState}>
-									${this.localize.term('general_search')}
-								</uui-button>
-							</div>
-							<uui-button
-								look="outline"
-								label="${this.localize.term('redirectUrls_disableUrlTracker')}"
-								@click=${this.#onRequestTrackerToggle}>
-								${this.localize.term('redirectUrls_disableUrlTracker')}
-							</uui-button>`
-            : html `<div></div>
+        return html `
+			<div id="redirect-actions">
+				${when(this._trackerEnabled, () => html `
+						<div id="search-wrapper">
+							<uui-input
+								id="search"
+								label=${this.localize.term('redirectUrls_originalUrl')}
+								placeholder=${this.localize.term('redirectUrls_originalUrl')}
+								@keypress=${this.#onKeypress}></uui-input>
 							<uui-button
 								look="outline"
-								color="positive"
-								label="${this.localize.term('redirectUrls_enableUrlTracker')}"
-								@click=${this.#onRequestTrackerToggle}>
-								${this.localize.term('redirectUrls_enableUrlTracker')}
-							</uui-button>`}
+								label=${this.localize.term('general_search')}
+								@click=${this.#onSearch}
+								.state=${this._buttonState}></uui-button>
+						</div>
+						<uui-button
+							look="outline"
+							label=${this.localize.term('redirectUrls_disableUrlTracker')}
+							@click=${this.#onRequestTrackerToggle}></uui-button>
+					`, () => html `
+						<div></div>
+						<uui-button
+							color="positive"
+							look="outline"
+							label=${this.localize.term('redirectUrls_enableUrlTracker')}
+							@click=${this.#onRequestTrackerToggle}></uui-button>
+					`)}
 			</div>
-			${this._redirectData?.length
-            ? html `<uui-box id="redirect-wrapper" style="--uui-box-default-padding:0">
-						${this._trackerEnabled ? '' : html `<div id="grey-out"></div>`} ${this.#renderTable()}
-					</uui-box>`
-            : this._filter !== undefined
-                ? this.#renderZeroResults()
-                : this.#renderNoRedirects()}
-			${this.#renderPagination()}`;
+			${when(this._redirectData?.length, () => html `
+					<uui-box id="redirect-wrapper">
+						${when(!this._trackerEnabled, () => html `<div id="grey-out"></div>`)} ${this.#renderTable()}
+					</uui-box>
+				`, () => (this._filter !== undefined ? this.#renderZeroResults() : this.#renderNoRedirects()))}
+			${this.#renderPagination()}
+		`;
     }
     #renderZeroResults() {
-        return html `<uui-box>
-			<strong>No redirects matching this search criteria</strong>
-			<p>Double check your search for any error or spelling mistakes.</p>
-		</uui-box>`;
+        return html `
+			<uui-box>
+				<strong>${this.localize.term('redirectUrls_noRedirectsForSearch')}</strong>
+				<p>${this.localize.term('redirectUrls_noRedirectsForSearchDescription')}</p>
+			</uui-box>
+		`;
     }
     #renderNoRedirects() {
-        return html `<uui-box>
-			<strong>${this.localize.term('redirectUrls_noRedirects')}</strong>
-			<p>${this.localize.term('redirectUrls_noRedirectsDescription')}</p>
-		</uui-box>`;
+        return html `
+			<uui-box>
+				<strong>${this.localize.term('redirectUrls_noRedirects')}</strong>
+				<p>${this.localize.term('redirectUrls_noRedirectsDescription')}</p>
+			</uui-box>
+		`;
     }
     #renderTable() {
-        return html `<uui-table>
-			<uui-table-head>
-				<uui-table-head-cell style="width:10%;">${this.localize.term('redirectUrls_culture')}</uui-table-head-cell>
-				<uui-table-head-cell>${this.localize.term('redirectUrls_originalUrl')}</uui-table-head-cell>
-				<uui-table-head-cell style="width:10%;"></uui-table-head-cell>
-				<uui-table-head-cell>${this.localize.term('redirectUrls_redirectedTo')}</uui-table-head-cell>
-				<uui-table-head-cell style="width:10%;">${this.localize.term('general_actions')}</uui-table-head-cell>
-			</uui-table-head>
-			${this.#renderTableData()}
-		</uui-table>`;
+        return html `
+			<uui-table>
+				<uui-table-head>
+					<uui-table-head-cell style="width:10%;">${this.localize.term('redirectUrls_culture')}</uui-table-head-cell>
+					<uui-table-head-cell>${this.localize.term('redirectUrls_originalUrl')}</uui-table-head-cell>
+					<uui-table-head-cell style="width:10%;"></uui-table-head-cell>
+					<uui-table-head-cell>${this.localize.term('redirectUrls_redirectedTo')}</uui-table-head-cell>
+					<uui-table-head-cell style="width:10%;">${this.localize.term('general_actions')}</uui-table-head-cell>
+				</uui-table-head>
+				${this.#renderTableData()}
+			</uui-table>
+		`;
     }
     #renderTableData() {
-        return html `${this._redirectData?.map((data) => {
-            return html ` <uui-table-row>
-				<uui-table-cell> ${data.culture || '*'} </uui-table-cell>
-				<uui-table-cell>
-					<a href="${data.originalUrl || '#'}" target="_blank">
-						<span>${data.originalUrl}</span>
-					</a>
-				</uui-table-cell>
-				<uui-table-cell>
-					<uui-icon name="icon-arrow-right"></uui-icon>
-				</uui-table-cell>
-				<uui-table-cell>
-					<a href="${data.destinationUrl || '#'}" target="_blank">
-						<span>${data.destinationUrl}</span>
-					</a>
-				</uui-table-cell>
-				<uui-table-cell>
-					<uui-action-bar style="justify-self: left;">
-						<uui-button
-							label="Delete"
-							look="secondary"
-							.disabled=${!this._trackerEnabled}
-							@click=${() => this.#onRequestDelete(data)}>
-							<uui-icon name="delete"></uui-icon>
-						</uui-button>
-					</uui-action-bar>
-				</uui-table-cell>
-			</uui-table-row>`;
-        })}`;
+        if (!this._redirectData?.length)
+            return nothing;
+        return html `
+			${repeat(this._redirectData, (data) => data.unique, (data) => html `
+					<uui-table-row>
+						<uui-table-cell>${data.culture || '*'}</uui-table-cell>
+						<uui-table-cell>
+							<a href=${data.originalUrl || '#'} target="_blank">
+								<span>${data.originalUrl}</span>
+							</a>
+						</uui-table-cell>
+						<uui-table-cell>
+							<uui-icon name="icon-arrow-right"></uui-icon>
+						</uui-table-cell>
+						<uui-table-cell>
+							<a href=${data.destinationUrl || '#'} target="_blank">
+								<span>${data.destinationUrl}</span>
+							</a>
+						</uui-table-cell>
+						<uui-table-cell>
+							<uui-action-bar>
+								<uui-button
+									label=${this.localize.term('general_delete')}
+									look="secondary"
+									.disabled=${!this._trackerEnabled}
+									@click=${() => this.#onRequestDelete(data)}>
+									<uui-icon name="delete"></uui-icon>
+								</uui-button>
+							</uui-action-bar>
+						</uui-table-cell>
+					</uui-table-row>
+				`)}
+		`;
     }
     #renderPagination() {
         if (!this._total)
@@ -207,15 +207,17 @@ let UmbDashboardRedirectManagementElement = class UmbDashboardRedirectManagement
         const totalPages = Math.ceil(this._total / this.itemsPerPage);
         if (totalPages <= 1)
             return nothing;
-        return html `<div class="pagination">
-			<uui-pagination
-				.total=${totalPages}
-				firstlabel=${this.localize.term('general_first')}
-				previouslabel=${this.localize.term('general_previous')}
-				nextlabel=${this.localize.term('general_next')}
-				lastlabel=${this.localize.term('general_last')}
-				@change=${this.#onPageChange}></uui-pagination>
-		</div>`;
+        return html `
+			<div class="pagination">
+				<uui-pagination
+					.total=${totalPages}
+					firstlabel=${this.localize.term('general_first')}
+					previouslabel=${this.localize.term('general_previous')}
+					nextlabel=${this.localize.term('general_next')}
+					lastlabel=${this.localize.term('general_last')}
+					@change=${this.#onPageChange}></uui-pagination>
+			</div>
+		`;
     }
     static { this.styles = [
         UmbTextStyles,
@@ -238,15 +240,18 @@ let UmbDashboardRedirectManagementElement = class UmbDashboardRedirectManagement
 			}
 
 			#redirect-wrapper {
+				--uui-box-default-padding: 0;
+
 				position: relative;
 				display: block;
-			}
-			#redirect-wrapper #grey-out {
-				position: absolute;
-				inset: 0;
-				background-color: var(--uui-color-surface-alt);
-				opacity: 0.7;
-				z-index: 1;
+
+				#grey-out {
+					position: absolute;
+					inset: 0;
+					background-color: var(--uui-color-surface-alt);
+					opacity: 0.7;
+					z-index: 1;
+				}
 			}
 
 			uui-pagination {
@@ -267,27 +272,27 @@ let UmbDashboardRedirectManagementElement = class UmbDashboardRedirectManagement
 		`,
     ]; }
 };
-__decorate([
-    property({ type: Number, attribute: 'items-per-page' })
-], UmbDashboardRedirectManagementElement.prototype, "itemsPerPage", void 0);
-__decorate([
-    property({ type: Number })
-], UmbDashboardRedirectManagementElement.prototype, "page", void 0);
 __decorate([
     state()
-], UmbDashboardRedirectManagementElement.prototype, "_trackerEnabled", void 0);
+], UmbDashboardRedirectManagementElement.prototype, "_buttonState", void 0);
 __decorate([
     state()
-], UmbDashboardRedirectManagementElement.prototype, "_total", void 0);
+], UmbDashboardRedirectManagementElement.prototype, "_redirectData", void 0);
 __decorate([
     state()
-], UmbDashboardRedirectManagementElement.prototype, "_redirectData", void 0);
+], UmbDashboardRedirectManagementElement.prototype, "_total", void 0);
 __decorate([
     state()
-], UmbDashboardRedirectManagementElement.prototype, "_buttonState", void 0);
+], UmbDashboardRedirectManagementElement.prototype, "_trackerEnabled", void 0);
 __decorate([
     state()
 ], UmbDashboardRedirectManagementElement.prototype, "_filter", void 0);
+__decorate([
+    property({ type: Number, attribute: 'items-per-page' })
+], UmbDashboardRedirectManagementElement.prototype, "itemsPerPage", void 0);
+__decorate([
+    property({ type: Number })
+], UmbDashboardRedirectManagementElement.prototype, "page", void 0);
 __decorate([
     query('#search')
 ], UmbDashboardRedirectManagementElement.prototype, "_search", void 0);

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

@@ -7,6 +7,7 @@ export const manifest = {
         label: 'Document Type Picker',
         icon: 'icon-document-dashed-line',
         group: 'advanced',
+        keywords: ['doctype', 'type', 'element', 'schema', 'pick'],
         supportsReadOnly: true,
         settings: {
             properties: [

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

@@ -111,46 +111,58 @@ 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>
+						${this._isElement
+            ? html `
+									<div class="not-applicable-message">
+										<umb-localize key="contentTypeEditor_elementDoesNotSupport">
+											This is not applicable for an Element type.
+										</umb-localize>
+									</div>
+								`
+            : html `
+									<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 `
-								<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>
+									${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"
-										placeholder="7"
-										.value=${this._keepAllVersionsNewerThanDays?.toString() ?? ''}
-										@change=${this.#onChangeKeepAllVersionsNewerThanDays}></uui-input>
-								</uui-form-layout-item>
+												<uui-input
+													type="number"
+													id="versions-newer-than-days"
+													min="0"
+													placeholder="7"
+													label=${this.localize.term('contentTypeEditor_historyCleanupKeepAllVersionsNewerThanDays')}
+													.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"
-										placeholder="90"
-										.value=${this._keepLatestVersionPerDayForDays?.toString() ?? ''}
-										@change=${this.#onChangeKeepLatestVersionPerDayForDays}></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"
+													placeholder="90"
+													label=${this.localize.term('contentTypeEditor_historyCleanupKeepLatestVersionPerDayForDays')}
+													.value=${this._keepLatestVersionPerDayForDays?.toString() ?? ''}
+													@change=${this.#onChangeKeepLatestVersionPerDayForDays}></uui-input>
+											</uui-form-layout-item>
+										`)}
+								`}
 					</div>
 				</umb-property-layout>
 			</uui-box>
@@ -202,6 +214,11 @@ let UmbDocumentTypeWorkspaceViewSettingsElement = class UmbDocumentTypeWorkspace
 			uui-toggle {
 				display: flex;
 			}
+
+			.not-applicable-message {
+				color: var(--uui-color-text-alt);
+				font-style: italic;
+			}
 		`,
     ]; }
 };

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

@@ -5,6 +5,7 @@ export declare class UmbDocumentTypeWorkspaceViewStructureElement extends UmbLit
     private _allowedAtRoot?;
     private _allowedContentTypeUniques?;
     private _collection?;
+    private _isElement?;
     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

@@ -21,6 +21,7 @@ let UmbDocumentTypeWorkspaceViewStructureElement = class UmbDocumentTypeWorkspac
         if (!this.#workspaceContext)
             return;
         this.observe(this.#workspaceContext.allowedAtRoot, (allowedAtRoot) => (this._allowedAtRoot = allowedAtRoot), '_allowedAtRootObserver');
+        this.observe(this.#workspaceContext.isElement, (isElement) => (this._isElement = isElement), '_isElementObserver');
         this.observe(this.#workspaceContext.allowedContentTypes, (allowedContentTypes) => {
             const oldValue = this._allowedContentTypeUniques;
             this._allowedContentTypeUniques = allowedContentTypes
@@ -41,6 +42,7 @@ let UmbDocumentTypeWorkspaceViewStructureElement = class UmbDocumentTypeWorkspac
 						<uui-toggle
 							label=${this.localize.term('contentTypeEditor_allowAtRootHeading')}
 							?checked=${this._allowedAtRoot}
+							?disabled=${this._isElement}
 							@change=${(e) => {
             this.#workspaceContext?.setAllowedAtRoot(e.target.checked);
         }}></uui-toggle>
@@ -49,18 +51,28 @@ let UmbDocumentTypeWorkspaceViewStructureElement = class UmbDocumentTypeWorkspac
 				<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) => {
-            const sortedContentTypesList = e.target.selection.map((id, index) => ({
-                contentType: { unique: id },
-                sortOrder: index,
-            }));
-            this.#workspaceContext?.setAllowedContentTypes(sortedContentTypesList);
-        }}">
-						</umb-input-document-type>
+						${this._isElement
+            ? html `
+									<div class="not-applicable-message">
+										<umb-localize key="contentTypeEditor_elementDoesNotSupport">
+											This is not applicable for an Element type.
+										</umb-localize>
+									</div>
+								`
+            : 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>
+								`}
 					</div>
 				</umb-property-layout>
 			</uui-box>
@@ -68,14 +80,24 @@ let UmbDocumentTypeWorkspaceViewStructureElement = class UmbDocumentTypeWorkspac
 				<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) => {
-            const unique = e.target.value;
-            this.#workspaceContext?.setCollection({ unique });
-        }}>
-						</umb-input-content-type-collection-configuration>
+						${this._isElement
+            ? html `
+									<div class="not-applicable-message">
+										<umb-localize key="contentTypeEditor_elementDoesNotSupport">
+											This is not applicable for an Element type.
+										</umb-localize>
+									</div>
+								`
+            : 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>
+								`}
 					</div>
 				</umb-property-layout>
 			</uui-box>
@@ -101,6 +123,11 @@ let UmbDocumentTypeWorkspaceViewStructureElement = class UmbDocumentTypeWorkspac
 			uui-toggle {
 				display: flex;
 			}
+
+			.not-applicable-message {
+				color: var(--uui-color-text-alt);
+				font-style: italic;
+			}
 		`,
     ]; }
 };
@@ -113,6 +140,9 @@ __decorate([
 __decorate([
     state()
 ], UmbDocumentTypeWorkspaceViewStructureElement.prototype, "_collection", void 0);
+__decorate([
+    state()
+], UmbDocumentTypeWorkspaceViewStructureElement.prototype, "_isElement", void 0);
 UmbDocumentTypeWorkspaceViewStructureElement = __decorate([
     customElement('umb-document-type-workspace-view-structure')
 ], UmbDocumentTypeWorkspaceViewStructureElement);