@umbraco-cms/backoffice 17.3.5 → 17.4.0-rc2

package/dist-cms/packages/documents/document-blueprints/workspace/document-blueprint-workspace.context.d.ts

@@ -26,6 +26,11 @@ export declare class UmbDocumentBlueprintWorkspaceContext extends UmbContentDeta
      * @memberof UmbDocumentWorkspaceContext
      */
     getContentTypeUnique(): string | undefined;
+    /**
+     * Override mandatory validation to filter out variants without a name before validating.
+     * Blueprints allow partial variant data and users may only provide a name for some cultures.
+     */
+    runMandatoryValidationForSaveData(saveData: ContentModel, variantIds?: Array<UmbVariantId>): Promise<void>;
     createPropertyDatasetContext(host: UmbControllerHost, variantId: UmbVariantId): UmbDocumentBlueprintPropertyDatasetContext;
 }
 export { UmbDocumentBlueprintWorkspaceContext as api };

package/dist-cms/packages/documents/document-blueprints/workspace/document-blueprint-workspace.context.js

@@ -78,6 +78,15 @@ export class UmbDocumentBlueprintWorkspaceContext extends UmbContentDetailWorksp
     getContentTypeUnique() {
         return this.getData()?.documentType.unique;
     }
+    /**
+     * Override mandatory validation to filter out variants without a name before validating.
+     * Blueprints allow partial variant data and users may only provide a name for some cultures.
+     */
+    async runMandatoryValidationForSaveData(saveData, variantIds = []) {
+        const namedVariants = saveData.variants.filter((v) => v.name);
+        const filteredVariantIds = variantIds.filter((variantId) => namedVariants.some((v) => variantId.compare(v)));
+        return super.runMandatoryValidationForSaveData({ ...saveData, variants: namedVariants }, filteredVariantIds);
+    }
     createPropertyDatasetContext(host, variantId) {
         return new UmbDocumentBlueprintPropertyDatasetContext(host, this, variantId);
     }

package/dist-cms/packages/documents/document-blueprints/workspace/manifests.js

@@ -30,6 +30,24 @@ export const manifests = [
             },
         ],
     },
+    {
+        type: 'workspaceView',
+        alias: 'Umb.WorkspaceView.DocumentBlueprint.Info',
+        name: 'Document Blueprint Workspace Info View',
+        element: () => import('./views/info/document-blueprint-workspace-view-info.element.js'),
+        weight: 100,
+        meta: {
+            label: '#general_info',
+            pathname: 'info',
+            icon: 'info',
+        },
+        conditions: [
+            {
+                alias: UMB_WORKSPACE_CONDITION_ALIAS,
+                match: UMB_DOCUMENT_BLUEPRINT_WORKSPACE_ALIAS,
+            },
+        ],
+    },
     {
         type: 'workspaceAction',
         kind: 'default',

package/dist-cms/packages/documents/document-blueprints/workspace/views/info/document-blueprint-workspace-view-info.element.d.ts

@@ -0,0 +1,21 @@
+import { UmbLitElement } from '../../../../../core/lit-element/index.js';
+import type { UmbWorkspaceViewElement } from '../../../../../core/workspace/index.js';
+export declare class UmbDocumentBlueprintWorkspaceViewInfoElement extends UmbLitElement implements UmbWorkspaceViewElement {
+    #private;
+    private _documentBlueprintUnique;
+    private _routeBuilder?;
+    private _documentTypeUnique?;
+    private _documentTypeName?;
+    private _documentTypeIcon?;
+    private _hasSettingsAccess;
+    private _variant?;
+    constructor();
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("lit").CSSResult[];
+}
+export default UmbDocumentBlueprintWorkspaceViewInfoElement;
+declare global {
+    interface HTMLElementTagNameMap {
+        'umb-document-blueprint-workspace-view-info': UmbDocumentBlueprintWorkspaceViewInfoElement;
+    }
+}

package/dist-cms/packages/documents/document-blueprints/workspace/views/info/document-blueprint-workspace-view-info.element.js

@@ -0,0 +1,178 @@
+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 { UMB_DOCUMENT_BLUEPRINT_PROPERTY_DATASET_CONTEXT } from '../../../property-dataset-context/document-blueprint-property-dataset-context.token.js';
+import { UMB_DOCUMENT_BLUEPRINT_WORKSPACE_CONTEXT } from '../../constants.js';
+import { css, customElement, html, ifDefined, nothing, state } from '../../../../../../external/lit/index.js';
+import { createExtensionApiByAlias } from '../../../../../core/extension-registry/index.js';
+import { UmbLitElement } from '../../../../../core/lit-element/index.js';
+import { UmbModalRouteRegistrationController } from '../../../../../core/router/index.js';
+import { UMB_DATE_TIME_FORMAT_OPTIONS } from '../../../../../core/utils/index.js';
+import { UMB_SECTION_USER_PERMISSION_CONDITION_ALIAS } from '../../../../../core/section/index.js';
+import { UMB_SETTINGS_SECTION_ALIAS } from '../../../../../settings/index.js';
+import { UMB_WORKSPACE_MODAL } from '../../../../../core/workspace/index.js';
+let UmbDocumentBlueprintWorkspaceViewInfoElement = class UmbDocumentBlueprintWorkspaceViewInfoElement extends UmbLitElement {
+    #workspaceContext;
+    constructor() {
+        super();
+        this._documentBlueprintUnique = '';
+        this._documentTypeUnique = '';
+        this._hasSettingsAccess = false;
+        new UmbModalRouteRegistrationController(this, UMB_WORKSPACE_MODAL)
+            .addAdditionalPath('general/:entityType')
+            .onSetup((params) => {
+            return { data: { entityType: params.entityType, preset: {} } };
+        })
+            .observeRouteBuilder((routeBuilder) => {
+            this._routeBuilder = routeBuilder;
+        });
+        this.consumeContext(UMB_DOCUMENT_BLUEPRINT_WORKSPACE_CONTEXT, (context) => {
+            this.#workspaceContext = context;
+            this._documentTypeUnique = this.#workspaceContext?.getContentTypeUnique();
+            this._documentBlueprintUnique = this.#workspaceContext?.getUnique() ?? '';
+            this.#observeContent();
+        });
+        this.consumeContext(UMB_DOCUMENT_BLUEPRINT_PROPERTY_DATASET_CONTEXT, (context) => {
+            this.observe(context?.currentVariant, (currentVariant) => {
+                this._variant = currentVariant;
+            });
+        });
+        createExtensionApiByAlias(this, UMB_SECTION_USER_PERMISSION_CONDITION_ALIAS, [
+            {
+                config: {
+                    match: UMB_SETTINGS_SECTION_ALIAS,
+                },
+                onChange: (permitted) => {
+                    this._hasSettingsAccess = permitted;
+                },
+            },
+        ]);
+    }
+    #observeContent() {
+        if (!this.#workspaceContext)
+            return;
+        this.observe(this.#workspaceContext.structure.ownerContentType, (documentType) => {
+            this._documentTypeName = documentType?.name;
+            this._documentTypeIcon = documentType?.icon;
+        }, '_documentType');
+        this.observe(this.#workspaceContext.unique, (unique) => {
+            this._documentBlueprintUnique = unique;
+        }, '_documentBlueprintUnique');
+    }
+    render() {
+        return html `
+			<div class="container">
+				<umb-extension-slot id="workspace-info-apps" type="workspaceInfoApp"></umb-extension-slot>
+			</div>
+			<div class="container">
+				<uui-box headline=${this.localize.term('general_general')} id="general-section">
+					${this.#renderGeneralSection()}
+				</uui-box>
+			</div>
+		`;
+    }
+    #renderGeneralSection() {
+        const editDocumentTypePath = this._routeBuilder?.({ entityType: 'document-type' }) ?? '';
+        return html `${this.#renderCreateDate()} ${this.#renderUpdateDate()}
+
+			<div class="general-item">
+				<strong><umb-localize key="content_documentType">Document Type</umb-localize></strong>
+				<uui-ref-node-document-type
+					standalone
+					href=${ifDefined(this._hasSettingsAccess ? editDocumentTypePath + 'edit/' + this._documentTypeUnique : undefined)}
+					?readonly=${!this._hasSettingsAccess}
+					name=${ifDefined(this.localize.string(this._documentTypeName ?? ''))}>
+					<umb-icon slot="icon" name=${ifDefined(this._documentTypeIcon)}></umb-icon>
+				</uui-ref-node-document-type>
+			</div>
+			<div class="general-item">
+				<strong><umb-localize key="template_id">Id</umb-localize></strong>
+				<span>${this._documentBlueprintUnique}</span>
+			</div>`;
+    }
+    #renderCreateDate() {
+        if (!this._variant?.createDate)
+            return nothing;
+        return this.#renderDate(this._variant.createDate, 'content_createDate', 'Created');
+    }
+    #renderUpdateDate() {
+        if (!this._variant?.updateDate)
+            return nothing;
+        return this.#renderDate(this._variant.updateDate, 'content_updateDate', 'Last edited');
+    }
+    #renderDate(date, labelKey, labelText) {
+        return html `
+			<div class="general-item">
+				<strong><umb-localize .key=${labelKey}>${labelText}</umb-localize></strong>
+				<span>
+					<umb-localize-date .date=${date} .options=${UMB_DATE_TIME_FORMAT_OPTIONS}></umb-localize-date>
+				</span>
+			</div>
+		`;
+    }
+    static { this.styles = [
+        css `
+			:host {
+				display: grid;
+				gap: var(--uui-size-layout-1);
+				padding: var(--uui-size-layout-1);
+				grid-template-columns: 1fr 350px;
+			}
+
+			div.container {
+				display: flex;
+				flex-direction: column;
+				gap: var(--uui-size-layout-1);
+			}
+
+			#general-section {
+				display: flex;
+				flex-direction: column;
+			}
+
+			.general-item {
+				display: flex;
+				flex-direction: column;
+				gap: var(--uui-size-space-1);
+			}
+
+			.general-item:not(:last-child) {
+				margin-bottom: var(--uui-size-space-6);
+			}
+
+			uui-ref-node-document-type[readonly] {
+				padding-top: 7px;
+				padding-bottom: 7px;
+			}
+		`,
+    ]; }
+};
+__decorate([
+    state()
+], UmbDocumentBlueprintWorkspaceViewInfoElement.prototype, "_documentBlueprintUnique", void 0);
+__decorate([
+    state()
+], UmbDocumentBlueprintWorkspaceViewInfoElement.prototype, "_routeBuilder", void 0);
+__decorate([
+    state()
+], UmbDocumentBlueprintWorkspaceViewInfoElement.prototype, "_documentTypeUnique", void 0);
+__decorate([
+    state()
+], UmbDocumentBlueprintWorkspaceViewInfoElement.prototype, "_documentTypeName", void 0);
+__decorate([
+    state()
+], UmbDocumentBlueprintWorkspaceViewInfoElement.prototype, "_documentTypeIcon", void 0);
+__decorate([
+    state()
+], UmbDocumentBlueprintWorkspaceViewInfoElement.prototype, "_hasSettingsAccess", void 0);
+__decorate([
+    state()
+], UmbDocumentBlueprintWorkspaceViewInfoElement.prototype, "_variant", void 0);
+UmbDocumentBlueprintWorkspaceViewInfoElement = __decorate([
+    customElement('umb-document-blueprint-workspace-view-info')
+], UmbDocumentBlueprintWorkspaceViewInfoElement);
+export { UmbDocumentBlueprintWorkspaceViewInfoElement };
+export default UmbDocumentBlueprintWorkspaceViewInfoElement;

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

@@ -90,10 +90,10 @@ let UmbDashboardRedirectManagementElement = class UmbDashboardRedirectManagement
             return;
         }
         await umbConfirmModal(this, {
-            headline: `${this.localize.term('redirectUrls_disableUrlTracker')}`,
-            content: `${this.localize.term('redirectUrls_confirmDisable')}`,
+            headline: '#redirectUrls_disableUrlTracker',
+            content: '#redirectUrls_confirmDisable',
             color: 'danger',
-            confirmLabel: 'Disable',
+            confirmLabel: '#actions_disable',
         });
         this.#trackerToggle();
     }

package/dist-cms/packages/documents/document-types/components/input-document-type/input-document-type.element.js

@@ -15,6 +15,7 @@ import { UmbLitElement } from '../../../../core/lit-element/index.js';
 import { UmbModalRouteRegistrationController } from '../../../../core/router/index.js';
 import { UmbSorterController } from '../../../../core/sorter/index.js';
 import '../../../../core/entity-item/index.js';
+import { UUIBlinkAnimationValue } from '../../../../../external/uui/index.js';
 let UmbInputDocumentTypeElement = class UmbInputDocumentTypeElement extends UmbFormControlMixin(UmbLitElement, undefined) {
     #sorter;
     /**
@@ -218,6 +219,43 @@ let UmbInputDocumentTypeElement = class UmbInputDocumentTypeElement extends UmbF
 			#btn-add {
 				width: 100%;
 			}
+
+			uui-ref-node-document-type::after {
+				content: '';
+				position: absolute;
+				z-index: 1;
+				pointer-events: none;
+				inset: 0;
+				border: 1px solid transparent;
+				border-radius: var(--uui-border-radius);
+
+				transition: border-color 240ms ease-in;
+			}
+
+			uui-ref-node-document-type[drag-placeholder] {
+				--uui-color-focus: transparent;
+				color: transparent;
+			}
+
+			uui-ref-node-document-type[drag-placeholder]::after {
+				display: block;
+				border-width: 2px;
+				border-color: var(--uui-color-interactive-emphasis);
+				animation: ${UUIBlinkAnimationValue};
+			}
+			uui-ref-node-document-type[drag-placeholder]::before {
+				content: '';
+				position: absolute;
+				pointer-events: none;
+				inset: 0;
+				border-radius: var(--uui-border-radius);
+				background-color: var(--uui-color-interactive-emphasis);
+				opacity: 0.12;
+			}
+			uui-ref-node-document-type[drag-placeholder] > * {
+				transition: opacity 50ms 16ms;
+				opacity: 0;
+			}
 		`,
     ]; }
 };

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

@@ -35,6 +35,7 @@ export const manifests = [
             icon: 'icon-document',
             label: '#create_documentType',
             description: '#create_documentTypeDescription',
+            additionalOptions: true,
         },
     },
     {
@@ -52,6 +53,7 @@ export const manifests = [
             icon: 'icon-document-html',
             label: '#create_documentTypeWithTemplate',
             description: '#create_documentTypeWithTemplateDescription',
+            additionalOptions: true,
         },
     },
     {
@@ -69,6 +71,7 @@ export const manifests = [
             icon: 'icon-plugin',
             label: '#create_elementType',
             description: '#create_elementTypeDescription',
+            additionalOptions: true,
         },
     },
     ...folderManifests,

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

@@ -1,11 +1,12 @@
 import { UMB_DOCUMENT_TYPE_PROPERTY_TYPE_ENTITY_TYPE } from './entity.js';
+import { UmbDocumentTypePropertyTypeReferenceResponseManagementApiDataMapping } from './document-type-property-type-reference-response.management-api.mapping.js';
 import { UMB_MANAGEMENT_API_DATA_SOURCE_ALIAS } from '../../../core/repository/index.js';
 export const manifests = [
     {
         type: 'dataSourceDataMapping',
         alias: 'Umb.DataSourceDataMapping.ManagementApi.DocumentTypePropertyTypeReferenceResponse',
         name: 'Document Type Property Type Reference Response Management Api Data Mapping',
-        api: () => import('./document-type-property-type-reference-response.management-api.mapping.js'),
+        api: UmbDocumentTypePropertyTypeReferenceResponseManagementApiDataMapping,
         forDataSource: UMB_MANAGEMENT_API_DATA_SOURCE_ALIAS,
         forDataModel: 'DocumentTypePropertyTypeReferenceResponseModel',
     },

package/dist-cms/packages/documents/document-types/repository/detail/document-type-detail.store.js

@@ -12,7 +12,7 @@ export class UmbDocumentTypeDetailStore extends UmbDetailStoreBase {
      * @memberof UmbDocumentTypeStore
      */
     constructor(host) {
-        super(host, UMB_DOCUMENT_TYPE_DETAIL_STORE_CONTEXT.toString());
+        super(host, UMB_DOCUMENT_TYPE_DETAIL_STORE_CONTEXT);
     }
 }
 export { UmbDocumentTypeDetailStore as api };

package/dist-cms/packages/documents/document-types/repository/item/document-type-item.store.js

@@ -12,7 +12,7 @@ export class UmbDocumentTypeItemStore extends UmbItemStoreBase {
      * @memberof UmbDocumentTypeItemStore
      */
     constructor(host) {
-        super(host, UMB_DOCUMENT_TYPE_ITEM_STORE_CONTEXT.toString());
+        super(host, UMB_DOCUMENT_TYPE_ITEM_STORE_CONTEXT);
     }
 }
 export { UmbDocumentTypeItemStore as api };

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

@@ -13,7 +13,7 @@ export class UmbDocumentTypeTreeStore extends UmbUniqueTreeStore {
      * @memberof UmbDocumentTypeTreeStore
      */
     constructor(host) {
-        super(host, UMB_DOCUMENT_TYPE_TREE_STORE_CONTEXT.toString());
+        super(host, UMB_DOCUMENT_TYPE_TREE_STORE_CONTEXT);
     }
 }
 export { UmbDocumentTypeTreeStore as api };

package/dist-cms/packages/documents/document-types/tree/folder/repository/document-type-folder.store.js

@@ -12,7 +12,7 @@ export class UmbDocumentTypeFolderStore extends UmbDetailStoreBase {
      * @memberof UmbDocumentTypeStore
      */
     constructor(host) {
-        super(host, UMB_DOCUMENT_TYPE_FOLDER_STORE_CONTEXT.toString());
+        super(host, UMB_DOCUMENT_TYPE_FOLDER_STORE_CONTEXT);
     }
 }
 export { UmbDocumentTypeFolderStore as api };

package/dist-cms/packages/documents/document-types/tree/tree-item-children/collection/repository/document-type-tree-item-children-collection.repository.d.ts

@@ -1,11 +1,6 @@
-import type { UmbCollectionFilterModel, UmbCollectionRepository } from '../../../../../../core/collection/index.js';
-import { UmbRepositoryBase } from '../../../../../../core/repository/index.js';
-export declare class UmbDocumentTypeTreeItemChildrenCollectionRepository extends UmbRepositoryBase implements UmbCollectionRepository {
-    #private;
-    requestCollection(filter: UmbCollectionFilterModel): Promise<{
-        data: import("../../../../../../core/repository/index.js").UmbTargetPagedModel<import("../../../types.js").UmbDocumentTypeTreeItemModel> | undefined;
-        error: Error | import("../../../../../../core/resources/index.js").UmbApiError | import("../../../../../../core/resources/index.js").UmbCancelError | import("../../../../../../core/resources/index.js").UmbError | undefined;
-        asObservable: () => import("rxjs").Observable<import("../../../types.js").UmbDocumentTypeTreeItemModel[]> | undefined;
-    }>;
+import { UmbTreeItemChildrenCollectionRepositoryBase } from '../../../../../../core/tree/index.js';
+import type { UmbControllerHost } from '../../../../../../../libs/controller-api/index.js';
+export declare class UmbDocumentTypeTreeItemChildrenCollectionRepository extends UmbTreeItemChildrenCollectionRepositoryBase {
+    constructor(host: UmbControllerHost);
 }
 export { UmbDocumentTypeTreeItemChildrenCollectionRepository as api };

package/dist-cms/packages/documents/document-types/tree/tree-item-children/collection/repository/document-type-tree-item-children-collection.repository.js

@@ -1,26 +1,9 @@
-import { UmbDocumentTypeTreeRepository } from '../../../document-type-tree.repository.js';
-import { UmbRepositoryBase } from '../../../../../../core/repository/index.js';
-import { UMB_ENTITY_CONTEXT } from '../../../../../../core/entity/index.js';
-export class UmbDocumentTypeTreeItemChildrenCollectionRepository extends UmbRepositoryBase {
-    #treeRepository = new UmbDocumentTypeTreeRepository(this);
-    async requestCollection(filter) {
-        // TODO: get parent from args
-        const entityContext = await this.getContext(UMB_ENTITY_CONTEXT);
-        if (!entityContext)
-            throw new Error('Entity context not found');
-        const entityType = entityContext.getEntityType();
-        const unique = entityContext.getUnique();
-        if (!entityType)
-            throw new Error('Entity type not found');
-        if (unique === undefined)
-            throw new Error('Unique not found');
-        const parent = { entityType, unique };
-        if (parent.unique === null) {
-            return this.#treeRepository.requestTreeRootItems({ skip: filter.skip, take: filter.take });
-        }
-        else {
-            return this.#treeRepository.requestTreeItemsOf({ parent, skip: filter.skip, take: filter.take });
-        }
+import { UMB_DOCUMENT_TYPE_TREE_REPOSITORY_ALIAS } from '../../../constants.js';
+import { UmbTreeItemChildrenCollectionRepositoryBase } from '../../../../../../core/tree/index.js';
+export class UmbDocumentTypeTreeItemChildrenCollectionRepository extends UmbTreeItemChildrenCollectionRepositoryBase {
+    constructor(host) {
+        super(host);
+        this._setTreeRepositoryAlias(UMB_DOCUMENT_TYPE_TREE_REPOSITORY_ALIAS);
     }
 }
 export { UmbDocumentTypeTreeItemChildrenCollectionRepository as api };

package/dist-cms/packages/documents/documents/audit-log/info-app/document-history-workspace-info-app.element.js

@@ -6,11 +6,10 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { UmbDocumentAuditLogRepository } from '../repository/index.js';
 import { UMB_DOCUMENT_WORKSPACE_CONTEXT } from '../../workspace/constants.js';
-import { TimeOptions } from '../../utils.js';
 import { getDocumentHistoryTagStyleAndText } from './utils.js';
 import { css, customElement, html, nothing, repeat, state, when } from '../../../../../external/lit/index.js';
 import { UmbLitElement } from '../../../../core/lit-element/index.js';
-import { UmbPaginationManager } from '../../../../core/utils/index.js';
+import { UmbPaginationManager, UMB_DATE_TIME_FORMAT_OPTIONS } from '../../../../core/utils/index.js';
 import { UmbRequestReloadStructureForEntityEvent } from '../../../../core/entity-action/index.js';
 import { UmbTextStyles } from '../../../../core/style/index.js';
 import { UmbUserItemRepository } from '../../../../user/user/index.js';
@@ -112,7 +111,7 @@ let UmbDocumentHistoryWorkspaceInfoAppElement = class UmbDocumentHistoryWorkspac
             return html `
 							<umb-history-item
 								.name=${user?.name ?? 'Unknown'}
-								.detail=${this.localize.date(item.timestamp, TimeOptions)}>
+								.detail=${this.localize.date(item.timestamp, UMB_DATE_TIME_FORMAT_OPTIONS)}>
 								<umb-user-avatar
 									slot="avatar"
 									.name=${user?.name}

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

@@ -7,16 +7,21 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { UMB_DOCUMENT_WORKSPACE_CONTEXT } from '../../workspace/constants.js';
 import { UMB_CREATE_DOCUMENT_WORKSPACE_PATH_PATTERN } from '../../paths.js';
 import { UMB_DOCUMENT_ENTITY_TYPE, UMB_DOCUMENT_ROOT_ENTITY_TYPE } from '../../entity.js';
-import { css, customElement, html, map, property, state } from '../../../../../external/lit/index.js';
+import { UMB_DOCUMENT_CREATE_OPTIONS_MODAL } from '../../entity-actions/create/constants.js';
+import { css, customElement, html, property, repeat, state } from '../../../../../external/lit/index.js';
 import { UmbDocumentTypeStructureRepository } from '../../../document-types/index.js';
+import { UmbDocumentBlueprintItemRepository } from '../../../document-blueprints/index.js';
 import { UmbLitElement } from '../../../../core/lit-element/index.js';
+import { umbOpenModal } from '../../../../core/modal/index.js';
 let UmbCreateDocumentCollectionActionElement = class UmbCreateDocumentCollectionActionElement extends UmbLitElement {
     #documentTypeStructureRepository;
+    #documentBlueprintItemRepository;
     constructor() {
         super();
         this._allowedDocumentTypes = [];
         this._popoverOpen = false;
         this.#documentTypeStructureRepository = new UmbDocumentTypeStructureRepository(this);
+        this.#documentBlueprintItemRepository = new UmbDocumentBlueprintItemRepository(this);
         this.consumeContext(UMB_DOCUMENT_WORKSPACE_CONTEXT, (workspaceContext) => {
             this.observe(workspaceContext?.unique, (unique) => {
                 this._documentUnique = unique;
@@ -53,6 +58,43 @@ let UmbCreateDocumentCollectionActionElement = class UmbCreateDocumentCollection
             documentTypeUnique: item.unique,
         });
     }
+    #onClick(event, item) {
+        // Let modified/non-primary clicks (open in new tab, new window, etc.) use native link navigation.
+        if (event.button !== 0 || event.ctrlKey || event.metaKey || event.shiftKey || event.altKey) {
+            return;
+        }
+        // Cancel native anchor navigation and stop the window-level router-slot click handler
+        // (see core/router/router-slot/util/anchor.ts) from SPA-navigating before we can decide
+        // whether to open the blueprint picker.
+        event.preventDefault();
+        event.stopPropagation();
+        this.#onSelect(item);
+    }
+    async #onSelect(item) {
+        if (!item.unique) {
+            throw new Error('Item unique is missing');
+        }
+        const createUrl = this.#getCreateUrl(item);
+        const { data } = await this.#documentBlueprintItemRepository.requestItemsByDocumentType(item.unique);
+        if (!data?.length) {
+            history.pushState(null, '', createUrl);
+            return;
+        }
+        await umbOpenModal(this, UMB_DOCUMENT_CREATE_OPTIONS_MODAL, {
+            data: {
+                parent: {
+                    unique: this._documentUnique ?? null,
+                    entityType: this._documentUnique ? UMB_DOCUMENT_ENTITY_TYPE : UMB_DOCUMENT_ROOT_ENTITY_TYPE,
+                },
+                documentType: this._documentTypeUnique ? { unique: this._documentTypeUnique } : null,
+                preselectedDocumentType: {
+                    unique: item.unique,
+                    icon: item.icon ?? undefined,
+                    blueprints: data,
+                },
+            },
+        });
+    }
     render() {
         return this._allowedDocumentTypes.length !== 1 ? this.#renderDropdown() : this.#renderCreateButton();
     }
@@ -67,7 +109,12 @@ let UmbCreateDocumentCollectionActionElement = class UmbCreateDocumentCollection
             ' ' +
             this.localize.string(item.name);
         return html `
-			<uui-button color="default" href=${this.#getCreateUrl(item)} label=${label} look="outline"></uui-button>
+			<uui-button
+				color="default"
+				href=${this.#getCreateUrl(item)}
+				label=${label}
+				look="outline"
+				@click=${(event) => this.#onClick(event, item)}></uui-button>
 		`;
     }
     #renderDropdown() {
@@ -87,8 +134,11 @@ let UmbCreateDocumentCollectionActionElement = class UmbCreateDocumentCollection
 				@toggle=${this.#onPopoverToggle}>
 				<umb-popover-layout>
 					<uui-scroll-container>
-						${map(this._allowedDocumentTypes, (item) => html `
-								<uui-menu-item label=${this.localize.string(item.name)} href=${this.#getCreateUrl(item)}>
+						${repeat(this._allowedDocumentTypes, (item) => item.unique, (item) => html `
+								<uui-menu-item
+									label=${this.localize.string(item.name)}
+									href=${this.#getCreateUrl(item)}
+									@click=${(event) => this.#onClick(event, item)}>
 									<umb-icon slot="icon" name=${item.icon ?? 'icon-document'}></umb-icon>
 								</uui-menu-item>
 							`)}

package/dist-cms/packages/documents/documents/components/input-document/input-document.element.js

@@ -186,7 +186,7 @@ let UmbInputDocumentElement = class UmbInputDocumentElement extends UmbFormContr
 								.errorMessage=${status.state.error}
 								.errorDetail=${isError ? unique : undefined}
 								?readonly=${this.readonly}
-								?standalone=${this.max === 1}>
+								?standalone=${this.max === 1 && this._statuses?.length === 1}>
 								${when(!this.readonly, () => html `
 										<uui-action-bar slot="actions">
 											<uui-button

package/dist-cms/packages/documents/documents/entity-actions/create/document-create-options-modal.element.d.ts

@@ -5,6 +5,7 @@ export declare class UmbDocumentCreateOptionsModalElement extends UmbModalBaseEl
     private _allowedDocumentTypes;
     private _headline;
     private _availableBlueprints;
+    private _loading;
     firstUpdated(): Promise<void>;
     render(): import("lit-html").TemplateResult<1>;
     static styles: import("lit").CSSResult[];