From 0ae05ccf7b5eadf83ea7c5580f6979c31fa5ad43 Mon Sep 17 00:00:00 2001
From: leekelleher <leekelleher@gmail.com>
Date: Tue, 7 May 2024 18:04:28 +0100
Subject: [PATCH] Adds `cancelLabel` option to the Confirm Modal

Also localized the fallback labels for "Cancel" and "Confirm".
---
 .../core/modal/common/confirm/confirm-modal.element.ts | 10 +++++++---
 .../packages/core/modal/token/confirm-modal.token.ts   |  1 +
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/modal/common/confirm/confirm-modal.element.ts b/src/Umbraco.Web.UI.Client/src/packages/core/modal/common/confirm/confirm-modal.element.ts
index 0e236841bf..96da62feb7 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/core/modal/common/confirm/confirm-modal.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/core/modal/common/confirm/confirm-modal.element.ts
@@ -24,13 +24,17 @@ export class UmbConfirmModalElement extends UmbLitElement {
 			<uui-dialog-layout class="uui-text" .headline=${this.data?.headline || null}>
 				${this.data?.content}
 
-				<uui-button slot="actions" id="cancel" label="Cancel" @click="${this._handleCancel}"></uui-button>
+				<uui-button
+					slot="actions"
+					id="cancel"
+					label=${this.data?.cancelLabel || this.localize.term('buttons_confirmActionCancel')}
+					@click=${this._handleCancel}></uui-button>
 				<uui-button
 					slot="actions"
 					id="confirm"
-					color="${this.data?.color || 'positive'}"
+					color=${this.data?.color || 'positive'}
 					look="primary"
-					label="${this.data?.confirmLabel || 'Confirm'}"
+					label=${this.data?.confirmLabel || this.localize.term('buttons_confirmActionConfirm')}
 					@click=${this._handleConfirm}
 					${umbFocus()}></uui-button>
 			</uui-dialog-layout>
diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/modal/token/confirm-modal.token.ts b/src/Umbraco.Web.UI.Client/src/packages/core/modal/token/confirm-modal.token.ts
index f9feaa6d97..45bd9f9709 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/core/modal/token/confirm-modal.token.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/core/modal/token/confirm-modal.token.ts
@@ -5,6 +5,7 @@ export interface UmbConfirmModalData {
 	headline: string;
 	content: TemplateResult | string;
 	color?: 'positive' | 'danger';
+	cancelLabel?: string;
 	confirmLabel?: string;
 }