+ ${unsafeHTML(this.localize.string(message, this.data?.uniques.length))}
+ ${this._referencesConfig
+ ? html``
+ : nothing}
+
+
+
+
+
+ `;
+ }
+
+ static override styles = [
+ UmbTextStyles,
+ css`
+ uui-dialog-layout {
+ max-inline-size: 60ch;
+ }
+ `,
+ ];
+}
+
+export { UmbBulkDeleteWithRelationConfirmModalElement as element };
+
+declare global {
+ interface HTMLElementTagNameMap {
+ 'umb-bulk-delete-with-relation-confirm-modal': UmbBulkDeleteWithRelationConfirmModalElement;
+ }
+}
diff --git a/src/Umbraco.Web.UI.Client/src/packages/relations/relations/entity-actions/bulk-delete/modal/bulk-delete-with-relation-modal.token.ts b/src/Umbraco.Web.UI.Client/src/packages/relations/relations/entity-actions/bulk-delete/modal/bulk-delete-with-relation-modal.token.ts
new file mode 100644
index 000000000000..b66ee86cb194
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/packages/relations/relations/entity-actions/bulk-delete/modal/bulk-delete-with-relation-modal.token.ts
@@ -0,0 +1,18 @@
+import { UmbModalToken } from '@umbraco-cms/backoffice/modal';
+
+export interface UmbBulkDeleteWithRelationConfirmModalData {
+ uniques: Array