feat(ui5-user-settings-dialog): add saveMode with Save/Cancel footer

[dobromiraboycheva]

Overview

Introducing a new save-mode property to the UserSettingsDialog component, allowing applications to switch the footer from the default "Close" button to explicit Save and Cancel actions.

Structure

• When save-mode is not set (default false), the footer displays a single "Close" button — the current behavior is unchanged
• When save-mode is set, the footer displays a Save (Emphasized) and a Cancel button instead of "Close"
• Clicking Save fires the save event; clicking Cancel fires the cancel event
• Neither event closes the dialog automatically — the application is responsible for closing it after persisting or discarding the changes (typically after a backend call)

API

UserSettingsDialog new property:

Property	Type	Default	Description
saveMode	boolean	false	When set, the footer renders Save and Cancel buttons instead of the default Close button.

UserSettingsDialog new events:

Event	Description
save	Fired when the Save button is clicked. The application is responsible for closing the dialog after persisting the changes.
cancel	Fired when the Cancel button is clicked. The application is responsible for closing the dialog after discarding the changes.

Usage

Default footer (Close button):

<ui5-user-settings-dialog header-text="Settings">
  <ui5-user-settings-item icon="user-settings" text="User Account" header-text="User Account" selected>
    <ui5-user-settings-view></ui5-user-settings-view>
  </ui5-user-settings-item>
</ui5-user-settings-dialog>

Save mode (Save + Cancel buttons):

<ui5-user-settings-dialog id="settings" header-text="Settings" save-mode>
  <ui5-user-settings-item icon="user-settings" text="User Account" header-text="User Account" selected>
    <ui5-user-settings-view></ui5-user-settings-view>
  </ui5-user-settings-item>
</ui5-user-settings-dialog>

<script>

  const dialog = document.getElementById("settings");
  dialog.addEventListener("save", () => {
    // persist changes, then close
    dialog.open = false;
  });
  dialog.addEventListener("cancel", () => {
    // discard changes, then close
    dialog.open = false;
  });
</script>

[sap-ui5-webcomponents-release]

🚀 Deployed on https://pr-13845--ui5-webcomponents-preview.netlify.app

[sap-ui5-webcomponents-release]

🧹 Preview deployment cleaned up: https://pr-13845--ui5-webcomponents.netlify.app

[sap-ui5-webcomponents-release]

🎉 This PR is included in version v2.25.0 🎉

The release is available on v2.25.0

Your semantic-release bot 📦🚀