DevTools: extract modules (non-extensions)

third_party/WebKit/Source/devtools/front_end/sources/CSSSourceFrame.js

 /*
  * Copyright (C) 2013 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 20 matching lines @@
 /**
  * @unrestricted
  */
 Sources.CSSSourceFrame = class extends SourceFrame.UISourceCodeFrame {
   /**
    * @param {!Workspace.UISourceCode} uiSourceCode
    */
   constructor(uiSourceCode) {
     super(uiSourceCode);
     this._registerShortcuts();
-    this._swatchPopoverHelper = new UI.SwatchPopoverHelper();
+    this._swatchPopoverHelper = new InlineEditor.SwatchPopoverHelper();
     this._muteSwatchProcessing = false;
     this.configureAutocomplete(
         {suggestionsCallback: this._cssSuggestions.bind(this), isWordChar: this._isWordChar.bind(this)});
     this.textEditor.addEventListener(SourceFrame.SourcesTextEditor.Events.ScrollChanged, () => {
       if (this._swatchPopoverHelper.isShowing())
         this._swatchPopoverHelper.hide(true);
     });
   }
 
   _registerShortcuts() {
-    var shortcutKeys = Components.ShortcutsScreen.SourcesPanelShortcuts;
+    var shortcutKeys = UI.ShortcutsScreen.SourcesPanelShortcuts;
     for (var i = 0; i < shortcutKeys.IncreaseCSSUnitByOne.length; ++i)
       this.addShortcut(shortcutKeys.IncreaseCSSUnitByOne[i].key, this._handleUnitModification.bind(this, 1));
     for (var i = 0; i < shortcutKeys.DecreaseCSSUnitByOne.length; ++i)
       this.addShortcut(shortcutKeys.DecreaseCSSUnitByOne[i].key, this._handleUnitModification.bind(this, -1));
     for (var i = 0; i < shortcutKeys.IncreaseCSSUnitByTen.length; ++i)
       this.addShortcut(shortcutKeys.IncreaseCSSUnitByTen[i].key, this._handleUnitModification.bind(this, 10));
     for (var i = 0; i < shortcutKeys.DecreaseCSSUnitByTen.length; ++i)
       this.addShortcut(shortcutKeys.DecreaseCSSUnitByTen[i].key, this._handleUnitModification.bind(this, -10));
   }
 
@@ skipping 88 matching lines @@
         var swatchPosition = swatchPositions[i];
         var bookmark = this.textEditor.addBookmark(
             swatchPosition.startLine, swatchPosition.startColumn, swatch, Sources.CSSSourceFrame.SwatchBookmark);
         swatch[Sources.CSSSourceFrame.SwatchBookmark] = bookmark;
       }
     }
   }
 
   /**
    * @param {string} text
-   * @return {?UI.ColorSwatch}
+   * @return {?InlineEditor.ColorSwatch}
    */
   _createColorSwatch(text) {
     var color = Common.Color.parse(text);
     if (!color)
       return null;
-    var swatch = UI.ColorSwatch.create();
+    var swatch = InlineEditor.ColorSwatch.create();
     swatch.setColor(color);
     swatch.iconElement().title = Common.UIString('Open color picker.');
     swatch.iconElement().addEventListener('click', this._swatchIconClicked.bind(this, swatch), false);
     swatch.hideText(true);
     return swatch;
   }
 
   /**
    * @param {string} text
-   * @return {?UI.BezierSwatch}
+   * @return {?InlineEditor.BezierSwatch}
    */
   _createBezierSwatch(text) {
     if (!Common.Geometry.CubicBezier.parse(text))
       return null;
-    var swatch = UI.BezierSwatch.create();
+    var swatch = InlineEditor.BezierSwatch.create();
     swatch.setBezierText(text);
     swatch.iconElement().title = Common.UIString('Open cubic bezier editor.');
     swatch.iconElement().addEventListener('click', this._swatchIconClicked.bind(this, swatch), false);
     swatch.hideText(true);
     return swatch;
   }
 
   /**
    * @param {!Element} swatch
    * @param {!Event} event
    */
   _swatchIconClicked(swatch, event) {
     event.consume(true);
     this._hadSwatchChange = false;
     this._muteSwatchProcessing = true;
     var swatchPosition = swatch[Sources.CSSSourceFrame.SwatchBookmark].position();
     this.textEditor.setSelection(swatchPosition);
     this._editedSwatchTextRange = swatchPosition.clone();
     this._editedSwatchTextRange.endColumn += swatch.textContent.length;
     this._currentSwatch = swatch;
 
-    if (swatch instanceof UI.ColorSwatch)
+    if (swatch instanceof InlineEditor.ColorSwatch)
       this._showSpectrum(swatch);
-    else if (swatch instanceof UI.BezierSwatch)
+    else if (swatch instanceof InlineEditor.BezierSwatch)
       this._showBezierEditor(swatch);
   }
 
   /**
-   * @param {!UI.ColorSwatch} swatch
+   * @param {!InlineEditor.ColorSwatch} swatch
    */
   _showSpectrum(swatch) {
     if (!this._spectrum) {
-      this._spectrum = new Components.Spectrum();
-      this._spectrum.addEventListener(Components.Spectrum.Events.SizeChanged, this._spectrumResized, this);
-      this._spectrum.addEventListener(Components.Spectrum.Events.ColorChanged, this._spectrumChanged, this);
+      this._spectrum = new ColorPicker.Spectrum();
+      this._spectrum.addEventListener(ColorPicker.Spectrum.Events.SizeChanged, this._spectrumResized, this);
+      this._spectrum.addEventListener(ColorPicker.Spectrum.Events.ColorChanged, this._spectrumChanged, this);
     }
     this._spectrum.setColor(swatch.color(), swatch.format());
     this._swatchPopoverHelper.show(this._spectrum, swatch.iconElement(), this._swatchPopoverHidden.bind(this));
   }
 
   /**
    * @param {!Common.Event} event
    */
   _spectrumResized(event) {
     this._swatchPopoverHelper.reposition();
   }
 
   /**
    * @param {!Common.Event} event
    */
   _spectrumChanged(event) {
     var colorString = /** @type {string} */ (event.data);
     var color = Common.Color.parse(colorString);
     if (!color)
       return;
     this._currentSwatch.setColor(color);
     this._changeSwatchText(colorString);
   }
 
   /**
-   * @param {!UI.BezierSwatch} swatch
+   * @param {!InlineEditor.BezierSwatch} swatch
    */
   _showBezierEditor(swatch) {
     if (!this._bezierEditor) {
-      this._bezierEditor = new UI.BezierEditor();
-      this._bezierEditor.addEventListener(UI.BezierEditor.Events.BezierChanged, this._bezierChanged, this);
+      this._bezierEditor = new InlineEditor.BezierEditor();
+      this._bezierEditor.addEventListener(InlineEditor.BezierEditor.Events.BezierChanged, this._bezierChanged, this);
     }
     var cubicBezier = Common.Geometry.CubicBezier.parse(swatch.bezierText());
     if (!cubicBezier) {
       cubicBezier =
           /** @type {!Common.Geometry.CubicBezier} */ (Common.Geometry.CubicBezier.parse('linear'));
     }
     this._bezierEditor.setBezier(cubicBezier);
     this._swatchPopoverHelper.show(this._bezierEditor, swatch.iconElement(), this._swatchPopoverHidden.bind(this));
   }
 
@@ skipping 101 matching lines @@
       tokenPosition = token.startColumn - 1;
     }
     return null;
   }
 };
 
 /** @type {number} */
 Sources.CSSSourceFrame.maxSwatchProcessingLength = 300;
 /** @type {symbol} */
 Sources.CSSSourceFrame.SwatchBookmark = Symbol('swatch');