V16: Split media handling from UmbDropzoneManager

src/Umbraco.Web.UI.Client/devops/circular/index.js

@@ -12,7 +12,7 @@ import { join } from 'path';
 //const __dirname = import.meta.dirname;
 
 // Adjust this number as needed.
-const MAX_CIRCULAR_DEPENDENCIES = 5;
+const MAX_CIRCULAR_DEPENDENCIES = 4;
 
 const IS_GITHUB_ACTIONS = process.env.GITHUB_ACTIONS === 'true';
 const IS_AZURE_PIPELINES = process.env.TF_BUILD === 'true';

src/Umbraco.Web.UI.Client/src/packages/documents/document-types/entity-actions/import/modal/document-type-import-modal.element.ts

@@ -6,7 +6,8 @@ import type {
 import { css, html, customElement, state, when } from '@umbraco-cms/backoffice/external/lit';
 import { UmbTextStyles } from '@umbraco-cms/backoffice/style';
 import { UmbModalBaseElement } from '@umbraco-cms/backoffice/modal';
-import type { UmbDropzoneChangeEvent, UmbDropzoneMediaElement } from '@umbraco-cms/backoffice/media';
+import type { UmbDropzoneMediaElement } from '@umbraco-cms/backoffice/media';
+import type { UmbDropzoneChangeEvent } from '@umbraco-cms/backoffice/dropzone';
 
 interface UmbDocumentTypePreview {
 	unique: string;

src/Umbraco.Web.UI.Client/src/packages/media/dropzone/components/input-dropzone/input-dropzone.element.ts

@@ -93,14 +93,21 @@ export class UmbInputDropzoneElement extends UmbFormControlMixin<UmbUploadableIt
 
 	constructor() {
 		super();
+		this._observeProgress();
+		this._observeProgressItems();
+	}
 
+	_observeProgress() {
 		this.observe(
 			this._manager.progress,
-			(progress) =>
-				this.dispatchEvent(new ProgressEvent('progress', { loaded: progress.completed, total: progress.total })),
+			(progress) => {
+				this.dispatchEvent(new ProgressEvent('progress', { loaded: progress.completed, total: progress.total }));
+			},
 			'_observeProgress',
 		);
+	}
 
+	protected _observeProgressItems() {
 		this.observe(
 			this._manager.progressItems,
 			(progressItems) => {

src/Umbraco.Web.UI.Client/src/packages/media/dropzone/constants.ts

@@ -1,5 +1,3 @@
-export { UMB_DROPZONE_MEDIA_TYPE_PICKER_MODAL } from './modals/dropzone-media-type-picker/dropzone-media-type-picker-modal.token.js';
-
 export enum UmbFileDropzoneItemStatus {
 	WAITING = 'waiting',
 	COMPLETE = 'complete',