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 |