| 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 82 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 93 UI.Icon.Descriptors = { | 93 UI.Icon.Descriptors = { |
| 94 'smallicon-error': {x: -20, y: 0, width: 10, height: 10, spritesheet: 'smallic
ons'}, | 94 'smallicon-error': {x: -20, y: 0, width: 10, height: 10, spritesheet: 'smallic
ons'}, |
| 95 'smallicon-revoked-error': {x: -40, y: 0, width: 10, height: 10, spritesheet:
'smallicons'}, | 95 'smallicon-revoked-error': {x: -40, y: 0, width: 10, height: 10, spritesheet:
'smallicons'}, |
| 96 'smallicon-warning': {x: -60, y: 0, width: 10, height: 10, spritesheet: 'small
icons'}, | 96 'smallicon-warning': {x: -60, y: 0, width: 10, height: 10, spritesheet: 'small
icons'}, |
| 97 'smallicon-info': {x: -80, y: 0, width: 10, height: 10, spritesheet: 'smallico
ns'}, | 97 'smallicon-info': {x: -80, y: 0, width: 10, height: 10, spritesheet: 'smallico
ns'}, |
| 98 'smallicon-device': {x: -100, y: 0, width: 10, height: 10, spritesheet: 'small
icons'}, | 98 'smallicon-device': {x: -100, y: 0, width: 10, height: 10, spritesheet: 'small
icons'}, |
| 99 'smallicon-red-ball': {x: -120, y: 0, width: 10, height: 10, spritesheet: 'sma
llicons'}, | 99 'smallicon-red-ball': {x: -120, y: 0, width: 10, height: 10, spritesheet: 'sma
llicons'}, |
| 100 'smallicon-green-ball': {x: -140, y: 0, width: 10, height: 10, spritesheet: 's
mallicons'}, | 100 'smallicon-green-ball': {x: -140, y: 0, width: 10, height: 10, spritesheet: 's
mallicons'}, |
| 101 'smallicon-orange-ball': {x: -160, y: 0, width: 10, height: 10, spritesheet: '
smallicons'}, | 101 'smallicon-orange-ball': {x: -160, y: 0, width: 10, height: 10, spritesheet: '
smallicons'}, |
| 102 'smallicon-thick-right-arrow': {x: -180, y: 0, width: 10, height: 10, spritesh
eet: 'smallicons'}, | 102 'smallicon-thick-right-arrow': {x: -180, y: 0, width: 10, height: 10, spritesh
eet: 'smallicons'}, |
| 103 'smallicon-thick-left-arrow': |
| 104 {x: -180, y: 0, width: 10, height: 10, spritesheet: 'smallicons', transfor
m: 'rotate(180deg)'}, |
| 103 'smallicon-user-command': {x: 0, y: -20, width: 10, height: 10, spritesheet: '
smallicons'}, | 105 'smallicon-user-command': {x: 0, y: -20, width: 10, height: 10, spritesheet: '
smallicons'}, |
| 104 'smallicon-text-prompt': {x: -20, y: -20, width: 10, height: 10, spritesheet:
'smallicons'}, | 106 'smallicon-text-prompt': {x: -20, y: -20, width: 10, height: 10, spritesheet:
'smallicons'}, |
| 105 'smallicon-command-result': {x: -40, y: -20, width: 10, height: 10, spriteshee
t: 'smallicons'}, | 107 'smallicon-command-result': {x: -40, y: -20, width: 10, height: 10, spriteshee
t: 'smallicons'}, |
| 106 'smallicon-shadow': {x: -60, y: -20, width: 10, height: 10, spritesheet: 'smal
licons', isMask: true}, | 108 'smallicon-shadow': {x: -60, y: -20, width: 10, height: 10, spritesheet: 'smal
licons', isMask: true}, |
| 107 'smallicon-bezier': {x: -80, y: -20, width: 10, height: 10, spritesheet: 'smal
licons', isMask: true}, | 109 'smallicon-bezier': {x: -80, y: -20, width: 10, height: 10, spritesheet: 'smal
licons', isMask: true}, |
| 108 'smallicon-dropdown-arrow': {x: -18, y: -96, width: 12, height: 12, spriteshee
t: 'largeicons', isMask: true}, | 110 'smallicon-dropdown-arrow': {x: -18, y: -96, width: 12, height: 12, spriteshee
t: 'largeicons', isMask: true}, |
| 109 'smallicon-checkmark': {x: -100, y: -20, width: 10, height: 10, spritesheet: '
smallicons', isMask: true}, | 111 'smallicon-checkmark': {x: -100, y: -20, width: 10, height: 10, spritesheet: '
smallicons', isMask: true}, |
| 110 'smallicon-green-checkmark': {x: -120, y: -20, width: 10, height: 10, spritesh
eet: 'smallicons'}, | 112 'smallicon-green-checkmark': {x: -120, y: -20, width: 10, height: 10, spritesh
eet: 'smallicons'}, |
| 111 'smallicon-triangle-right': {x: -4, y: -98, width: 10, height: 8, spritesheet:
'largeicons', isMask: true}, | 113 'smallicon-triangle-right': {x: -4, y: -98, width: 10, height: 8, spritesheet:
'largeicons', isMask: true}, |
| 112 'smallicon-triangle-bottom': {x: -20, y: -98, width: 10, height: 8, spriteshee
t: 'largeicons', isMask: true}, | 114 'smallicon-triangle-bottom': {x: -20, y: -98, width: 10, height: 8, spriteshee
t: 'largeicons', isMask: true}, |
| (...skipping 85 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 198 'largeicon-hide-bottom-sidebar': { | 200 'largeicon-hide-bottom-sidebar': { |
| 199 x: -192, | 201 x: -192, |
| 200 y: -72, | 202 y: -72, |
| 201 width: 28, | 203 width: 28, |
| 202 height: 24, | 204 height: 24, |
| 203 spritesheet: 'largeicons', | 205 spritesheet: 'largeicons', |
| 204 isMask: true, | 206 isMask: true, |
| 205 transform: 'translate(4px, 1px) rotate(-90deg)' | 207 transform: 'translate(4px, 1px) rotate(-90deg)' |
| 206 }, | 208 }, |
| 207 }; | 209 }; |
| OLD | NEW |