chrome/browser/resources/settings/simple_confirmation_dialog.ts

// Copyright 2023 The Chromium Authors
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.

/**
 * @fileoverview 'settings-simple-confirmation-dialog' is a generic
 * component for confirming an action the user has taken, given them an
 * opportunity to cancel.
 */
import 'chrome://resources/cr_elements/cr_button/cr_button.js';
import 'chrome://resources/cr_elements/cr_dialog/cr_dialog.js';

import type {CrDialogElement} from 'chrome://resources/cr_elements/cr_dialog/cr_dialog.js';
import {PolymerElement} from 'chrome://resources/polymer/v3_0/polymer/polymer_bundled.min.js';

import {getTemplate} from './simple_confirmation_dialog.html.js';

export interface SettingsSimpleConfirmationDialogElement {
  $: {
    dialog: CrDialogElement,
    cancel: HTMLElement,
    confirm: HTMLElement,
  };
}

export class SettingsSimpleConfirmationDialogElement extends PolymerElement {
  static get is() {
    return 'settings-simple-confirmation-dialog';
  }

  static get template() {
    return getTemplate();
  }

  static get properties() {
    return {
      titleText: String,
      bodyText: String,
      confirmText: String,

      noPrimaryButton: {
        type: Boolean,
        value: false,
      },
    };
  }

  declare titleText: string;
  declare bodyText: string;
  declare confirmText: string;
  declare noPrimaryButton: boolean;

  /** @return Whether the user confirmed the dialog. */
  wasConfirmed(): boolean {
    return this.$.dialog.getNative().returnValue === 'success';
  }

  private onCancelClick_() {
    this.$.dialog.cancel();
  }

  private onConfirmClick_() {
    this.$.dialog.close();
  }

  private getConfirmButtonCssClass_(): string {
    return this.noPrimaryButton ? '' : 'action-button';
  }
}

declare global {
  interface HTMLElementTagNameMap {
    'settings-simple-confirmation-dialog':
        SettingsSimpleConfirmationDialogElement;
  }
}

customElements.define(
    SettingsSimpleConfirmationDialogElement.is,
    SettingsSimpleConfirmationDialogElement);