@umbraco-cms/backoffice 17.5.2 → 17.6.0-rc

package/dist-cms/packages/management-api/tree/tree-data.request-manager.js

@@ -6,6 +6,7 @@ export class UmbManagementApiTreeDataRequestManager extends UmbControllerBase {
     #getChildrenOf;
     #getAncestorsOf;
     #getSiblingsFrom;
+    #inflightRequestCache;
     #defaultTakeSize = 50;
     constructor(host, args) {
         super(host);
@@ -13,6 +14,27 @@ export class UmbManagementApiTreeDataRequestManager extends UmbControllerBase {
         this.#getChildrenOf = args.getChildrenOf;
         this.#getAncestorsOf = args.getAncestorsOf;
         this.#getSiblingsFrom = args.getSiblingsFrom;
+        this.#inflightRequestCache = args.inflightRequestCache;
+    }
+    // In-flight only — dedupes concurrent identical requests; entry removed on settle.
+    async #coalesce(keyFactory, request) {
+        const cache = this.#inflightRequestCache;
+        if (!cache) {
+            return request();
+        }
+        const key = keyFactory();
+        const existing = cache.get(key)?.requestPromise;
+        if (existing) {
+            return existing;
+        }
+        const promise = request();
+        cache.set(key, promise);
+        try {
+            return await promise;
+        }
+        finally {
+            cache.delete(key);
+        }
     }
     async getRootItems(args) {
         const paging = args.paging;
@@ -33,7 +55,7 @@ export class UmbManagementApiTreeDataRequestManager extends UmbControllerBase {
                     takeAfter: paging.takeAfter,
                 },
             };
-            const { data: responseData, error: responseError } = await tryExecute(this, this.#getSiblingsFrom(requestArgs));
+            const { data: responseData, error: responseError } = await this.#coalesce(() => `siblings:${JSON.stringify(requestArgs)}`, () => tryExecute(this, this.#getSiblingsFrom(requestArgs)));
             if (responseError) {
                 return { data: undefined, error: responseError };
             }
@@ -48,7 +70,7 @@ export class UmbManagementApiTreeDataRequestManager extends UmbControllerBase {
                 take: take,
             },
         };
-        const { data, error } = await tryExecute(this, this.#getRootItems(requestArgs));
+        const { data, error } = await this.#coalesce(() => `root:${JSON.stringify(requestArgs)}`, () => tryExecute(this, this.#getRootItems(requestArgs)));
         const mappedData = data
             ? {
                 items: data.items,
@@ -82,7 +104,7 @@ export class UmbManagementApiTreeDataRequestManager extends UmbControllerBase {
                     takeAfter: paging.takeAfter,
                 },
             };
-            const { data: responseData, error: responseError } = await tryExecute(this, this.#getSiblingsFrom(requestArgs));
+            const { data: responseData, error: responseError } = await this.#coalesce(() => `siblings:${JSON.stringify(requestArgs)}`, () => tryExecute(this, this.#getSiblingsFrom(requestArgs)));
             if (responseError) {
                 return { data: undefined, error: responseError };
             }
@@ -102,7 +124,7 @@ export class UmbManagementApiTreeDataRequestManager extends UmbControllerBase {
                 take,
             },
         };
-        const { data, error } = await tryExecute(this, this.#getChildrenOf(requestArgs));
+        const { data, error } = await this.#coalesce(() => `children:${JSON.stringify(requestArgs)}`, () => tryExecute(this, this.#getChildrenOf(requestArgs)));
         const mappedData = data
             ? {
                 items: data.items,
@@ -118,7 +140,7 @@ export class UmbManagementApiTreeDataRequestManager extends UmbControllerBase {
             ...args,
             treeItem: args.treeItem,
         };
-        return tryExecute(this, this.#getAncestorsOf(requestArgs));
+        return this.#coalesce(() => `ancestors:${JSON.stringify(requestArgs)}`, () => tryExecute(this, this.#getAncestorsOf(requestArgs)));
     }
     #getSkipFromArgs(args) {
         const paging = args.paging;

package/dist-cms/packages/management-api/umbraco-package.d.ts

@@ -5,6 +5,6 @@ export declare const extensions: {
     alias: string;
     type: string;
     js: {
-        manifests: (import("../tiptap/index.js").ManifestTiptapToolbarExtensionButtonKind<import("../tiptap/index.js").MetaTiptapToolbarExtension> | import("../core/modal/index.js").ManifestModal | import("../core/tree/index.js").ManifestTreeItem | import("../core/collection/index.js").ManifestCollection | import("../core/collection/index.js").ManifestCollectionMenu | import("src/packages/core/collection/menu/menu-item/extension/collection-menu-item.extension.js").ManifestCollectionMenuItem | import("../core/tree/index.js").ManifestTree | import("../core/collection/index.js").ManifestCollectionView | import("../core/collection/index.js").ManifestCollectionViewTableKind | import("../tiptap/index.js").ManifestTiptapToolbarExtensionActionButtonKind<import("../tiptap/index.js").MetaTiptapToolbarExtension> | import("../tiptap/index.js").ManifestTiptapToolbarExtensionColorPickerButtonKind<import("../tiptap/index.js").MetaTiptapToolbarExtension> | import("src/packages/core/entity-item/entity-item-ref/entity-item-ref.extension.js").ManifestEntityItemRef<import("src/packages/core/entity-item/entity-item-ref/entity-item-ref.extension.js").MetaEntityItemRef> | import("../core/extension-registry/index.js").ManifestAppEntryPoint | import("../core/extension-registry/index.js").ManifestBackofficeEntryPoint | import("../core/extension-registry/index.js").ManifestEntryPoint | (import("../../libs/extension-api/index.js").ManifestBase | import("../../libs/extension-api/index.js").ManifestCondition | import("../../libs/extension-api/index.js").ManifestBundle<import("../../libs/extension-api/index.js").ManifestBase | import("../../libs/extension-api/index.js").ManifestCondition | import("../../libs/extension-api/index.js").ManifestBundle<import("../../libs/extension-api/index.js").ManifestBase | import("../../libs/extension-api/index.js").ManifestCondition | import("../../libs/extension-api/index.js").ManifestBundle<import("../../libs/extension-api/index.js").ManifestBase | import("../../libs/extension-api/index.js").ManifestCondition | import("../../libs/extension-api/index.js").ManifestBundle<import("../../libs/extension-api/index.js").ManifestBase | import("../../libs/extension-api/index.js").ManifestCondition | import("../../libs/extension-api/index.js").ManifestBundle<import("../../libs/extension-api/index.js").ManifestBase | import("../../libs/extension-api/index.js").ManifestCondition | import("../../libs/extension-api/index.js").ManifestBundle<import("../../libs/extension-api/index.js").ManifestBase | import("../../libs/extension-api/index.js").ManifestCondition | import("../../libs/extension-api/index.js").ManifestBundle<import("../../libs/extension-api/index.js").ManifestBase | import("../../libs/extension-api/index.js").ManifestCondition | import("../../libs/extension-api/index.js").ManifestBundle<import("../../libs/extension-api/index.js").ManifestBase | import("../../libs/extension-api/index.js").ManifestCondition | import("../../libs/extension-api/index.js").ManifestBundle<import("../../libs/extension-api/index.js").ManifestBase | import("../../libs/extension-api/index.js").ManifestCondition | import("../../libs/extension-api/index.js").ManifestBundle<import("../../libs/extension-api/index.js").ManifestBase | import("../../libs/extension-api/index.js").ManifestCondition | import("../../libs/extension-api/index.js").ManifestBundle<import("../../libs/extension-api/index.js").ManifestBase | import("../../libs/extension-api/index.js").ManifestCondition | /*elided*/ any>>>>>>>>>>>) | import("../core/repository/index.js").ManifestDataSourceDataMapping<import("../core/repository/index.js").MetaDataSourceDataMapping> | import("../ufm/index.js").ManifestUfmFilter | import("../ufm/index.js").ManifestUfmComponent | import("../ufm/index.js").ManifestMarkedExtension | import("../core/property/index.js").ManifestPropertyContext<import("../core/property/index.js").MetaPropertyContext> | import("../core/property/index.js").ManifestPropertyValueCloner | (import("../core/property-editor/index.js").ManifestPropertyEditorSchema | import("../core/property-editor/index.js").ManifestPropertyEditorUi) | import("../core/property/index.js").ManifestPropertyValuePreset | import("../core/property/index.js").ManifestPropertyValueResolver | import("../core/tree/index.js").ManifestEntityActionDuplicateToKind | import("../core/tree/index.js").ManifestEntityActionMoveToKind | import("../core/tree/index.js").ManifestEntityActionReloadTreeItemChildrenKind | import("../core/tree/index.js").ManifestEntityActionSortChildrenOfKind | import("../core/section/index.js").ManifestSectionContext<import("../core/section/index.js").MetaSectionContext> | (import("../core/section/index.js").ManifestSectionSidebarApp | import("../core/section/index.js").ManifestSection | import("../core/section/index.js").ManifestSectionRoute | import("../core/section/index.js").ManifestSectionView) | import("../core/dashboard/index.js").ManifestDashboard | import("../core/workspace/index.js").ManifestWorkspaceActionMenuItem<import("../core/workspace/index.js").MetaWorkspaceActionMenuItem> | import("../core/workspace/index.js").ManifestWorkspaceActionMenuItemDefaultKind<import("../core/workspace/index.js").MetaWorkspaceActionMenuItemDefaultKind> | import("../core/workspace/index.js").ManifestWorkspaceInfoApp<import("../core/workspace/index.js").MetaWorkspaceInfoApp> | import("../core/workspace/index.js").ManifestWorkspaceDefaultKind | import("../core/workspace/index.js").ManifestWorkspaceAction<import("../core/workspace/index.js").MetaWorkspaceAction, import("../core/workspace/index.js").UmbWorkspaceAction<import("../core/workspace/index.js").MetaWorkspaceAction>> | import("../core/workspace/index.js").ManifestWorkspaceActionDefaultKind | import("../core/workspace/index.js").ManifestWorkspaceFooterApp | import("../core/workspace/index.js").ManifestWorkspaceFooterAppMenuBreadcrumbKind | import("../core/workspace/index.js").ManifestWorkspaceFooterAppVariantMenuBreadcrumbKind | import("../core/workspace/index.js").ManifestWorkspaceView<import("../core/workspace/index.js").MetaWorkspaceView> | import("../core/workspace/index.js").ManifestWorkspaceViewContentTypeDesignEditorKind | import("../core/workspace/index.js").ManifestWorkspace<import("../core/workspace/index.js").MetaWorkspace, import("../../libs/controller-api/index.js").UmbControllerHostElement, import("../core/workspace/index.js").UmbWorkspaceContext> | import("../core/workspace/index.js").ManifestWorkspaceRoutableKind | import("../core/workspace/index.js").ManifestWorkspaceContext | import("../core/tree/index.js").ManifestEntityActionCreateFolderKind | import("../core/tree/index.js").ManifestEntityActionDeleteFolderKind | import("../core/tree/index.js").ManifestEntityActionUpdateFolderKind | import("../core/menu/index.js").ManifestMenu | import("../core/menu/index.js").ManifestMenuItem | import("../core/menu/index.js").ManifestMenuItemActionKind | import("../core/menu/index.js").ManifestMenuItemLinkKind | import("../core/menu/index.js").ManifestWorkspaceContextMenuStructureKind | import("../core/tree/index.js").ManifestMenuItemTreeKind | import("../core/collection/index.js").ManifestCollectionAction | import("../core/collection/index.js").ManifestEntityCollectionItemCard<import("../core/collection/index.js").MetaEntityCollectionItemCard> | import("../core/collection/index.js").ManifestEntityCollectionItemRef<import("../core/collection/index.js").MetaEntityCollectionItemRef> | import("../core/collection/index.js").ManifestCollectionActionCreateKind | import("../core/collection/index.js").ManifestCollectionTextFilter | import("../core/collection/index.js").ManifestWorkspaceViewCollectionKind | import("../core/value-summary/index.js").ManifestValueSummary | import("../content/content/index.js").ManifestAuditLogAction<import("../content/content/index.js").MetaAuditLogAction> | import("../content/content/index.js").ManifestAuditLogActionDefaultKind | import("../content/content/index.js").ManifestEntityActionContentRollbackKind | import("../content/content/index.js").ManifestWorkspaceInfoAppAuditLogKind | import("../content/content/index.js").ManifestWorkspaceViewContentCollectionKind | import("../content/content/index.js").ManifestEntityActionSortChildrenOfContentKind | import("../user/current-user/index.js").ManifestUserProfileApp | import("../user/current-user/index.js").ManifestCurrentUserAction<import("../user/current-user/index.js").MetaCurrentUserAction> | import("../core/icon-registry/index.js").ManifestIcons | import("../user/user-permission/index.js").ManifestEntityUserPermission | import("../user/user-permission/index.js").ManifestGranularUserPermission | import("../core/localization/index.js").ManifestLocalization | import("../core/picker/index.js").ManifestPickerSearchResultItem | import("../core/property-editor-data-source/index.js").ManifestPropertyEditorDataSource | import("../core/validation/index.js").ManifestPropertyValidationPathTranslator<any> | import("../core/entity-action/index.js").ManifestEntityActionDeleteKind | import("../core/entity-action/index.js").ManifestEntityAction<import("../core/entity-action/index.js").MetaEntityAction> | import("../core/entity-action/index.js").ManifestEntityActionDefaultKind | import("src/packages/core/entity-action/common/create/types.js").ManifestEntityActionCreateKind | import("../core/entity-create-option-action/index.js").ManifestEntityCreateOptionAction<import("../core/entity-create-option-action/index.js").MetaEntityCreateOptionAction> | import("../core/entity-bulk-action/index.js").ManifestEntityBulkActionDeleteKind | import("../core/extension-registry/index.js").UmbEntityBulkActionExtensions | import("../core/extension-registry/index.js").ManifestExternalLoginProvider | import("../core/extension-registry/index.js").ManifestGlobalContext | import("../core/extension-registry/index.js").ManifestHeaderApp | import("../core/extension-registry/index.js").ManifestHeaderAppButtonKind | import("../core/extension-registry/index.js").ManifestMfaLoginProvider | import("../core/extension-registry/index.js").ManifestPreviewAppProvider | import("../core/extension-registry/index.js").ManifestRepository<import("../../libs/extension-api/index.js").UmbApi> | import("../core/extension-registry/index.js").UmbStoreExtensions | import("../core/search/index.js").ManifestSearchProvider | import("../core/search/index.js").ManifestSearchResultItem | import("../core/search/index.js").ManifestGlobalSearch | import("../core/auth/index.js").ManifestAuthProvider | import("../core/themes/index.js").ManifestTheme | import("../core/entity-sign/index.js").ManifestEntitySign<import("../core/entity-sign/index.js").MetaEntitySign> | import("src/packages/core/entity-sign/kinds/types.js").ManifestEntitySignIconKind | import("../core/property-action/index.js").UmbPropertyActionExtensions | import("../core/property-sort-mode/index.js").ManifestPropertyActionSortModeKind<import("../core/property-action/index.js").MetaPropertyActionDefaultKind> | import("../core/recycle-bin/index.js").ManifestEntityActionTrashKind | import("../core/recycle-bin/index.js").ManifestEntityActionRestoreFromRecycleBinKind | import("../core/recycle-bin/index.js").ManifestEntityActionEmptyRecycleBinKind | import("../core/recycle-bin/index.js").ManifestEntityBulkActionTrashKind | import("../core/recycle-bin/index.js").ManifestCollectionActionEmptyRecycleBinKind | import("src/packages/core/recycle-bin/tree/tree-item/types.js").ManifestTreeItemRecycleBinKind | import("../core/server-file-system/index.js").ManifestEntityActionRenameServerFileKind | import("src/packages/core/tree/folder/entity-create-option-action/types.js").ManifestEntityCreateOptionActionFolderKind | import("../core/property-sort-mode/index.js").ManifestPropertyContextSortModeKind | import("../block/block/index.js").ManifestBlockAction<import("../block/block/index.js").MetaBlockAction> | import("../block/block/index.js").ManifestBlockActionDefaultKind | import("../block/block-custom-view/index.js").ManifestBlockEditorCustomView | import("../clipboard/index.js").ManifestClipboardCopyPropertyValueTranslator | import("../clipboard/index.js").ManifestClipboardPastePropertyValueTranslator | import("../clipboard/index.js").ManifestPropertyActionPasteFromClipboardKind | import("../clipboard/index.js").ManifestPropertyActionCopyToClipboardKind | import("src/packages/relations/relations/entity-actions/bulk-delete/types.js").ManifestEntityBulkActionDeleteWithRelationKind | import("../relations/relations/index.js").ManifestEntityBulkActionTrashWithRelationKind | import("../relations/relations/index.js").ManifestEntityActionTrashWithRelationKind | import("../documents/documents/index.js").ManifestWorkspaceActionMenuItemPreviewOptionKind | import("../media/media/index.js").ManifestFileUploadPreview | import("../health-check/index.js").ManifestHealthCheck | import("../packages/package/index.js").ManifestPackageView | import("../property-editors/content-picker/index.js").ManifestDynamicRootOrigin | import("../property-editors/content-picker/index.js").ManifestDynamicRootQueryStep | import("src/packages/relations/relations/entity-actions/delete/types.js").ManifestEntityActionDeleteWithRelationKind | import("src/packages/relations/relations/reference/workspace-info-app/types.js").ManifestWorkspaceInfoAppEntityReferencesKind | import("../tiptap/index.js").ManifestTiptapExtension<import("../tiptap/index.js").MetaTiptapExtension> | import("../tiptap/index.js").ManifestTiptapToolbarExtension<import("../tiptap/index.js").MetaTiptapToolbarExtension> | import("../tiptap/index.js").ManifestTiptapToolbarExtensionMenuKind | import("../tiptap/index.js").ManifestTiptapToolbarExtensionStyleMenuKind | import("../tiptap/index.js").ManifestTiptapStatusbarExtension<import("../tiptap/index.js").MetaTiptapStatusbarExtension> | import("src/packages/clipboard/property/context/types.js").ManifestPropertyContextClipboardKind | import("src/packages/core/section/default/types.js").ManifestSectionDefaultKind | import("../markdown-editor/index.js").ManifestMonacoMarkdownEditorAction)[];
+        manifests: (import("../tiptap/index.js").ManifestTiptapToolbarExtensionButtonKind<import("../tiptap/index.js").MetaTiptapToolbarExtension> | import("../core/modal/index.js").ManifestModal | import("../core/tree/index.js").ManifestTreeItem | import("../core/collection/index.js").ManifestCollection | import("../core/collection/index.js").ManifestCollectionMenu | import("src/packages/core/collection/menu/menu-item/extension/collection-menu-item.extension.js").ManifestCollectionMenuItem | import("../core/tree/index.js").ManifestTree | import("../core/collection/index.js").ManifestCollectionView | import("../core/collection/index.js").ManifestCollectionViewTableKind | import("../tiptap/index.js").ManifestTiptapToolbarExtensionActionButtonKind<import("../tiptap/index.js").MetaTiptapToolbarExtension> | import("../tiptap/index.js").ManifestTiptapToolbarExtensionColorPickerButtonKind<import("../tiptap/index.js").MetaTiptapToolbarExtension> | import("src/packages/core/entity-item/entity-item-ref/entity-item-ref.extension.js").ManifestEntityItemRef<import("src/packages/core/entity-item/entity-item-ref/entity-item-ref.extension.js").MetaEntityItemRef> | import("../core/extension-registry/index.js").ManifestAppEntryPoint | import("../core/extension-registry/index.js").ManifestBackofficeEntryPoint | import("../core/extension-registry/index.js").ManifestEntryPoint | (import("../../libs/extension-api/index.js").ManifestBase | import("../../libs/extension-api/index.js").ManifestCondition | import("../../libs/extension-api/index.js").ManifestBundle<import("../../libs/extension-api/index.js").ManifestBase | import("../../libs/extension-api/index.js").ManifestCondition | import("../../libs/extension-api/index.js").ManifestBundle<import("../../libs/extension-api/index.js").ManifestBase | import("../../libs/extension-api/index.js").ManifestCondition | import("../../libs/extension-api/index.js").ManifestBundle<import("../../libs/extension-api/index.js").ManifestBase | import("../../libs/extension-api/index.js").ManifestCondition | import("../../libs/extension-api/index.js").ManifestBundle<import("../../libs/extension-api/index.js").ManifestBase | import("../../libs/extension-api/index.js").ManifestCondition | import("../../libs/extension-api/index.js").ManifestBundle<import("../../libs/extension-api/index.js").ManifestBase | import("../../libs/extension-api/index.js").ManifestCondition | import("../../libs/extension-api/index.js").ManifestBundle<import("../../libs/extension-api/index.js").ManifestBase | import("../../libs/extension-api/index.js").ManifestCondition | import("../../libs/extension-api/index.js").ManifestBundle<import("../../libs/extension-api/index.js").ManifestBase | import("../../libs/extension-api/index.js").ManifestCondition | import("../../libs/extension-api/index.js").ManifestBundle<import("../../libs/extension-api/index.js").ManifestBase | import("../../libs/extension-api/index.js").ManifestCondition | import("../../libs/extension-api/index.js").ManifestBundle<import("../../libs/extension-api/index.js").ManifestBase | import("../../libs/extension-api/index.js").ManifestCondition | import("../../libs/extension-api/index.js").ManifestBundle<import("../../libs/extension-api/index.js").ManifestBase | import("../../libs/extension-api/index.js").ManifestCondition | import("../../libs/extension-api/index.js").ManifestBundle<import("../../libs/extension-api/index.js").ManifestBase | import("../../libs/extension-api/index.js").ManifestCondition | /*elided*/ any>>>>>>>>>>>) | import("../core/repository/index.js").ManifestDataSourceDataMapping<import("../core/repository/index.js").MetaDataSourceDataMapping> | import("../ufm/index.js").ManifestUfmFilter | import("../ufm/index.js").ManifestUfmComponent | import("../ufm/index.js").ManifestMarkedExtension | import("../core/property/index.js").ManifestPropertyContext<import("../core/property/index.js").MetaPropertyContext> | import("../core/property/index.js").ManifestPropertyValueCloner | (import("../core/property-editor/index.js").ManifestPropertyEditorSchema | import("../core/property-editor/index.js").ManifestPropertyEditorUi) | import("../core/property/index.js").ManifestPropertyValuePreset | import("../core/property/index.js").ManifestPropertyValueResolver | import("../core/tree/index.js").ManifestTreeAction | import("../core/entity-create-option-action/index.js").ManifestEntityCreateOptionAction<import("../core/entity-create-option-action/index.js").MetaEntityCreateOptionAction> | import("../core/tree/index.js").ManifestTreeActionCreateKind | import("../core/tree/index.js").ManifestEntityActionDuplicateToKind | import("../core/tree/index.js").ManifestEntityActionMoveToKind | import("../core/tree/index.js").ManifestEntityActionReloadTreeItemChildrenKind | import("../core/tree/index.js").ManifestEntityActionSortChildrenOfKind | import("../core/workspace/index.js").ManifestWorkspaceActionMenuItem<import("../core/workspace/index.js").MetaWorkspaceActionMenuItem> | import("../core/workspace/index.js").ManifestWorkspaceActionMenuItemDefaultKind<import("../core/workspace/index.js").MetaWorkspaceActionMenuItemDefaultKind> | import("../core/workspace/index.js").ManifestWorkspaceInfoApp<import("../core/workspace/index.js").MetaWorkspaceInfoApp> | import("../core/workspace/index.js").ManifestWorkspaceDefaultKind | import("../core/workspace/index.js").ManifestWorkspaceAction<import("../core/workspace/index.js").MetaWorkspaceAction, import("../core/workspace/index.js").UmbWorkspaceAction<import("../core/workspace/index.js").MetaWorkspaceAction>> | import("../core/workspace/index.js").ManifestWorkspaceActionDefaultKind | import("../core/workspace/index.js").ManifestWorkspaceFooterApp | import("../core/workspace/index.js").ManifestWorkspaceFooterAppMenuBreadcrumbKind | import("../core/workspace/index.js").ManifestWorkspaceFooterAppVariantMenuBreadcrumbKind | import("../core/workspace/index.js").ManifestWorkspaceView<import("../core/workspace/index.js").MetaWorkspaceView> | import("../core/workspace/index.js").ManifestWorkspaceViewContentTypeDesignEditorKind | import("../core/workspace/index.js").ManifestWorkspace<import("../core/workspace/index.js").MetaWorkspace, import("../../libs/controller-api/index.js").UmbControllerHostElement, import("../core/workspace/index.js").UmbWorkspaceContext> | import("../core/workspace/index.js").ManifestWorkspaceRoutableKind | import("../core/workspace/index.js").ManifestWorkspaceContext | import("../core/section/index.js").ManifestSectionContext<import("../core/section/index.js").MetaSectionContext> | (import("../core/section/index.js").ManifestSectionSidebarApp | import("../core/section/index.js").ManifestSection | import("../core/section/index.js").ManifestSectionRoute | import("../core/section/index.js").ManifestSectionView) | import("../core/dashboard/index.js").ManifestDashboard | import("../core/tree/index.js").ManifestEntityActionCreateFolderKind | import("../core/tree/index.js").ManifestEntityActionDeleteFolderKind | import("../core/tree/index.js").ManifestEntityActionUpdateFolderKind | import("../core/menu/index.js").ManifestMenu | import("../core/menu/index.js").ManifestMenuItem | import("../core/menu/index.js").ManifestMenuItemActionKind | import("../core/menu/index.js").ManifestMenuItemLinkKind | import("../core/menu/index.js").ManifestWorkspaceContextMenuStructureKind | import("../core/tree/index.js").ManifestMenuItemTreeKind | import("../core/tree/index.js").ManifestTreeItemCard | import("../core/tree/index.js").ManifestWorkspaceViewTreeKind | import("../core/tree/index.js").ManifestTreeView | import("../core/tree/index.js").ManifestTreeViewTableKind | import("../core/collection/index.js").ManifestCollectionAction | import("../core/collection/index.js").ManifestEntityCollectionItemCard<import("../core/collection/index.js").MetaEntityCollectionItemCard> | import("../core/collection/index.js").ManifestEntityCollectionItemRef<import("../core/collection/index.js").MetaEntityCollectionItemRef> | import("../core/collection/index.js").ManifestCollectionActionCreateKind | import("../core/collection/index.js").ManifestCollectionTextFilter | import("../core/collection/index.js").ManifestWorkspaceViewCollectionKind | import("../core/value-summary/index.js").ManifestValueSummary | import("../content/content/index.js").ManifestAuditLogAction<import("../content/content/index.js").MetaAuditLogAction> | import("../content/content/index.js").ManifestAuditLogActionDefaultKind | import("../content/content/index.js").ManifestEntityActionContentRollbackKind | import("../content/content/index.js").ManifestWorkspaceInfoAppAuditLogKind | import("../content/content/index.js").ManifestWorkspaceViewContentCollectionKind | import("../content/content/index.js").ManifestEntityActionSortChildrenOfContentKind | import("../content/content/index.js").ManifestEntityActionContentPublishKind | import("../user/current-user/index.js").ManifestUserProfileApp | import("../user/current-user/index.js").ManifestCurrentUserAction<import("../user/current-user/index.js").MetaCurrentUserAction> | import("../core/icon-registry/index.js").ManifestIcons | import("../user/user-permission/index.js").ManifestEntityUserPermission | import("../user/user-permission/index.js").ManifestGranularUserPermission | import("../core/localization/index.js").ManifestLocalization | import("../content/content/index.js").ManifestEntityActionContentUnpublishKind | import("../core/picker/index.js").ManifestPickerSearchResultItem | import("../core/property-editor-data-source/index.js").ManifestPropertyEditorDataSource | import("../core/validation/index.js").ManifestPropertyValidationPathTranslator<any> | import("../core/entity-action/index.js").ManifestEntityActionDeleteKind | import("../core/entity-action/index.js").ManifestEntityAction<import("../core/entity-action/index.js").MetaEntityAction> | import("../core/entity-action/index.js").ManifestEntityActionDefaultKind | import("src/packages/core/entity-action/common/create/types.js").ManifestEntityActionCreateKind | import("../core/entity-bulk-action/index.js").ManifestEntityBulkActionDeleteKind | import("../core/extension-registry/index.js").UmbEntityBulkActionExtensions | import("../core/extension-registry/index.js").ManifestExternalLoginProvider | import("../core/extension-registry/index.js").ManifestGlobalContext | import("../core/extension-registry/index.js").ManifestHeaderApp | import("../core/extension-registry/index.js").ManifestHeaderAppButtonKind | import("../core/extension-registry/index.js").ManifestMfaLoginProvider | import("../core/extension-registry/index.js").ManifestPreviewAppProvider | import("../core/extension-registry/index.js").ManifestRepository<import("../../libs/extension-api/index.js").UmbApi> | import("../core/extension-registry/index.js").UmbStoreExtensions | import("../core/search/index.js").ManifestSearchProvider | import("../core/search/index.js").ManifestSearchResultItem | import("../core/search/index.js").ManifestGlobalSearch | import("../core/auth/index.js").ManifestAuthProvider | import("../core/themes/index.js").ManifestTheme | import("../core/entity-sign/index.js").ManifestEntitySign<import("../core/entity-sign/index.js").MetaEntitySign> | import("src/packages/core/entity-sign/kinds/types.js").ManifestEntitySignIconKind | import("../core/property-action/index.js").UmbPropertyActionExtensions | import("../core/property-sort-mode/index.js").ManifestPropertyActionSortModeKind<import("../core/property-action/index.js").MetaPropertyActionDefaultKind> | import("../core/recycle-bin/index.js").ManifestEntityActionTrashKind | import("../core/recycle-bin/index.js").ManifestEntityActionRestoreFromRecycleBinKind | import("../core/recycle-bin/index.js").ManifestEntityActionEmptyRecycleBinKind | import("../core/recycle-bin/index.js").ManifestEntityBulkActionTrashKind | import("../core/recycle-bin/index.js").ManifestCollectionActionEmptyRecycleBinKind | import("src/packages/core/recycle-bin/tree/tree-item/types.js").ManifestTreeItemRecycleBinKind | import("../core/server-file-system/index.js").ManifestEntityActionRenameServerFileKind | import("src/packages/core/tree/folder/entity-create-option-action/types.js").ManifestEntityCreateOptionActionFolderKind | import("../core/property-sort-mode/index.js").ManifestPropertyContextSortModeKind | import("../block/block/index.js").ManifestBlockAction<import("../block/block/index.js").MetaBlockAction> | import("../block/block/index.js").ManifestBlockActionDefaultKind | import("../block/block-custom-view/index.js").ManifestBlockEditorCustomView | import("../clipboard/index.js").ManifestClipboardCopyPropertyValueTranslator | import("../clipboard/index.js").ManifestClipboardPastePropertyValueTranslator | import("../clipboard/index.js").ManifestPropertyActionPasteFromClipboardKind | import("../clipboard/index.js").ManifestPropertyActionCopyToClipboardKind | import("src/packages/relations/relations/entity-actions/bulk-delete/types.js").ManifestEntityBulkActionDeleteWithRelationKind | import("../relations/relations/index.js").ManifestEntityBulkActionTrashWithRelationKind | import("../relations/relations/index.js").ManifestEntityActionTrashWithRelationKind | import("../documents/documents/index.js").ManifestWorkspaceActionMenuItemPreviewOptionKind | import("../media/media/index.js").ManifestFileUploadPreview | import("../health-check/index.js").ManifestHealthCheck | import("../packages/package/index.js").ManifestPackageView | import("../property-editors/content-picker/index.js").ManifestDynamicRootOrigin | import("../property-editors/content-picker/index.js").ManifestDynamicRootQueryStep | import("src/packages/relations/relations/entity-actions/delete/types.js").ManifestEntityActionDeleteWithRelationKind | import("src/packages/relations/relations/reference/workspace-info-app/types.js").ManifestWorkspaceInfoAppEntityReferencesKind | import("../tiptap/index.js").ManifestTiptapExtension<import("../tiptap/index.js").MetaTiptapExtension> | import("../tiptap/index.js").ManifestTiptapToolbarExtension<import("../tiptap/index.js").MetaTiptapToolbarExtension> | import("../tiptap/index.js").ManifestTiptapToolbarExtensionMenuKind | import("../tiptap/index.js").ManifestTiptapToolbarExtensionStyleMenuKind | import("../tiptap/index.js").ManifestTiptapStatusbarExtension<import("../tiptap/index.js").MetaTiptapStatusbarExtension> | import("src/packages/clipboard/property/context/types.js").ManifestPropertyContextClipboardKind | import("src/packages/core/section/default/types.js").ManifestSectionDefaultKind | import("../markdown-editor/index.js").ManifestMonacoMarkdownEditorAction)[];
     };
 }[];

package/dist-cms/packages/markdown-editor/components/input-markdown-editor/input-markdown.element.js

@@ -396,6 +396,8 @@ let UmbInputMarkdownElement = class UmbInputMarkdownElement extends UmbFormContr
 				disable-line-numbers
 				disable-minimap
 				disable-folding
+				word-wrap
+				auto-height
 				@input=${this.#onInput}
 				@keypress=${this.#onKeyPress}
 				@loaded=${this.#onCodeEditorLoaded}>
@@ -549,7 +551,7 @@ let UmbInputMarkdownElement = class UmbInputMarkdownElement extends UmbFormContr
 					0 2px 2px -2px rgba(34, 47, 62, 0.1),
 					0 8px 8px -4px rgba(34, 47, 62, 0.07);
 
-				background-color: var(--uui-color-surface-alt);
+				background-color: var(--uui-color-surface);
 				color: var(--color-text);
 
 				position: sticky;
@@ -581,7 +583,7 @@ let UmbInputMarkdownElement = class UmbInputMarkdownElement extends UmbFormContr
 			}
 
 			umb-code-editor {
-				height: 200px;
+				min-height: 200px;
 				border-radius: var(--uui-border-radius);
 				border: 1px solid var(--uui-color-border);
 				border-top: 0;

package/dist-cms/packages/markdown-editor/property-editors/markdown-editor/manifests.js

@@ -1,4 +1,5 @@
 import { manifest as schemaManifest } from './Umbraco.MarkdownEditor.js';
+import { manifests as valueSummaryManifests } from './value-summary/manifests.js';
 export const manifests = [
     {
         type: 'propertyValuePreset',
@@ -16,7 +17,7 @@ export const manifests = [
             label: 'Markdown Editor',
             propertyEditorSchemaAlias: 'Umbraco.MarkdownEditor',
             icon: 'icon-code',
-            group: 'richContent',
+            group: '#propertyEditorUIGroups_richContent',
             keywords: ['content', 'article', 'body', 'markdown', 'documentation', 'md', 'readme'],
             supportsReadOnly: true,
             settings: {
@@ -44,4 +45,5 @@ export const manifests = [
         },
     },
     schemaManifest,
+    ...valueSummaryManifests,
 ];

package/dist-cms/packages/markdown-editor/property-editors/markdown-editor/value-summary/manifests.d.ts

@@ -0,0 +1,8 @@
+declare const UMB_MARKDOWN_EDITOR_PROPERTY_EDITOR_VALUE_TYPE: "Umbraco.MarkdownEditor";
+declare global {
+    interface UmbValueTypeMap {
+        [UMB_MARKDOWN_EDITOR_PROPERTY_EDITOR_VALUE_TYPE]: string;
+    }
+}
+export declare const manifests: Array<UmbExtensionManifest>;
+export {};

package/dist-cms/packages/markdown-editor/property-editors/markdown-editor/value-summary/manifests.js

@@ -0,0 +1,11 @@
+const UMB_MARKDOWN_EDITOR_PROPERTY_EDITOR_VALUE_TYPE = 'Umbraco.MarkdownEditor';
+export const manifests = [
+    {
+        type: 'valueSummary',
+        kind: 'default',
+        alias: 'Umb.ValueSummary.PropertyEditor.MarkdownEditor',
+        name: 'Markdown Editor Property Editor Value Summary',
+        forValueType: UMB_MARKDOWN_EDITOR_PROPERTY_EDITOR_VALUE_TYPE,
+        element: () => import('./value-summary.element.js'),
+    },
+];

package/dist-cms/packages/markdown-editor/property-editors/markdown-editor/value-summary/value-summary.element.d.ts

@@ -0,0 +1,11 @@
+import { nothing } from '../../../../../external/lit/index.js';
+import { UmbValueSummaryElementBase } from '../../../../core/value-summary/index.js';
+export declare class UmbMarkdownEditorPropertyEditorValueSummaryElement extends UmbValueSummaryElementBase<string | undefined> {
+    render(): typeof nothing | import("lit-html").TemplateResult<1>;
+}
+export { UmbMarkdownEditorPropertyEditorValueSummaryElement as element };
+declare global {
+    interface HTMLElementTagNameMap {
+        'umb-markdown-editor-property-editor-value-summary': UmbMarkdownEditorPropertyEditorValueSummaryElement;
+    }
+}

package/dist-cms/packages/markdown-editor/property-editors/markdown-editor/value-summary/value-summary.element.js

@@ -0,0 +1,20 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { customElement, html, nothing } from '../../../../../external/lit/index.js';
+import { UmbValueSummaryElementBase } from '../../../../core/value-summary/index.js';
+let UmbMarkdownEditorPropertyEditorValueSummaryElement = class UmbMarkdownEditorPropertyEditorValueSummaryElement extends UmbValueSummaryElementBase {
+    render() {
+        if (!this._value?.trim())
+            return nothing;
+        return html `<uui-icon name="icon-check"></uui-icon>`;
+    }
+};
+UmbMarkdownEditorPropertyEditorValueSummaryElement = __decorate([
+    customElement('umb-markdown-editor-property-editor-value-summary')
+], UmbMarkdownEditorPropertyEditorValueSummaryElement);
+export { UmbMarkdownEditorPropertyEditorValueSummaryElement };
+export { UmbMarkdownEditorPropertyEditorValueSummaryElement as element };

package/dist-cms/packages/markdown-editor/umbraco-package.d.ts

@@ -5,6 +5,6 @@ export declare const extensions: {
     alias: string;
     type: string;
     js: {
-        manifests: (import("../tiptap/index.js").ManifestTiptapToolbarExtensionButtonKind<import("../tiptap/index.js").MetaTiptapToolbarExtension> | import("../core/modal/index.js").ManifestModal | import("../core/tree/index.js").ManifestTreeItem | import("../core/collection/index.js").ManifestCollection | import("../core/collection/index.js").ManifestCollectionMenu | import("src/packages/core/collection/menu/menu-item/extension/collection-menu-item.extension.js").ManifestCollectionMenuItem | import("../core/tree/index.js").ManifestTree | import("../core/collection/index.js").ManifestCollectionView | import("../core/collection/index.js").ManifestCollectionViewTableKind | import("../tiptap/index.js").ManifestTiptapToolbarExtensionActionButtonKind<import("../tiptap/index.js").MetaTiptapToolbarExtension> | import("../tiptap/index.js").ManifestTiptapToolbarExtensionColorPickerButtonKind<import("../tiptap/index.js").MetaTiptapToolbarExtension> | import("src/packages/core/entity-item/entity-item-ref/entity-item-ref.extension.js").ManifestEntityItemRef<import("src/packages/core/entity-item/entity-item-ref/entity-item-ref.extension.js").MetaEntityItemRef> | import("../core/extension-registry/index.js").ManifestAppEntryPoint | import("../core/extension-registry/index.js").ManifestBackofficeEntryPoint | import("../core/extension-registry/index.js").ManifestEntryPoint | (import("../../libs/extension-api/index.js").ManifestBase | import("../../libs/extension-api/index.js").ManifestCondition | import("../../libs/extension-api/index.js").ManifestBundle<import("../../libs/extension-api/index.js").ManifestBase | import("../../libs/extension-api/index.js").ManifestCondition | import("../../libs/extension-api/index.js").ManifestBundle<import("../../libs/extension-api/index.js").ManifestBase | import("../../libs/extension-api/index.js").ManifestCondition | import("../../libs/extension-api/index.js").ManifestBundle<import("../../libs/extension-api/index.js").ManifestBase | import("../../libs/extension-api/index.js").ManifestCondition | import("../../libs/extension-api/index.js").ManifestBundle<import("../../libs/extension-api/index.js").ManifestBase | import("../../libs/extension-api/index.js").ManifestCondition | import("../../libs/extension-api/index.js").ManifestBundle<import("../../libs/extension-api/index.js").ManifestBase | import("../../libs/extension-api/index.js").ManifestCondition | import("../../libs/extension-api/index.js").ManifestBundle<import("../../libs/extension-api/index.js").ManifestBase | import("../../libs/extension-api/index.js").ManifestCondition | import("../../libs/extension-api/index.js").ManifestBundle<import("../../libs/extension-api/index.js").ManifestBase | import("../../libs/extension-api/index.js").ManifestCondition | import("../../libs/extension-api/index.js").ManifestBundle<import("../../libs/extension-api/index.js").ManifestBase | import("../../libs/extension-api/index.js").ManifestCondition | import("../../libs/extension-api/index.js").ManifestBundle<import("../../libs/extension-api/index.js").ManifestBase | import("../../libs/extension-api/index.js").ManifestCondition | import("../../libs/extension-api/index.js").ManifestBundle<import("../../libs/extension-api/index.js").ManifestBase | import("../../libs/extension-api/index.js").ManifestCondition | import("../../libs/extension-api/index.js").ManifestBundle<import("../../libs/extension-api/index.js").ManifestBase | import("../../libs/extension-api/index.js").ManifestCondition | /*elided*/ any>>>>>>>>>>>) | import("../core/repository/index.js").ManifestDataSourceDataMapping<import("../core/repository/index.js").MetaDataSourceDataMapping> | import("../ufm/index.js").ManifestUfmFilter | import("../ufm/index.js").ManifestUfmComponent | import("../ufm/index.js").ManifestMarkedExtension | import("../core/property/index.js").ManifestPropertyContext<import("../core/property/index.js").MetaPropertyContext> | import("../core/property/index.js").ManifestPropertyValueCloner | (import("../core/property-editor/index.js").ManifestPropertyEditorSchema | import("../core/property-editor/index.js").ManifestPropertyEditorUi) | import("../core/property/index.js").ManifestPropertyValuePreset | import("../core/property/index.js").ManifestPropertyValueResolver | import("../core/tree/index.js").ManifestEntityActionDuplicateToKind | import("../core/tree/index.js").ManifestEntityActionMoveToKind | import("../core/tree/index.js").ManifestEntityActionReloadTreeItemChildrenKind | import("../core/tree/index.js").ManifestEntityActionSortChildrenOfKind | import("../core/section/index.js").ManifestSectionContext<import("../core/section/index.js").MetaSectionContext> | (import("../core/section/index.js").ManifestSectionSidebarApp | import("../core/section/index.js").ManifestSection | import("../core/section/index.js").ManifestSectionRoute | import("../core/section/index.js").ManifestSectionView) | import("../core/dashboard/index.js").ManifestDashboard | import("../core/workspace/index.js").ManifestWorkspaceActionMenuItem<import("../core/workspace/index.js").MetaWorkspaceActionMenuItem> | import("../core/workspace/index.js").ManifestWorkspaceActionMenuItemDefaultKind<import("../core/workspace/index.js").MetaWorkspaceActionMenuItemDefaultKind> | import("../core/workspace/index.js").ManifestWorkspaceInfoApp<import("../core/workspace/index.js").MetaWorkspaceInfoApp> | import("../core/workspace/index.js").ManifestWorkspaceDefaultKind | import("../core/workspace/index.js").ManifestWorkspaceAction<import("../core/workspace/index.js").MetaWorkspaceAction, import("../core/workspace/index.js").UmbWorkspaceAction<import("../core/workspace/index.js").MetaWorkspaceAction>> | import("../core/workspace/index.js").ManifestWorkspaceActionDefaultKind | import("../core/workspace/index.js").ManifestWorkspaceFooterApp | import("../core/workspace/index.js").ManifestWorkspaceFooterAppMenuBreadcrumbKind | import("../core/workspace/index.js").ManifestWorkspaceFooterAppVariantMenuBreadcrumbKind | import("../core/workspace/index.js").ManifestWorkspaceView<import("../core/workspace/index.js").MetaWorkspaceView> | import("../core/workspace/index.js").ManifestWorkspaceViewContentTypeDesignEditorKind | import("../core/workspace/index.js").ManifestWorkspace<import("../core/workspace/index.js").MetaWorkspace, import("../../libs/controller-api/index.js").UmbControllerHostElement, import("../core/workspace/index.js").UmbWorkspaceContext> | import("../core/workspace/index.js").ManifestWorkspaceRoutableKind | import("../core/workspace/index.js").ManifestWorkspaceContext | import("../core/tree/index.js").ManifestEntityActionCreateFolderKind | import("../core/tree/index.js").ManifestEntityActionDeleteFolderKind | import("../core/tree/index.js").ManifestEntityActionUpdateFolderKind | import("../core/menu/index.js").ManifestMenu | import("../core/menu/index.js").ManifestMenuItem | import("../core/menu/index.js").ManifestMenuItemActionKind | import("../core/menu/index.js").ManifestMenuItemLinkKind | import("../core/menu/index.js").ManifestWorkspaceContextMenuStructureKind | import("../core/tree/index.js").ManifestMenuItemTreeKind | import("../core/collection/index.js").ManifestCollectionAction | import("../core/collection/index.js").ManifestEntityCollectionItemCard<import("../core/collection/index.js").MetaEntityCollectionItemCard> | import("../core/collection/index.js").ManifestEntityCollectionItemRef<import("../core/collection/index.js").MetaEntityCollectionItemRef> | import("../core/collection/index.js").ManifestCollectionActionCreateKind | import("../core/collection/index.js").ManifestCollectionTextFilter | import("../core/collection/index.js").ManifestWorkspaceViewCollectionKind | import("../core/value-summary/index.js").ManifestValueSummary | import("../content/content/index.js").ManifestAuditLogAction<import("../content/content/index.js").MetaAuditLogAction> | import("../content/content/index.js").ManifestAuditLogActionDefaultKind | import("../content/content/index.js").ManifestEntityActionContentRollbackKind | import("../content/content/index.js").ManifestWorkspaceInfoAppAuditLogKind | import("../content/content/index.js").ManifestWorkspaceViewContentCollectionKind | import("../content/content/index.js").ManifestEntityActionSortChildrenOfContentKind | import("../user/current-user/index.js").ManifestUserProfileApp | import("../user/current-user/index.js").ManifestCurrentUserAction<import("../user/current-user/index.js").MetaCurrentUserAction> | import("../core/icon-registry/index.js").ManifestIcons | import("../user/user-permission/index.js").ManifestEntityUserPermission | import("../user/user-permission/index.js").ManifestGranularUserPermission | import("../core/localization/index.js").ManifestLocalization | import("../core/picker/index.js").ManifestPickerSearchResultItem | import("../core/property-editor-data-source/index.js").ManifestPropertyEditorDataSource | import("../core/validation/index.js").ManifestPropertyValidationPathTranslator<any> | import("../core/entity-action/index.js").ManifestEntityActionDeleteKind | import("../core/entity-action/index.js").ManifestEntityAction<import("../core/entity-action/index.js").MetaEntityAction> | import("../core/entity-action/index.js").ManifestEntityActionDefaultKind | import("src/packages/core/entity-action/common/create/types.js").ManifestEntityActionCreateKind | import("../core/entity-create-option-action/index.js").ManifestEntityCreateOptionAction<import("../core/entity-create-option-action/index.js").MetaEntityCreateOptionAction> | import("../core/entity-bulk-action/index.js").ManifestEntityBulkActionDeleteKind | import("../core/extension-registry/index.js").UmbEntityBulkActionExtensions | import("../core/extension-registry/index.js").ManifestExternalLoginProvider | import("../core/extension-registry/index.js").ManifestGlobalContext | import("../core/extension-registry/index.js").ManifestHeaderApp | import("../core/extension-registry/index.js").ManifestHeaderAppButtonKind | import("../core/extension-registry/index.js").ManifestMfaLoginProvider | import("../core/extension-registry/index.js").ManifestPreviewAppProvider | import("../core/extension-registry/index.js").ManifestRepository<import("../../libs/extension-api/index.js").UmbApi> | import("../core/extension-registry/index.js").UmbStoreExtensions | import("../core/search/index.js").ManifestSearchProvider | import("../core/search/index.js").ManifestSearchResultItem | import("../core/search/index.js").ManifestGlobalSearch | import("../core/auth/index.js").ManifestAuthProvider | import("../core/themes/index.js").ManifestTheme | import("../core/entity-sign/index.js").ManifestEntitySign<import("../core/entity-sign/index.js").MetaEntitySign> | import("src/packages/core/entity-sign/kinds/types.js").ManifestEntitySignIconKind | import("../core/property-action/index.js").UmbPropertyActionExtensions | import("../core/property-sort-mode/index.js").ManifestPropertyActionSortModeKind<import("../core/property-action/index.js").MetaPropertyActionDefaultKind> | import("../core/recycle-bin/index.js").ManifestEntityActionTrashKind | import("../core/recycle-bin/index.js").ManifestEntityActionRestoreFromRecycleBinKind | import("../core/recycle-bin/index.js").ManifestEntityActionEmptyRecycleBinKind | import("../core/recycle-bin/index.js").ManifestEntityBulkActionTrashKind | import("../core/recycle-bin/index.js").ManifestCollectionActionEmptyRecycleBinKind | import("src/packages/core/recycle-bin/tree/tree-item/types.js").ManifestTreeItemRecycleBinKind | import("../core/server-file-system/index.js").ManifestEntityActionRenameServerFileKind | import("src/packages/core/tree/folder/entity-create-option-action/types.js").ManifestEntityCreateOptionActionFolderKind | import("../core/property-sort-mode/index.js").ManifestPropertyContextSortModeKind | import("../block/block/index.js").ManifestBlockAction<import("../block/block/index.js").MetaBlockAction> | import("../block/block/index.js").ManifestBlockActionDefaultKind | import("../block/block-custom-view/index.js").ManifestBlockEditorCustomView | import("../clipboard/index.js").ManifestClipboardCopyPropertyValueTranslator | import("../clipboard/index.js").ManifestClipboardPastePropertyValueTranslator | import("../clipboard/index.js").ManifestPropertyActionPasteFromClipboardKind | import("../clipboard/index.js").ManifestPropertyActionCopyToClipboardKind | import("src/packages/relations/relations/entity-actions/bulk-delete/types.js").ManifestEntityBulkActionDeleteWithRelationKind | import("../relations/relations/index.js").ManifestEntityBulkActionTrashWithRelationKind | import("../relations/relations/index.js").ManifestEntityActionTrashWithRelationKind | import("../documents/documents/index.js").ManifestWorkspaceActionMenuItemPreviewOptionKind | import("../media/media/index.js").ManifestFileUploadPreview | import("../health-check/index.js").ManifestHealthCheck | import("../packages/package/index.js").ManifestPackageView | import("../property-editors/content-picker/index.js").ManifestDynamicRootOrigin | import("../property-editors/content-picker/index.js").ManifestDynamicRootQueryStep | import("src/packages/relations/relations/entity-actions/delete/types.js").ManifestEntityActionDeleteWithRelationKind | import("src/packages/relations/relations/reference/workspace-info-app/types.js").ManifestWorkspaceInfoAppEntityReferencesKind | import("../tiptap/index.js").ManifestTiptapExtension<import("../tiptap/index.js").MetaTiptapExtension> | import("../tiptap/index.js").ManifestTiptapToolbarExtension<import("../tiptap/index.js").MetaTiptapToolbarExtension> | import("../tiptap/index.js").ManifestTiptapToolbarExtensionMenuKind | import("../tiptap/index.js").ManifestTiptapToolbarExtensionStyleMenuKind | import("../tiptap/index.js").ManifestTiptapStatusbarExtension<import("../tiptap/index.js").MetaTiptapStatusbarExtension> | import("src/packages/clipboard/property/context/types.js").ManifestPropertyContextClipboardKind | import("src/packages/core/section/default/types.js").ManifestSectionDefaultKind | import("./monaco-markdown-editor-action.extension.js").ManifestMonacoMarkdownEditorAction)[];
+        manifests: (import("../tiptap/index.js").ManifestTiptapToolbarExtensionButtonKind<import("../tiptap/index.js").MetaTiptapToolbarExtension> | import("../core/modal/index.js").ManifestModal | import("../core/tree/index.js").ManifestTreeItem | import("../core/collection/index.js").ManifestCollection | import("../core/collection/index.js").ManifestCollectionMenu | import("src/packages/core/collection/menu/menu-item/extension/collection-menu-item.extension.js").ManifestCollectionMenuItem | import("../core/tree/index.js").ManifestTree | import("../core/collection/index.js").ManifestCollectionView | import("../core/collection/index.js").ManifestCollectionViewTableKind | import("../tiptap/index.js").ManifestTiptapToolbarExtensionActionButtonKind<import("../tiptap/index.js").MetaTiptapToolbarExtension> | import("../tiptap/index.js").ManifestTiptapToolbarExtensionColorPickerButtonKind<import("../tiptap/index.js").MetaTiptapToolbarExtension> | import("src/packages/core/entity-item/entity-item-ref/entity-item-ref.extension.js").ManifestEntityItemRef<import("src/packages/core/entity-item/entity-item-ref/entity-item-ref.extension.js").MetaEntityItemRef> | import("../core/extension-registry/index.js").ManifestAppEntryPoint | import("../core/extension-registry/index.js").ManifestBackofficeEntryPoint | import("../core/extension-registry/index.js").ManifestEntryPoint | (import("../../libs/extension-api/index.js").ManifestBase | import("../../libs/extension-api/index.js").ManifestCondition | import("../../libs/extension-api/index.js").ManifestBundle<import("../../libs/extension-api/index.js").ManifestBase | import("../../libs/extension-api/index.js").ManifestCondition | import("../../libs/extension-api/index.js").ManifestBundle<import("../../libs/extension-api/index.js").ManifestBase | import("../../libs/extension-api/index.js").ManifestCondition | import("../../libs/extension-api/index.js").ManifestBundle<import("../../libs/extension-api/index.js").ManifestBase | import("../../libs/extension-api/index.js").ManifestCondition | import("../../libs/extension-api/index.js").ManifestBundle<import("../../libs/extension-api/index.js").ManifestBase | import("../../libs/extension-api/index.js").ManifestCondition | import("../../libs/extension-api/index.js").ManifestBundle<import("../../libs/extension-api/index.js").ManifestBase | import("../../libs/extension-api/index.js").ManifestCondition | import("../../libs/extension-api/index.js").ManifestBundle<import("../../libs/extension-api/index.js").ManifestBase | import("../../libs/extension-api/index.js").ManifestCondition | import("../../libs/extension-api/index.js").ManifestBundle<import("../../libs/extension-api/index.js").ManifestBase | import("../../libs/extension-api/index.js").ManifestCondition | import("../../libs/extension-api/index.js").ManifestBundle<import("../../libs/extension-api/index.js").ManifestBase | import("../../libs/extension-api/index.js").ManifestCondition | import("../../libs/extension-api/index.js").ManifestBundle<import("../../libs/extension-api/index.js").ManifestBase | import("../../libs/extension-api/index.js").ManifestCondition | import("../../libs/extension-api/index.js").ManifestBundle<import("../../libs/extension-api/index.js").ManifestBase | import("../../libs/extension-api/index.js").ManifestCondition | import("../../libs/extension-api/index.js").ManifestBundle<import("../../libs/extension-api/index.js").ManifestBase | import("../../libs/extension-api/index.js").ManifestCondition | /*elided*/ any>>>>>>>>>>>) | import("../core/repository/index.js").ManifestDataSourceDataMapping<import("../core/repository/index.js").MetaDataSourceDataMapping> | import("../ufm/index.js").ManifestUfmFilter | import("../ufm/index.js").ManifestUfmComponent | import("../ufm/index.js").ManifestMarkedExtension | import("../core/property/index.js").ManifestPropertyContext<import("../core/property/index.js").MetaPropertyContext> | import("../core/property/index.js").ManifestPropertyValueCloner | (import("../core/property-editor/index.js").ManifestPropertyEditorSchema | import("../core/property-editor/index.js").ManifestPropertyEditorUi) | import("../core/property/index.js").ManifestPropertyValuePreset | import("../core/property/index.js").ManifestPropertyValueResolver | import("../core/tree/index.js").ManifestTreeAction | import("../core/entity-create-option-action/index.js").ManifestEntityCreateOptionAction<import("../core/entity-create-option-action/index.js").MetaEntityCreateOptionAction> | import("../core/tree/index.js").ManifestTreeActionCreateKind | import("../core/tree/index.js").ManifestEntityActionDuplicateToKind | import("../core/tree/index.js").ManifestEntityActionMoveToKind | import("../core/tree/index.js").ManifestEntityActionReloadTreeItemChildrenKind | import("../core/tree/index.js").ManifestEntityActionSortChildrenOfKind | import("../core/workspace/index.js").ManifestWorkspaceActionMenuItem<import("../core/workspace/index.js").MetaWorkspaceActionMenuItem> | import("../core/workspace/index.js").ManifestWorkspaceActionMenuItemDefaultKind<import("../core/workspace/index.js").MetaWorkspaceActionMenuItemDefaultKind> | import("../core/workspace/index.js").ManifestWorkspaceInfoApp<import("../core/workspace/index.js").MetaWorkspaceInfoApp> | import("../core/workspace/index.js").ManifestWorkspaceDefaultKind | import("../core/workspace/index.js").ManifestWorkspaceAction<import("../core/workspace/index.js").MetaWorkspaceAction, import("../core/workspace/index.js").UmbWorkspaceAction<import("../core/workspace/index.js").MetaWorkspaceAction>> | import("../core/workspace/index.js").ManifestWorkspaceActionDefaultKind | import("../core/workspace/index.js").ManifestWorkspaceFooterApp | import("../core/workspace/index.js").ManifestWorkspaceFooterAppMenuBreadcrumbKind | import("../core/workspace/index.js").ManifestWorkspaceFooterAppVariantMenuBreadcrumbKind | import("../core/workspace/index.js").ManifestWorkspaceView<import("../core/workspace/index.js").MetaWorkspaceView> | import("../core/workspace/index.js").ManifestWorkspaceViewContentTypeDesignEditorKind | import("../core/workspace/index.js").ManifestWorkspace<import("../core/workspace/index.js").MetaWorkspace, import("../../libs/controller-api/index.js").UmbControllerHostElement, import("../core/workspace/index.js").UmbWorkspaceContext> | import("../core/workspace/index.js").ManifestWorkspaceRoutableKind | import("../core/workspace/index.js").ManifestWorkspaceContext | import("../core/section/index.js").ManifestSectionContext<import("../core/section/index.js").MetaSectionContext> | (import("../core/section/index.js").ManifestSectionSidebarApp | import("../core/section/index.js").ManifestSection | import("../core/section/index.js").ManifestSectionRoute | import("../core/section/index.js").ManifestSectionView) | import("../core/dashboard/index.js").ManifestDashboard | import("../core/tree/index.js").ManifestEntityActionCreateFolderKind | import("../core/tree/index.js").ManifestEntityActionDeleteFolderKind | import("../core/tree/index.js").ManifestEntityActionUpdateFolderKind | import("../core/menu/index.js").ManifestMenu | import("../core/menu/index.js").ManifestMenuItem | import("../core/menu/index.js").ManifestMenuItemActionKind | import("../core/menu/index.js").ManifestMenuItemLinkKind | import("../core/menu/index.js").ManifestWorkspaceContextMenuStructureKind | import("../core/tree/index.js").ManifestMenuItemTreeKind | import("../core/tree/index.js").ManifestTreeItemCard | import("../core/tree/index.js").ManifestWorkspaceViewTreeKind | import("../core/tree/index.js").ManifestTreeView | import("../core/tree/index.js").ManifestTreeViewTableKind | import("../core/collection/index.js").ManifestCollectionAction | import("../core/collection/index.js").ManifestEntityCollectionItemCard<import("../core/collection/index.js").MetaEntityCollectionItemCard> | import("../core/collection/index.js").ManifestEntityCollectionItemRef<import("../core/collection/index.js").MetaEntityCollectionItemRef> | import("../core/collection/index.js").ManifestCollectionActionCreateKind | import("../core/collection/index.js").ManifestCollectionTextFilter | import("../core/collection/index.js").ManifestWorkspaceViewCollectionKind | import("../core/value-summary/index.js").ManifestValueSummary | import("../content/content/index.js").ManifestAuditLogAction<import("../content/content/index.js").MetaAuditLogAction> | import("../content/content/index.js").ManifestAuditLogActionDefaultKind | import("../content/content/index.js").ManifestEntityActionContentRollbackKind | import("../content/content/index.js").ManifestWorkspaceInfoAppAuditLogKind | import("../content/content/index.js").ManifestWorkspaceViewContentCollectionKind | import("../content/content/index.js").ManifestEntityActionSortChildrenOfContentKind | import("../content/content/index.js").ManifestEntityActionContentPublishKind | import("../user/current-user/index.js").ManifestUserProfileApp | import("../user/current-user/index.js").ManifestCurrentUserAction<import("../user/current-user/index.js").MetaCurrentUserAction> | import("../core/icon-registry/index.js").ManifestIcons | import("../user/user-permission/index.js").ManifestEntityUserPermission | import("../user/user-permission/index.js").ManifestGranularUserPermission | import("../core/localization/index.js").ManifestLocalization | import("../content/content/index.js").ManifestEntityActionContentUnpublishKind | import("../core/picker/index.js").ManifestPickerSearchResultItem | import("../core/property-editor-data-source/index.js").ManifestPropertyEditorDataSource | import("../core/validation/index.js").ManifestPropertyValidationPathTranslator<any> | import("../core/entity-action/index.js").ManifestEntityActionDeleteKind | import("../core/entity-action/index.js").ManifestEntityAction<import("../core/entity-action/index.js").MetaEntityAction> | import("../core/entity-action/index.js").ManifestEntityActionDefaultKind | import("src/packages/core/entity-action/common/create/types.js").ManifestEntityActionCreateKind | import("../core/entity-bulk-action/index.js").ManifestEntityBulkActionDeleteKind | import("../core/extension-registry/index.js").UmbEntityBulkActionExtensions | import("../core/extension-registry/index.js").ManifestExternalLoginProvider | import("../core/extension-registry/index.js").ManifestGlobalContext | import("../core/extension-registry/index.js").ManifestHeaderApp | import("../core/extension-registry/index.js").ManifestHeaderAppButtonKind | import("../core/extension-registry/index.js").ManifestMfaLoginProvider | import("../core/extension-registry/index.js").ManifestPreviewAppProvider | import("../core/extension-registry/index.js").ManifestRepository<import("../../libs/extension-api/index.js").UmbApi> | import("../core/extension-registry/index.js").UmbStoreExtensions | import("../core/search/index.js").ManifestSearchProvider | import("../core/search/index.js").ManifestSearchResultItem | import("../core/search/index.js").ManifestGlobalSearch | import("../core/auth/index.js").ManifestAuthProvider | import("../core/themes/index.js").ManifestTheme | import("../core/entity-sign/index.js").ManifestEntitySign<import("../core/entity-sign/index.js").MetaEntitySign> | import("src/packages/core/entity-sign/kinds/types.js").ManifestEntitySignIconKind | import("../core/property-action/index.js").UmbPropertyActionExtensions | import("../core/property-sort-mode/index.js").ManifestPropertyActionSortModeKind<import("../core/property-action/index.js").MetaPropertyActionDefaultKind> | import("../core/recycle-bin/index.js").ManifestEntityActionTrashKind | import("../core/recycle-bin/index.js").ManifestEntityActionRestoreFromRecycleBinKind | import("../core/recycle-bin/index.js").ManifestEntityActionEmptyRecycleBinKind | import("../core/recycle-bin/index.js").ManifestEntityBulkActionTrashKind | import("../core/recycle-bin/index.js").ManifestCollectionActionEmptyRecycleBinKind | import("src/packages/core/recycle-bin/tree/tree-item/types.js").ManifestTreeItemRecycleBinKind | import("../core/server-file-system/index.js").ManifestEntityActionRenameServerFileKind | import("src/packages/core/tree/folder/entity-create-option-action/types.js").ManifestEntityCreateOptionActionFolderKind | import("../core/property-sort-mode/index.js").ManifestPropertyContextSortModeKind | import("../block/block/index.js").ManifestBlockAction<import("../block/block/index.js").MetaBlockAction> | import("../block/block/index.js").ManifestBlockActionDefaultKind | import("../block/block-custom-view/index.js").ManifestBlockEditorCustomView | import("../clipboard/index.js").ManifestClipboardCopyPropertyValueTranslator | import("../clipboard/index.js").ManifestClipboardPastePropertyValueTranslator | import("../clipboard/index.js").ManifestPropertyActionPasteFromClipboardKind | import("../clipboard/index.js").ManifestPropertyActionCopyToClipboardKind | import("src/packages/relations/relations/entity-actions/bulk-delete/types.js").ManifestEntityBulkActionDeleteWithRelationKind | import("../relations/relations/index.js").ManifestEntityBulkActionTrashWithRelationKind | import("../relations/relations/index.js").ManifestEntityActionTrashWithRelationKind | import("../documents/documents/index.js").ManifestWorkspaceActionMenuItemPreviewOptionKind | import("../media/media/index.js").ManifestFileUploadPreview | import("../health-check/index.js").ManifestHealthCheck | import("../packages/package/index.js").ManifestPackageView | import("../property-editors/content-picker/index.js").ManifestDynamicRootOrigin | import("../property-editors/content-picker/index.js").ManifestDynamicRootQueryStep | import("src/packages/relations/relations/entity-actions/delete/types.js").ManifestEntityActionDeleteWithRelationKind | import("src/packages/relations/relations/reference/workspace-info-app/types.js").ManifestWorkspaceInfoAppEntityReferencesKind | import("../tiptap/index.js").ManifestTiptapExtension<import("../tiptap/index.js").MetaTiptapExtension> | import("../tiptap/index.js").ManifestTiptapToolbarExtension<import("../tiptap/index.js").MetaTiptapToolbarExtension> | import("../tiptap/index.js").ManifestTiptapToolbarExtensionMenuKind | import("../tiptap/index.js").ManifestTiptapToolbarExtensionStyleMenuKind | import("../tiptap/index.js").ManifestTiptapStatusbarExtension<import("../tiptap/index.js").MetaTiptapStatusbarExtension> | import("src/packages/clipboard/property/context/types.js").ManifestPropertyContextClipboardKind | import("src/packages/core/section/default/types.js").ManifestSectionDefaultKind | import("./monaco-markdown-editor-action.extension.js").ManifestMonacoMarkdownEditorAction)[];
     };
 }[];

package/dist-cms/packages/media/dropzone/components/input-dropzone/input-dropzone.element.d.ts

@@ -1,8 +1,8 @@
 import type { UmbUploadableItem } from '../../types.js';
 import { UmbDropzoneManager } from '../../dropzone-manager.class.js';
 import { nothing } from '../../../../../external/lit/index.js';
-import type { UUIFileDropzoneElement, UUIFileDropzoneEvent } from '../../../../../external/uui/index.js';
 import { UmbLitElement } from '../../../../core/lit-element/index.js';
+import type { UUIFileDropzoneElement, UUIFileDropzoneEvent } from '../../../../../external/uui/index.js';
 declare const UmbInputDropzoneElement_base: import("../../../../../libs/extension-api/index.js").HTMLElementConstructor<import("../../../../core/validation/index.js").UmbFormControlMixinElement<UmbUploadableItem[] | undefined>> & typeof UmbLitElement;
 /**
  * A dropzone for uploading files and folders.
@@ -16,6 +16,11 @@ declare const UmbInputDropzoneElement_base: import("../../../../../libs/extensio
  */
 export declare class UmbInputDropzoneElement extends UmbInputDropzoneElement_base {
     #private;
+    /**
+     * Prohibits dropping files onto the dropzone. Unlike `disabled`, the drop hint is still shown while
+     * dragging (rendered in a danger colour), but any dropped files are rejected.
+     */
+    noAccess: boolean;
     /**
      * Comma-separated list of accepted mime types or file extensions.
      */
@@ -56,7 +61,22 @@ export declare class UmbInputDropzoneElement extends UmbInputDropzoneElement_bas
     render(): import("lit-html").TemplateResult<1>;
     protected renderUploader(): typeof nothing | import("lit-html").TemplateResult<1>;
     protected renderPlaceholder(item: UmbUploadableItem): import("lit-html").TemplateResult<1>;
+    /**
+     * Handles the upload of files and folders dropped onto the dropzone.
+     * Previously this could be overwritten by the consumer of the component, but now it is recommended to overwrite `_handleUpload` instead.
+     * By default, it uses the dropzone manager to create temporary files for the dropped items.
+     * @deprecated Overwrite `_handleUpload` instead. This method will be removed in v.21.
+     * @param {UUIFileDropzoneEvent} e - The event from the file dropzone.
+     */
     protected onUpload(e: UUIFileDropzoneEvent): Promise<void>;
+    /**
+     * Handles the upload of files and folders dropped onto the dropzone.
+     * Override this method to customize the upload behavior.
+     * By default, it uses the dropzone manager to create temporary files for the dropped items.
+     * @param {UUIFileDropzoneEvent} e - The event from the file dropzone.
+     * @returns {Promise<Array<UmbUploadableItem>>} - A promise that resolves to an array of uploadable items.
+     */
+    protected _handleUpload(e: UUIFileDropzoneEvent): Promise<Array<UmbUploadableItem>>;
     static readonly styles: import("lit").CSSResult[];
 }
 declare global {

package/dist-cms/packages/media/dropzone/components/input-dropzone/input-dropzone.element.js

@@ -9,10 +9,10 @@ import { UmbDropzoneManager } from '../../dropzone-manager.class.js';
 import { UmbDropzoneChangeEvent } from '../../dropzone-change.event.js';
 import { UmbDropzoneSubmittedEvent } from '../../dropzone-submitted.event.js';
 import { css, customElement, html, ifDefined, nothing, property, query, repeat, state, when, } from '../../../../../external/lit/index.js';
+import { formatBytes, UmbDeprecation } from '../../../../core/utils/index.js';
+import { UmbFormControlMixin } from '../../../../core/validation/index.js';
 import { UmbLitElement } from '../../../../core/lit-element/index.js';
 import { UmbTextStyles } from '../../../../core/style/index.js';
-import { formatBytes } from '../../../../core/utils/index.js';
-import { UmbFormControlMixin } from '../../../../core/validation/index.js';
 /**
  * A dropzone for uploading files and folders.
  * The files will be uploaded to the server as temporary files and can be used in the backoffice.
@@ -35,6 +35,11 @@ let UmbInputDropzoneElement = class UmbInputDropzoneElement extends UmbFormContr
     }
     constructor() {
         super();
+        /**
+         * Prohibits dropping files onto the dropzone. Unlike `disabled`, the drop hint is still shown while
+         * dragging (rendered in a danger colour), but any dropped files are rejected.
+         */
+        this.noAccess = false;
         /**
          * Disable folder uploads.
          */
@@ -99,10 +104,13 @@ let UmbInputDropzoneElement = class UmbInputDropzoneElement extends UmbFormContr
 				?multiple=${this.multiple}
 				?disabled=${this.#isDisabled}
 				?disallowFolderUpload=${this.disableFolderUpload}
-				@change=${this.onUpload}
+				@change=${this.#onUpload}
 				@click=${this.#handleBrowse}>
 				<slot>
-					<uui-button label=${this.localize.term('media_clickToUpload')} @click=${this.#handleBrowse}></uui-button>
+					<uui-button
+						label=${this.localize.term('media_clickToUpload')}
+						@click=${this.#handleBrowse}
+						.disabled=${this.noAccess}></uui-button>
 				</slot>
 			</uui-file-dropzone>
 			${this.renderUploader()}
@@ -144,9 +152,7 @@ let UmbInputDropzoneElement = class UmbInputDropzoneElement extends UmbFormContr
 					${when(item.status === UmbFileDropzoneItemStatus.WAITING, () => html `<div class="progress"><uui-loader-bar progress=${item.progress}></uui-loader-bar></div>`)}
 					${when(item.status === UmbFileDropzoneItemStatus.ERROR, () => html `<div class="error">An error occurred</div>`)}
 					${when(item.status === UmbFileDropzoneItemStatus.CANCELLED, () => html `<div class="error">Cancelled</div>`)}
-					${when(item.status === UmbFileDropzoneItemStatus.NOT_ALLOWED, () => html `<div class="error">
-								${item.statusMessage ?? this.localize.term('media_disallowedFileType')}.
-							</div>`)}
+					${when(item.status === UmbFileDropzoneItemStatus.NOT_ALLOWED, () => html `<div class="error">${item.statusMessage ?? this.localize.term('media_disallowedFileType')}.</div>`)}
 				</div>
 				<div class="fileActions">
 					${when(item.status === UmbFileDropzoneItemStatus.WAITING, () => html `
@@ -161,14 +167,40 @@ let UmbInputDropzoneElement = class UmbInputDropzoneElement extends UmbFormContr
 			</div>
 		`;
     }
+    // TODO: remove this method in v.21.
+    /**
+     * Handles the upload of files and folders dropped onto the dropzone.
+     * Previously this could be overwritten by the consumer of the component, but now it is recommended to overwrite `_handleUpload` instead.
+     * By default, it uses the dropzone manager to create temporary files for the dropped items.
+     * @deprecated Overwrite `_handleUpload` instead. This method will be removed in v.21.
+     * @param {UUIFileDropzoneEvent} e - The event from the file dropzone.
+     */
     async onUpload(e) {
+        new UmbDeprecation({
+            deprecated: 'UmbExtensionCollectionFilterModel .type property.',
+            removeInVersion: '21',
+            solution: 'Use the .extensionTypes property instead.',
+        }).warn();
+        await this.#onUpload(e);
+    }
+    async #onUpload(e) {
         e.stopImmediatePropagation();
-        if (this.#isDisabled)
+        if (this.#isDisabled || this.noAccess)
             return;
         if (!e.detail.files.length && !e.detail.folders.length)
             return;
-        const uploadables = this._manager.createTemporaryFiles(e.detail.files);
-        this.dispatchEvent(new UmbDropzoneSubmittedEvent(await uploadables));
+        const uploads = await this._handleUpload(e);
+        this.dispatchEvent(new UmbDropzoneSubmittedEvent(uploads));
+    }
+    /**
+     * Handles the upload of files and folders dropped onto the dropzone.
+     * Override this method to customize the upload behavior.
+     * By default, it uses the dropzone manager to create temporary files for the dropped items.
+     * @param {UUIFileDropzoneEvent} e - The event from the file dropzone.
+     * @returns {Promise<Array<UmbUploadableItem>>} - A promise that resolves to an array of uploadable items.
+     */
+    async _handleUpload(e) {
+        return await this._manager.createTemporaryFiles(e.detail.files);
     }
     #handleBrowse(e) {
         if (!this._dropzone)
@@ -214,6 +246,11 @@ let UmbInputDropzoneElement = class UmbInputDropzoneElement extends UmbFormContr
 				color: var(--uui-color-default-emphasis);
 			}
 
+			:host([no-access][dragging]:not([disabled])) #dropzone {
+				/** TODO: This is hacky, ideally we transfer dropzone to backoffice and make a noAccess state for it [NL] */
+				--uui-color-default: var(--uui-color-danger);
+			}
+
 			#dropzone {
 				width: 100%;
 				inset: 0;
@@ -264,6 +301,9 @@ let UmbInputDropzoneElement = class UmbInputDropzoneElement extends UmbFormContr
 		`,
     ]; }
 };
+__decorate([
+    property({ type: Boolean, reflect: true, attribute: 'no-access' })
+], UmbInputDropzoneElement.prototype, "noAccess", void 0);
 __decorate([
     property({ type: String })
 ], UmbInputDropzoneElement.prototype, "accept", void 0);

package/dist-cms/packages/media/imaging/components/imaging-thumbnail.element.d.ts

@@ -1,57 +1,10 @@
-import { UmbImagingCropMode } from '../types.js';
-import { UmbLitElement } from '../../../core/lit-element/index.js';
-export declare class UmbImagingThumbnailElement extends UmbLitElement {
-    #private;
-    /**
-     * The unique identifier for the media item.
-     * @description This is also known as the media key and is used to fetch the resource.
-     */
-    unique?: string;
-    /**
-     * The width of the thumbnail in pixels.
-     * @default 300
-     */
-    width: number;
-    /**
-     * The height of the thumbnail in pixels.
-     * @default 300
-     */
-    height: number;
-    /**
-     * The mode of the thumbnail.
-     * @description The mode determines how the image is cropped.
-     * @enum {UmbImagingCropMode}
-     */
-    mode: UmbImagingCropMode;
-    /**
-     * The output format of the thumbnail.
-     * @description The format to convert the image to. If not specified, the backend automatically determines the best format based on the source file type.
-     */
-    format?: string;
-    /**
-     * The alt text for the thumbnail.
-     */
-    alt: string;
-    /**
-     * The fallback icon for the thumbnail.
-     */
-    icon: string;
-    /**
-     * The `loading` state of the thumbnail.
-     * @enum {'lazy' | 'eager'}
-     * @default 'lazy'
-     */
-    loading: (typeof HTMLImageElement)['prototype']['loading'];
-    /**
-     * External loading state (e.g., when parent is waiting for metadata)
-     */
-    externalLoading: boolean;
-    private _isLoading;
-    private _thumbnailUrl;
-    render(): import("lit-html").TemplateResult<1>;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    static styles: import("lit").CSSResult[];
+import { UmbMediaThumbnailElement } from './media-thumbnail.element.js';
+/**
+ * Alias of `umb-media-thumbnail`, kept for backwards compatibility.
+ * @deprecated Use `umb-media-thumbnail` (`UmbMediaThumbnailElement`) instead.
+ * @element umb-imaging-thumbnail
+ */
+export declare class UmbImagingThumbnailElement extends UmbMediaThumbnailElement {
 }
 declare global {
     interface HTMLElementTagNameMap {