chrome/browser/resources/print_preview/new/print_preview_search_box.js

// Copyright 2018 The Chromium Authors. All rights reserved.
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.

(function() {
'use strict';

/** @type {!RegExp} */
const SANITIZE_REGEX = /[-[\]{}()*+?.,\\^$|#\s]/g;

Polymer({
  is: 'print-preview-search-box',

  behaviors: [CrSearchFieldBehavior],

  properties: {
    autofocus: Boolean,

    /** @type {?RegExp} */
    searchQuery: {
      type: Object,
      notify: true,
    },
  },

  listeners: {
    'search-changed': 'onSearchChanged_',
  },

  /**
   * Timeout used to delay processing of the input, in ms.
   * @private {?number}
   */
  timeout_: null,

  /** @return {!HTMLInputElement} */
  getSearchInput: function() {
    return this.$.searchInput;
  },

  /**
   * @param {!CustomEvent} e Event containing the new search.
   * @private
   */
  onSearchChanged_: function(e) {
    let safeQuery = e.detail.trim().replace(SANITIZE_REGEX, '\\$&');
    safeQuery = safeQuery.length > 0 ? new RegExp(`(${safeQuery})`, 'i') : null;
    if (this.timeout_) {
      clearTimeout(this.timeout_);
    }
    this.timeout_ = setTimeout(() => {
      this.searchQuery = safeQuery;
      this.timeout_ = null;
    }, 150);
  },
});
})();