summaryrefslogtreecommitdiffstats
path: root/toolkit/components/satchel/megalist/content/search-input.mjs
blob: e30d13ef2a9ba7f3e37747acb50f175167e0e48e (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

import { html } from "chrome://global/content/vendor/lit.all.mjs";
import { MozLitElement } from "chrome://global/content/lit-utils.mjs";

export default class SearchInput extends MozLitElement {
  static get properties() {
    return {
      items: { type: Array },
      change: { type: Function },
      value: { type: String },
    };
  }

  render() {
    return html` <link
        rel="stylesheet"
        href="chrome://global/content/megalist/megalist.css"
      />
      <link
        rel="stylesheet"
        href="chrome://global/skin/in-content/common.css"
      />
      <input
        class="search"
        type="search"
        data-l10n-id="filter-placeholder"
        @input=${this.change}
        .value=${this.value}
      />`;
  }
}

customElements.define("search-input", SearchInput);