| OLD | NEW |
| 1 // Copyright 2016 The Chromium Authors. All rights reserved. | 1 // Copyright 2016 The Chromium Authors. All rights reserved. |
| 2 // Use of this source code is governed by a BSD-style license that can be | 2 // Use of this source code is governed by a BSD-style license that can be |
| 3 // found in the LICENSE file. | 3 // found in the LICENSE file. |
| 4 | |
| 5 /** | 4 /** |
| 6 * @constructor | 5 * @unrestricted |
| 7 * @param {!CSSAgent.MediaQuery} payload | |
| 8 */ | 6 */ |
| 9 WebInspector.CSSMediaQuery = function(payload) | 7 WebInspector.CSSMediaQuery = class { |
| 10 { | 8 /** |
| 9 * @param {!CSSAgent.MediaQuery} payload |
| 10 */ |
| 11 constructor(payload) { |
| 11 this._active = payload.active; | 12 this._active = payload.active; |
| 12 this._expressions = []; | 13 this._expressions = []; |
| 13 for (var j = 0; j < payload.expressions.length; ++j) | 14 for (var j = 0; j < payload.expressions.length; ++j) |
| 14 this._expressions.push(WebInspector.CSSMediaQueryExpression.parsePayload
(payload.expressions[j])); | 15 this._expressions.push(WebInspector.CSSMediaQueryExpression.parsePayload(p
ayload.expressions[j])); |
| 15 }; | 16 } |
| 17 |
| 18 /** |
| 19 * @param {!CSSAgent.MediaQuery} payload |
| 20 * @return {!WebInspector.CSSMediaQuery} |
| 21 */ |
| 22 static parsePayload(payload) { |
| 23 return new WebInspector.CSSMediaQuery(payload); |
| 24 } |
| 25 |
| 26 /** |
| 27 * @return {boolean} |
| 28 */ |
| 29 active() { |
| 30 return this._active; |
| 31 } |
| 32 |
| 33 /** |
| 34 * @return {!Array.<!WebInspector.CSSMediaQueryExpression>} |
| 35 */ |
| 36 expressions() { |
| 37 return this._expressions; |
| 38 } |
| 39 }; |
| 40 |
| 16 | 41 |
| 17 /** | 42 /** |
| 18 * @param {!CSSAgent.MediaQuery} payload | 43 * @unrestricted |
| 19 * @return {!WebInspector.CSSMediaQuery} | |
| 20 */ | 44 */ |
| 21 WebInspector.CSSMediaQuery.parsePayload = function(payload) | 45 WebInspector.CSSMediaQueryExpression = class { |
| 22 { | 46 /** |
| 23 return new WebInspector.CSSMediaQuery(payload); | 47 * @param {!CSSAgent.MediaQueryExpression} payload |
| 24 }; | 48 */ |
| 25 | 49 constructor(payload) { |
| 26 WebInspector.CSSMediaQuery.prototype = { | |
| 27 /** | |
| 28 * @return {boolean} | |
| 29 */ | |
| 30 active: function() | |
| 31 { | |
| 32 return this._active; | |
| 33 }, | |
| 34 | |
| 35 /** | |
| 36 * @return {!Array.<!WebInspector.CSSMediaQueryExpression>} | |
| 37 */ | |
| 38 expressions: function() | |
| 39 { | |
| 40 return this._expressions; | |
| 41 } | |
| 42 }; | |
| 43 | |
| 44 /** | |
| 45 * @constructor | |
| 46 * @param {!CSSAgent.MediaQueryExpression} payload | |
| 47 */ | |
| 48 WebInspector.CSSMediaQueryExpression = function(payload) | |
| 49 { | |
| 50 this._value = payload.value; | 50 this._value = payload.value; |
| 51 this._unit = payload.unit; | 51 this._unit = payload.unit; |
| 52 this._feature = payload.feature; | 52 this._feature = payload.feature; |
| 53 this._valueRange = payload.valueRange ? WebInspector.TextRange.fromObject(pa
yload.valueRange) : null; | 53 this._valueRange = payload.valueRange ? WebInspector.TextRange.fromObject(pa
yload.valueRange) : null; |
| 54 this._computedLength = payload.computedLength || null; | 54 this._computedLength = payload.computedLength || null; |
| 55 }; | 55 } |
| 56 |
| 57 /** |
| 58 * @param {!CSSAgent.MediaQueryExpression} payload |
| 59 * @return {!WebInspector.CSSMediaQueryExpression} |
| 60 */ |
| 61 static parsePayload(payload) { |
| 62 return new WebInspector.CSSMediaQueryExpression(payload); |
| 63 } |
| 64 |
| 65 /** |
| 66 * @return {number} |
| 67 */ |
| 68 value() { |
| 69 return this._value; |
| 70 } |
| 71 |
| 72 /** |
| 73 * @return {string} |
| 74 */ |
| 75 unit() { |
| 76 return this._unit; |
| 77 } |
| 78 |
| 79 /** |
| 80 * @return {string} |
| 81 */ |
| 82 feature() { |
| 83 return this._feature; |
| 84 } |
| 85 |
| 86 /** |
| 87 * @return {?WebInspector.TextRange} |
| 88 */ |
| 89 valueRange() { |
| 90 return this._valueRange; |
| 91 } |
| 92 |
| 93 /** |
| 94 * @return {?number} |
| 95 */ |
| 96 computedLength() { |
| 97 return this._computedLength; |
| 98 } |
| 99 }; |
| 100 |
| 56 | 101 |
| 57 /** | 102 /** |
| 58 * @param {!CSSAgent.MediaQueryExpression} payload | 103 * @unrestricted |
| 59 * @return {!WebInspector.CSSMediaQueryExpression} | |
| 60 */ | 104 */ |
| 61 WebInspector.CSSMediaQueryExpression.parsePayload = function(payload) | 105 WebInspector.CSSMedia = class { |
| 62 { | 106 /** |
| 63 return new WebInspector.CSSMediaQueryExpression(payload); | 107 * @param {!WebInspector.CSSModel} cssModel |
| 64 }; | 108 * @param {!CSSAgent.CSSMedia} payload |
| 65 | 109 */ |
| 66 WebInspector.CSSMediaQueryExpression.prototype = { | 110 constructor(cssModel, payload) { |
| 67 /** | |
| 68 * @return {number} | |
| 69 */ | |
| 70 value: function() | |
| 71 { | |
| 72 return this._value; | |
| 73 }, | |
| 74 | |
| 75 /** | |
| 76 * @return {string} | |
| 77 */ | |
| 78 unit: function() | |
| 79 { | |
| 80 return this._unit; | |
| 81 }, | |
| 82 | |
| 83 /** | |
| 84 * @return {string} | |
| 85 */ | |
| 86 feature: function() | |
| 87 { | |
| 88 return this._feature; | |
| 89 }, | |
| 90 | |
| 91 /** | |
| 92 * @return {?WebInspector.TextRange} | |
| 93 */ | |
| 94 valueRange: function() | |
| 95 { | |
| 96 return this._valueRange; | |
| 97 }, | |
| 98 | |
| 99 /** | |
| 100 * @return {?number} | |
| 101 */ | |
| 102 computedLength: function() | |
| 103 { | |
| 104 return this._computedLength; | |
| 105 } | |
| 106 }; | |
| 107 | |
| 108 | |
| 109 /** | |
| 110 * @constructor | |
| 111 * @param {!WebInspector.CSSModel} cssModel | |
| 112 * @param {!CSSAgent.CSSMedia} payload | |
| 113 */ | |
| 114 WebInspector.CSSMedia = function(cssModel, payload) | |
| 115 { | |
| 116 this._cssModel = cssModel; | 111 this._cssModel = cssModel; |
| 117 this._reinitialize(payload); | 112 this._reinitialize(payload); |
| 118 }; | 113 } |
| 119 | 114 |
| 120 WebInspector.CSSMedia.Source = { | 115 /** |
| 121 LINKED_SHEET: "linkedSheet", | 116 * @param {!WebInspector.CSSModel} cssModel |
| 122 INLINE_SHEET: "inlineSheet", | 117 * @param {!CSSAgent.CSSMedia} payload |
| 123 MEDIA_RULE: "mediaRule", | 118 * @return {!WebInspector.CSSMedia} |
| 124 IMPORT_RULE: "importRule" | 119 */ |
| 125 }; | 120 static parsePayload(cssModel, payload) { |
| 126 | |
| 127 /** | |
| 128 * @param {!WebInspector.CSSModel} cssModel | |
| 129 * @param {!CSSAgent.CSSMedia} payload | |
| 130 * @return {!WebInspector.CSSMedia} | |
| 131 */ | |
| 132 WebInspector.CSSMedia.parsePayload = function(cssModel, payload) | |
| 133 { | |
| 134 return new WebInspector.CSSMedia(cssModel, payload); | 121 return new WebInspector.CSSMedia(cssModel, payload); |
| 135 }; | 122 } |
| 136 | 123 |
| 137 /** | 124 /** |
| 138 * @param {!WebInspector.CSSModel} cssModel | 125 * @param {!WebInspector.CSSModel} cssModel |
| 139 * @param {!Array.<!CSSAgent.CSSMedia>} payload | 126 * @param {!Array.<!CSSAgent.CSSMedia>} payload |
| 140 * @return {!Array.<!WebInspector.CSSMedia>} | 127 * @return {!Array.<!WebInspector.CSSMedia>} |
| 141 */ | 128 */ |
| 142 WebInspector.CSSMedia.parseMediaArrayPayload = function(cssModel, payload) | 129 static parseMediaArrayPayload(cssModel, payload) { |
| 143 { | |
| 144 var result = []; | 130 var result = []; |
| 145 for (var i = 0; i < payload.length; ++i) | 131 for (var i = 0; i < payload.length; ++i) |
| 146 result.push(WebInspector.CSSMedia.parsePayload(cssModel, payload[i])); | 132 result.push(WebInspector.CSSMedia.parsePayload(cssModel, payload[i])); |
| 147 return result; | 133 return result; |
| 148 }; | 134 } |
| 149 | 135 |
| 150 WebInspector.CSSMedia.prototype = { | 136 /** |
| 151 /** | 137 * @param {!CSSAgent.CSSMedia} payload |
| 152 * @param {!CSSAgent.CSSMedia} payload | 138 */ |
| 153 */ | 139 _reinitialize(payload) { |
| 154 _reinitialize: function(payload) | 140 this.text = payload.text; |
| 155 { | 141 this.source = payload.source; |
| 156 this.text = payload.text; | 142 this.sourceURL = payload.sourceURL || ''; |
| 157 this.source = payload.source; | 143 this.range = payload.range ? WebInspector.TextRange.fromObject(payload.range
) : null; |
| 158 this.sourceURL = payload.sourceURL || ""; | 144 this.styleSheetId = payload.styleSheetId; |
| 159 this.range = payload.range ? WebInspector.TextRange.fromObject(payload.r
ange) : null; | 145 this.mediaList = null; |
| 160 this.styleSheetId = payload.styleSheetId; | 146 if (payload.mediaList) { |
| 161 this.mediaList = null; | 147 this.mediaList = []; |
| 162 if (payload.mediaList) { | 148 for (var i = 0; i < payload.mediaList.length; ++i) |
| 163 this.mediaList = []; | 149 this.mediaList.push(WebInspector.CSSMediaQuery.parsePayload(payload.medi
aList[i])); |
| 164 for (var i = 0; i < payload.mediaList.length; ++i) | |
| 165 this.mediaList.push(WebInspector.CSSMediaQuery.parsePayload(payl
oad.mediaList[i])); | |
| 166 } | |
| 167 }, | |
| 168 | |
| 169 /** | |
| 170 * @param {!WebInspector.CSSModel.Edit} edit | |
| 171 */ | |
| 172 rebase: function(edit) | |
| 173 { | |
| 174 if (this.styleSheetId !== edit.styleSheetId || !this.range) | |
| 175 return; | |
| 176 if (edit.oldRange.equal(this.range)) | |
| 177 this._reinitialize(/** @type {!CSSAgent.CSSMedia} */(edit.payload)); | |
| 178 else | |
| 179 this.range = this.range.rebaseAfterTextEdit(edit.oldRange, edit.newR
ange); | |
| 180 }, | |
| 181 | |
| 182 /** | |
| 183 * @param {!WebInspector.CSSMedia} other | |
| 184 * @return {boolean} | |
| 185 */ | |
| 186 equal: function(other) | |
| 187 { | |
| 188 if (!this.styleSheetId || !this.range || !other.range) | |
| 189 return false; | |
| 190 return this.styleSheetId === other.styleSheetId && this.range.equal(oth
er.range); | |
| 191 }, | |
| 192 | |
| 193 /** | |
| 194 * @return {boolean} | |
| 195 */ | |
| 196 active: function() | |
| 197 { | |
| 198 if (!this.mediaList) | |
| 199 return true; | |
| 200 for (var i = 0; i < this.mediaList.length; ++i) { | |
| 201 if (this.mediaList[i].active()) | |
| 202 return true; | |
| 203 } | |
| 204 return false; | |
| 205 }, | |
| 206 | |
| 207 /** | |
| 208 * @return {number|undefined} | |
| 209 */ | |
| 210 lineNumberInSource: function() | |
| 211 { | |
| 212 if (!this.range) | |
| 213 return undefined; | |
| 214 var header = this.header(); | |
| 215 if (!header) | |
| 216 return undefined; | |
| 217 return header.lineNumberInSource(this.range.startLine); | |
| 218 }, | |
| 219 | |
| 220 /** | |
| 221 * @return {number|undefined} | |
| 222 */ | |
| 223 columnNumberInSource: function() | |
| 224 { | |
| 225 if (!this.range) | |
| 226 return undefined; | |
| 227 var header = this.header(); | |
| 228 if (!header) | |
| 229 return undefined; | |
| 230 return header.columnNumberInSource(this.range.startLine, this.range.star
tColumn); | |
| 231 }, | |
| 232 | |
| 233 /** | |
| 234 * @return {?WebInspector.CSSStyleSheetHeader} | |
| 235 */ | |
| 236 header: function() | |
| 237 { | |
| 238 return this.styleSheetId ? this._cssModel.styleSheetHeaderForId(this.sty
leSheetId) : null; | |
| 239 }, | |
| 240 | |
| 241 /** | |
| 242 * @return {?WebInspector.CSSLocation} | |
| 243 */ | |
| 244 rawLocation: function() | |
| 245 { | |
| 246 var header = this.header(); | |
| 247 if (!header || this.lineNumberInSource() === undefined) | |
| 248 return null; | |
| 249 var lineNumber = Number(this.lineNumberInSource()); | |
| 250 return new WebInspector.CSSLocation(header, lineNumber, this.columnNumbe
rInSource()); | |
| 251 } | 150 } |
| 252 }; | 151 } |
| 152 |
| 153 /** |
| 154 * @param {!WebInspector.CSSModel.Edit} edit |
| 155 */ |
| 156 rebase(edit) { |
| 157 if (this.styleSheetId !== edit.styleSheetId || !this.range) |
| 158 return; |
| 159 if (edit.oldRange.equal(this.range)) |
| 160 this._reinitialize(/** @type {!CSSAgent.CSSMedia} */ (edit.payload)); |
| 161 else |
| 162 this.range = this.range.rebaseAfterTextEdit(edit.oldRange, edit.newRange); |
| 163 } |
| 164 |
| 165 /** |
| 166 * @param {!WebInspector.CSSMedia} other |
| 167 * @return {boolean} |
| 168 */ |
| 169 equal(other) { |
| 170 if (!this.styleSheetId || !this.range || !other.range) |
| 171 return false; |
| 172 return this.styleSheetId === other.styleSheetId && this.range.equal(other.ra
nge); |
| 173 } |
| 174 |
| 175 /** |
| 176 * @return {boolean} |
| 177 */ |
| 178 active() { |
| 179 if (!this.mediaList) |
| 180 return true; |
| 181 for (var i = 0; i < this.mediaList.length; ++i) { |
| 182 if (this.mediaList[i].active()) |
| 183 return true; |
| 184 } |
| 185 return false; |
| 186 } |
| 187 |
| 188 /** |
| 189 * @return {number|undefined} |
| 190 */ |
| 191 lineNumberInSource() { |
| 192 if (!this.range) |
| 193 return undefined; |
| 194 var header = this.header(); |
| 195 if (!header) |
| 196 return undefined; |
| 197 return header.lineNumberInSource(this.range.startLine); |
| 198 } |
| 199 |
| 200 /** |
| 201 * @return {number|undefined} |
| 202 */ |
| 203 columnNumberInSource() { |
| 204 if (!this.range) |
| 205 return undefined; |
| 206 var header = this.header(); |
| 207 if (!header) |
| 208 return undefined; |
| 209 return header.columnNumberInSource(this.range.startLine, this.range.startCol
umn); |
| 210 } |
| 211 |
| 212 /** |
| 213 * @return {?WebInspector.CSSStyleSheetHeader} |
| 214 */ |
| 215 header() { |
| 216 return this.styleSheetId ? this._cssModel.styleSheetHeaderForId(this.styleSh
eetId) : null; |
| 217 } |
| 218 |
| 219 /** |
| 220 * @return {?WebInspector.CSSLocation} |
| 221 */ |
| 222 rawLocation() { |
| 223 var header = this.header(); |
| 224 if (!header || this.lineNumberInSource() === undefined) |
| 225 return null; |
| 226 var lineNumber = Number(this.lineNumberInSource()); |
| 227 return new WebInspector.CSSLocation(header, lineNumber, this.columnNumberInS
ource()); |
| 228 } |
| 229 }; |
| 230 |
| 231 WebInspector.CSSMedia.Source = { |
| 232 LINKED_SHEET: 'linkedSheet', |
| 233 INLINE_SHEET: 'inlineSheet', |
| 234 MEDIA_RULE: 'mediaRule', |
| 235 IMPORT_RULE: 'importRule' |
| 236 }; |
| 237 |
| 238 |
| OLD | NEW |