chrome/browser/resources/side_panel/shared/sp_footer.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 A toolbar that rests with its content horizontally centered or
 * pushes itself to the bottom of a flex parent when [pinned].
 */

import '//resources/cr_elements/cr_shared_vars.css.js';

import {CrLitElement} from '//resources/lit/v3_0/lit.rollup.js';

import {getCss} from './sp_footer.css.js';
import {getHtml} from './sp_footer.html.js';

export class SpFooterElement extends CrLitElement {
  static get is() {
    return 'sp-footer';
  }

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

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

  static override get properties() {
    return {
      pinned: {
        type: Boolean,
        reflect: true,
      },
    };
  }

  pinned: boolean = false;

  override firstUpdated() {
    this.setAttribute('role', 'toolbar');
  }
}

declare global {
  interface HTMLElementTagNameMap {
    'sp-footer': SpFooterElement;
  }
}

customElements.define(SpFooterElement.is, SpFooterElement);