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 17 matching lines...) Expand all Loading... |
28 icon.setIconType(iconType); | 28 icon.setIconType(iconType); |
29 return icon; | 29 return icon; |
30 } | 30 } |
31 | 31 |
32 /** | 32 /** |
33 * @override | 33 * @override |
34 */ | 34 */ |
35 createdCallback() { | 35 createdCallback() { |
36 /** @type {?UI.Icon.Descriptor} */ | 36 /** @type {?UI.Icon.Descriptor} */ |
37 this._descriptor = null; | 37 this._descriptor = null; |
| 38 /** @type {?UI.Icon.SpriteSheet} */ |
| 39 this._spriteSheet = null; |
38 /** @type {string} */ | 40 /** @type {string} */ |
39 this._iconType = ''; | 41 this._iconType = ''; |
40 } | 42 } |
41 | 43 |
42 /** | 44 /** |
43 * @param {string} iconType | 45 * @param {string} iconType |
44 */ | 46 */ |
45 setIconType(iconType) { | 47 setIconType(iconType) { |
46 if (this._descriptor) { | 48 if (this._descriptor) { |
47 this.style.removeProperty('--spritesheet-position'); | 49 this.style.removeProperty('--spritesheet-position'); |
48 this.style.removeProperty('width'); | 50 this.style.removeProperty('width'); |
49 this.style.removeProperty('height'); | 51 this.style.removeProperty('height'); |
50 this._toggleClasses(false); | 52 this._toggleClasses(false); |
51 this._iconType = ''; | 53 this._iconType = ''; |
52 this._descriptor = null; | 54 this._descriptor = null; |
| 55 this._spriteSheet = null; |
53 } | 56 } |
54 var descriptor = UI.Icon.Descriptors[iconType] || null; | 57 var descriptor = UI.Icon.Descriptors[iconType] || null; |
55 if (descriptor) { | 58 if (descriptor) { |
56 this._iconType = iconType; | 59 this._iconType = iconType; |
57 this._descriptor = descriptor; | 60 this._descriptor = descriptor; |
| 61 this._spriteSheet = UI.Icon.SpriteSheets[this._descriptor.spritesheet]; |
| 62 console.assert( |
| 63 this._spriteSheet, `ERROR: icon ${this._iconType} has unknown spritesh
eet: ${this._descriptor.spritesheet}`); |
| 64 |
58 this.style.setProperty('--spritesheet-position', this._propertyValue()); | 65 this.style.setProperty('--spritesheet-position', this._propertyValue()); |
59 this.style.setProperty('width', this._descriptor.width + 'px'); | 66 this.style.setProperty('width', this._spriteSheet.cellWidth + 'px'); |
60 this.style.setProperty('height', this._descriptor.height + 'px'); | 67 this.style.setProperty('height', this._spriteSheet.cellHeight + 'px'); |
61 this._toggleClasses(true); | 68 this._toggleClasses(true); |
62 } else if (iconType) { | 69 } else if (iconType) { |
63 throw new Error(`ERROR: failed to find icon descriptor for type: ${iconTyp
e}`); | 70 throw new Error(`ERROR: failed to find icon descriptor for type: ${iconTyp
e}`); |
64 } | 71 } |
65 } | 72 } |
66 | 73 |
67 /** | 74 /** |
68 * @param {boolean} value | 75 * @param {boolean} value |
69 */ | 76 */ |
70 _toggleClasses(value) { | 77 _toggleClasses(value) { |
71 this.classList.toggle('spritesheet-' + this._descriptor.spritesheet, value); | 78 this.classList.toggle('spritesheet-' + this._descriptor.spritesheet, value); |
72 this.classList.toggle(this._iconType, value); | 79 this.classList.toggle(this._iconType, value); |
73 this.classList.toggle('icon-mask', value && !!this._descriptor.isMask); | 80 this.classList.toggle('icon-mask', value && !!this._descriptor.isMask); |
74 } | 81 } |
75 | 82 |
76 /** | 83 /** |
77 * @return {string} | 84 * @return {string} |
78 */ | 85 */ |
79 _propertyValue() { | 86 _propertyValue() { |
80 return `${this._descriptor.x}px ${this._descriptor.y}px`; | 87 if (!this._descriptor.coordinates) { |
| 88 if (!this._descriptor.position || !UI.Icon._positionRegex.test(this._descr
iptor.position)) |
| 89 throw new Error(`ERROR: icon '${this._iconType}' has malformed position:
'${this._descriptor.position}'`); |
| 90 var column = this._descriptor.position[0].toLowerCase().charCodeAt(0) - 97
; |
| 91 var row = parseInt(this._descriptor.position.substring(1), 10) - 1; |
| 92 this._descriptor.coordinates = { |
| 93 x: -(this._spriteSheet.cellWidth + this._spriteSheet.padding) * column, |
| 94 y: (this._spriteSheet.cellHeight + this._spriteSheet.padding) * (row + 1
) - this._spriteSheet.padding |
| 95 }; |
| 96 } |
| 97 return `${this._descriptor.coordinates.x}px ${this._descriptor.coordinates.y
}px`; |
81 } | 98 } |
82 }; | 99 }; |
83 | 100 |
84 /** @typedef {{x: number, y: number, width: number, height: number, spritesheet:
string, isMask: (boolean|undefined)}} */ | 101 UI.Icon._positionRegex = /^[a-z][1-9][0-9]*$/; |
| 102 |
| 103 /** @typedef {{position: string, spritesheet: string, isMask: (boolean|undefined
)}} */ |
85 UI.Icon.Descriptor; | 104 UI.Icon.Descriptor; |
86 | 105 |
| 106 /** @typedef {{cellWidth: number, cellHeight: number, padding: number}} */ |
| 107 UI.Icon.SpriteSheet; |
| 108 |
| 109 /** @enum {!UI.Icon.SpriteSheet} */ |
| 110 UI.Icon.SpriteSheets = { |
| 111 'smallicons': {cellWidth: 10, cellHeight: 10, padding: 10}, |
| 112 'mediumicons': {cellWidth: 16, cellHeight: 16, padding: 0}, |
| 113 'largeicons': {cellWidth: 28, cellHeight: 24, padding: 0}, |
| 114 'arrowicons': {cellWidth: 19, cellHeight: 19, padding: 0} |
| 115 }; |
| 116 |
87 /** @enum {!UI.Icon.Descriptor} */ | 117 /** @enum {!UI.Icon.Descriptor} */ |
88 UI.Icon.Descriptors = { | 118 UI.Icon.Descriptors = { |
89 // small icons | 119 'smallicon-bezier': {position: 'a5', spritesheet: 'smallicons', isMask: true}, |
90 'smallicon-bezier': {x: 0, y: 0, width: 10, height: 10, spritesheet: 'smallico
ns', isMask: true}, | 120 'smallicon-checkmark': {position: 'b5', spritesheet: 'smallicons'}, |
91 'smallicon-checkmark': {x: -20, y: 0, width: 10, height: 10, spritesheet: 'sma
llicons'}, | 121 'smallicon-command-result': {position: 'a4', spritesheet: 'smallicons'}, |
92 'smallicon-command-result': {x: 0, y: -20, width: 10, height: 10, spritesheet:
'smallicons'}, | 122 'smallicon-cross': {position: 'b4', spritesheet: 'smallicons'}, |
93 'smallicon-cross': {x: -20, y: -20, width: 10, height: 10, spritesheet: 'small
icons'}, | 123 'smallicon-device': {position: 'c5', spritesheet: 'smallicons'}, |
94 'smallicon-device': {x: -40, y: 0, width: 10, height: 10, spritesheet: 'smalli
cons'}, | 124 'smallicon-error': {position: 'c4', spritesheet: 'smallicons'}, |
95 'smallicon-error': {x: -40, y: -20, width: 10, height: 10, spritesheet: 'small
icons'}, | 125 'smallicon-green-arrow': {position: 'a3', spritesheet: 'smallicons'}, |
96 'smallicon-green-arrow': {x: 0, y: -40, width: 10, height: 10, spritesheet: 's
mallicons'}, | 126 'smallicon-green-ball': {position: 'b3', spritesheet: 'smallicons'}, |
97 'smallicon-green-ball': {x: -20, y: -40, width: 10, height: 10, spritesheet: '
smallicons'}, | 127 'smallicon-info': {position: 'c3', spritesheet: 'smallicons'}, |
98 'smallicon-info': {x: -40, y: -40, width: 10, height: 10, spritesheet: 'smalli
cons'}, | 128 'smallicon-inline-breakpoint-conditional': {position: 'd5', spritesheet: 'smal
licons'}, |
99 'smallicon-inline-breakpoint-conditional': {x: -60, y: 0, width: 10, height: 1
0, spritesheet: 'smallicons'}, | 129 'smallicon-inline-breakpoint': {position: 'd4', spritesheet: 'smallicons'}, |
100 'smallicon-inline-breakpoint': {x: -60, y: -20, width: 10, height: 10, sprites
heet: 'smallicons'}, | 130 'smallicon-orange-ball': {position: 'd3', spritesheet: 'smallicons'}, |
101 'smallicon-orange-ball': {x: -60, y: -40, width: 10, height: 10, spritesheet:
'smallicons'}, | 131 'smallicon-red-ball': {position: 'a2', spritesheet: 'smallicons'}, |
102 'smallicon-red-ball': {x: 0, y: -60, width: 10, height: 10, spritesheet: 'smal
licons'}, | 132 'smallicon-shadow': {position: 'b2', spritesheet: 'smallicons', isMask: true}, |
103 'smallicon-shadow': {x: -20, y: -60, width: 10, height: 10, spritesheet: 'smal
licons', isMask: true}, | 133 'smallicon-step-in': {position: 'c2', spritesheet: 'smallicons'}, |
104 'smallicon-step-in': {x: -40, y: -60, width: 10, height: 10, spritesheet: 'sma
llicons'}, | 134 'smallicon-step-out': {position: 'd2', spritesheet: 'smallicons'}, |
105 'smallicon-step-out': {x: -60, y: -60, width: 10, height: 10, spritesheet: 'sm
allicons'}, | 135 'smallicon-text-prompt': {position: 'e5', spritesheet: 'smallicons'}, |
106 'smallicon-text-prompt': {x: -80, y: 0, width: 10, height: 10, spritesheet: 's
mallicons'}, | 136 'smallicon-thick-left-arrow': {position: 'e4', spritesheet: 'smallicons'}, |
107 'smallicon-thick-left-arrow': {x: -80, y: -20, width: 10, height: 10, spritesh
eet: 'smallicons'}, | 137 'smallicon-thick-right-arrow': {position: 'e3', spritesheet: 'smallicons'}, |
108 'smallicon-thick-right-arrow': {x: -80, y: -40, width: 10, height: 10, sprites
heet: 'smallicons'}, | 138 'smallicon-triangle-down': {position: 'e2', spritesheet: 'smallicons', isMask:
true}, |
109 'smallicon-triangle-down': {x: -80, y: -60, width: 10, height: 10, spritesheet
: 'smallicons', isMask: true}, | 139 'smallicon-triangle-right': {position: 'a1', spritesheet: 'smallicons', isMask
: true}, |
110 'smallicon-triangle-right': {x: 0, y: -80, width: 10, height: 10, spritesheet:
'smallicons', isMask: true}, | 140 'smallicon-triangle-up': {position: 'b1', spritesheet: 'smallicons', isMask: t
rue}, |
111 'smallicon-triangle-up': {x: -20, y: -80, width: 10, height: 10, spritesheet:
'smallicons', isMask: true}, | 141 'smallicon-user-command': {position: 'c1', spritesheet: 'smallicons'}, |
112 'smallicon-user-command': {x: -40, y: -80, width: 10, height: 10, spritesheet:
'smallicons'}, | 142 'smallicon-warning': {position: 'd1', spritesheet: 'smallicons'}, |
113 'smallicon-warning': {x: -60, y: -80, width: 10, height: 10, spritesheet: 'sma
llicons'}, | |
114 | 143 |
115 // medium icons | 144 'mediumicon-clear-storage': {position: 'a4', spritesheet: 'mediumicons', isMas
k: true}, |
116 'mediumicon-clear-storage': {x: 0, y: 0, width: 16, height: 16, spritesheet: '
mediumicons', isMask: true}, | 145 'mediumicon-cookie': {position: 'b4', spritesheet: 'mediumicons', isMask: true
}, |
117 'mediumicon-cookie': {x: -16, y: 0, width: 16, height: 16, spritesheet: 'mediu
micons', isMask: true}, | 146 'mediumicon-database': {position: 'c4', spritesheet: 'mediumicons', isMask: tr
ue}, |
118 'mediumicon-database': {x: -32, y: 0, width: 16, height: 16, spritesheet: 'med
iumicons', isMask: true}, | 147 'mediumicon-manifest': {position: 'd4', spritesheet: 'mediumicons', isMask: tr
ue}, |
119 'mediumicon-manifest': {x: -48, y: 0, width: 16, height: 16, spritesheet: 'med
iumicons', isMask: true}, | 148 'mediumicon-service-worker': {position: 'a3', spritesheet: 'mediumicons', isMa
sk: true}, |
120 'mediumicon-service-worker': {x: 0, y: -16, width: 16, height: 16, spritesheet
: 'mediumicons', isMask: true}, | 149 'mediumicon-table': {position: 'b3', spritesheet: 'mediumicons', isMask: true}
, |
121 'mediumicon-table': {x: -16, y: -16, width: 16, height: 16, spritesheet: 'medi
umicons', isMask: true}, | 150 'mediumicon-arrow-in-circle': {position: 'c3', spritesheet: 'mediumicons', isM
ask: true}, |
122 'mediumicon-arrow-in-circle': {x: -32, y: -16, width: 16, height: 16, spritesh
eet: 'mediumicons', isMask: true}, | 151 'mediumicon-file-sync': {position: 'd3', spritesheet: 'mediumicons'}, |
123 'mediumicon-file-sync': {x: -48, y: -16, width: 16, height: 16, spritesheet: '
mediumicons'}, | 152 'mediumicon-file': {position: 'a2', spritesheet: 'mediumicons'}, |
124 'mediumicon-file': {x: 0, y: -32, width: 16, height: 16, spritesheet: 'mediumi
cons'}, | 153 'mediumicon-gray-cross-active': {position: 'b2', spritesheet: 'mediumicons'}, |
125 'mediumicon-gray-cross-active': {x: -16, y: -32, width: 16, height: 16, sprite
sheet: 'mediumicons'}, | 154 'mediumicon-gray-cross-hover': {position: 'c2', spritesheet: 'mediumicons'}, |
126 'mediumicon-gray-cross-hover': {x: -32, y: -32, width: 16, height: 16, sprites
heet: 'mediumicons'}, | 155 'mediumicon-red-cross-active': {position: 'd2', spritesheet: 'mediumicons'}, |
127 'mediumicon-red-cross-active': {x: -48, y: -32, width: 16, height: 16, sprites
heet: 'mediumicons'}, | 156 'mediumicon-red-cross-hover': {position: 'a1', spritesheet: 'mediumicons'}, |
128 'mediumicon-red-cross-hover': {x: 0, y: -48, width: 16, height: 16, spriteshee
t: 'mediumicons'}, | 157 'mediumicon-search': {position: 'b1', spritesheet: 'mediumicons'}, |
129 'mediumicon-search': {x: -16, y: -48, width: 16, height: 16, spritesheet: 'med
iumicons'}, | |
130 | 158 |
131 // large icons | 159 'badge-navigator-file-sync': {position: 'a9', spritesheet: 'largeicons'}, |
132 'badge-navigator-file-sync': {x: 0, y: 0, width: 28, height: 24, spritesheet:
'largeicons'}, | 160 'largeicon-activate-breakpoints': {position: 'b9', spritesheet: 'largeicons',
isMask: true}, |
133 'largeicon-activate-breakpoints': {x: -28, y: 0, width: 28, height: 24, sprite
sheet: 'largeicons', isMask: true}, | 161 'largeicon-add': {position: 'a8', spritesheet: 'largeicons', isMask: true}, |
134 'largeicon-add': {x: 0, y: -24, width: 28, height: 24, spritesheet: 'largeicon
s', isMask: true}, | 162 'largeicon-background-color': {position: 'b8', spritesheet: 'largeicons', isMa
sk: true}, |
135 'largeicon-background-color': {x: -28, y: -24, width: 28, height: 24, spritesh
eet: 'largeicons', isMask: true}, | 163 'largeicon-box-shadow': {position: 'a7', spritesheet: 'largeicons', isMask: tr
ue}, |
136 'largeicon-box-shadow': {x: 0, y: -48, width: 28, height: 24, spritesheet: 'la
rgeicons', isMask: true}, | 164 'largeicon-camera': {position: 'b7', spritesheet: 'largeicons', isMask: true}, |
137 'largeicon-camera': {x: -28, y: -48, width: 28, height: 24, spritesheet: 'larg
eicons', isMask: true}, | 165 'largeicon-center': {position: 'c9', spritesheet: 'largeicons', isMask: true}, |
138 'largeicon-center': {x: -56, y: 0, width: 28, height: 24, spritesheet: 'largei
cons', isMask: true}, | 166 'largeicon-checkmark': {position: 'c8', spritesheet: 'largeicons', isMask: tru
e}, |
139 'largeicon-checkmark': {x: -56, y: -24, width: 28, height: 24, spritesheet: 'l
argeicons', isMask: true}, | 167 'largeicon-chevron': {position: 'c7', spritesheet: 'largeicons', isMask: true}
, |
140 'largeicon-chevron': {x: -56, y: -48, width: 28, height: 24, spritesheet: 'lar
geicons', isMask: true}, | 168 'largeicon-clear': {position: 'a6', spritesheet: 'largeicons', isMask: true}, |
141 'largeicon-clear': {x: 0, y: -72, width: 28, height: 24, spritesheet: 'largeic
ons', isMask: true}, | 169 'largeicon-copy': {position: 'b6', spritesheet: 'largeicons', isMask: true}, |
142 'largeicon-copy': {x: -28, y: -72, width: 28, height: 24, spritesheet: 'largei
cons', isMask: true}, | 170 'largeicon-deactivate-breakpoints': {position: 'c6', spritesheet: 'largeicons'
, isMask: true}, |
143 'largeicon-deactivate-breakpoints': {x: -56, y: -72, width: 28, height: 24, sp
ritesheet: 'largeicons', isMask: true}, | 171 'largeicon-delete': {position: 'd9', spritesheet: 'largeicons', isMask: true}, |
144 'largeicon-delete': {x: -84, y: 0, width: 28, height: 24, spritesheet: 'largei
cons', isMask: true}, | 172 'largeicon-dock-to-bottom': {position: 'd8', spritesheet: 'largeicons', isMask
: true}, |
145 'largeicon-dock-to-bottom': {x: -84, y: -24, width: 28, height: 24, spriteshee
t: 'largeicons', isMask: true}, | 173 'largeicon-dock-to-left': {position: 'd7', spritesheet: 'largeicons', isMask:
true}, |
146 'largeicon-dock-to-left': {x: -84, y: -48, width: 28, height: 24, spritesheet:
'largeicons', isMask: true}, | 174 'largeicon-dock-to-right': {position: 'd6', spritesheet: 'largeicons', isMask:
true}, |
147 'largeicon-dock-to-right': {x: -84, y: -72, width: 28, height: 24, spritesheet
: 'largeicons', isMask: true}, | 175 'largeicon-edit': {position: 'a5', spritesheet: 'largeicons', isMask: true}, |
148 'largeicon-edit': {x: 0, y: -96, width: 28, height: 24, spritesheet: 'largeico
ns', isMask: true}, | 176 'largeicon-eyedropper': {position: 'b5', spritesheet: 'largeicons', isMask: tr
ue}, |
149 'largeicon-eyedropper': {x: -28, y: -96, width: 28, height: 24, spritesheet: '
largeicons', isMask: true}, | 177 'largeicon-filter': {position: 'c5', spritesheet: 'largeicons', isMask: true}, |
150 'largeicon-filter': {x: -56, y: -96, width: 28, height: 24, spritesheet: 'larg
eicons', isMask: true}, | 178 'largeicon-foreground-color': {position: 'd5', spritesheet: 'largeicons', isMa
sk: true}, |
151 'largeicon-foreground-color': {x: -84, y: -96, width: 28, height: 24, spritesh
eet: 'largeicons', isMask: true}, | 179 'largeicon-hide-bottom-sidebar': {position: 'e9', spritesheet: 'largeicons', i
sMask: true}, |
152 'largeicon-hide-bottom-sidebar': {x: -112, y: 0, width: 28, height: 24, sprite
sheet: 'largeicons', isMask: true}, | 180 'largeicon-hide-left-sidebar': {position: 'e8', spritesheet: 'largeicons', isM
ask: true}, |
153 'largeicon-hide-left-sidebar': {x: -112, y: -24, width: 28, height: 24, sprite
sheet: 'largeicons', isMask: true}, | 181 'largeicon-hide-right-sidebar': {position: 'e7', spritesheet: 'largeicons', is
Mask: true}, |
154 'largeicon-hide-right-sidebar': {x: -112, y: -48, width: 28, height: 24, sprit
esheet: 'largeicons', isMask: true}, | 182 'largeicon-hide-top-sidebar': {position: 'e6', spritesheet: 'largeicons', isMa
sk: true}, |
155 'largeicon-hide-top-sidebar': {x: -112, y: -72, width: 28, height: 24, sprites
heet: 'largeicons', isMask: true}, | 183 'largeicon-large-list': {position: 'e5', spritesheet: 'largeicons', isMask: tr
ue}, |
156 'largeicon-large-list': {x: -112, y: -96, width: 28, height: 24, spritesheet:
'largeicons', isMask: true}, | 184 'largeicon-layout-editor': {position: 'a4', spritesheet: 'largeicons', isMask:
true}, |
157 'largeicon-layout-editor': {x: 0, y: -120, width: 28, height: 24, spritesheet:
'largeicons', isMask: true}, | 185 'largeicon-longclick-triangle': {position: 'b4', spritesheet: 'largeicons', is
Mask: true}, |
158 'largeicon-longclick-triangle': {x: -28, y: -120, width: 28, height: 24, sprit
esheet: 'largeicons', isMask: true}, | 186 'largeicon-menu': {position: 'c4', spritesheet: 'largeicons', isMask: true}, |
159 'largeicon-menu': {x: -56, y: -120, width: 28, height: 24, spritesheet: 'large
icons', isMask: true}, | 187 'largeicon-navigator-domain': {position: 'd4', spritesheet: 'largeicons', isMa
sk: true}, |
160 'largeicon-navigator-domain': {x: -84, y: -120, width: 28, height: 24, sprites
heet: 'largeicons', isMask: true}, | 188 'largeicon-navigator-file': {position: 'e4', spritesheet: 'largeicons', isMask
: true}, |
161 'largeicon-navigator-file': {x: -112, y: -120, width: 28, height: 24, spritesh
eet: 'largeicons', isMask: true}, | 189 'largeicon-navigator-file-sync': {position: 'f9', spritesheet: 'largeicons', i
sMask: true}, |
162 'largeicon-navigator-file-sync': {x: -140, y: 0, width: 28, height: 24, sprite
sheet: 'largeicons', isMask: true}, | 190 'largeicon-navigator-folder': {position: 'f8', spritesheet: 'largeicons', isMa
sk: true}, |
163 'largeicon-navigator-folder': {x: -140, y: -24, width: 28, height: 24, sprites
heet: 'largeicons', isMask: true}, | 191 'largeicon-navigator-frame': {position: 'f7', spritesheet: 'largeicons', isMas
k: true}, |
164 'largeicon-navigator-frame': {x: -140, y: -48, width: 28, height: 24, spritesh
eet: 'largeicons', isMask: true}, | 192 'largeicon-navigator-snippet': {position: 'f6', spritesheet: 'largeicons', isM
ask: true}, |
165 'largeicon-navigator-snippet': {x: -140, y: -72, width: 28, height: 24, sprite
sheet: 'largeicons', isMask: true}, | 193 'largeicon-navigator-worker': {position: 'f5', spritesheet: 'largeicons', isMa
sk: true}, |
166 'largeicon-navigator-worker': {x: -140, y: -96, width: 28, height: 24, sprites
heet: 'largeicons', isMask: true}, | 194 'largeicon-node-search': {position: 'f4', spritesheet: 'largeicons', isMask: t
rue}, |
167 'largeicon-node-search': {x: -140, y: -120, width: 28, height: 24, spritesheet
: 'largeicons', isMask: true}, | 195 'largeicon-pan': {position: 'a3', spritesheet: 'largeicons', isMask: true}, |
168 'largeicon-pan': {x: 0, y: -144, width: 28, height: 24, spritesheet: 'largeico
ns', isMask: true}, | 196 'largeicon-pause-animation': {position: 'b3', spritesheet: 'largeicons', isMas
k: true}, |
169 'largeicon-pause-animation': {x: -28, y: -144, width: 28, height: 24, spritesh
eet: 'largeicons', isMask: true}, | 197 'largeicon-pause': {position: 'c3', spritesheet: 'largeicons', isMask: true}, |
170 'largeicon-pause': {x: -56, y: -144, width: 28, height: 24, spritesheet: 'larg
eicons', isMask: true}, | 198 'largeicon-pause-on-exceptions': {position: 'd3', spritesheet: 'largeicons', i
sMask: true}, |
171 'largeicon-pause-on-exceptions': {x: -84, y: -144, width: 28, height: 24, spri
tesheet: 'largeicons', isMask: true}, | 199 'largeicon-phone': {position: 'e3', spritesheet: 'largeicons', isMask: true}, |
172 'largeicon-phone': {x: -112, y: -144, width: 28, height: 24, spritesheet: 'lar
geicons', isMask: true}, | 200 'largeicon-play-animation': {position: 'f3', spritesheet: 'largeicons', isMask
: true}, |
173 'largeicon-play-animation': {x: -140, y: -144, width: 28, height: 24, spritesh
eet: 'largeicons', isMask: true}, | 201 'largeicon-play-back': {position: 'a2', spritesheet: 'largeicons', isMask: tru
e}, |
174 'largeicon-play-back': {x: 0, y: -168, width: 28, height: 24, spritesheet: 'la
rgeicons', isMask: true}, | 202 'largeicon-play': {position: 'b2', spritesheet: 'largeicons', isMask: true}, |
175 'largeicon-play': {x: -28, y: -168, width: 28, height: 24, spritesheet: 'large
icons', isMask: true}, | 203 'largeicon-pretty-print': {position: 'c2', spritesheet: 'largeicons', isMask:
true}, |
176 'largeicon-pretty-print': {x: -56, y: -168, width: 28, height: 24, spritesheet
: 'largeicons', isMask: true}, | 204 'largeicon-refresh': {position: 'd2', spritesheet: 'largeicons', isMask: true}
, |
177 'largeicon-refresh': {x: -84, y: -168, width: 28, height: 24, spritesheet: 'la
rgeicons', isMask: true}, | 205 'largeicon-replay-animation': {position: 'e2', spritesheet: 'largeicons', isMa
sk: true}, |
178 'largeicon-replay-animation': {x: -112, y: -168, width: 28, height: 24, sprite
sheet: 'largeicons', isMask: true}, | 206 'largeicon-resume': {position: 'f2', spritesheet: 'largeicons', isMask: true}, |
179 'largeicon-resume': {x: -140, y: -168, width: 28, height: 24, spritesheet: 'la
rgeicons', isMask: true}, | 207 'largeicon-rotate': {position: 'g9', spritesheet: 'largeicons', isMask: true}, |
180 'largeicon-rotate': {x: -168, y: 0, width: 28, height: 24, spritesheet: 'large
icons', isMask: true}, | 208 'largeicon-rotate-screen': {position: 'g8', spritesheet: 'largeicons', isMask:
true}, |
181 'largeicon-rotate-screen': {x: -168, y: -24, width: 28, height: 24, spriteshee
t: 'largeicons', isMask: true}, | 209 'largeicon-settings-gear': {position: 'g7', spritesheet: 'largeicons', isMask:
true}, |
182 'largeicon-settings-gear': {x: -168, y: -48, width: 28, height: 24, spriteshee
t: 'largeicons', isMask: true}, | 210 'largeicon-show-bottom-sidebar': {position: 'g6', spritesheet: 'largeicons', i
sMask: true}, |
183 'largeicon-show-bottom-sidebar': {x: -168, y: -72, width: 28, height: 24, spri
tesheet: 'largeicons', isMask: true}, | 211 'largeicon-show-left-sidebar': {position: 'g5', spritesheet: 'largeicons', isM
ask: true}, |
184 'largeicon-show-left-sidebar': {x: -168, y: -96, width: 28, height: 24, sprite
sheet: 'largeicons', isMask: true}, | 212 'largeicon-show-right-sidebar': {position: 'g4', spritesheet: 'largeicons', is
Mask: true}, |
185 'largeicon-show-right-sidebar': {x: -168, y: -120, width: 28, height: 24, spri
tesheet: 'largeicons', isMask: true}, | 213 'largeicon-show-top-sidebar': {position: 'g3', spritesheet: 'largeicons', isMa
sk: true}, |
186 'largeicon-show-top-sidebar': {x: -168, y: -144, width: 28, height: 24, sprite
sheet: 'largeicons', isMask: true}, | 214 'largeicon-start-recording': {position: 'g2', spritesheet: 'largeicons', isMas
k: true}, |
187 'largeicon-start-recording': {x: -168, y: -168, width: 28, height: 24, sprites
heet: 'largeicons', isMask: true}, | 215 'largeicon-step-in': {position: 'a1', spritesheet: 'largeicons', isMask: true}
, |
188 'largeicon-step-in': {x: 0, y: -192, width: 28, height: 24, spritesheet: 'larg
eicons', isMask: true}, | 216 'largeicon-step-out': {position: 'b1', spritesheet: 'largeicons', isMask: true
}, |
189 'largeicon-step-out': {x: -28, y: -192, width: 28, height: 24, spritesheet: 'l
argeicons', isMask: true}, | 217 'largeicon-step-over': {position: 'c1', spritesheet: 'largeicons', isMask: tru
e}, |
190 'largeicon-step-over': {x: -56, y: -192, width: 28, height: 24, spritesheet: '
largeicons', isMask: true}, | 218 'largeicon-stop-recording': {position: 'd1', spritesheet: 'largeicons', isMask
: true}, |
191 'largeicon-stop-recording': {x: -84, y: -192, width: 28, height: 24, spriteshe
et: 'largeicons', isMask: true}, | 219 'largeicon-text-shadow': {position: 'e1', spritesheet: 'largeicons', isMask: t
rue}, |
192 'largeicon-text-shadow': {x: -112, y: -192, width: 28, height: 24, spritesheet
: 'largeicons', isMask: true}, | 220 'largeicon-trash-bin': {position: 'f1', spritesheet: 'largeicons', isMask: tru
e}, |
193 'largeicon-trash-bin': {x: -140, y: -192, width: 28, height: 24, spritesheet:
'largeicons', isMask: true}, | 221 'largeicon-undock': {position: 'g1', spritesheet: 'largeicons', isMask: true}, |
194 'largeicon-undock': {x: -168, y: -192, width: 28, height: 24, spritesheet: 'la
rgeicons', isMask: true}, | 222 'largeicon-visibility': {position: 'h9', spritesheet: 'largeicons', isMask: tr
ue}, |
195 'largeicon-visibility': {x: -196, y: 0, width: 28, height: 24, spritesheet: 'l
argeicons', isMask: true}, | 223 'largeicon-waterfall': {position: 'h8', spritesheet: 'largeicons', isMask: tru
e}, |
196 'largeicon-waterfall': {x: -196, y: -24, width: 28, height: 24, spritesheet: '
largeicons', isMask: true}, | |
197 | 224 |
198 'mediumicon-arrow-top': {x: 0, y: 0, width: 19, height: 19, spritesheet: 'arro
wicons'}, | 225 'mediumicon-arrow-top': {position: 'a4', spritesheet: 'arrowicons'}, |
199 'mediumicon-arrow-bottom': {x: 0, y: -19, width: 19, height: 19, spritesheet:
'arrowicons'}, | 226 'mediumicon-arrow-bottom': {position: 'a3', spritesheet: 'arrowicons'}, |
200 'mediumicon-arrow-left': {x: 0, y: -38, width: 19, height: 19, spritesheet: 'a
rrowicons'}, | 227 'mediumicon-arrow-left': {position: 'a2', spritesheet: 'arrowicons'}, |
201 'mediumicon-arrow-right': {x: 0, y: -57, width: 19, height: 19, spritesheet: '
arrowicons'}, | 228 'mediumicon-arrow-right': {position: 'a1', spritesheet: 'arrowicons'} |
202 }; | 229 }; |
OLD | NEW |