chrome/browser/resources/intro/default_browser/app.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.

import '/strings.m.js';
import 'chrome://resources/cr_elements/cr_button/cr_button.js';

import {WebUiListenerMixinLit} from 'chrome://resources/cr_elements/web_ui_listener_mixin_lit.js';
import {loadTimeData} from 'chrome://resources/js/load_time_data.js';
import {CrLitElement} from 'chrome://resources/lit/v3_0/lit.rollup.js';

import {getCss} from './app.css.js';
import {getHtml} from './app.html.js';
import type {DefaultBrowserBrowserProxy} from './browser_proxy.js';
import {DefaultBrowserBrowserProxyImpl} from './browser_proxy.js';

const AppElementBase = WebUiListenerMixinLit(CrLitElement);

export class AppElement extends AppElementBase {
  static get is() {
    return 'default-browser-app';
  }

  static override get styles() {
    return getCss();
  }

  override render() {
    return getHtml.bind(this)();
  }

  static override get properties() {
    return {
      anyButtonClicked_: {type: Boolean},
    };
  }

  private accessor anyButtonClicked_: boolean = false;
  private browserProxy_: DefaultBrowserBrowserProxy =
      DefaultBrowserBrowserProxyImpl.getInstance();

  override connectedCallback() {
    super.connectedCallback();
    this.addWebUiListener(
        'reset-default-browser-buttons', this.resetButtons_.bind(this));
  }

  protected onConfirmDefaultBrowserClick_() {
    this.anyButtonClicked_ = true;
    this.browserProxy_.setAsDefaultBrowser();
  }

  protected onSkipDefaultBrowserClick_() {
    this.anyButtonClicked_ = true;
    this.browserProxy_.skipDefaultBrowser();
  }

  private resetButtons_() {
    this.anyButtonClicked_ = false;
  }

  protected getTitle() {
    return loadTimeData.getString('defaultBrowserTitle');
  }
  protected getSubtitle() {
    return loadTimeData.getString('defaultBrowserSubtitle');
  }

  /**
   * Disable buttons if a button was clicked.
   */
  protected areButtonsDisabled_() {
    return this.anyButtonClicked_;
  }
}

declare global {
  interface HTMLElementTagNameMap {
    'default-browser-app': AppElement;
  }
}

customElements.define(AppElement.is, AppElement);