[DevTools] Prepare to move Popover to shadow DOM.

third_party/WebKit/Source/devtools/front_end/object_ui/ObjectPopoverHelper.js

 /*
  * Copyright (C) 2011 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
@@ skipping 110 matching lines @@
         this.hidePopover();
         return;
       }
       this._objectTarget = result.target();
       var anchorElement = anchorOverride || element;
       var description = result.description.trimEnd(ObjectUI.ObjectPopoverHelper.MaxPopoverTextLength);
       var popoverContentElement = null;
       if (result.type !== 'object') {
         popoverContentElement = createElement('span');
         UI.appendStyle(popoverContentElement, 'object_ui/objectValue.css');
+        UI.appendStyle(popoverContentElement, 'object_ui/objectPopover.css');
         var valueElement = popoverContentElement.createChild('span', 'monospace object-value-' + result.type);
         valueElement.style.whiteSpace = 'pre';
 
         if (result.type === 'string')
           valueElement.createTextChildren('"', description, '"');
         else if (result.type !== 'function')
           valueElement.textContent = description;
 
         if (result.type === 'function') {
           result.getOwnProperties(
               false /* generatePreview */,
               didGetFunctionProperties.bind(this, result, popoverContentElement, valueElement, anchorElement));
           return;
         }
         popover.showForAnchor(popoverContentElement, anchorElement);
       } else {
         if (result.subtype === 'node') {
           SDK.DOMModel.highlightObjectAsDOMNode(result);
           this._resultHighlightedAsDOM = true;
         }
 
         if (result.customPreview()) {
           var customPreviewComponent = new ObjectUI.CustomPreviewComponent(result);
           customPreviewComponent.expandIfPossible();
           popoverContentElement = customPreviewComponent.element;
         } else {
           popoverContentElement = createElement('div');
+          UI.appendStyle(popoverContentElement, 'object_ui/objectPopover.css');
           this._titleElement = popoverContentElement.createChild('div', 'monospace');
-          this._titleElement.createChild('span', 'source-frame-popover-title').textContent = description;
+          this._titleElement.createChild('span', 'object-popover-title').textContent = description;
           var section = new ObjectUI.ObjectPropertiesSection(result, '', this._lazyLinkifier());
-          section.element.classList.add('source-frame-popover-tree');
+          section.element.classList.add('object-popover-tree');
           section.titleLessMode();
           popoverContentElement.appendChild(section.element);
         }
         var popoverWidth = 300;
         var popoverHeight = 250;
         popover.showForAnchor(popoverContentElement, anchorElement, popoverWidth, popoverHeight);
       }
     }
     this._queryObject(element, didQueryObject.bind(this), this._popoverObjectGroup);
   }
@@ skipping 19 matching lines @@
    * @return {!Components.Linkifier}
    */
   _lazyLinkifier() {
     if (!this._linkifier)
       this._linkifier = new Components.Linkifier();
     return this._linkifier;
   }
 };
 
 ObjectUI.ObjectPopoverHelper.MaxPopoverTextLength = 10000;