@umbraco-cms/backoffice 17.0.2 → 17.1.0-rc

package/dist-cms/packages/documents/documents/entity-actions/culture-and-hostnames/modal/culture-and-hostnames-modal.element.js

@@ -5,22 +5,51 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { UmbDocumentCultureAndHostnamesRepository } from '../repository/index.js';
-import { css, customElement, html, query, repeat, state } from '../../../../../../external/lit/index.js';
+import { css, customElement, html, query, repeat, state, when, } from '../../../../../../external/lit/index.js';
 import { UmbLanguageCollectionRepository } from '../../../../../language/index.js';
 import { UmbModalBaseElement } from '../../../../../core/modal/index.js';
 import { UmbTextStyles } from '../../../../../core/style/index.js';
+import { UmbSorterController } from '../../../../../core/sorter/index.js';
+import { UmbId } from '../../../../../core/id/index.js';
 let UmbCultureAndHostnamesModalElement = class UmbCultureAndHostnamesModalElement extends UmbModalBaseElement {
-    constructor() {
-        super(...arguments);
-        this.#documentRepository = new UmbDocumentCultureAndHostnamesRepository(this);
-        this.#languageCollectionRepository = new UmbLanguageCollectionRepository(this);
-        this._languageModel = [];
-        this._domains = [];
-    }
+    #sorter;
     #documentRepository;
     #languageCollectionRepository;
     #unique;
     // Init
+    willUpdate(changedProperties) {
+        if (changedProperties.has('_domains') && this._domains) {
+            // Update sorter whenever _domains changes and is defined
+            this.#sorter.setModel(this._domains);
+        }
+    }
+    constructor() {
+        super();
+        this.#sorter = new UmbSorterController(this, {
+            getUniqueOfElement: (element) => {
+                return element.getAttribute('data-sort-entry-id');
+            },
+            getUniqueOfModel: (modelEntry) => {
+                return modelEntry.unique;
+            },
+            itemSelector: '.hostname-item',
+            containerSelector: '#sorter-wrapper',
+            onChange: ({ model }) => {
+                const oldValue = this._domains;
+                this._domains = model;
+                this.requestUpdate('_domains', oldValue);
+            },
+        });
+        this.#documentRepository = new UmbDocumentCultureAndHostnamesRepository(this);
+        this.#languageCollectionRepository = new UmbLanguageCollectionRepository(this);
+        // Initialize as undefined to track loading state
+        // When both _languageModel and _domains are set (non-undefined), loading is complete
+        this._languageModel = undefined;
+        // Initialize as undefined to track loading state
+        // When both _languageModel and _domains are set (non-undefined), loading is complete
+        this._domains = undefined;
+        this.#sorter.disable();
+    }
     firstUpdated() {
         this.#unique = this.data?.unique;
         this.#requestLanguages();
@@ -30,19 +59,26 @@ let UmbCultureAndHostnamesModalElement = class UmbCultureAndHostnamesModalElemen
         if (!this.#unique)
             return;
         const { data } = await this.#documentRepository.readCultureAndHostnames(this.#unique);
-        if (!data)
+        if (!data) {
+            // Set to empty array to indicate loading is complete
+            this._domains = [];
             return;
+        }
         this._defaultIsoCode = data.defaultIsoCode;
-        this._domains = data.domains;
+        this._domains = data.domains.map((domain) => ({ ...domain, unique: UmbId.new() }));
+        this.#sorter.enable();
     }
     async #requestLanguages() {
         const { data } = await this.#languageCollectionRepository.requestCollection({});
-        if (!data)
-            return;
-        this._languageModel = data.items;
+        // Set to empty array if no data, to indicate loading is complete
+        this._languageModel = data?.items ?? [];
     }
     async #handleSave() {
-        this.value = { defaultIsoCode: this._defaultIsoCode, domains: this._domains };
+        // Ensure data is loaded before saving
+        if (!this._domains)
+            return;
+        const cleanDomains = this._domains.map((domain) => ({ domainName: domain.domainName, isoCode: domain.isoCode }));
+        this.value = { defaultIsoCode: this._defaultIsoCode, domains: cleanDomains };
         const { error } = await this.#documentRepository.updateCultureAndHostnames(this.#unique, this.value);
         if (!error) {
             this._submitModal();
@@ -63,33 +99,99 @@ let UmbCultureAndHostnamesModalElement = class UmbCultureAndHostnamesModalElemen
     }
     #onChangeDomainLanguage(e, index) {
         const isoCode = e.target.value;
+        // Only update if _domains is defined
+        if (!this._domains)
+            return;
         this._domains = this._domains.map((domain, i) => (index === i ? { ...domain, isoCode } : domain));
     }
     #onChangeDomainHostname(e, index) {
         const domainName = e.target.value;
+        // Only update if _domains is defined
+        if (!this._domains)
+            return;
         this._domains = this._domains.map((domain, i) => (index === i ? { ...domain, domainName } : domain));
     }
     async #onRemoveDomain(index) {
+        // Only update if _domains is defined
+        if (!this._domains)
+            return;
         this._domains = this._domains.filter((d, i) => index !== i);
     }
     #onAddDomain(useCurrentDomain) {
+        // Only add domain if both _domains and _languageModel are defined
+        if (!this._domains || !this._languageModel)
+            return;
         const defaultModel = this._languageModel.find((model) => model.isDefault);
         if (useCurrentDomain) {
             // TODO: This ignorer is just needed for JSON SCHEMA TO WORK, As its not updated with latest TS jet.
             // eslint-disable-next-line @typescript-eslint/ban-ts-comment
             // @ts-ignore
             this.popoverContainerElement?.hidePopover();
-            this._domains = [...this._domains, { isoCode: defaultModel?.unique ?? '', domainName: window.location.host }];
+            this._domains = [
+                ...this._domains,
+                { isoCode: defaultModel?.unique ?? '', domainName: window.location.host, unique: UmbId.new() },
+            ];
+            this.#focusNewItem();
         }
         else {
-            this._domains = [...this._domains, { isoCode: defaultModel?.unique ?? '', domainName: '' }];
+            this._domains = [...this._domains, { isoCode: defaultModel?.unique ?? '', domainName: '', unique: UmbId.new() }];
+            this.#focusNewItem();
         }
     }
+    async #focusNewItem() {
+        await this.updateComplete;
+        const items = this.shadowRoot?.querySelectorAll('div.hostname-item');
+        const newItem = items[items.length - 1];
+        const firstInput = newItem?.querySelector('uui-input');
+        firstInput?.focus();
+    }
     // Renders
+    // Check if data is still loading
+    // Returns true when both _domains and _languageModel have been set (non-undefined)
+    #isLoading() {
+        return this._domains === undefined || this._languageModel === undefined;
+    }
     render() {
         return html `
 			<umb-body-layout headline=${this.localize.term('actions_assigndomain')}>
-				${this.#renderCultureSection()} ${this.#renderDomainSection()}
+				<!-- Display loader while _domains and _languageModel are being loaded -->
+				${when(this.#isLoading(), () => html `
+						<div id="loader-container">
+							<uui-loader></uui-loader>
+						</div>
+					`, () => html `
+						<uui-box>
+							<umb-property-layout
+								label=${this.localize.term('assignDomain_language')}
+								description=${this.localize.term('assignDomain_setLanguageHelp')}
+								orientation="vertical"
+								><div slot="editor">
+									<uui-combobox
+										id="select"
+										label=${this.localize.term('assignDomain_language')}
+										.value=${this._defaultIsoCode ?? 'inherit'}
+										@change=${this.#onChangeLanguage}>
+										<uui-combobox-list>
+											<uui-combobox-list-option .value=${'inherit'}>
+												${this.localize.term('assignDomain_inherit')}
+											</uui-combobox-list-option>
+											${this.#renderLanguageModelOptions()}
+										</uui-combobox-list>
+									</uui-combobox>
+								</div>
+							</umb-property-layout>
+						</uui-box>
+						<uui-box>
+							<umb-property-layout
+								label=${this.localize.term('assignDomain_setDomains')}
+								description=${this.localize.term('assignDomain_domainHelpWithVariants')}
+								orientation="vertical"
+								><div slot="editor">
+									${this.#renderDomains()} ${this.#renderAddNewDomainButton()}
+								</div></umb-property-layout
+							>
+						</uui-box>
+					`)}
 				<uui-button
 					slot="actions"
 					id="close"
@@ -105,66 +207,38 @@ let UmbCultureAndHostnamesModalElement = class UmbCultureAndHostnamesModalElemen
 			</umb-body-layout>
 		`;
     }
-    #renderCultureSection() {
-        return html `
-			<uui-box headline=${this.localize.term('assignDomain_setLanguage')}>
-				<uui-label for="select">${this.localize.term('assignDomain_language')}</uui-label>
-				<uui-combobox
-					id="select"
-					label=${this.localize.term('assignDomain_language')}
-					.value=${this._defaultIsoCode ?? 'inherit'}
-					@change=${this.#onChangeLanguage}>
-					<uui-combobox-list>
-						<uui-combobox-list-option .value=${'inherit'}>
-							${this.localize.term('assignDomain_inherit')}
-						</uui-combobox-list-option>
-						${this.#renderLanguageModelOptions()}
-					</uui-combobox-list>
-				</uui-combobox>
-			</uui-box>
-		`;
-    }
-    #renderDomainSection() {
-        return html `
-			<uui-box headline=${this.localize.term('assignDomain_setDomains')}>
-				<umb-localize key="assignDomain_domainHelpWithVariants">
-					Valid domain names are: "example.com", "www.example.com", "example.com:8080", or
-					"https://www.example.com/".<br />Furthermore also one-level paths in domains are supported, eg.
-					"example.com/en" or "/en".
-				</umb-localize>
-				${this.#renderDomains()} ${this.#renderAddNewDomainButton()}
-			</uui-box>
-		`;
-    }
     #renderDomains() {
-        if (!this._domains?.length)
-            return;
         return html `
-			<div id="domains">
-				${repeat(this._domains, (domain) => domain.isoCode, (domain, index) => html `
-						<uui-input
-							label=${this.localize.term('assignDomain_domain')}
-							.value=${domain.domainName}
-							@change=${(e) => this.#onChangeDomainHostname(e, index)}></uui-input>
-						<uui-combobox
-							.value=${domain.isoCode}
-							label=${this.localize.term('assignDomain_language')}
-							@change=${(e) => this.#onChangeDomainLanguage(e, index)}>
-							<uui-combobox-list> ${this.#renderLanguageModelOptions()} </uui-combobox-list>
-						</uui-combobox>
-						<uui-button
-							look="outline"
-							color="danger"
-							label=${this.localize.term('assignDomain_remove')}
-							@click=${() => this.#onRemoveDomain(index)}>
-							<uui-icon name="icon-trash"></uui-icon>
-						</uui-button>
+			<div id="sorter-wrapper">
+				${repeat(this._domains ?? [], (domain) => domain.unique, (domain, index) => html `
+						<div class="hostname-item" data-sort-entry-id=${domain.unique}>
+							<uui-icon name="icon-grip" class="handle"></uui-icon>
+							<div class="hostname-wrapper">
+								<uui-input
+									label=${this.localize.term('assignDomain_domain')}
+									.value=${domain.domainName}
+									@change=${(e) => this.#onChangeDomainHostname(e, index)}></uui-input>
+								<uui-combobox
+									.value=${domain.isoCode}
+									label=${this.localize.term('assignDomain_language')}
+									@change=${(e) => this.#onChangeDomainLanguage(e, index)}>
+									<uui-combobox-list> ${this.#renderLanguageModelOptions()} </uui-combobox-list>
+								</uui-combobox>
+								<uui-button
+									look="outline"
+									color="danger"
+									label=${this.localize.term('assignDomain_remove')}
+									@click=${() => this.#onRemoveDomain(index)}>
+									<uui-icon name="icon-trash"></uui-icon>
+								</uui-button>
+							</div>
+						</div>
 					`)}
 			</div>
 		`;
     }
     #renderLanguageModelOptions() {
-        return html `${repeat(this._languageModel, (model) => model.unique, (model) => html `<uui-combobox-list-option .value=${model.unique}>${model.name}</uui-combobox-list-option>`)}`;
+        return html `${repeat(this._languageModel ?? [], (model) => model.unique, (model) => html `<uui-combobox-list-option .value=${model.unique}>${model.name}</uui-combobox-list-option>`)}`;
     }
     #renderAddNewDomainButton() {
         return html `
@@ -193,6 +267,16 @@ let UmbCultureAndHostnamesModalElement = class UmbCultureAndHostnamesModalElemen
     static { this.styles = [
         UmbTextStyles,
         css `
+			#loader-container {
+				display: flex;
+				justify-content: center;
+				align-items: center;
+				min-height: 200px;
+			}
+
+			umb-property-layout[orientation='vertical'] {
+				padding: 0;
+			}
 			uui-button-group {
 				width: 100%;
 			}
@@ -205,12 +289,49 @@ let UmbCultureAndHostnamesModalElement = class UmbCultureAndHostnamesModalElemen
 				flex-grow: 0;
 			}
 
-			#domains {
-				margin-top: var(--uui-size-layout-1);
-				margin-bottom: var(--uui-size-2);
+			.hostname-item {
+				position: relative;
+				display: flex;
+				gap: var(--uui-size-1);
+				align-items: center;
+			}
+
+			.hostname-wrapper {
+				position: relative;
+				flex: 1;
 				display: grid;
 				grid-template-columns: 1fr 1fr auto;
-				grid-gap: var(--uui-size-1);
+				gap: var(--uui-size-1);
+			}
+
+			#sorter-wrapper {
+				margin-bottom: var(--uui-size-2);
+				display: flex;
+				flex-direction: column;
+				gap: var(--uui-size-1);
+			}
+
+			.handle {
+				cursor: grab;
+			}
+
+			.handle:active {
+				cursor: grabbing;
+			}
+			#action {
+				display: block;
+			}
+
+			.--umb-sorter-placeholder {
+				position: relative;
+				visibility: hidden;
+			}
+			.--umb-sorter-placeholder::after {
+				content: '';
+				position: absolute;
+				inset: 0px;
+				border-radius: var(--uui-border-radius);
+				border: 1px dashed var(--uui-color-divider-emphasis);
 			}
 		`,
     ]; }

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

@@ -19,6 +19,7 @@ const entityActions = [
         name: 'Delete Document Entity Action',
         forEntityTypes: [UMB_DOCUMENT_ENTITY_TYPE],
         meta: {
+            icon: 'icon-trash-empty',
             itemRepositoryAlias: UMB_DOCUMENT_ITEM_REPOSITORY_ALIAS,
             detailRepositoryAlias: UMB_DOCUMENT_DETAIL_REPOSITORY_ALIAS,
             referenceRepositoryAlias: UMB_DOCUMENT_REFERENCE_REPOSITORY_ALIAS,

package/dist-cms/packages/documents/documents/entity-actions/notifications/modal/document-notifications-modal.element.js

@@ -68,11 +68,7 @@ let UmbDocumentNotificationsModalElement = class UmbDocumentNotificationsModalEl
 				<uui-box .headline=${this.localize.term('notifications_editNotifications', this._documentName)}>
 					${repeat(this._settings, (setting) => setting.actionId, (setting) => {
             const localizationKey = `actions_${setting.alias}`;
-            let localization = this.localize.term(localizationKey);
-            if (localization === localizationKey) {
-                // Fallback to alias if no localization is found
-                localization = setting.alias;
-            }
+            const localization = this.localize.termOrDefault(localizationKey, setting.alias);
             return html `<uui-toggle
 								id=${setting.actionId}
 								@change=${() => this.#updateSubscription(setting.actionId)}

package/dist-cms/packages/documents/documents/entity-bulk-actions/duplicate-to/manifests.js

@@ -4,6 +4,7 @@ import { UMB_DOCUMENT_TREE_ALIAS } from '../../tree/manifests.js';
 import { UMB_USER_PERMISSION_DOCUMENT_DUPLICATE } from '../../user-permissions/document/constants.js';
 import { UMB_BULK_DUPLICATE_DOCUMENT_REPOSITORY_ALIAS } from './repository/constants.js';
 import { manifests as repositoryManifests } from './repository/manifests.js';
+import { UMB_ENTITY_IS_NOT_TRASHED_CONDITION_ALIAS } from '../../../../core/recycle-bin/index.js';
 import { UMB_COLLECTION_ALIAS_CONDITION } from '../../../../core/collection/index.js';
 export const manifests = [
     {
@@ -26,6 +27,9 @@ export const manifests = [
                 alias: 'Umb.Condition.UserPermission.Document',
                 allOf: [UMB_USER_PERMISSION_DOCUMENT_DUPLICATE],
             },
+            {
+                alias: UMB_ENTITY_IS_NOT_TRASHED_CONDITION_ALIAS,
+            },
         ],
     },
     ...repositoryManifests,

package/dist-cms/packages/documents/documents/entity-bulk-actions/move-to/manifests.js

@@ -4,6 +4,7 @@ import { UMB_DOCUMENT_TREE_ALIAS } from '../../tree/manifests.js';
 import { UMB_USER_PERMISSION_DOCUMENT_MOVE } from '../../user-permissions/document/constants.js';
 import { UMB_BULK_MOVE_DOCUMENT_REPOSITORY_ALIAS } from './repository/constants.js';
 import { manifests as repositoryManifests } from './repository/manifests.js';
+import { UMB_ENTITY_IS_NOT_TRASHED_CONDITION_ALIAS } from '../../../../core/recycle-bin/index.js';
 import { UMB_COLLECTION_ALIAS_CONDITION } from '../../../../core/collection/index.js';
 export const manifests = [
     {
@@ -26,6 +27,9 @@ export const manifests = [
                 alias: 'Umb.Condition.UserPermission.Document',
                 allOf: [UMB_USER_PERMISSION_DOCUMENT_MOVE],
             },
+            {
+                alias: UMB_ENTITY_IS_NOT_TRASHED_CONDITION_ALIAS,
+            },
         ],
     },
     ...repositoryManifests,

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

@@ -2,9 +2,18 @@ import { UmbDocumentVariantState } from '../types.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';
+/**
+ *
+ * @param variants
+ */
 function isVariantsInvariant(variants) {
     return variants?.[0]?.culture === null;
 }
+/**
+ *
+ * @param variants
+ * @param culture
+ */
 function findVariant(variants, culture) {
     return variants.find((x) => x.culture === culture);
 }
@@ -188,18 +197,20 @@ export class UmbDocumentItemDataResolver extends UmbControllerBase {
     }
     #setName() {
         const variant = this.#getCurrentVariant();
-        if (variant) {
+        if (variant?.name) {
             this.#name.setValue(variant.name);
             return;
         }
         const variants = this.getData()?.variants;
         if (variants) {
-            const fallbackName = findVariant(variants, this.#fallbackCulture)?.name;
-            this.#name.setValue(`(${fallbackName})`);
-        }
-        else {
-            this.#name.setValue(undefined);
+            // Try fallback culture first, then first variant with any name
+            const fallbackName = findVariant(variants, this.#fallbackCulture)?.name ?? variants.find((x) => x.name)?.name;
+            if (fallbackName) {
+                this.#name.setValue(`(${fallbackName})`);
+                return;
+            }
         }
+        this.#name.setValue('(Untitled)');
     }
     #setIsDraft() {
         const variant = this.#getCurrentVariant();

package/dist-cms/packages/documents/documents/item/repository/document-item.server.cache-invalidation.manager.js

@@ -7,6 +7,7 @@ export class UmbManagementApiDocumentItemDataCacheInvalidationManager extends Um
             /* The Document item model includes info about the Document Type.
             We need to invalidate the cache for both Document and DocumentType events. */
             eventSources: ['Umbraco:CMS:Document', 'Umbraco:CMS:DocumentType'],
+            eventTypes: ['Updated', 'Deleted', 'Trashed'],
         });
     }
     _onServerEvent(event) {

package/dist-cms/packages/documents/documents/preview/workspace-action/save-and-preview.action.d.ts

@@ -1,6 +1,5 @@
-import { UmbWorkspaceActionBase } from '../../../../core/workspace/index.js';
-import type { UmbControllerHost } from '../../../../../libs/controller-api/index.js';
-export declare class UmbDocumentSaveAndPreviewWorkspaceAction extends UmbWorkspaceActionBase {
-    constructor(host: UmbControllerHost, args: any);
+import { UmbDocumentSaveWorkspaceAction } from '../../workspace/actions/save.action.js';
+export declare class UmbDocumentSaveAndPreviewWorkspaceAction extends UmbDocumentSaveWorkspaceAction {
+    execute(): Promise<void>;
 }
 export { UmbDocumentSaveAndPreviewWorkspaceAction as api };

package/dist-cms/packages/documents/documents/preview/workspace-action/save-and-preview.action.js

@@ -1,27 +1,8 @@
-import { UmbDocumentUserPermissionCondition } from '../../user-permissions/document/conditions/document-user-permission.condition.js';
-import { UMB_USER_PERMISSION_DOCUMENT_UPDATE } from '../../user-permissions/document/constants.js';
-import { UmbWorkspaceActionBase } from '../../../../core/workspace/index.js';
-export class UmbDocumentSaveAndPreviewWorkspaceAction extends UmbWorkspaceActionBase {
-    constructor(host, args) {
-        super(host, args);
-        /* The action is disabled by default because the onChange callback
-         will first be triggered when the condition is changed to permitted */
-        this.disable();
-        const condition = new UmbDocumentUserPermissionCondition(host, {
-            host,
-            config: {
-                alias: 'Umb.Condition.UserPermission.Document',
-                allOf: [UMB_USER_PERMISSION_DOCUMENT_UPDATE],
-            },
-            onChange: () => {
-                if (condition.permitted) {
-                    this.enable();
-                }
-                else {
-                    this.disable();
-                }
-            },
-        });
+import { UmbDocumentSaveWorkspaceAction } from '../../workspace/actions/save.action.js';
+export class UmbDocumentSaveAndPreviewWorkspaceAction extends UmbDocumentSaveWorkspaceAction {
+    async execute() {
+        await this._retrieveWorkspaceContext;
+        await this._workspaceContext?.saveAndPreview();
     }
 }
 export { UmbDocumentSaveAndPreviewWorkspaceAction as api };

package/dist-cms/packages/documents/documents/property-editors/document-picker/property-editor-ui-document-picker.element.d.ts

@@ -1,8 +1,8 @@
 import { UmbLitElement } from '../../../../core/lit-element/index.js';
 import type { UmbPropertyEditorConfigCollection, UmbPropertyEditorUiElement } from '../../../../core/property-editor/index.js';
-export declare class UmbPropertyEditorUIDocumentPickerElement extends UmbLitElement implements UmbPropertyEditorUiElement {
+declare const UmbPropertyEditorUIDocumentPickerElement_base: import("../../../../../libs/extension-api/index.js").HTMLElementConstructor<import("../../../../core/validation/index.js").UmbFormControlMixinElement<string | undefined>> & typeof UmbLitElement;
+export declare class UmbPropertyEditorUIDocumentPickerElement extends UmbPropertyEditorUIDocumentPickerElement_base implements UmbPropertyEditorUiElement {
     #private;
-    value?: string;
     set config(config: UmbPropertyEditorConfigCollection | undefined);
     /**
      * Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.
@@ -11,11 +11,14 @@ export declare class UmbPropertyEditorUIDocumentPickerElement extends UmbLitElem
      * @default false
      */
     readonly: boolean;
+    mandatory: boolean;
+    mandatoryMessage: string;
     private _min;
     private _max;
     private _startNodeId?;
     private _interactionMemories;
     constructor();
+    firstUpdated(): void;
     render(): import("lit-html").TemplateResult<1>;
 }
 export default UmbPropertyEditorUIDocumentPickerElement;

package/dist-cms/packages/documents/documents/property-editors/document-picker/property-editor-ui-document-picker.element.js

@@ -9,7 +9,8 @@ import { customElement, html, property, state } from '../../../../../external/li
 import { UmbChangeEvent } from '../../../../core/event/index.js';
 import { UmbLitElement } from '../../../../core/lit-element/index.js';
 import { UmbPropertyEditorUiInteractionMemoryManager } from '../../../../core/property-editor/index.js';
-let UmbPropertyEditorUIDocumentPickerElement = class UmbPropertyEditorUIDocumentPickerElement extends UmbLitElement {
+import { UMB_VALIDATION_EMPTY_LOCALIZATION_KEY, UmbFormControlMixin } from '../../../../core/validation/index.js';
+let UmbPropertyEditorUIDocumentPickerElement = class UmbPropertyEditorUIDocumentPickerElement extends UmbFormControlMixin(UmbLitElement) {
     set config(config) {
         this.#interactionMemoryManager.setPropertyEditorConfig(config);
         if (!config)
@@ -31,6 +32,8 @@ let UmbPropertyEditorUIDocumentPickerElement = class UmbPropertyEditorUIDocument
          * @default false
          */
         this.readonly = false;
+        this.mandatory = false;
+        this.mandatoryMessage = UMB_VALIDATION_EMPTY_LOCALIZATION_KEY;
         this._min = 0;
         // NOTE: The legacy "Content Picker" property-editor only supported 1 item,
         // so that's why it's being enforced here. We'll evolve this in a future version. [LK]
@@ -43,6 +46,9 @@ let UmbPropertyEditorUIDocumentPickerElement = class UmbPropertyEditorUIDocument
             this._interactionMemories = interactionMemories ?? [];
         });
     }
+    firstUpdated() {
+        this.addFormControlElement(this.shadowRoot.querySelector('umb-input-document'));
+    }
     #onChange(event) {
         this.value = event.target.value;
         this.dispatchEvent(new UmbChangeEvent());
@@ -69,18 +75,23 @@ let UmbPropertyEditorUIDocumentPickerElement = class UmbPropertyEditorUIDocument
 				.value=${this.value}
 				@change=${this.#onChange}
 				?readonly=${this.readonly}
+				?required=${this.mandatory}
+				.requiredMessage=${this.mandatoryMessage}
 				.interactionMemories=${this._interactionMemories}
 				@interaction-memories-change=${this.#onInputInteractionMemoriesChange}>
 			</umb-input-document>
 		`;
     }
 };
-__decorate([
-    property()
-], UmbPropertyEditorUIDocumentPickerElement.prototype, "value", void 0);
 __decorate([
     property({ type: Boolean, reflect: true })
 ], UmbPropertyEditorUIDocumentPickerElement.prototype, "readonly", void 0);
+__decorate([
+    property({ type: Boolean })
+], UmbPropertyEditorUIDocumentPickerElement.prototype, "mandatory", void 0);
+__decorate([
+    property({ type: String })
+], UmbPropertyEditorUIDocumentPickerElement.prototype, "mandatoryMessage", void 0);
 __decorate([
     state()
 ], UmbPropertyEditorUIDocumentPickerElement.prototype, "_min", void 0);

package/dist-cms/packages/documents/documents/publishing/publish/entity-bulk-action/manifests.js

@@ -2,6 +2,7 @@ import { UMB_DOCUMENT_ENTITY_TYPE } from '../../../entity.js';
 import { UMB_DOCUMENT_COLLECTION_ALIAS } from '../../../collection/constants.js';
 import { UMB_USER_PERMISSION_DOCUMENT_PUBLISH } from '../../../user-permissions/document/constants.js';
 import { UMB_COLLECTION_ALIAS_CONDITION } from '../../../../../core/collection/index.js';
+import { UMB_ENTITY_IS_NOT_TRASHED_CONDITION_ALIAS } from '../../../../../core/recycle-bin/index.js';
 export const manifests = [
     {
         type: 'entityBulkAction',
@@ -24,6 +25,9 @@ export const manifests = [
                 alias: 'Umb.Condition.UserPermission.Document',
                 allOf: [UMB_USER_PERMISSION_DOCUMENT_PUBLISH],
             },
+            {
+                alias: UMB_ENTITY_IS_NOT_TRASHED_CONDITION_ALIAS,
+            },
         ],
     },
 ];

package/dist-cms/packages/documents/documents/publishing/unpublish/entity-bulk-action/manifests.js

@@ -2,6 +2,7 @@ import { UMB_DOCUMENT_ENTITY_TYPE } from '../../../entity.js';
 import { UMB_DOCUMENT_COLLECTION_ALIAS } from '../../../collection/constants.js';
 import { UMB_USER_PERMISSION_DOCUMENT_UNPUBLISH } from '../../../user-permissions/document/constants.js';
 import { UMB_COLLECTION_ALIAS_CONDITION } from '../../../../../core/collection/index.js';
+import { UMB_ENTITY_IS_NOT_TRASHED_CONDITION_ALIAS } from '../../../../../core/recycle-bin/index.js';
 export const manifests = [
     {
         type: 'entityBulkAction',
@@ -24,6 +25,9 @@ export const manifests = [
                 alias: 'Umb.Condition.UserPermission.Document',
                 allOf: [UMB_USER_PERMISSION_DOCUMENT_UNPUBLISH],
             },
+            {
+                alias: UMB_ENTITY_IS_NOT_TRASHED_CONDITION_ALIAS,
+            },
         ],
     },
 ];

package/dist-cms/packages/documents/documents/recycle-bin/entity-action/bulk-trash/manifests.js

@@ -6,6 +6,7 @@ import { UMB_DOCUMENT_REFERENCE_REPOSITORY_ALIAS } from '../../../reference/cons
 import { UMB_DOCUMENT_COLLECTION_ALIAS } from '../../../collection/constants.js';
 import { UMB_COLLECTION_ALIAS_CONDITION } from '../../../../../core/collection/index.js';
 import { UMB_ENTITY_BULK_ACTION_TRASH_WITH_RELATION_KIND } from '../../../../../relations/relations/index.js';
+import { UMB_ENTITY_IS_NOT_TRASHED_CONDITION_ALIAS } from '../../../../../core/recycle-bin/index.js';
 export const manifests = [
     {
         type: 'entityBulkAction',
@@ -28,6 +29,9 @@ export const manifests = [
                 alias: 'Umb.Condition.UserPermission.Document',
                 allOf: [UMB_USER_PERMISSION_DOCUMENT_DELETE],
             },
+            {
+                alias: UMB_ENTITY_IS_NOT_TRASHED_CONDITION_ALIAS,
+            },
         ],
     },
 ];