DevTools: extract modules (with extensions)

third_party/WebKit/Source/devtools/front_end/elements/StylesSidebarPane.js

 /*
  * Copyright (C) 2007 Apple Inc.  All rights reserved.
  * Copyright (C) 2009 Joseph Pecoraro
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions
  * are met:
  *
  * 1.  Redistributions of source code must retain the above copyright
  *     notice, this list of conditions and the following disclaimer.
@@ skipping 21 matching lines @@
  */
 Elements.StylesSidebarPane = class extends Elements.ElementsSidebarPane {
   constructor() {
     super();
     this.setMinimumSize(96, 26);
 
     Common.moduleSetting('colorFormat').addChangeListener(this.update.bind(this));
     Common.moduleSetting('textEditorIndent').addChangeListener(this.update.bind(this));
 
     this._sectionsContainer = this.element.createChild('div');
-    this._swatchPopoverHelper = new UI.SwatchPopoverHelper();
+    this._swatchPopoverHelper = new InlineEditor.SwatchPopoverHelper();
     this._linkifier = new Components.Linkifier(Elements.StylesSidebarPane._maxLinkLength, /* useLinkDecorator */ true);
 
     this.element.classList.add('styles-pane');
 
     /** @type {!Array<!Elements.SectionBlock>} */
     this._sectionBlocks = [];
     Elements.StylesSidebarPane._instance = this;
     UI.context.addFlavorChangeListener(SDK.DOMNode, this.forceUpdate, this);
   }
 
@@ skipping 1806 matching lines @@
    * @param {string} text
    * @return {!Node}
    */
   _processColor(text) {
     // We can be called with valid non-color values of |text| (like 'none' from border style)
     var color = Common.Color.parse(text);
     if (!color)
       return createTextNode(text);
 
     if (!this._editable()) {
-      var swatch = UI.ColorSwatch.create();
+      var swatch = InlineEditor.ColorSwatch.create();
       swatch.setColor(color);
       return swatch;
     }
 
     var swatchPopoverHelper = this._parentPane._swatchPopoverHelper;
-    var swatch = UI.ColorSwatch.create();
+    var swatch = InlineEditor.ColorSwatch.create();
     swatch.setColor(color);
     swatch.setFormat(Common.Color.detectColorFormat(swatch.color()));
     var swatchIcon = new Elements.ColorSwatchPopoverIcon(this, swatchPopoverHelper, swatch);
 
     /**
      * @param {?Array<string>} backgroundColors
      */
     function computedCallback(backgroundColors) {
       // TODO(aboxhall): distinguish between !backgroundColors (no text) and
       // !backgroundColors.length (no computed bg color)
@@ skipping 34 matching lines @@
   }
 
   /**
    * @param {string} text
    * @return {!Node}
    */
   _processBezier(text) {
     if (!this._editable() || !Common.Geometry.CubicBezier.parse(text))
       return createTextNode(text);
     var swatchPopoverHelper = this._parentPane._swatchPopoverHelper;
-    var swatch = UI.BezierSwatch.create();
+    var swatch = InlineEditor.BezierSwatch.create();
     swatch.setBezierText(text);
     new Elements.BezierPopoverIcon(this, swatchPopoverHelper, swatch);
     return swatch;
   }
 
   /**
    * @param {string} propertyValue
    * @param {string} propertyName
    * @return {!Node}
    */
   _processShadow(propertyValue, propertyName) {
     if (!this._editable())
       return createTextNode(propertyValue);
     var shadows;
     if (propertyName === 'text-shadow')
       shadows = Common.CSSShadowModel.parseTextShadow(propertyValue);
     else
       shadows = Common.CSSShadowModel.parseBoxShadow(propertyValue);
     if (!shadows.length)
       return createTextNode(propertyValue);
     var container = createDocumentFragment();
     var swatchPopoverHelper = this._parentPane._swatchPopoverHelper;
     for (var i = 0; i < shadows.length; i++) {
       if (i !== 0)
         container.appendChild(createTextNode(', '));  // Add back commas and spaces between each shadow.
       // TODO(flandy): editing the property value should use the original value with all spaces.
-      var cssShadowSwatch = UI.CSSShadowSwatch.create();
+      var cssShadowSwatch = InlineEditor.CSSShadowSwatch.create();
       cssShadowSwatch.setCSSShadow(shadows[i]);
       new Elements.ShadowSwatchPopoverHelper(this, swatchPopoverHelper, cssShadowSwatch);
       var colorSwatch = cssShadowSwatch.colorSwatch();
       if (colorSwatch)
         new Elements.ColorSwatchPopoverIcon(this, swatchPopoverHelper, colorSwatch);
       container.appendChild(cssShadowSwatch);
     }
     return container;
   }
 
@@ skipping 1112 matching lines @@
   }
 
   /**
    * @override
    * @return {!UI.ToolbarItem}
    */
   item() {
     return this._button;
   }
 };