| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <!-- | 2 <!-- |
| 3 Copyright (c) 2013 The Chromium Authors. All rights reserved. | 3 Copyright (c) 2013 The Chromium Authors. All rights reserved. |
| 4 Use of this source code is governed by a BSD-style license that can be | 4 Use of this source code is governed by a BSD-style license that can be |
| 5 found in the LICENSE file. | 5 found in the LICENSE file. |
| 6 --> | 6 --> |
| 7 <link rel="import" href="/tracing/base/base.html"> | 7 <link rel="import" href="/tracing/base/base.html"> |
| 8 <script> | 8 <script> |
| 9 'use strict'; | 9 'use strict'; |
| 10 | 10 |
| 11 tr.exportTo('tr.ui.b', function() { | 11 tr.exportTo('tr.ui.b', function() { |
| 12 const MOUSE_SELECTOR_MODE = {}; | 12 const MOUSE_SELECTOR_MODE = {}; |
| 13 MOUSE_SELECTOR_MODE.SELECTION = 0x1; | 13 MOUSE_SELECTOR_MODE.SELECTION = 0x1; |
| 14 MOUSE_SELECTOR_MODE.PANSCAN = 0x2; | 14 MOUSE_SELECTOR_MODE.PANSCAN = 0x2; |
| 15 MOUSE_SELECTOR_MODE.ZOOM = 0x4; | 15 MOUSE_SELECTOR_MODE.ZOOM = 0x4; |
| 16 MOUSE_SELECTOR_MODE.TIMING = 0x8; | 16 MOUSE_SELECTOR_MODE.TIMING = 0x8; |
| 17 MOUSE_SELECTOR_MODE.ROTATE = 0x10; | 17 MOUSE_SELECTOR_MODE.ROTATE = 0x10; |
| 18 MOUSE_SELECTOR_MODE.ALL_MODES = 0x1F; | 18 MOUSE_SELECTOR_MODE.ALL_MODES = 0x1F; |
| 19 | 19 |
| 20 const MOUSE_SELECTOR_MODE_INFOS = {}; | 20 const MOUSE_SELECTOR_MODE_INFOS = {}; |
| 21 MOUSE_SELECTOR_MODE_INFOS[MOUSE_SELECTOR_MODE.PANSCAN] = { | 21 MOUSE_SELECTOR_MODE_INFOS[MOUSE_SELECTOR_MODE.PANSCAN] = { |
| 22 name: 'PANSCAN', |
| 22 mode: MOUSE_SELECTOR_MODE.PANSCAN, | 23 mode: MOUSE_SELECTOR_MODE.PANSCAN, |
| 23 title: 'pan', | 24 title: 'pan', |
| 24 eventNames: { | 25 eventNames: { |
| 25 enter: 'enterpan', | 26 enter: 'enterpan', |
| 26 begin: 'beginpan', | 27 begin: 'beginpan', |
| 27 update: 'updatepan', | 28 update: 'updatepan', |
| 28 end: 'endpan', | 29 end: 'endpan', |
| 29 exit: 'exitpan' | 30 exit: 'exitpan' |
| 30 }, | 31 }, |
| 31 activeBackgroundPosition: '-30px -10px', | 32 activeBackgroundPosition: '-30px -10px', |
| 32 defaultBackgroundPosition: '0 -10px' | 33 defaultBackgroundPosition: '0 -10px' |
| 33 }; | 34 }; |
| 34 MOUSE_SELECTOR_MODE_INFOS[MOUSE_SELECTOR_MODE.SELECTION] = { | 35 MOUSE_SELECTOR_MODE_INFOS[MOUSE_SELECTOR_MODE.SELECTION] = { |
| 36 name: 'SELECTION', |
| 35 mode: MOUSE_SELECTOR_MODE.SELECTION, | 37 mode: MOUSE_SELECTOR_MODE.SELECTION, |
| 36 title: 'selection', | 38 title: 'selection', |
| 37 eventNames: { | 39 eventNames: { |
| 38 enter: 'enterselection', | 40 enter: 'enterselection', |
| 39 begin: 'beginselection', | 41 begin: 'beginselection', |
| 40 update: 'updateselection', | 42 update: 'updateselection', |
| 41 end: 'endselection', | 43 end: 'endselection', |
| 42 exit: 'exitselection' | 44 exit: 'exitselection' |
| 43 }, | 45 }, |
| 44 activeBackgroundPosition: '-30px -40px', | 46 activeBackgroundPosition: '-30px -40px', |
| 45 defaultBackgroundPosition: '0 -40px' | 47 defaultBackgroundPosition: '0 -40px' |
| 46 }; | 48 }; |
| 47 | 49 |
| 48 MOUSE_SELECTOR_MODE_INFOS[MOUSE_SELECTOR_MODE.ZOOM] = { | 50 MOUSE_SELECTOR_MODE_INFOS[MOUSE_SELECTOR_MODE.ZOOM] = { |
| 51 name: 'ZOOM', |
| 49 mode: MOUSE_SELECTOR_MODE.ZOOM, | 52 mode: MOUSE_SELECTOR_MODE.ZOOM, |
| 50 title: 'zoom', | 53 title: 'zoom', |
| 51 eventNames: { | 54 eventNames: { |
| 52 enter: 'enterzoom', | 55 enter: 'enterzoom', |
| 53 begin: 'beginzoom', | 56 begin: 'beginzoom', |
| 54 update: 'updatezoom', | 57 update: 'updatezoom', |
| 55 end: 'endzoom', | 58 end: 'endzoom', |
| 56 exit: 'exitzoom' | 59 exit: 'exitzoom' |
| 57 }, | 60 }, |
| 58 activeBackgroundPosition: '-30px -70px', | 61 activeBackgroundPosition: '-30px -70px', |
| 59 defaultBackgroundPosition: '0 -70px' | 62 defaultBackgroundPosition: '0 -70px' |
| 60 }; | 63 }; |
| 61 MOUSE_SELECTOR_MODE_INFOS[MOUSE_SELECTOR_MODE.TIMING] = { | 64 MOUSE_SELECTOR_MODE_INFOS[MOUSE_SELECTOR_MODE.TIMING] = { |
| 65 name: 'TIMING', |
| 62 mode: MOUSE_SELECTOR_MODE.TIMING, | 66 mode: MOUSE_SELECTOR_MODE.TIMING, |
| 63 title: 'timing', | 67 title: 'timing', |
| 64 eventNames: { | 68 eventNames: { |
| 65 enter: 'entertiming', | 69 enter: 'entertiming', |
| 66 begin: 'begintiming', | 70 begin: 'begintiming', |
| 67 update: 'updatetiming', | 71 update: 'updatetiming', |
| 68 end: 'endtiming', | 72 end: 'endtiming', |
| 69 exit: 'exittiming' | 73 exit: 'exittiming' |
| 70 }, | 74 }, |
| 71 activeBackgroundPosition: '-30px -100px', | 75 activeBackgroundPosition: '-30px -100px', |
| 72 defaultBackgroundPosition: '0 -100px' | 76 defaultBackgroundPosition: '0 -100px' |
| 73 }; | 77 }; |
| 74 MOUSE_SELECTOR_MODE_INFOS[MOUSE_SELECTOR_MODE.ROTATE] = { | 78 MOUSE_SELECTOR_MODE_INFOS[MOUSE_SELECTOR_MODE.ROTATE] = { |
| 79 name: 'ROTATE', |
| 75 mode: MOUSE_SELECTOR_MODE.ROTATE, | 80 mode: MOUSE_SELECTOR_MODE.ROTATE, |
| 76 title: 'rotate', | 81 title: 'rotate', |
| 77 eventNames: { | 82 eventNames: { |
| 78 enter: 'enterrotate', | 83 enter: 'enterrotate', |
| 79 begin: 'beginrotate', | 84 begin: 'beginrotate', |
| 80 update: 'updaterotate', | 85 update: 'updaterotate', |
| 81 end: 'endrotate', | 86 end: 'endrotate', |
| 82 exit: 'exitrotate' | 87 exit: 'exitrotate' |
| 83 }, | 88 }, |
| 84 activeBackgroundPosition: '-30px -130px', | 89 activeBackgroundPosition: '-30px -130px', |
| 85 defaultBackgroundPosition: '0 -130px' | 90 defaultBackgroundPosition: '0 -130px' |
| 86 }; | 91 }; |
| 87 | 92 |
| 88 return { | 93 return { |
| 89 MOUSE_SELECTOR_MODE_INFOS, | 94 MOUSE_SELECTOR_MODE_INFOS, |
| 90 MOUSE_SELECTOR_MODE, | 95 MOUSE_SELECTOR_MODE, |
| 91 }; | 96 }; |
| 92 }); | 97 }); |
| 93 </script> | 98 </script> |
| OLD | NEW |