| // Copyright 2014 The Chromium Authors |
| // Use of this source code is governed by a BSD-style license that can be |
| // found in the LICENSE file. |
| |
| import 'chrome://resources/cr_elements/cr_button/cr_button.js'; |
| import 'chrome://resources/cr_elements/cr_dialog/cr_dialog.js'; |
| import 'chrome://resources/cr_elements/cr_input/cr_input.js'; |
| |
| import type {CrButtonElement} from 'chrome://resources/cr_elements/cr_button/cr_button.js'; |
| import type {CrDialogElement} from 'chrome://resources/cr_elements/cr_dialog/cr_dialog.js'; |
| import type {CrInputElement} from 'chrome://resources/cr_elements/cr_input/cr_input.js'; |
| import {CrLitElement} from 'chrome://resources/lit/v3_0/lit.rollup.js'; |
| |
| import {getCss} from './viewer_password_dialog.css.js'; |
| import {getHtml} from './viewer_password_dialog.html.js'; |
| |
| export interface ViewerPasswordDialogElement { |
| $: { |
| dialog: CrDialogElement, |
| password: CrInputElement, |
| submit: CrButtonElement, |
| }; |
| } |
| |
| export class ViewerPasswordDialogElement extends CrLitElement { |
| static get is() { |
| return 'viewer-password-dialog'; |
| } |
| |
| static override get styles() { |
| return getCss(); |
| } |
| |
| override render() { |
| return getHtml.bind(this)(); |
| } |
| |
| static override get properties() { |
| return { |
| invalid: {type: Boolean}, |
| }; |
| } |
| |
| invalid: boolean = false; |
| |
| close() { |
| this.$.dialog.close(); |
| } |
| |
| deny() { |
| const password = this.$.password; |
| password.disabled = false; |
| this.$.submit.disabled = false; |
| this.invalid = true; |
| password.select(); |
| |
| this.dispatchEvent(new CustomEvent('password-denied-for-testing')); |
| } |
| |
| submit() { |
| const password = this.$.password; |
| if (password.value.length === 0) { |
| return; |
| } |
| password.disabled = true; |
| this.$.submit.disabled = true; |
| this.dispatchEvent(new CustomEvent('password-submitted', { |
| detail: {password: password.value}, |
| })); |
| } |
| } |
| |
| declare global { |
| interface HTMLElementTagNameMap { |
| 'viewer-password-dialog': ViewerPasswordDialogElement; |
| } |
| } |
| |
| customElements.define( |
| ViewerPasswordDialogElement.is, ViewerPasswordDialogElement); |