DevTools: Box-shadow editor initial implementation

third_party/WebKit/Source/devtools/front_end/common/CSSShadowModel.js

 // Copyright 2016 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.
 
 /**
  * @constructor
+ * @param {boolean} isBoxShadow
  */
-WebInspector.CSSShadowModel = function()
+WebInspector.CSSShadowModel = function(isBoxShadow)
 {
+    this._isBoxShadow = isBoxShadow;
     this._inset = false;
     this._offsetX = WebInspector.CSSLength.zero();
     this._offsetY = WebInspector.CSSLength.zero();
     this._blurRadius = WebInspector.CSSLength.zero();
     this._spreadRadius = WebInspector.CSSLength.zero();
     this._color = /** @type {!WebInspector.Color} */ (WebInspector.Color.parse("black"));
     this._format = [WebInspector.CSSShadowModel._Part.OffsetX, WebInspector.CSSShadowModel._Part.OffsetY];
 }
 
 /**
@@ skipping 32 matching lines @@
      */
     setInset: function(inset)
     {
         this._inset = inset;
         if (this._format.indexOf(WebInspector.CSSShadowModel._Part.Inset) === -1)
             this._format.unshift(WebInspector.CSSShadowModel._Part.Inset);
     },
 
     /**
      * @param {!WebInspector.CSSLength} offsetX
+     */
+    setOffsetX: function(offsetX)
+    {
+        this._offsetX = offsetX;
+    },
+
+    /**
      * @param {!WebInspector.CSSLength} offsetY
      */
-    setOffset: function(offsetX, offsetY)
+    setOffsetY: function(offsetY)
     {
-        this._offsetX = offsetX;
         this._offsetY = offsetY;
     },
 
     /**
      * @param {!WebInspector.CSSLength} blurRadius
      */
     setBlurRadius: function(blurRadius)
     {
         this._blurRadius = blurRadius;
         if (this._format.indexOf(WebInspector.CSSShadowModel._Part.BlurRadius) === -1) {
@@ skipping 21 matching lines @@
     setColor: function(color)
     {
         this._color = color;
         if (this._format.indexOf(WebInspector.CSSShadowModel._Part.Color) === -1)
             this._format.push(WebInspector.CSSShadowModel._Part.Color);
     },
 
     /**
      * @return {boolean}
      */
+    isBoxShadow: function()
+    {
+        return this._isBoxShadow;
+    },
+
+    /**
+     * @return {boolean}
+     */
     inset: function()
     {
         return this._inset;
     },
 
     /**
      * @return {!WebInspector.CSSLength}
      */
     offsetX: function()
     {
@@ skipping 72 matching lines @@
         if (splits[i].regexIndex === 1) {
             var comma = splits[i];
             shadowTexts.push(text.substring(currentIndex, comma.position));
             currentIndex = comma.position + 1;
         }
     }
     shadowTexts.push(text.substring(currentIndex, text.length));
 
     var shadows = [];
     for (var i = 0; i < shadowTexts.length; i++) {
-        var shadow = new WebInspector.CSSShadowModel();
+        var shadow = new WebInspector.CSSShadowModel(isBoxShadow);
         shadow._format = [];
         var nextPartAllowed = true;
         var regexes = [/inset/gi, WebInspector.Color.Regex, WebInspector.CSSLength.Regex];
         var results = WebInspector.TextUtils.splitStringByRegexes(shadowTexts[i], regexes);
         for (var j = 0; j < results.length; j++) {
             var result = results[j];
             if (result.regexIndex === -1) {
                 // Don't allow anything other than inset, color, length values, and whitespace.
                 if (/\S/.test(result.value))
                     return [];
@@ skipping 107 matching lines @@
 
 WebInspector.CSSLength.prototype = {
     /**
      * @return {string}
      */
     asCSSText: function()
     {
         return this.amount + this.unit;
     }
 }