| 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 | 4 |
| 5 /** | 5 /** |
| 6 * @constructor | 6 * @constructor |
| 7 * @extends {HTMLSpanElement} | 7 * @extends {HTMLSpanElement} |
| 8 */ | 8 */ |
| 9 UI.Icon = class extends HTMLSpanElement { | 9 UI.Icon = class extends HTMLSpanElement { |
| 10 constructor() { | 10 constructor() { |
| (...skipping 77 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 88 | 88 |
| 89 /** @enum {!UI.Icon.Descriptor} */ | 89 /** @enum {!UI.Icon.Descriptor} */ |
| 90 UI.Icon.Descriptors = { | 90 UI.Icon.Descriptors = { |
| 91 'smallicon-error': {x: -20, y: 0, width: 10, height: 10, spritesheet: 'smallic
ons'}, | 91 'smallicon-error': {x: -20, y: 0, width: 10, height: 10, spritesheet: 'smallic
ons'}, |
| 92 'smallicon-warning': {x: -60, y: 0, width: 10, height: 10, spritesheet: 'small
icons'}, | 92 'smallicon-warning': {x: -60, y: 0, width: 10, height: 10, spritesheet: 'small
icons'}, |
| 93 'smallicon-info': {x: -80, y: 0, width: 10, height: 10, spritesheet: 'smallico
ns'}, | 93 'smallicon-info': {x: -80, y: 0, width: 10, height: 10, spritesheet: 'smallico
ns'}, |
| 94 'smallicon-device': {x: -100, y: 0, width: 10, height: 10, spritesheet: 'small
icons'}, | 94 'smallicon-device': {x: -100, y: 0, width: 10, height: 10, spritesheet: 'small
icons'}, |
| 95 'smallicon-red-ball': {x: -120, y: 0, width: 10, height: 10, spritesheet: 'sma
llicons'}, | 95 'smallicon-red-ball': {x: -120, y: 0, width: 10, height: 10, spritesheet: 'sma
llicons'}, |
| 96 'smallicon-green-ball': {x: -140, y: 0, width: 10, height: 10, spritesheet: 's
mallicons'}, | 96 'smallicon-green-ball': {x: -140, y: 0, width: 10, height: 10, spritesheet: 's
mallicons'}, |
| 97 'smallicon-orange-ball': {x: -160, y: 0, width: 10, height: 10, spritesheet: '
smallicons'}, | 97 'smallicon-orange-ball': {x: -160, y: 0, width: 10, height: 10, spritesheet: '
smallicons'}, |
| 98 'smallicon-green-arrow': {x: -120, y: -20, width: 10, height: 10, spritesheet:
'smallicons'}, |
| 98 'smallicon-thick-right-arrow': {x: -180, y: 0, width: 10, height: 10, spritesh
eet: 'smallicons'}, | 99 'smallicon-thick-right-arrow': {x: -180, y: 0, width: 10, height: 10, spritesh
eet: 'smallicons'}, |
| 99 'smallicon-thick-left-arrow': {x: -180, y: -20, width: 10, height: 10, sprites
heet: 'smallicons'}, | 100 'smallicon-thick-left-arrow': {x: -180, y: -20, width: 10, height: 10, sprites
heet: 'smallicons'}, |
| 100 'smallicon-user-command': {x: 0, y: -19, width: 10, height: 10, spritesheet: '
smallicons'}, | 101 'smallicon-user-command': {x: 0, y: -19, width: 10, height: 10, spritesheet: '
smallicons'}, |
| 101 'smallicon-text-prompt': {x: -20, y: -20, width: 10, height: 10, spritesheet:
'smallicons'}, | 102 'smallicon-text-prompt': {x: -20, y: -20, width: 10, height: 10, spritesheet:
'smallicons'}, |
| 102 'smallicon-command-result': {x: -40, y: -19, width: 10, height: 10, spriteshee
t: 'smallicons'}, | 103 'smallicon-command-result': {x: -40, y: -19, width: 10, height: 10, spriteshee
t: 'smallicons'}, |
| 103 'smallicon-shadow': {x: -60, y: -20, width: 10, height: 10, spritesheet: 'smal
licons', isMask: true}, | 104 'smallicon-shadow': {x: -60, y: -20, width: 10, height: 10, spritesheet: 'smal
licons', isMask: true}, |
| 104 'smallicon-bezier': {x: -80, y: -20, width: 10, height: 10, spritesheet: 'smal
licons', isMask: true}, | 105 'smallicon-bezier': {x: -80, y: -20, width: 10, height: 10, spritesheet: 'smal
licons', isMask: true}, |
| 105 'smallicon-dropdown-arrow': {x: -18, y: -96, width: 12, height: 12, spriteshee
t: 'largeicons', isMask: true}, | 106 'smallicon-dropdown-arrow': {x: -18, y: -96, width: 12, height: 12, spriteshee
t: 'largeicons', isMask: true}, |
| 106 'smallicon-triangle-right': {x: -4, y: -98, width: 10, height: 8, spritesheet:
'largeicons', isMask: true}, | 107 'smallicon-triangle-right': {x: -4, y: -98, width: 10, height: 8, spritesheet:
'largeicons', isMask: true}, |
| 107 'smallicon-triangle-down': {x: -20, y: -98, width: 10, height: 8, spritesheet:
'largeicons', isMask: true}, | 108 'smallicon-triangle-down': {x: -20, y: -98, width: 10, height: 8, spritesheet:
'largeicons', isMask: true}, |
| (...skipping 109 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 217 'largeicon-edit': {x: -160, y: -0, width: 28, height: 24, spritesheet: 'largei
cons', isMask: true}, | 218 'largeicon-edit': {x: -160, y: -0, width: 28, height: 24, spritesheet: 'largei
cons', isMask: true}, |
| 218 'largeicon-chevron': {x: -68, y: -143, width: 24, height: 26, spritesheet: 'la
rgeicons', isMask: true}, | 219 'largeicon-chevron': {x: -68, y: -143, width: 24, height: 26, spritesheet: 'la
rgeicons', isMask: true}, |
| 219 | 220 |
| 220 'mediumicon-manifest': {x: 0, y: -0, width: 16, height: 16, spritesheet: 'reso
urceicons', isMask: true}, | 221 'mediumicon-manifest': {x: 0, y: -0, width: 16, height: 16, spritesheet: 'reso
urceicons', isMask: true}, |
| 221 'mediumicon-service-worker': {x: -20, y: -0, width: 16, height: 16, spriteshee
t: 'resourceicons', isMask: true}, | 222 'mediumicon-service-worker': {x: -20, y: -0, width: 16, height: 16, spriteshee
t: 'resourceicons', isMask: true}, |
| 222 'mediumicon-clear-storage': {x: -40, y: -0, width: 16, height: 16, spritesheet
: 'resourceicons', isMask: true}, | 223 'mediumicon-clear-storage': {x: -40, y: -0, width: 16, height: 16, spritesheet
: 'resourceicons', isMask: true}, |
| 223 'mediumicon-database': {x: -60, y: -0, width: 16, height: 16, spritesheet: 're
sourceicons', isMask: true}, | 224 'mediumicon-database': {x: -60, y: -0, width: 16, height: 16, spritesheet: 're
sourceicons', isMask: true}, |
| 224 'mediumicon-table': {x: -80, y: -0, width: 16, height: 16, spritesheet: 'resou
rceicons', isMask: true}, | 225 'mediumicon-table': {x: -80, y: -0, width: 16, height: 16, spritesheet: 'resou
rceicons', isMask: true}, |
| 225 'mediumicon-cookie': {x: -120, y: -0, width: 16, height: 16, spritesheet: 'res
ourceicons', isMask: true}, | 226 'mediumicon-cookie': {x: -120, y: -0, width: 16, height: 16, spritesheet: 'res
ourceicons', isMask: true}, |
| 226 }; | 227 }; |
| OLD | NEW |