text: /*
   * Copyright (C) 2012 Google Inc. All rights reserved.
   *
   * Redistribution and use in source and binary forms, with or without
   * modification, are permitted provided that the following conditions are
   * met:
   *
   *     * Redistributions of source code must retain the above copyright
   * notice, this list of conditions and the following disclaimer.
   *     * Redistributions in binary form must reproduce the above
   * copyright notice, this list of conditions and the following disclaimer
   * in the documentation and/or other materials provided with the
   * distribution.
   *     * Neither the name of Google Inc. nor the names of its
   * contributors may be used to endorse or promote products derived from
   * this software without specific prior written permission.
   *
   * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
   * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
   * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
   * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
   * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
   * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
   * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
   * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
   * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
   * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
   * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
   */
  
  /**
   * @unrestricted
   */
  export default class ExtensionView extends UI.Widget {
    /**
     * @param {!Extensions.ExtensionServer} server
     * @param {string} id
     * @param {string} src
     * @param {string} className
     */
    constructor(server, id, src, className) {
      super();
      this.setHideOnDetach();
      this.element.className = 'vbox flex-auto';  // Override
  
      // TODO(crbug.com/872438): remove once we can use this._iframe instead
      this.element.tabIndex = -1;
  
      this._server = server;
      this._id = id;
      this._iframe = createElement('iframe');
      this._iframe.addEventListener('load', this._onLoad.bind(this), false);
      this._iframe.src = src;
      this._iframe.className = className;
  
      // TODO(crbug.com/872438): make this._iframe the default focused element
      this.setDefaultFocusedElement(this.element);
  
      this.element.appendChild(this._iframe);
    }
  
    /**
     * @override
     */
    wasShown() {
      if (typeof this._frameIndex === 'number') {
        this._server.notifyViewShown(this._id, this._frameIndex);
      }
    }
  
    /**
     * @override
     */
    willHide() {
      if (typeof this._frameIndex === 'number') {
        this._server.notifyViewHidden(this._id);
      }
    }
  
    _onLoad() {
      const frames = window.frames;
      this._frameIndex = Array.prototype.indexOf.call(frames, this._iframe.contentWindow);
      if (this.isShowing()) {
        this._server.notifyViewShown(this._id, this._frameIndex);
      }
    }
  }
  
  /**
   * @unrestricted
   */
  export class ExtensionNotifierView extends UI.VBox {
    /**
     * @param {!Extensions.ExtensionServer} server
     * @param {string} id
     */
    constructor(server, id) {
      super();
  
      this._server = server;
      this._id = id;
    }
  
    /**
     * @override
     */
    wasShown() {
      this._server.notifyViewShown(this._id);
    }
  
    /**
     * @override
     */
    willHide() {
      this._server.notifyViewHidden(this._id);
    }
  }
  
  /* Legacy exported object */
  self.Extensions = self.Extensions || {};
  
  /* Legacy exported object */
  Extensions = Extensions || {};
  
  /** @constructor */
  Extensions.ExtensionView = ExtensionView;
  
  /** @constructor */
  Extensions.ExtensionNotifierView = ExtensionNotifierView;
  