// 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 {html, render} from 'lit-html'; export interface CreditsItemData { title: string; homepage: string; license: string; } function onClick(e: KeyboardEvent): void { const {target} = e; if (target instanceof HTMLButtonElement) { const {previousElementSibling} = target; if (previousElementSibling instanceof HTMLInputElement) { previousElementSibling.checked = !previousElementSibling.checked; target.ariaExpanded = `${previousElementSibling.checked}`; } } } export class CreditsItem extends HTMLElement { readonly #shadow = this.attachShadow({mode: 'open'}); #data: Readonly = {title: '', homepage: '', license: ''}; get data(): Readonly { return this.#data; } set data(data: Readonly) { this.#data = data; this.render(); } private render(): void { const output = html`

${this.data.title} homepage

${this.data.license}

`; render(output, this.#shadow, { eventContext: this, }); } } declare global { interface HTMLElementTagNameMap { 'devtools-cxx-debugging-credits-item': CreditsItem; } } customElements.define('devtools-cxx-debugging-credits-item', CreditsItem);