PageRenderTime 66ms CodeModel.GetById 25ms RepoModel.GetById 1ms app.codeStats 0ms

/test-scripts/innerHTML/dom_versus_inner_html.html

https://bitbucket.org/scope/dragonfly-stp-1/
HTML | 1436 lines | 1319 code | 117 blank | 0 comment | 0 complexity | 0806df30bd61f76a72c6d5ee666c8234 MD5 | raw file
Possible License(s): Apache-2.0

Large files files are truncated, but you can click here to view the full file

    

  1. <!doctype html>

    2. 

  2. <html>

    3. 

  3.  <head>

    4. 

  4.   <title> new document </title>

    5. 

  5. 

    6. 

  6. 

    7. 

  7. <style>

    8. 

  8. /* debugger style */

    9. 

  9. .folder-key {

    10. 

  10.   border:none;

    11. 

  11.   margin:0;

    12. 

  12.   margin-right:7px;

    13. 

  13.   padding:0;

    14. 

  14.   font-size:10px;

    15. 

  15.   line-height:11px;

    16. 

  16.   height:11px;

    17. 

  17.   width:11px;

    18. 

  18.   background: transparent url('data:image/png;charset=utf-8;base64,R0lGODlhCwAhAKIAAAAAAP///8zMzGZmZv///wAAAAAAAAAAACH5BAEAAAQALAAAAAALACEAAAM9KLqs8RA6OOJ8VYqYnxtgWF1BF5Amam3R2rww066zVnts/Yngmc+kVpB2izEIyKRyyWw6n1BmaRqtWq/LBAA7') scroll no-repeat 0 0;

    19. 

  19.   cursor:pointer;

    20. 

  20.   }

    21. 

  21. 

    22. 

  22. examine-objects, 

    23. 

  23. examine-objects item 

    24. 

  24. {

    25. 

  25.   display:block;

    26. 

  26. }

    27. 

  27. examine-objects

    28. 

  28. {

    29. 

  29.   padding: 0 9px;

    30. 

  30. }

    31. 

  31. examine-objects examine-objects

    32. 

  32. {

    33. 

  33.   padding: 0 0 0 16px;

    34. 

  34. }

    35. 

  35. examine-objects key 

    36. 

  36. {

    37. 

  37.   margin-right:7px;

    38. 

  38. }

    39. 

  39. examine-objects key.no-expander

    40. 

  40. {

    41. 

  41.   margin-left: 18px;

    42. 

  42. }

    43. 

  43. .prototype-chain-object

    44. 

  44. {

    45. 

  45.   background-color: #666;

    46. 

  46.   color: #fff;

    47. 

  47.   font-weight: bold;

    48. 

  48.   padding: 2px 16px;

    49. 

  49.   margin: 2px 0;

    50. 

  50. }

    51. 

  51. 

    52. 

  52.  

    53. 

  53. 

    54. 

  54. 

    55. 

  55. 

    56. 

  56. </style>

    57. 

  57. 

    58. 

  58. <style>

    59. 

  59. /* ecma object tree */

    60. 

  60. 

    61. 

  61. 

    62. 

  62. 

    63. 

  63. 

    64. 

  64. examine-objects key {

    65. 

  65.   color: #111;

    66. 

  66.   }

    67. 

  67. 

    68. 

  68. examine-objects .string {

    69. 

  69.   color:#742;

    70. 

  70.   }

    71. 

  71. 

    72. 

  72. examine-objects .number, offsets value {

    73. 

  73.   color:#920;

    74. 

  74.   }

    75. 

  75. 

    76. 

  76. examine-objects .undefined {

    77. 

  77.   color:#c00;

    78. 

  78.   font-style: italic;

    79. 

  79.   }

    80. 

  80. 

    81. 

  81. examine-objects .null {

    82. 

  82.   color:#c00;

    83. 

  83.   font-style: italic;

    84. 

  84.   }

    85. 

  85. 

    86. 

  86. examine-objects .boolean {

    87. 

  87.   color:#920;

    88. 

  88.   }

    89. 

  89. 

    90. 

  90. examine-objects .object {

    91. 

  91.   color:#18a;

    92. 

  92.   }

    93. 

  93. 

    94. 

  94. </style>

    95. 

  95. <style>

    96. 

  96. /* html 5 markup */

    97. 

  97. /* debugger style */

    98. 

  98. 

    99. 

  99. 

    100. 

  100. 

    101. 

  101. .examine-objects

    102. 

  102. {

    103. 

  103.   padding: 0 9px;

    104. 

  104. }

    105. 

  105. .examine-objects .examine-objects

    106. 

  106. {

    107. 

  107.   padding: 0 0 0 16px;

    108. 

  108. }

    109. 

  109. .key 

    110. 

  110. {

    111. 

  111.   margin-right:7px;

    112. 

  112. }

    113. 

  113. .key.no-expander

    114. 

  114. {

    115. 

  115.   margin-left: 18px;

    116. 

  116. }

    117. 

  117. .prototype-chain-object

    118. 

  118. {

    119. 

  119.   background-color: #666;

    120. 

  120.   color: #fff;

    121. 

  121.   font-weight: bold;

    122. 

  122.   padding: 2px 16px;

    123. 

  123.   margin: 2px 0;

    124. 

  124. }

    125. 

  125. 

    126. 

  126.  

    127. 

  127. 

    128. 

  128. 

    129. 

  129. 

    130. 

  130. 

    131. 

  131. /* ecma object tree */

    132. 

  132. 

    133. 

  133. 

    134. 

  134. 

    135. 

  135. 

    136. 

  136. .key {

    137. 

  137.   color: #111;

    138. 

  138.   }

    139. 

  139. 

    140. 

  140. .string {

    141. 

  141.   color:#742;

    142. 

  142.   }

    143. 

  143. 

    144. 

  144. .number {

    145. 

  145.   color:#920;

    146. 

  146.   }

    147. 

  147. 

    148. 

  148. .undefined {

    149. 

  149.   color:#c00;

    150. 

  150.   font-style: italic;

    151. 

  151.   }

    152. 

  152. 

    153. 

  153. .null {

    154. 

  154.   color:#c00;

    155. 

  155.   font-style: italic;

    156. 

  156.   }

    157. 

  157. 

    158. 

  158. .boolean {

    159. 

  159.   color:#920;

    160. 

  160.   }

    161. 

  161. 

    162. 

  162. .object {

    163. 

  163.   color:#18a;

    164. 

  164.   }

    165. 

  165. 

    166. 

  166. </style>

    167. 

  167. <style>

    168. 

  168. body

    169. 

  169. {

    170. 

  170.   font-family: sans-serif;

    171. 

  171. }

    172. 

  172. </style>

    173. 

  173. 

    174. 

  174. 

    175. 

  175. <script>

    176. 

  176. // dom.js

    177. 

  177. /**

    178. 

  178.  * @fileoverview

    179. 

  179.  * Helper function prototypes related to DOM objects and the DOM

    180. 

  180.  * <strong>fixme: Christian should document the template syntax</strong>

    181. 

  181.  *

    182. 

  182.  * TEMPLATE :: =

    183. 

  183.  *     "[" [NODENAME | "null"]

    184. 

  184.  *         {"," TEXT | "," TEMPLATE}

    185. 

  185.  *         {"," KEY "," VALUE}

    186. 

  186.  *      "]"

    187. 

  187.  *

    188. 

  188.  * where NODENAME, TEXT and KEY are DOM strings and VALUE can be everything except an array

    189. 

  189.  */

    190. 

  190. 

    191. 

  191. Element.prototype.render = Document.prototype.render = function(args)

    192. 

  192. {

    193. 

  193.   

    194. 

  194.   if (typeof args == 'string' && this.nodeType == 1)

    195. 

  195.   {

    196. 

  196.     this.insertAdjacentHTML('beforeend', args);

    197. 

  197.     return this.firstElementChild;

    198. 

  198.   }

    199. 

  199.   

    200. 

  200.   var

    201. 

  201.   doc = this.nodeType == 9 ? this : this.ownerDocument,

    202. 

  202.   i = 0,

    203. 

  203.   ele = this,

    204. 

  204.   first_arg = args[0],

    205. 

  205.   arg = null,

    206. 

  206.   node_string_properties = ['innerHTML'];

    207. 

  207. 

    208. 

  208.   if (args.length)

    209. 

  209.   {

    210. 

  210.     if (first_arg)

    211. 

  211.     {

    212. 

  212.       if (typeof first_arg == 'string')

    213. 

  213.       {

    214. 

  214.         ele = first_arg in CustomElements ? CustomElements[first_arg].create() : doc.createElement(first_arg);

    215. 

  215.         i++;

    216. 

  216.       }

    217. 

  217.       arg = args[i];

    218. 

  218.       while (true)

    219. 

  219.       {

    220. 

  220.         if (arg instanceof Array)

    221. 

  221.         {

    222. 

  222.           ele.render(arg);

    223. 

  223.           arg = args[++i];

    224. 

  224.         }

    225. 

  225.         else if (typeof arg == 'string' && ((args.length - i) % 2 || args[i + 1] instanceof Array))

    226. 

  226.         {

    227. 

  227.           ele.appendChild(doc.createTextNode(arg));

    228. 

  228.           arg = args[++i];

    229. 

  229.         }

    230. 

  230.         else

    231. 

  231.         {

    232. 

  232.           break;

    233. 

  233.         }

    234. 

  234.       }

    235. 

  235.       for ( ; args[i]; i += 2)

    236. 

  236.       {

    237. 

  237.         if (typeof args[i] != 'string')

    238. 

  238.         {

    239. 

  239.           throw "TemplateSyntaxError";

    240. 

  240.         }

    241. 

  241.         if (typeof args[i + 1] == 'string' && node_string_properties.indexOf(args[i]) == -1)

    242. 

  242.         {

    243. 

  243.           ele.setAttribute(args[i], args[i + 1]);

    244. 

  244.         }

    245. 

  245.         else

    246. 

  246.         {

    247. 

  247.           ele[args[i]] = args[i + 1];

    248. 

  248.         }

    249. 

  249.       }

    250. 

  250.       if (this.nodeType == 1 && (this != ele))

    251. 

  251.       {

    252. 

  252.         this.appendChild(ele);

    253. 

  253.       }

    254. 

  254.       return ele;

    255. 

  255.     }

    256. 

  256.     else

    257. 

  257.     {

    258. 

  258.       return this.appendChild(doc.createTextNode(args[1]));

    259. 

  259.     }

    260. 

  260.   }

    261. 

  261.   return null;

    262. 

  262. };

    263. 

  263. 

    264. 

  264. Element.prototype.renderInner = Document.prototype.renderInner = function callee(template)

    265. 

  265. {

    266. 

  266.   var

    267. 

  267.   i = template[0] && template[0] instanceof Array ? 0 : 1,

    268. 

  268.   arg = template[i],

    269. 

  269.   tag_name = template[0],

    270. 

  270.   ret = "",

    271. 

  271.   content = [],

    272. 

  272.   attrs = i && ["<", tag_name, " "] || [];

    273. 

  273. 

    274. 

  274.   if (tag_name)

    275. 

  275.   {

    276. 

  276.     while (true)

    277. 

  277.     {

    278. 

  278.       if (arg instanceof Array)

    279. 

  279.       {

    280. 

  280.         content.push(callee.call(null, arg));

    281. 

  281.         arg = template[++i];

    282. 

  282.       }

    283. 

  283.       else if (typeof arg == 'string' && ((template.length - i) % 2 || template[i + 1] instanceof Array))

    284. 

  284.       {

    285. 

  285.         content.push(arg.replace(/&/g, "&amp;").replace(/</g, "&lt;"));

    286. 

  286.         arg = template[++i];

    287. 

  287.       }

    288. 

  288.       else

    289. 

  289.       {

    290. 

  290.         break;

    291. 

  291.       }

    292. 

  292.     }

    293. 

  293.     if (attrs.length)

    294. 

  294.       content.push("</", tag_name, ">");

    295. 

  295.     for ( ; template[i]; i += 2)

    296. 

  296.     {

    297. 

  297.       attrs.push(template[i], "=\u0022", template[i + 1].replace(/"/g, "&quot"), "\u0022", " ");

    298. 

  298.     }

    299. 

  299.     if (attrs.length)

    300. 

  300.       attrs.push(">");

    301. 

  301.     ret = attrs.join("") + content.join("");

    302. 

  302.     if (this && this.nodeType == 1)

    303. 

  303.     {

    304. 

  304.       window.__t_3 = Date.now();

    305. 

  305.       this.innerHTML += ret;

    306. 

  306.     }

    307. 

  307.     

    308. 

  308.   }

    309. 

  309.   return ret;

    310. 

  310. };

    311. 

  311. 

    312. 

  312. </script>

    313. 

  313. <script>

    314. 

  314. // namespaces

    315. 

  315. window.cls || ( window.cls = {} );

    316. 

  316. 

    317. 

  317. /**

    318. 

  318.   * @constructor 

    319. 

  319.   * A simple class to create a namespace on the window object.

    320. 

  320.   * It has one methode to add new created objects to it.

    321. 

  321.   */

    322. 

  322. 

    323. 

  323. window.cls.Namespace = function(namespace)

    324. 

  324. {

    325. 

  325.   if( window[namespace] instanceof this.constructor )

    326. 

  326.   {

    327. 

  327.     return window[namespace];

    328. 

  328.   }

    329. 

  329.   this.init(namespace);

    330. 

  330. }

    331. 

  331. 

    332. 

  332. window.cls.Namespace.prototype = new function()

    333. 

  333. {

    334. 

  334.   this.add = function(obj)

    335. 

  335.   {

    336. 

  336.     if( !(obj.id || obj.name) )

    337. 

  337.     {

    338. 

  338.       throw "to add an object to a namespace it must have either an id or a name";

    339. 

  339.     }

    340. 

  340.     return ( this[obj.id || obj.name] = obj );

    341. 

  341.   }

    342. 

  342.   this.init = function(namespace)

    343. 

  343.   {

    344. 

  344.     if( !( window[namespace] instanceof this.constructor ) )

    345. 

  345.     {

    346. 

  346.       window[namespace] = this;

    347. 

  347.     }

    348. 

  348.   }

    349. 

  349.   this.toString = function()

    350. 

  350.   {

    351. 

  351.     return "[object Namespace]";

    352. 

  352.   }

    353. 

  353. 

    354. 

  354. }

    355. 

  355. </script>

    356. 

  356. 

    357. 

  357. 

    358. 

  358. <script>

    359. 

  359. // actions

    360. 

  360. /**

    361. 

  361.   * @constructor 

    362. 

  362.   */

    363. 

  363. 

    364. 

  364. var EventHandler = function(type, is_capturing, handler_key)

    365. 

  365. {

    366. 

  366.   handler_key = handler_key ? handler_key : 'handler';

    367. 

  367.   if(!window.eventHandlers)

    368. 

  368.   {

    369. 

  369.     window.eventHandlers = {};

    370. 

  370.   }

    371. 

  371.   if(window.eventHandlers[type])

    372. 

  372.   {

    373. 

  373.     return;

    374. 

  374.   }

    375. 

  375. 

    376. 

  376.   window.eventHandlers[type] = {};

    377. 

  377. 

    378. 

  378.   var handler = function(event)

    379. 

  379.   {

    380. 

  380. 

    381. 

  381.     var ele = event.target, handler = null, container = null;

    382. 

  382. 

    383. 

  383.     if( ele.nodeType != 1 )

    384. 

  384.     {

    385. 

  385.       return;

    386. 

  386.     }

    387. 

  387.     if(event.which == 3)

    388. 

  388.     {

    389. 

  389.       // right click

    390. 

  390.       event.stopPropagation();

    391. 

  391.       event.preventDefault();

    392. 

  392.       return;

    393. 

  393.     }

    394. 

  394.     handler = ele.getAttribute(handler_key);

    395. 

  395.     while( !handler && ( ele = ele.parentElement ) )

    396. 

  396.     {

    397. 

  397.       handler = ele.getAttribute(handler_key);

    398. 

  398.     }

    399. 

  399.     if( handler && eventHandlers[type][handler] )

    400. 

  400.     {

    401. 

  401.       if( type == 'click' && /toolbar-buttons/i.test(ele.parentNode.nodeName) )

    402. 

  402.       {

    403. 

  403.         container = 

    404. 

  404.           document.getElementById(ele.parentNode.parentNode.id.replace('toolbar', 'container'));

    405. 

  405.       }

    406. 

  406.       eventHandlers[type][handler](event, ele, container);

    407. 

  407.     }

    408. 

  408.   }

    409. 

  409. 

    410. 

  410.   this.post = function(handler, event)

    411. 

  411.   {

    412. 

  412.     if(eventHandlers[type][handler])

    413. 

  413.     {

    414. 

  414.       eventHandlers[type][handler](event);

    415. 

  415.     }

    416. 

  416.   }

    417. 

  417. 

    418. 

  418.   document.addEventListener(type, handler, is_capturing ? is_capturing : false);

    419. 

  419. }

    420. 

  420. 

    421. 

  421. new EventHandler('click');

    422. 

  422. new EventHandler('dblclick', false, 'edit-handler');

    423. 

  423. new EventHandler('change');

    424. 

  424. new EventHandler('input');

    425. 

  425. new EventHandler('keyup', true);

    426. 

  426. new EventHandler('keydown', true);

    427. 

  427. new EventHandler('keypress', true);

    428. 

  428. new EventHandler('mousedown');

    429. 

  429. new EventHandler('mouseover');

    430. 

  430. new EventHandler('focus', true, 'focus-handler');

    431. 

  431. new EventHandler('blur', true, 'blur-handler');

    432. 

  432. 

    433. 

  433. 

    434. 

  434. 

    435. 

  435. </script>

    436. 

  436. <script>

    437. 

  437. // helpers

    438. 

  438. var cls = window.cls || ( window.cls = {} );

    439. 

  439. 

    440. 

  440. /**

    441. 

  441.  * @fileoverview

    442. 

  442.  * <strong>fixme: Deprecated. marked for removal</strong>

    443. 

  443.  */

    444. 

  444. 

    445. 

  445. /**

    446. 

  446.   * @constructor 

    447. 

  447.   * @deprecated

    448. 

  448.   * use EventHandler and BaseActions

    449. 

  449.   */

    450. 

  450. 

    451. 

  451. window.cls.Helpers = function()

    452. 

  452. {

    453. 

  453.   var self = this;

    454. 

  454. 

    455. 

  455. 

    456. 

  456.   var handleKeypress = function(event, id)

    457. 

  457.   {

    458. 

  458.     event.preventDefault();

    459. 

  459.     event.stopPropagation();

    460. 

  460.     var button = document.getElementById(id);

    461. 

  461.     if(button && !button.disabled)

    462. 

  462.     {

    463. 

  463.       button.click();

    464. 

  464.     }

    465. 

  465.   }

    466. 

  466. 

    467. 

  467.   // TODO this should be handled with the Keyhandler class

    468. 

  468.   var keypressListener = function(event)

    469. 

  469.   {

    470. 

  470.     if( event.which == 0 )

    471. 

  471.     {

    472. 

  472.       switch(event.keyCode)

    473. 

  473.       {

    474. 

  474.         case 119: // F8

    475. 

  475.         {

    476. 

  476.           event.preventDefault();

    477. 

  477.           handleKeypress(event, 'continue-run');

    478. 

  478.           break;

    479. 

  479.         }

    480. 

  480.         case 121: // F10

    481. 

  481.         {

    482. 

  482.           event.preventDefault();

    483. 

  483.           handleKeypress(event, 'continue-step-next-line');

    484. 

  484.           break;

    485. 

  485.         }

    486. 

  486.         case 122: // F11

    487. 

  487.         {

    488. 

  488.           event.preventDefault();

    489. 

  489.           if(event.shiftKey)

    490. 

  490.           {

    491. 

  491.             handleKeypress(event, 'continue-step-out-of-call');

    492. 

  492.           }

    493. 

  493.           else

    494. 

  494.           {

    495. 

  495.             handleKeypress(event, 'continue-step-into-call');

    496. 

  496.           }

    497. 

  497.           break;

    498. 

  498.         }

    499. 

  499.       }

    500. 

  500.     }

    501. 

  501.   }

    502. 

  502. 

    503. 

  503.   this.setSelected = function(event)

    504. 

  504.   {

    505. 

  505.     var ele=event.target;

    506. 

  506.     var parent = ele.parentNode;

    507. 

  507.     var siblings = parent.getElementsByTagName(ele.nodeName), sibling = null, i=0;

    508. 

  508.     for( ; sibling = siblings[i]; i++)

    509. 

  509.     {

    510. 

  510.       if( sibling.parentElement == parent )

    511. 

  511.       {

    512. 

  512.         if(sibling == ele) 

    513. 

  513.         {

    514. 

  514.           sibling.addClass('selected'); 

    515. 

  515.         }

    516. 

  516.         else

    517. 

  517.         {

    518. 

  518.           sibling.removeClass('selected'); 

    519. 

  519.         }

    520. 

  520.       }

    521. 

  521.     }

    522. 

  522.   }

    523. 

  523. 

    524. 

  524.   this.shortenURI = function(uri)

    525. 

  525.   {

    526. 

  526.     var ret_uri = uri;

    527. 

  527.     var title = '';

    528. 

  528.     var max_length = 40;

    529. 

  529.     if( ret_uri && ret_uri.length > max_length )

    530. 

  530.     {

    531. 

  531.       title = uri;

    532. 

  532.       ret_uri = uri.split('?')[0];

    533. 

  533.       if( ret_uri.length > max_length )

    534. 

  534.       {

    535. 

  535.         var temp = /\/([^/]+)$/.exec(ret_uri);

    536. 

  536.         if( temp )

    537. 

  537.         {

    538. 

  538.           ret_uri = temp[1];

    539. 

  539.         }

    540. 

  540.       }

    541. 

  541.     }

    542. 

  542.     return {uri: ret_uri, title: title};

    543. 

  543.   }

    544. 

  544. 

    545. 

  545.   this.resolveURLS = function(top_url, url)

    546. 

  546.   {

    547. 

  547.     return (

    548. 

  548.         /^.{4,5}:\/\//.test(url) && url

    549. 

  549.         || /^\//.test(url) && /^.{4,5}:\/\/[^/]*/.exec(top_url)[0] + url

    550. 

  550.         || top_url.replace(/\?.*$/, '').replace(/#.*$/, '').replace(/\/[^/]*$/, "/") + url );

    551. 

  551.   }

    552. 

  552. 

    553. 

  553.   this.escapeTextHtml = (function()

    554. 

  554.   {

    555. 

  555.     var re_amp = /&/g, re_lt = /</g;

    556. 

  556.     return function(str)

    557. 

  557.     {

    558. 

  558.       return str.replace(re_amp, "&amp;").replace(re_lt, "&lt;");

    559. 

  559.     }

    560. 

  560.   })();

    561. 

  561. 

    562. 

  562.   this.escapeAttributeHtml = (function()

    563. 

  563.   {

    564. 

  564.     var re_amp = /&/g, re_lt = /</g, re_quot = /"/g;

    565. 

  565.     return function(str)

    566. 

  566.     {

    567. 

  567.       return str.replace(re_amp, "&amp;").replace(re_lt, "&lt;").replace(re_quot, "&quot;");

    568. 

  568.     }

    569. 

  569.   })();

    570. 

  570.   

    571. 

  571.   this.setCookie = function(key, value, time) 

    572. 

  572.   {

    573. 

  573.     document.cookie = (

    574. 

  574.       key + "=" + encodeURIComponent(value) +

    575. 

  575.       "; expires=" + 

    576. 

  576.       ( new Date( new Date().getTime() + ( time || 360*24*60*60*1000 ) ) ).toGMTString() + 

    577. 

  577.       "; path=/");

    578. 

  578.   }

    579. 

  579. 

    580. 

  580.   this.getCookie = function(key) 

    581. 

  581.   {

    582. 

  582.     var value = new RegExp(key + "=([^;]*)").exec(document.cookie);

    583. 

  583.     return value && decodeURIComponent(value[1]);

    584. 

  584.   }

    585. 

  585. 

    586. 

  586.   // mouseover handler in the breadcrumb

    587. 

  587.   this.breadcrumbSpotlight = function(event)

    588. 

  588.   {

    589. 

  589.     var obj_id = parseInt(event.target.getAttribute('obj-id'));

    590. 

  590.     if(obj_id && /^breadcrumb$/i.test(event.target.parentNode.nodeName))

    591. 

  591.     {

    592. 

  592.       hostspotlighter.soft_spotlight(obj_id);

    593. 

  593.     }

    594. 

  594.   }

    595. 

  595.   // mouseover handler in the breadcrumb

    596. 

  596.   this.breadcrumbClearSpotlight = function(event)

    597. 

  597.   {

    598. 

  598.     var obj_id = event.target.getAttribute('obj-id');

    599. 

  599.     if( obj_id )

    600. 

  600.     {

    601. 

  601.       //hostspotlighter.clearSpotlight();

    602. 

  602.     }

    603. 

  603.   }

    604. 

  604. 

    605. 

  605.   this.service_dashed_name = function(name)

    606. 

  606.   {

    607. 

  607.     for ( var cur = '', i = 0, ret = ''; cur = name[i]; i++)

    608. 

  608.     {

    609. 

  609.       ret += /[A-Z]/.test(cur) && ( i ? '-' : '' ) + cur.toLowerCase() || cur;

    610. 

  610.     }

    611. 

  611.     return ret;

    612. 

  612.   }

    613. 

  613. 

    614. 

  614.   this.service_class_name = window.app.helpers.dash_to_class_name;

    615. 

  615. 

    616. 

  616.   document.addEventListener('keypress', keypressListener, true);

    617. 

  617. 

    618. 

  618. }

    619. 

  619. </script>

    620. 

  620. <script>

    621. 

  621. // inspection

    622. 

  622. window.cls || (window.cls = {});

    623. 

  623. cls.EcmascriptDebugger || (cls.EcmascriptDebugger = {});

    624. 

  624. cls.EcmascriptDebugger["6.0"] || (cls.EcmascriptDebugger["6.0"] = {});

    625. 

  625. 

    626. 

  626. /**

    627. 

  627.   * @constructor

    628. 

  628.   */

    629. 

  629. 

    630. 

  630. /*

    631. 

  631.   status: OK

    632. 

  632.   payload: 

    633. 

  633.     objectChainList:

    634. 

  634.       objectChain: 

    635. 

  635.         objectList:

    636. 

  636. 

    637. 

  637.           object: 

    638. 

  638.             value: 

    639. 

  639.               objectID: 2

    640. 

  640.               isCallable: 0

    641. 

  641.               type: "object"

    642. 

  642.               prototypeID: 3

    643. 

  643.               className: "HTMLDocument"

    644. 

  644. 

    645. 

  645.             propertyList:

    646. 

  646. 

    647. 

  647.               property: 

    648. 

  648.                 name: "URL"

    649. 

  649.                 type: "string"

    650. 

  650.                 value: "opera:debug"

    651. 

  651. 

    652. 

  652.               property: 

    653. 

  653.                 name: "activeElement"

    654. 

  654.                 type: "object"

    655. 

  655.                 value: 

    656. 

  656.                 objectValue: 

    657. 

  657.                   objectID: 22

    658. 

  658.                   isCallable: 0

    659. 

  659.                   type: "object"

    660. 

  660.                   prototypeID: 37

    661. 

  661.                   className: "HTMLButtonElement"

    662. 

  662. 

    663. 

  663. */

    664. 

  664. 

    665. 

  665. cls.EcmascriptDebugger["6.0"].InspectionBaseData = function()

    666. 

  666. {

    667. 

  667. 

    668. 

  668.   /* interface */

    669. 

  669. 

    670. 

  670.   // expand and collapse.

    671. 

  671. 

    672. 

  672.   

    673. 

  673.   this.setObject = function(rt_id, obj_id, virtualProperties){};

    674. 

  674.   this.getSelectedObject = function(){};

    675. 

  675.   this.getData = function(rt_id, obj_id, depth, org_args){};

    676. 

  676.   this.prettyPrint = function(data, target_depth, use_filter, filter_type){};

    677. 

  677.   this.clearData = function(rt_id, obj_id, depth, key){};

    678. 

  678. 

    679. 

  679.   /* private */

    680. 

  680.   this.parseXML = function(status, message, rt_id, obj_id, org_args){};

    681. 

  681.   this.getObject = function(obj_id, depth, key){};

    682. 

  682.   this.getCountVirtualProperties = function(index){};

    683. 

  683.   

    684. 

  684.   this.__getData = function(index, target_depth){};

    685. 

  685. 

    686. 

  686.   /* constants */

    687. 

  687. 

    688. 

  688.   const

    689. 

  689.   OBJECT_CHAIN_LIST = 0,

    690. 

  690.   // sub message ObjectList 

    691. 

  691.   OBJECT_LIST = 0,

    692. 

  692.   // sub message ObjectInfo 

    693. 

  693.   VALUE = 0,

    694. 

  694.   PROPERTY_LIST = 1,

    695. 

  695.   // sub message ObjectValue 

    696. 

  696.   OBJECT_ID = 0,

    697. 

  697.   IS_CALLABLE = 1,

    698. 

  698.   TYPE = 2,

    699. 

  699.   PROTOTYPE_ID = 3,

    700. 

  700.   CLASS_NAME = 4,

    701. 

  701.   FUNCTION_NAME = 5;

    702. 

  702.   // sub message Property 

    703. 

  703.   NAME = 0,

    704. 

  704.   PROPERTY_TYPE = 1,

    705. 

  705.   PROPERTY_VALUE = 2,

    706. 

  706.   OBJECT_VALUE = 3,

    707. 

  707.   // added fields

    708. 

  708.   PROPERTY_ITEM = 4,

    709. 

  709.   MAX_VALUE_LENGTH = 30;

    710. 

  710. 

    711. 

  711.   

    712. 

  712. 

    713. 

  713.   //this._obj_map = {};

    714. 

  714.   //this._queried_map = {};

    715. 

  715.   /*

    716. 

  716.           object: 

    717. 

  717.             value: 

    718. 

  718.               objectID: 2

    719. 

  719.               isCallable: 0

    720. 

  720.               type: "object"

    721. 

  721.               prototypeID: 3

    722. 

  722.               className: "HTMLDocument"

    723. 

  723. 

    724. 

  724.             propertyList:

    725. 

  725. 

    726. 

  726.               property: 

    727. 

  727.                 name: "URL"

    728. 

  728.                 type: "string"

    729. 

  729.                 value: "opera:debug"

    730. 

  730. 

    731. 

  731.               property: 

    732. 

  732.                 name: "activeElement"

    733. 

  733.                 type: "object"

    734. 

  734.                 value: 

    735. 

  735.                 objectValue: 

    736. 

  736.                   objectID: 22

    737. 

  737.                   isCallable: 0

    738. 

  738.                   type: "object"

    739. 

  739.                   prototypeID: 37

    740. 

  740.                   className: "HTMLButtonElement"

    741. 

  741.                   */

    742. 

  742. 

    743. 

  743.   this.setObject = function(rt_id, obj_id, virtual_props, identifier, _class)

    744. 

  744.   {

    745. 

  745.     this._obj_map = 

    746. 

  746.     {

    747. 

  747.       0:

    748. 

  748.       [

    749. 

  749.         [

    750. 

  750.           [obj_id],

    751. 

  751.           [

    752. 

  752.             [

    753. 

  753.               identifier || '',

    754. 

  754.               'object',

    755. 

  755.               ,

    756. 

  756.               [obj_id, , , , _class || '']

    757. 

  757.             ]

    758. 

  758.           ]

    759. 

  759.         ]

    760. 

  760.       ]

    761. 

  761.     };

    762. 

  762.     this._queried_map = {};

    763. 

  763.     this._expand_tree = {};

    764. 

  764.     this._rt_id = rt_id;

    765. 

  765.     this._obj_id = obj_id;

    766. 

  766.     // TODO sync format

    767. 

  767.     this._virtual_props = virtual_props;

    768. 

  768.     

    769. 

  769.   }

    770. 

  770. 

    771. 

  771.   this.get_object =

    772. 

  772.   this.getSelectedObject = function()

    773. 

  773.   {

    774. 

  774.     return this._obj_id && {rt_id: this._rt_id, obj_id: this._obj_id} || null;

    775. 

  775.   }

    776. 

  776. 

    777. 

  777.   this._id_counter = 0;

    778. 

  778.   this._get_id = function()

    779. 

  779.   {

    780. 

  780.     this._id_counter++;

    781. 

  781.     return "inspection-id-" + this._id_counter.toString();

    782. 

  782.   }

    783. 

  783. 

    784. 

  784. 

    785. 

  785.   this._init = function(id, views)

    786. 

  786.   {

    787. 

  787.     this.id = id || this._get_id();

    788. 

  788.     this._views = views || [];

    789. 

  789.     if (!window.inspections)

    790. 

  790.     {

    791. 

  791.       new cls.Namespace("inspections");

    792. 

  792.     }

    793. 

  793.     window.inspections.add(this);

    794. 

  794.   }

    795. 

  795. 

    796. 

  796.   this._update_views = function()

    797. 

  797.   {

    798. 

  798.     for (var view_id = '', i = 0; view_id = this._views[i]; i++)

    799. 

  799.     {

    800. 

  800.       if (window.views[view_id])

    801. 

  801.       {

    802. 

  802.         window.views[view_id].update();

    803. 

  803.       }

    804. 

  804.     }

    805. 

  805.   }

    806. 

  806. 

    807. 

  807.   this.collapse = this.clear = function(){};

    808. 

  808. 

    809. 

  809.   this.expand = 

    810. 

  810.   this.inspect =

    811. 

  811.   this.get_data = function(cb, path)

    812. 

  812.   {

    813. 

  813.     if (path === undefined)

    814. 

  814.     {

    815. 

  815.       path = [this._obj_id];

    816. 

  816.     }

    817. 

  817.     if (path)

    818. 

  818.     { 

    819. 

  819.       var obj_id = path[path.length - 1];

    820. 

  820.       if (this._obj_map[obj_id])

    821. 

  821.       {

    822. 

  822.         cb();

    823. 

  823.       }

    824. 

  824.       else

    825. 

  825.       {

    826. 

  826.         var tag = window.tag_manager.set_callback(this, this._handle_examine_object, [path, cb]);

    827. 

  827.         window.services['ecmascript-debugger'].requestExamineObjects(tag, [this._rt_id, [obj_id], 1]);

    828. 

  828.       }

    829. 

  829.     }

    830. 

  830.   }

    831. 

  831. 

    832. 

  832.   this._handle_examine_object = function(status, message, path, cb)

    833. 

  833.   {

    834. 

  834.     var 

    835. 

  835.     obj_id = 0,

    836. 

  836.     tree = this._expand_tree,

    837. 

  837.     proto_chain = null,

    838. 

  838.     property_list = null,

    839. 

  839.     i = 0,

    840. 

  840.     class_name = '',

    841. 

  841.     items = null,

    842. 

  842.     attributes = null,

    843. 

  843.     cursor = null,

    844. 

  844.     i = 0,

    845. 

  845.     re_d = /^\d+$/;

    846. 

  846. 

    847. 

  847.     if (status)

    848. 

  848.       opera.postError(ui_strings.S_DRAGONFLY_INFO_MESSAGE + ' failed to examine object');

    849. 

  849.     else

    850. 

  850.     {

    851. 

  851.       for ( ; path[i]; i++)

    852. 

  852.       {

    853. 

  853.         obj_id = path[i];

    854. 

  854.         // TODO

    855. 

  855.         

    856. 

  856.           //alert((path[i + 1] == obj_id) +' '+(i < (path.length - 1) && !tree[obj_id]))

    857. 

  857. 

    858. 

  858.         if (i < (path.length - 1) && !tree[obj_id])

    859. 

  859.         {

    860. 

  860.           throw 'not valid path in InspectionBaseData._handle_examine_object';

    861. 

  861.         }

    862. 

  862.         tree = tree[obj_id] || (tree[obj_id] = {});

    863. 

  863.       }

    864. 

  864.       proto_chain = message[OBJECT_CHAIN_LIST][0][OBJECT_LIST];

    865. 

  865.       for (i = 0; proto = proto_chain[i]; i++)

    866. 

  866.       {

    867. 

  867.         class_name = proto[VALUE][CLASS_NAME];

    868. 

  868.         property_list = proto[PROPERTY_LIST];

    869. 

  869.         if (property_list)

    870. 

  870.         {

    871. 

  871.           if (class_name == "Array" || /Collection/.test(class_name))

    872. 

  872.           {

    873. 

  873.             items = [];

    874. 

  874.             attributes = [];

    875. 

  875.             for (i = 0; cursor = property_list[i]; i++)

    876. 

  876.             {

    877. 

  877.               if (re_d.test(cursor[NAME]))

    878. 

  878.               {

    879. 

  879.                 cursor[PROPERTY_ITEM] = parseInt(cursor[NAME]);

    880. 

  880.                 items.push(cursor);

    881. 

  881.               }

    882. 

  882.               else

    883. 

  883.                 attributes.push(cursor);

    884. 

  884.             }

    885. 

  885.             items.sort(this._sort_item);

    886. 

  886.             attributes.sort(this._sort_name);

    887. 

  887.             proto[PROPERTY_LIST] = items.concat(attributes);

    888. 

  888.           }

    889. 

  889.           else

    890. 

  890.             proto[PROPERTY_LIST].sort(this._sort_name);

    891. 

  891.         }

    892. 

  892.         if (i == 0 && obj_id == this._obj_id && this._virtual_props)

    893. 

  893.           proto[PROPERTY_LIST] = this._virtual_props.concat(proto[PROPERTY_LIST] || []);

    894. 

  894.           

    895. 

  895.       }

    896. 

  896. 

    897. 

  897.       this._obj_map[obj_id] = proto_chain;

    898. 

  898. 

    899. 

  899.       if (cb)

    900. 

  900.       {

    901. 

  901.         cb();

    902. 

  902.       }

    903. 

  903.     }

    904. 

  904.   }

    905. 

  905. 

    906. 

  906.   this._sort_name = function(a, b)

    907. 

  907.   {

    908. 

  908.     return a[NAME] < b[NAME] ? -1 : a[NAME] > b[NAME] ? 1 : 0;

    909. 

  909.   };

    910. 

  910. 

    911. 

  911. 

    912. 

  912.   this._sort_item = function(a, b)

    913. 

  913.   {

    914. 

  914.     return a[PROPERTY_ITEM] < b[PROPERTY_ITEM] ? -1 : a[PROPERTY_ITEM] > b[PROPERTY_ITEM] ? 1 : 0;

    915. 

  915.   };

    916. 

  916. 

    917. 

  917.   this.clear_data =

    918. 

  918.   this.clearData = function(path)

    919. 

  919.   {

    920. 

  920.     var i = 0, cur = '', tree = this._expand_tree, dead_ids = null, ids = null;

    921. 

  921.     if (path)

    922. 

  922.     {

    923. 

  923.       for (; cur = path[i]; i++)

    924. 

  924.       {

    925. 

  925. 

    926. 

  926.         if (i == path.length -1)

    927. 

  927.         {

    928. 

  928.           dead_ids = [cur].concat(this._get_all_ids(tree[cur]));

    929. 

  929.           tree[cur] = null;

    930. 

  930.         }

    931. 

  931.         else

    932. 

  932.         {

    933. 

  933.           tree = tree[cur];

    934. 

  934.           if (!tree)

    935. 

  935.             throw 'not valid path in InspectionBaseData.clearData';

    936. 

  936.         }

    937. 

  937.       }

    938. 

  938.       ids = this._get_all_ids(this._expand_tree);

    939. 

  939.       for (i = 0; cur = dead_ids[i]; i++)

    940. 

  940.       {

    941. 

  941.         if (ids.indexOf(cur) == -1)

    942. 

  942.           this._obj_map[cur] = this._queried_map[cur] = null;

    943. 

  943.       }

    944. 

  944.     }

    945. 

  945.     else

    946. 

  946.     {

    947. 

  947.       this._obj_map =

    948. 

  948.       this._queried_map =

    949. 

  949.       this._expand_tree = 

    950. 

  950.       this._virtual_props = null;

    951. 

  951.       this._rt_id =

    952. 

  952.       this._obj_id = 0;

    953. 

  953.     }

    954. 

  954.   }

    955. 

  955. 

    956. 

  956.   this._get_all_ids = function get_all_ids(tree, ret)

    957. 

  957.   {

    958. 

  958.     ret || (ret = []);

    959. 

  959.     for (var id in tree)

    960. 

  960.     {

    961. 

  961.       if (tree[id])

    962. 

  962.       {

    963. 

  963.         ret.push(id);

    964. 

  964.         get_all_ids(tree[id], ret);

    965. 

  965.       }

    966. 

  966.     }

    967. 

  967.     return ret;

    968. 

  968.   }

    969. 

  969. 

    970. 

  970.   this.get_expand_tree = function()

    971. 

  971.   {

    972. 

  972.     return this._expand_tree;

    973. 

  973.   }

    974. 

  974. 

    975. 

  975.   this.get_data = function(obj_id)

    976. 

  976.   {

    977. 

  977.     return this._obj_map[obj_id];

    978. 

  978.   }

    979. 

  979. 

    980. 

  980. };

    981. 

  981. 

    982. 

  982. </script>

    983. 

  983. <script>

    984. 

  984. window.cls || (window.cls = {});

    985. 

  985. cls.EcmascriptDebugger || (cls.EcmascriptDebugger = {});

    986. 

  986. cls.EcmascriptDebugger["6.0"] || (cls.EcmascriptDebugger["6.0"] = {});

    987. 

  987. 

    988. 

  988. /**

    989. 

  989.   * @constructor 

    990. 

  990.   * @extends InspectionBaseData

    991. 

  991.   */

    992. 

  992. 

    993. 

  993. cls.EcmascriptDebugger["6.0"].FixObjectInspectionData = function(rt_id, obj_id, identifier, _class)

    994. 

  994. {

    995. 

  995.   this._init();

    996. 

  996.   this.setObject(rt_id, obj_id, null, identifier, _class)

    997. 

  997. }

    998. 

  998. </script>

    999. 

  999. <script>

    1000. 

  1000. 

    1001. 

  1001. // direct creation of innerHTML string

    1002. 

  1002. (function()

    1003. 

  1003. {

    1004. 

  1004.   const

    1005. 

  1005.   // sub message ObjectInfo 

    1006. 

  1006.   VALUE = 0,

    1007. 

  1007.   PROPERTY_LIST = 1,

    1008. 

  1008.   // sub message ObjectValue 

    1009. 

  1009.   OBJECT_ID = 0,

    1010. 

  1010.   CLASS_NAME = 4,

    1011. 

  1011.   // sub message Property 

    1012. 

  1012.   NAME = 0,

    1013. 

  1013.   PROPERTY_TYPE = 1,

    1014. 

  1014.   PROPERTY_VALUE = 2,

    1015. 

  1015.   OBJECT_VALUE = 3,

    1016. 

  1016.   // added fields

    1017. 

  1017.   MAX_VALUE_LENGTH = 30;

    1018. 

  1018. 

    1019. 

  1019.   var _pretty_print_object = function(model, tree, obj_id, ret)

    1020. 

  1020.   {

    1021. 

  1021.     ret || (ret = []);

    1022. 

  1022.     var data = model.get_data(obj_id), obj = model.get_object();

    1023. 

  1023.     if (obj && data)

    1024. 

  1024.     {

    1025. 

  1025.       ret.push(

    1026. 

  1026.         "<examine-objects " +

    1027. 

  1027.           "rt-id='" + obj.rt_id + "' " +

    1028. 

  1028.           "data-id='" + model.id + "' " +

    1029. 

  1029.           "obj-id='" + obj.obj_id + "' " +

    1030. 

  1030.           ">"

    1031. 

  1031.       );

    1032. 

  1032.       for (var proto = null, i = 0; proto = data[i]; i++)

    1033. 

  1033.       {

    1034. 

  1034.         // skip the first object description

    1035. 

  1035.         if (i)

    1036. 

  1036.           ret.push("<div class='prototype-chain-object'>", proto[VALUE][CLASS_NAME], "</div>");

    1037. 

  1037.         _pretty_print_properties(model, tree, proto[PROPERTY_LIST] || [], ret);

    1038. 

  1038.       }

    1039. 

  1039.       ret.push("</examine-objects>");

    1040. 

  1040.     };

    1041. 

  1041.     return ret;

    1042. 

  1042.   };

    1043. 

  1043. 

    1044. 

  1044.   var _pretty_print_properties = function(model, tree, property_list, ret)

    1045. 

  1045.   {

    1046. 

  1046.     var value = '', type = '', short_val = '', obj_id = 0;

    1047. 

  1047.     for (var prop = null, i = 0; prop = property_list[i]; i++)

    1048. 

  1048.     {

    1049. 

  1049.       value = prop[PROPERTY_VALUE];

    1050. 

  1050.       switch (type = prop[PROPERTY_TYPE])

    1051. 

  1051.       {

    1052. 

  1052.         case "number":

    1053. 

  1053.         case "boolean":

    1054. 

  1054.         {

    1055. 

  1055.           ret.push(

    1056. 

  1056.             "<item>" +

    1057. 

  1057.               "<key class='no-expander'>" + helpers.escapeTextHtml(prop[NAME]) + "</key>" +

    1058. 

  1058.               "<value class='" + type + "'>" + value + "</value>" +

    1059. 

  1059.             "</item>"

    1060. 

  1060.           );

    1061. 

  1061.           break;

    1062. 

  1062.         }

    1063. 

  1063.         case "string":

    1064. 

  1064.         {

    1065. 

  1065.           short_val = value.length > MAX_VALUE_LENGTH ? 

    1066. 

  1066.                         value.slice(0, MAX_VALUE_LENGTH) + '&#x2026;"' : '';

    1067. 

  1067.           value = helpers.escapeTextHtml(value).replace(/'/g, '&#39;');

    1068. 

  1068.           if (short_val)

    1069. 

  1069.           {

    1070. 

  1070.             ret.push(

    1071. 

  1071.               "<item>" +

    1072. 

  1072.                 "<input type='button' handler='expand-value'  class='folder-key'/>" +

    1073. 

  1073.                 "<key>" + helpers.escapeTextHtml(prop[NAME]) + "</key>" +

    1074. 

  1074.                 "<value class='" + type + "' data-value='" + value + "'>" +

    1075. 

  1075.                   "\"" + helpers.escapeTextHtml(short_val) +

    1076. 

  1076.                 "</value>" +

    1077. 

  1077.               "</item>"

    1078. 

  1078.             );

    1079. 

  1079.           }

    1080. 

  1080.           else

    1081. 

  1081.           {

    1082. 

  1082.             ret.push(

    1083. 

  1083.               "<item>" +

    1084. 

  1084.                 "<key class='no-expander'>" + helpers.escapeTextHtml(prop[NAME]) + "</key>" +

    1085. 

  1085.                 "<value class='" + type + "'>\"" + value + "\"</value>" +

    1086. 

  1086.               "</item>"

    1087. 

  1087.             );

    1088. 

  1088.           }

    1089. 

  1089.           break;

    1090. 

  1090.         }

    1091. 

  1091.         case "null":

    1092. 

  1092.         case "undefined":

    1093. 

  1093.         {

    1094. 

  1094.           ret.push(

    1095. 

  1095.             "<item>" +

    1096. 

  1096.               "<key class='no-expander'>" + helpers.escapeTextHtml(prop[NAME]) + "</key>" +

    1097. 

  1097.               "<value class='" + type + "'>" + type + "</value>" +

    1098. 

  1098.             "</item>"

    1099. 

  1099.           );

    1100. 

  1100.           break;

    1101. 

  1101.         }

    1102. 

  1102.         case "object":

    1103. 

  1103.         {

    1104. 

  1104.           obj_id = prop[OBJECT_VALUE][OBJECT_ID];

    1105. 

  1105.           ret.push(

    1106. 

  1106.             "<item obj-id='" + obj_id + "'>" +

    1107. 

  1107.             "<input " +

    1108. 

  1108.               "type='button' " +

    1109. 

  1109.               "handler='examine-object'  " +

    1110. 

  1110.               "class='folder-key' "

    1111. 

  1111.           );

    1112. 

  1112.           if (obj_id in tree)

    1113. 

  1113.             ret.push("style='background-position: 0px -11px') ");

    1114. 

  1114.           ret.push(

    1115. 

  1115.             "/>" +

    1116. 

  1116.             "<key>" + helpers.escapeTextHtml(prop[NAME]) + "</key>" +

    1117. 

  1117.             "<value class='object'>" + prop[OBJECT_VALUE][CLASS_NAME] + "</value>"

    1118. 

  1118.           );

    1119. 

  1119.           if (obj_id in tree)

    1120. 

  1120.             _pretty_print_object(model, tree[obj_id], obj_id, ret);

    1121. 

  1121.           ret.push("</item>");

    1122. 

  1122.           break;

    1123. 

  1123.         }

    1124. 

  1124.       }

    1125. 

  1125.     }

    1126. 

  1126.   };

    1127. 

  1127. 

    1128. 

  1128.   this.inspected_js_object = function(model, show_root, path)

    1129. 

  1129.   {

    1130. 

  1130.     var tree = model.get_expand_tree();

    1131. 

  1131.     if (typeof show_root === 'boolean' && model.get_object())

    1132. 

  1132.       path = show_root ? null : [model.get_object().obj_id];

    1133. 

  1133.     for (var obj_id = 0, i = 0; path && path[i]; i++)

    1134. 

  1134.     {

    1135. 

  1135.       tree = tree[obj_id = path[i]];

    1136. 

  1136.       if (!tree)

    1137. 

  1137.         throw 'not valid path in templates.inspected_js_object';

    1138. 

  1138.     }

    1139. 

  1139.     return _pretty_print_object(model, tree, obj_id).join('');

    1140. 

  1140.   }

    1141. 

  1141. 

    1142. 

  1142. }).apply(window.templates || (window.templates = {}));

    1143. 

  1143. 

    1144. 

  1144. 

    1145. 

  1145. </script>

    1146. 

  1146. <script>

    1147. 

  1147. // template 

    1148. 

  1148. (function()

    1149. 

  1149. {

    1150. 

  1150.   const

    1151. 

  1151.   // sub message ObjectInfo 

    1152. 

  1152.   VALUE = 0,

    1153. 

  1153.   PROPERTY_LIST = 1,

    1154. 

  1154.   // sub message ObjectValue 

    1155. 

  1155.   OBJECT_ID = 0,

    1156. 

  1156.   CLASS_NAME = 4,

    1157. 

  1157.   // sub message Property 

    1158. 

  1158.   NAME = 0,

    1159. 

  1159.   PROPERTY_TYPE = 1,

    1160. 

  1160.   PROPERTY_VALUE = 2,

    1161. 

  1161.   OBJECT_VALUE = 3,

    1162. 

  1162.   // added fields

    1163. 

  1163.   MAX_VALUE_LENGTH = 30;

    1164. 

  1164. 

    1165. 

  1165.   var _pretty_print_object = function(model, tree, obj_id)

    1166. 

  1166.   {

    1167. 

  1167.     var ret = [];

    1168. 

  1168.     var obj = model.get_object();

    1169. 

  1169.     var data = model.get_data(obj_id);

    1170. 

  1170.     if (obj && data)

    1171. 

  1171.     {

    1172. 

  1172.       for (var proto = null, i = 0; proto = data[i]; i++)

    1173. 

  1173.       {

    1174. 

  1174.         // skip the first object description

    1175. 

  1175.         if (i)

    1176. 

  1176.           ret.push(['div', proto[VALUE][CLASS_NAME], 'class', 'prototype-chain-object']);

    1177. 

  1177.         ret.push(_pretty_print_properties(model, tree, proto[PROPERTY_LIST] || []));

    1178. 

  1178.       }

    1179. 

  1179. 

    1180. 

  1180.     }

    1181. 

  1181.     return (

    1182. 

  1182.     ['examine-objects', 

    1183. 

  1183.       ret, 

    1184. 

  1184.       'rt-id', obj.rt_id.toString(),

    1185. 

  1185.       'data-id', model.id,

    1186. 

  1186.       'obj-id', obj.obj_id.toString()

    1187. 

  1187.     ]);

    1188. 

  1188.   };

    1189. 

  1189. 

    1190. 

  1190.   var _pretty_print_properties = function(model, tree, property_list)

    1191. 

  1191.   {

    1192. 

  1192.     var ret = [], value = '', type = '', short_val = '', obj_id = 0;

    1193. 

  1193.     for (var prop = null, i = 0; prop = property_list[i]; i++)

    1194. 

  1194.     {

    1195. 

  1195.       value = prop[PROPERTY_VALUE];

    1196. 

  1196.       switch (type = prop[PROPERTY_TYPE])

    1197. 

  1197.       {

    1198. 

  1198.         case "number":

    1199. 

  1199.         case "boolean":

    1200. 

  1200.         {

    1201. 

  1201.           ret.push(

    1202. 

  1202.           ['item',

    1203. 

  1203.             ['key', helpers.escapeTextHtml(prop[NAME]),  'class', 'no-expander'],

    1204. 

  1204.             ['value', value.toString(), 'class', type]

    1205. 

  1205.           ]);

    1206. 

  1206.           break;

    1207. 

  1207.         }

    1208. 

  1208.         case "string":

    1209. 

  1209.         {

    1210. 

  1210.           short_val = value.length > MAX_VALUE_LENGTH ? 

    1211. 

  1211.                         value.slice(0, MAX_VALUE_LENGTH) + '&#x2026;"' : '';

    1212. 

  1212.           value = helpers.escapeTextHtml(value).replace(/'/g, '&#39;');

    1213. 

  1213.           if (short_val)

    1214. 

  1214.           {

    1215. 

  1215.             ret.push(

    1216. 

  1216.             ['item',

    1217. 

  1217.               ['input', 'type', 'button', 'handler', 'expand-value', 'class', 'folder-key'],

    1218. 

  1218.               ['key', helpers.escapeTextHtml(prop[NAME])],

    1219. 

  1219.               ['value', helpers.escapeTextHtml(short_val), 'class', type, 'data-value', value]

    1220. 

  1220.             ]);

    1221. 

  1221.           }

    1222. 

  1222.           else

    1223. 

  1223.           {

    1224. 

  1224.             ret.push(

    1225. 

  1225.             ['item',

    1226. 

  1226.               ['key', helpers.escapeTextHtml(prop[NAME]), 'class', 'no-expander'],

    1227. 

  1227.               ['value', value, 'class', type]

    1228. 

  1228.             ]);

    1229. 

  1229.           }

    1230. 

  1230.           break;

    1231. 

  1231.         }

    1232. 

  1232.         case "null":

    1233. 

  1233.         case "undefined":

    1234. 

  1234.         {

    1235. 

  1235.           ret.push(

    1236. 

  1236.             ['item',

    1237. 

  1237.               ['key', helpers.escapeTextHtml(prop[NAME]), 'class', 'no-expander'],

    1238. 

  1238.               ['value', type, 'class', type]

    1239. 

  1239.           ]);

    1240. 

  1240.           break;

    1241. 

  1241.         }

    1242. 

  1242.         case "object":

    1243. 

  1243.         {

    1244. 

  1244.           obj_id = prop[OBJECT_VALUE][OBJECT_ID];

    1245. 

  1245.           ret.push(

    1246. 

  1246.           ['item', 

    1247. 

  1247.             ['input', 

    1248. 

  1248.               'type', 'button', 

    1249. 

  1249.               'handler', 'examine-object', 

    1250. 

  1250.               'class', 'folder-key'

    1251. 

  1251.             ].concat(obj_id in tree ? ['style', 'background-position: 0px -11px'] : []),

    1252. 

  1252.             ['key', helpers.escapeTextHtml(prop[NAME])],

    1253. 

  1253.             ['value', prop[OBJECT_VALUE][CLASS_NAME], 'class', 'object'],

    1254. 

  1254.             obj_id in tree ? _pretty_print_object(model, tree[obj_id], obj_id) : [],

    1255. 

  1255.             'obj-id', obj_id.toString()

    1256. 

  1256.           ]);

    1257. 

  1257.           break;

    1258. 

  1258.         }

    1259. 

  1259.       }

    1260. 

  1260.     }

    1261. 

  1261.     return ret;

    1262. 

  1262.   };

    1263. 

  1263. 

    1264. 

  1264.   this.inspected_js_object_test = function(model, show_root, path)

    1265. 

  1265.   {

    1266. 

  1266.     var tree = model.get_expand_tree();

    1267. 

  1267.     if (typeof show_root === 'boolean' && model.get_object())

    1268. 

  1268.       path = show_root ? null : [model.get_object().obj_id];

    1269. 

  1269.     for (var obj_id = 0, i = 0; path && path[i]; i++)

    1270. 

  1270.     {

    1271. 

  1271.       tree = tree[obj_id = path[i]];

    1272. 

  1272.       if (!tree)

    1273. 

  1273.         throw 'not valid path in InspectionBaseData.pretty_print';

    1274. 

  1274.     }

    1275. 

  1275.     return _pretty_print_object(model, tree, obj_id);

    1276. 

  1276.   }

    1277. 

  1277. 

    1278. 

  1278. 

    1279. 

  1279. }).apply(window.templates || (window.templates = {}));

    1280. 

  1280. 

    1281. 

  1281. 

    1282. 

  1282. 

    1283. 

  1283. </script>

    1284. 

  1284. <script>

    1285. 

  1285. 

    1286. 

  1286. // creating valid HTML5 innerHTML string

    1287. 

  1287. (function()

    1288. 

  1288. {

    1289. 

  1289.   const

    1290. 

  1290.   // sub message ObjectInfo 

    1291. 

  1291.   VALUE = 0,

    1292. 

  1292.   PROPERTY_LIST = 1,

    1293. 

  1293.   // sub message ObjectValue 

    1294. 

  1294.   OBJECT_ID = 0,

    1295. 

  1295.   CLASS_NAME = 4,

    1296. 

  1296.   // sub message Property 

    1297. 

  1297.   NAME = 0,

    1298. 

  1298.   PROPERTY_TYPE = 1,

    1299. 

  1299.   PROPERTY_VALUE = 2,

    1300. 

  1300.   OBJECT_VALUE = 3,

    1301. 

  1301.   // added fields

    1302. 

  1302.   MAX_VALUE_LENGTH = 30;

    1303. 

  1303. 

    1304. 

  1304.   var _pretty_print_object = function(model, tree, obj_id, ret)

    1305. 

  1305.   {

    1306. 

  1306.     ret || (ret = []);

    1307. 

  1307.     var data = model.get_data(obj_id), obj = model.get_object();

    1308. 

  1308.     if (obj && data)

    1309. 

  1309.     {

    1310. 

  1310.       ret.push(

    1311. 

  1311.         "<div class='examine-objects' " +

    1312. 

  1312.           "data-rt-id='" + obj.rt_id + "' " +

    1313. 

  1313.           "data-data-id='" + model.id + "' " +

    1314. 

  1314.           "data-obj-id='" + obj.obj_id + "' " +

    1315. 

  1315.           ">"

    1316. 

  1316.       );

    1317. 

  1317.       for (var proto = null, i = 0; proto = data[i]; i++)

    1318. 

  1318.       {

    1319. 

  1319.         // skip the first object description

    1320. 

  1320.         if (i)

    1321. 

  1321.           ret.push("<div class='prototype-chain-object'>", proto[VALUE][CLASS_NAME], "</div>");

    1322. 

  1322.         _pretty_print_properties(model, tree, proto[PROPERTY_LIST] || [], ret);

    1323. 

  1323.       }

    1324. 

  1324.       ret.push("</div>");

    1325. 

  1325.     };

    1326. 

  1326.     return ret;

    1327. 

  1327.   };

    1328. 

  1328. 

    1329. 

  1329.   var _pretty_print_properties = function(model, tree, property_list, ret)

    1330. 

  1330.   {

    1331. 

  1331.     var value = '', type = '', short_val = '', obj_id = 0;

    1332. 

  1332.     for (var prop = null, i = 0; prop = property_list[i]; i++)

    1333. 

  1333.     {

    1334. 

  1334.       value = prop[PROPERTY_VALUE];

    1335. 

  1335.       switch (type = prop[PROPERTY_TYPE])

    1336. 

  1336.       {

    1337. 

  1337.         case "number":

    1338. 

  1338.         case "boolean":

    1339. 

  1339.         {

    1340. 

  1340.           ret.push(

    1341. 

  1341.             "<div class='item'>" +

    1342. 

  1342.               "<span class='key no-expander'>" + helpers.escapeTextHtml(prop[NAME]) + "</span>" +

    1343. 

  1343.               "<span class='value " + type + "'>" + value + "</span>" +

    1344. 

  1344.             "</div>"

    1345. 

  1345.           );

    1346. 

  1346.           break;

    1347. 

  1347.         }

    1348. 

  1348.         case "string":

    1349. 

  1349.         {

    1350. 

  1350.           short_val = value.length > MAX_VALUE_LENGTH ? 

    1351. 

  1351.                         value.slice(0, MAX_VALUE_LENGTH) + '&#x2026;"' : '';

    1352. 

  1352.           value = helpers.escapeTextHtml(value).replace(/'/g, '&#39;');

    1353. 

  1353.           if (short_val)

    1354. 

  1354.           {

    1355. 

  1355.             ret.push(

    1356. 

  1356.               "<div class='item'>" +

    1357. 

  1357.                 "<input type='button' data-handler='expand-value'  class='folder-key'/>" +

    1358. 

  1358.                 "<span class='key'>" + helpers.escapeTextHtml(prop[NAME]) + "</span>" +

    1359. 

  1359.                 "<span class='value " + type + "' data-value='" + value + "'>" +

    1360. 

  1360.                   "\"" + helpers.escapeTextHtml(short_val) +

    1361. 

  1361.                 "</span>" +

    1362. 

  1362.               "</div>"

    1363. 

  1363.             );

    1364. 

  1364.           }

    1365. 

  1365.           else

    1366. 

  1366.           {

    1367. 

  1367.             ret.push(

    1368. 

  1368.               "<div class='item'>" +

    1369. 

  1369.                 "<span class='key no-expander'>" + helpers.escapeTextHtml(prop[NAME]) + "</span>" +

    1370. 

  1370.                 "<span class='value " + type + "'>\"" + value + "\"</span>" +

    1371. 

  1371.               "</div>"

    1372. 

  1372.             );

    1373. 

  1373.           }

    1374. 

  1374.           break;

    1375. 

  1375.         }

    1376. 

  1376.         case "null":

    1377. 

  1377.         case "undefined":

    1378. 

  1378.         {

    1379. 

  1379.           ret.push(

    1380. 

  1380.             "<div class='item'>" +

    1381. 

  1381.               "<span class='key no-expander'>" + helpers.escapeTextHtml(prop[NAME]) + "</span>" +

    1382. 

  1382.               "<span class='value " + type + "'>" + type + "</span>" +

    1383. 

  1383.             "</div>"

    1384. 

  1384.           );

    1385. 

  1385.           break;

    1386. 

  1386.         }

    1387. 

  1387.         case "object":

    1388. 

  1388.         {

    1389. 

  1389.           obj_id = prop[OBJECT_VALUE][OBJECT_ID];

    1390. 

  1390.           ret.push(

    1391. 

  1391.             "<div class='item' data-obj-id='" + obj_id + "'>" +

    1392. 

  1392.             "<input " +

    1393. 

  1393.               "type='button' " +

    1394. 

  1394.               "data-handler='examine-object'  " +

    1395. 

  1395.               "class='folder-key' "

    1396. 

  1396.           );

    1397. 

  1397.           if (obj_id in tree)

    1398. 

  1398.             ret.push("style='background-position: 0px -11px') ");

    1399. 

  1399.           ret.push(

    1400. 

  1400.             "/>" +

    1401. 

  1401.             "<span class='key'>" + helpers.escapeTextHtml(prop[NAME]) + "</span>" +

    1402. 

  1402.             "<span class='value object'>" + prop[OBJECT_VALUE][CLASS_NAME] + "</span>"

    1403. 

  1403.           );

    1404. 

  1404.           if (obj_id in tree)

    1405. 

  1405.             _pretty_print_object(model, tree[obj_id], obj_id, ret);

    1406. 

  1406.           ret.push("</div>");

    1407. 

  1407.           break;

    1408. 

  1408.         }

    1409. 

  1409.       }

    1410. 

  1410.     }

    1411. 

  1411.   };

    1412. 

  1412. 

    1413. 

  1413.   this.inspected_js_object_3 = function(model, show_root, path)

    1414. 

  1414.   {

    1415. 

  1415.     var tree = model.get_expand_tree();

    1416. 

  1416.     if (typeof show_root === 'boolean' && model.get_object())

    1417. 

  1417.       path = show_root ? null : [model.get_object().obj_id];

    1418. 

  1418.     for (var obj_id = 0, i = 0; path && path[i]; i++)

    1419. 

  1419.     {

    1420. 

  1420.       tree = tree[obj_id = path[i]];

    1421. 

  1421.       if (!tree)

    1422. 

  1422.         throw 'not valid path in templates.inspected_js_object';

    1423. 

  1423.     }

    1424. 

  1424.     return _pretty_print_object(model, tree, obj_id).join('');

    1425. 

  1425.   }

    1426. 

  1426. 

    1427. 

  1427. }).apply(window.templates || (window.templates = {}));

    1428. 

  1428. 

    1429. 

  1429. </script>

    1430. 

  1430. 

    1431. 

  1431. 

    1432. 

  1432. 

    1433. 

  1433. <script>

    1434. 

  1434. //static data

    1435. 

  1435. 

    1436. 

  1436. var __obj_map = {"0":[[[1],[["Window","object",null,[1,null,null,null,""]]]]],"1":[[[1,1,"object",6,"Window"],[["Array","object",null,[34,1,"function",321,"Function","Array"]],["Attr","object",null,[134,1,"object",6,"Attr"]],["Audio","object",null,[106,1,"object",321,"Audio"]],["Boolean","object",null,[37,1,"function",321,"Function","Boolean"]],["ByteArray","object",null,[111,1,"object",321,"ByteArray"]],["CDATASection","object",null,[137,1,"object",6,"CDATASection"]],["CSSMediaRule","object",null,[156,1,"object",6,"CSSMediaRule"]],["CSSPrimitiveValue","object",null,[304,1,"object",321,"CSSPrimitiveValue"]],["CSSRule","object",null,[88,0,"object",6,"CSSRule"]],["CSSRuleList","object",null,[155,1,"object",6,"CSSRuleList"]],["CSSStyleDeclaration","object",null,[153,1,"object",6,"CSSStyleDeclaration"]],["CSSStyleSheet","object",null,[154,1,"object",6,"CSSStyleSheet"]],["CanvasGradient","object",null,[169,1,"object",6,"CanvasGradient"]],["CanvasPattern","object",null,[170,1,"object",6,"CanvasPattern"]],["CanvasRenderingContext2D","object",null,[167,1,"object",6,"CanvasRenderingContext2D"]],["CanvasRenderingContext2DGame","object",null,[168,1,"object",6,"CanvasRenderingContext2DGame"]],["ClientRect","object",null,[150,1,"object",6,"ClientRect"]],["ClientRectList","object",null,[151,1,"object",6,"ClientRectList"]],["Comment","object",null,[136,1,"object",6,"Comment"]],["ConnectionCallback","object",null,[116,1,"function",321,"Function","ConnectionCallback"]],["DOMError","object",null,[92,0,"object",6,"DOMError"]],["DOMException","object",null,[91,0,"object",6,"DOMException"]],["DOMImplementationLS","object",null,[96,0,"object",6,"DOMImplementationLS"]],["DOMParser","object",null,[94,1,"object",321,"DOMParser"]],["Database","object",null,[172,1,"object",6,"Database"]],["Date","object",null,[39,1,"function",321,"Function","Date"]],["Document","object",null,[132,1,"object",6,"Document"]],["DocumentFragment","object",null,[133,1,"object",6,"DocumentFragment"]],["DocumentType","object",null,[138,1,"object",6,"DocumentType"]],["Element","object",null,[131,1,"object",6,"Element"]],["Entity","object",null,[140,1,"object",6,"Entity"]],["EntityReference","object",null,[141,1,"object",6,"EntityReference"]],["Error","object",null,[42,1,"function",321,"Function","Error"]],["EvalError","object",null,[43,1,"function",321,"Function","EvalError"]],["Event","object",null,[119,1,"object",6,"Event"]],["Function","object",null,[33,1,"function",321,"Function","Function"]],["HTMLAnchorElement","object",null,[207,1,"object",321,"HTMLAnchorElement"]],["HTMLAppletElement","object",null,[211,1,"object",321,"HTMLAppletElement"]],["HTMLAreaElement","object",null,[214,1,"object",321,"HTMLAreaElement"]],["HTMLAudioElement","object",null,[225,1,"object",321,"HTMLAudioElement"]],["HTMLBRElement","object",null,[202,1,"object",321,"HTMLBRElement"]],["HTMLBaseElement","object",null,[182,1,"object",321,"HTMLBaseElement"]],["HTMLBaseFontElement","object",null,[203,1,"object",321,"HTMLBaseFontElement"]],["HTMLBodyElement","object",null,[117,1,"object",321,"HTMLBodyElement"]],["HTMLButtonElement","object",null,[118,1,"object",321,"HTMLButtonElement"]],["HTMLCanvasElement","object",null,[228,1,"object",321,"HTMLCanvasElement"]],["HTMLCollection","object",null,[146,1,"object",6,"HTMLCollection"]],["HTMLDListElement","object",null,[129,1,"object",321,"HTMLDListElement"]],["HTMLDataListElement","object",null,[194,1,"object",321,"HTMLDataListElement"]],["HTMLDirectoryElement","object",null,[197,1,"object",321,"HTMLDirectoryElement"]],["HTMLDivElement","object",null,[122,1,"object",321,"HTMLDivElement"]],["HTMLDocument","object",null,[148,1,"object",6,"HTMLDocument"]],["HTMLElement","object",null,[149,1,"object",6,"HTMLElement"]],["HTMLEmbedElement","object",null,[212,1,"object",321,"HTMLEmbedElement"]],["HTMLFieldSetElement","object",null,[191,1,"object",321,"HTMLFieldSetElement"]],["HTMLFontElement","object",null,[204,1,"object",321,"HTMLFontElement"]],["HTMLFormElement","object",null,[185,1,"object",321,"HTMLFormElement"]],["HTMLFrameElement","object",null,[222,1,"object",321,"HTMLFrameElement"]],["HTMLFrameSetElement","object",null,[221,1,"object",321,"HTMLFrameSetElement"]],["HTMLHRElement","object",null,[205,1,"object",321,"HTMLHRElement"]],["HTMLHeadElement","object",null,[126,1,"object",321,"HTMLHeadElement"]],["HTMLHeadingElement","object",null,[128,1,"object",321,"HTMLHeadingElement"]],["HTMLHtmlElement","object",null,[112,1,"object",321,"HTMLHtmlElement"]],["HTMLIFrameElement","object",null,[223,1,"object",321,"HTMLIFrameElement"]],["HTMLImageElement","object",null,[208,1,"object",321,"HTMLImageElement"]],["HTMLInputElement","object",null,[123,1,"object",321,"HTMLInputElement"]],["HTMLIsIndexElement","object",null,[183,1,"object",321,"HTMLIsIndexElement"]],["HTMLLIElement","object",null,[199,1,"object",321,"HTMLLIElement"]],["HTMLLabelElement","object",null,[190,1,"object",321,"HTMLLabelElement"]],["HTMLLegendElement","object",null,[192,1,"object",321,"HTMLLegendElement"]],["HTMLLinkElement","object",null,[125,1,"object",321,"HTMLLinkElement"]],["HTMLMapElement","object",null,[213,1,"object",321,"HTMLMapElement"]],["HTMLMarqueeElement","object",null,[229,1,"object",321,"HTMLMarqueeElement"]],["HTMLMediaElement","object",null,[224,1,"object",321,"HTMLMediaElement"]],["HTMLMenuElement","object",null,[198,1,"object",321,"HTMLMenuElement"]],["HTMLMetaElement","object",null,[181,1,"object",321,"HTMLMetaElement"]],["HTMLModElement","object",null,[206,1,"object",321,"HTMLModElement"]],["HTMLOListElement","object",null,[196,1,"object",321,"HTMLOListElement"]],["HTMLObjectElement","object",null,[209,1,"object",321,"HTMLObjectElement"]],["HTMLOptGroupElement","object",null,[187,1,"object",321,"HTMLOptGroupElement"]],["HTMLOptionElement","object",null,[188,1,"object",321,"HTMLOptionElement"]],["HTMLOptionsCollection","object",null,[147,1,"object",6,"HTMLOptionsCollection"]],["HTMLOutputElement","object",null,[193,1,"object",321,"HTMLOutputElement"]],["HTMLParagraphElement","object",null,[124,1,"object",321,"HTMLParagraphElement"]],["HTMLParamElement","object",null,[210,1,"object",321,"HTMLParamElement"]],["HTMLPreElement","object",null,[201,1,"object",321,"HTMLPreElement"]],["HTMLQuoteElement","object",null,[200,1,"object",321,"HTMLQuoteElement"]],["HTMLScriptElement","object",null,[113,1,"object",321,"HTMLScriptElement"]],["HTMLSelectElement","object",null,[186,1,"object",321,"HTMLSelectElement"]],["HTMLSourceElement","object",null,[227,1,"object",321,"HTMLSourceElement"]],["HTMLStyleElement","object",null,[184,1,"object",321,"HTMLStyleElement"]],["HTMLTableCaptionElement","object",null,[216,1,"object",321,"HTMLTableCaptionElement"]],["HTMLTableCellElement","object",null,[220,1,"object",321,"HTMLTableCellElement"]],["HTMLTableColElement","object",null,[217,1,"object",321,"HTMLTableColElement"]],["HTMLTableElement","object",null,[215,1,"object",321,"HTMLTableElement"]],["HTMLTableRowElement","object",null,[219,1,"object",321,"HTMLTableRowElement"]],["HTMLTableSectionElement","object",null,[218,1,"object",321,"HTMLTableSectionElement"]],["HTMLTextAreaElement","object",null,[189,1,"object",321,"HTMLTextAreaElement"]],["HTMLTitleElement","object",null,[127,1,"object",321,"HTMLTitleElement"]],["HTMLUListElement","object",null,[195,1,"object",321,"HTMLUListElement"]],["HTMLUnknownElement","object",null,[180,1,"object",321,"HTMLUnknownElement"]],["HTMLVideoElement","object",null,[226,1,"object",321,"HTMLVideoElement"]],["Image","object",null,[104,1,"object",321,"Image"]],["ImageData","object",null,[110,1,"object",321,"ImageData"]],["Infinity","number","Infinity"],["JSON","object",null,[41,0,"object",6,"JSON"]],["LSException","object",null,[93,0,"object",6,"LSException"]],["LSParser","object",null,[160,1,"object",6,"LSParser"]],["LSParserFilter","object",null,[95,0,"object",6,"LSParserFilter"]],["Math","object",null,[40,0,"object",6,"Math"]],["MediaError","object",null,[165,1,"object",6,"MediaError"]],["MediaList","object",null,[158,1,"object",6,"MediaList"]],["MouseEvent","object",null,[121,1,"object",6,"MouseEvent"]],["MutationEvent","object",null,[152,1,"object",6,"MutationEvent"]],["NaN","number","NaN"],["NamedNodeMap","object",null,[144,1,"object",6,"NamedNodeMap"]],["Node","object",null,[130,1,"object",6,"Node"]],["NodeFilter","object",null,[89,0,"object",6,"NodeFilter"]],["NodeList","object",null,[143,1,"object",6,"NodeList"]],["Notation","object",null,[139,1,"object",6,"Notation"]],["Number","object",null,[36,1,"function",321,"Function","Number"]],["Object","object",null,[32,1,"function",321,"Function","Object"]],["Option","object",null,[105,1,"object",321,"Option"]],["ProcessingInstruction","object",null,[142,1,"object",6,"ProcessingInstruction"]],["RGBColor","object",null,[305,1,"object",321,"RGBColor"]],["Range","object",null,[159,1,"object",6,"Range"]],["RangeError","object",null,[44,1,"function",321,"Function","RangeError"]],["RangeException","object",null,[90,0,"object",6,"RangeException"]],["ReferenceError","object",null,[45,1,"function",321,"Function","ReferenceError"]],["RegExp","object",null,[38,1,"function",321,"Function","RegExp"]],["SQLError","object",null,[176,1,"object",6,"SQLError"]],["SQLResultSet","object",null,[174,1,"object",6,"SQLResultSet"]],["SQLResultSetRowList","object",null,[175,1,"object",6,"SQLResultSetRowList"]],["SQLTransaction","object",null,[173,1,"object",6,"SQLTransaction"]],["SVGAElement","object",null,[257,1,"object",321,"SVGAElement"]],["SVGAngle","object",null,[308,1,"object",321,"SVGAngle"]],["SVGAnimateColorElement","object",null,[231,1,"object",321,"SVGAnimateColorElement"]],["SVGAnimateElement","object",null,[230,1,"object",321,"SVGAnimateElement"]],["SVGAnimateMotionElement","object",null,[234,1,"object",321,"SVGAnimateMotionElement"]],["SVGAnimateTransformElement","object",null,[232,1,"object",321,"SVGAnimateTransformElement"]],["SVGAnimationElement","object",null,[299,1,"object",321,"SVGAnimationElement"]],["SVGAudioElement","object",null,[297,1,"object",321,"SVGAudioElement"]],["SVGCircleElement","object",null,[235,1,"object",321,"SVGCircleElement"]],["SVGClipPathElement","object",null,[265,1,"object",321,"SVGClipPathElement"]],["SVGDefsElement","object",null,[236,1,"object",321,"SVGDefsElement"]],["SVGDescElement","object",null,[237,1,"object",321,"SVGDescElement"]],["SVGDocument","object",null,[166,1,"object",6,"SVGDocument"]],["SVGEllipseElement","object",null,[238,1,"object",321,"SVGEllipseElement"]],["SVGException","object",null,[107,0,"object",6,"SVGException"]],["SVGFEBlendElement","object",null,[266,1,"object",321,"SVGFEBlendElement"]],["SVGFEColorMatrixElement","object",null,[267,1,"object",321,"SVGFEColorMatrixElement"]],["SVGFEComponentTransferElement","object",null,[268,1,"object",321,"SVGFEComponentTransferElement"]],["SVGFECompositeElement","object",null,[273,1,"object",321,"SVGFECompositeElement"]],["SVGFEConvolveMatrixElement","object",null,[274,1,"object",321,"SVGFEConvolveMatrixElement"]],["SVGFEDiffuseLightingElement","object",null,[275,1,"object",321,"SVGFEDiffuseLightingElement"]],["SVGFEDisplacementMapElement","object",null,[279,1,"object",321,"SVGFEDisplacementMapElement"]],["SVGFEDistantLightElement","object",null,[276,1,"object",321,"SVGFEDistantLightElement"]],["SVGFEFloodElement","object",null,[280,1,"object",321,"SVGFEFloodElement"]],["SVGFEFuncAElement","object",null,[272,1,"object",321,"SVGFEFuncAElement"]],["SVGFEFuncBElement","object",null,[271,1,"object",321,"SVGFEFuncBElement"]],["SVGFEFuncGElement","object",null,[270,1,"object",321,"SVGFEFuncGElement"]],["SVGFEFuncRElement","object",null,[269,1,"object",321,"SVGFEFuncRElement"]],["SVGFEGaussianBlurElement","object",null,[281,1,"object",321,"SVGFEGaussianBlurElement"]],["SVGFEImageElement","object",null,[282,1,"object",321,"SVGFEImageElement"]],["SVGFEMergeElement","object",null,[283,1,"object",321,"SVGFEMergeElement"]],["SVGFEMergeNodeElement","object",null,[284,1,"object",321,"SVGFEMergeNodeElement"]],["SVGFEMorphologyElement","object",null,[285,1,"object",321,"SVGFEMorphologyElement"]],["SVGFEOffsetElement","object",null,[286,1,"object",321,"SVGFEOffsetElement"]],["SVGFEPointLightElement","object",null,[277,1,"object",321,"SVGFEPointLightElement"]],["SVGFESpecularLightingElement","object",null,[287,1,"object",321,"SVGFESpecularLightingElement"]],["SVGFESpotLightElement","object",null,[278,1,"object",321,"SVGFESpotLightElement"]],["SVGFETileElement","object",null,[288,1,"object",321,"SVGFETileElement"]],["SVGFETurbulenceElement","object",null,[289,1,"object",321,"SVGFETurbulenceElement"]],["SVGFilterElement","object",null,[290,1,"object",321,"SVGFilterElement"]],["SVGFontElement","object",null,[260,1,"object",321,"SVGFontElement"]],["SVGForeignObjectElement","object",null,[263,1,"object",321,"SVGForeignObjectElement"]],["SVGGElement","object",null,[239,1,"object",321,"SVGGElement"]],["SVGGlyphElement","object",null,[261,1,"object",321,"SVGGlyphElement"]],["SVGImageElement","object",null,[240,1,"object",321,"SVGImageElement"]],["SVGLength","object",null,[307,1,"object",321,"SVGLength"]],["SVGLineElement","object",null,[241,1,"object",321,"SVGLineElement"]],["SVGLinearGradientElement","object",null,[242,1,"object",321,"SVGLinearGradientElement"]],["SVGMPathElement","object",null,[259,1,"object",321,"SVGMPathElement"]],["SVGMarkerElement","object",null,[291,1,"object",321,"SVGMarkerElement"]],["SVGMaskElement","object",null,[292,1,"object",321,"SVGMaskElement"]],["SVGMatrix","object",null,[302,1,"object",321,"SVGMatrix"]],["SVGMissingGlyphElement","object",null,[262,1,"object",321,"SVGMissingGlyphElement"]],["SVGNumber","object",null,[306,1,"object",321,"SVGNumber"]],["SVGPaint","object",null,[310,1,"object",321,"SVGPaint"]],["SVGPath","object",null,[314,1,"object",321,"SVGPath"]],["SVGPathElement","object",null,[243,1,"object",321,"SVGPathElement"]],["SVGPathSeg","object",null,[312,1,"object",321,"SVGPathSeg"]],["SVGPatternElement","object",null,[293,1,"object",321,"SVGPatternElement"]],["SVGPoint","object",null,[301,1,"object",321,"SVGPoint"]],["SVGPolygonElement","object",null,[244,1,"object",321,"SVGPolygonElement"]],["SVGPolylineElement","object",null,[245,1,"object",321,"SVGPolylineElement"]],["SVGPreserveAspectRatio","object",null,[311,1,"object",321,"SVGPreserveAspectRatio"]],["SVGRGBColor","object",null,[313,1,"object",321,"SVGRGBColor"]],["SVGRadialGradientElement","object",null,[246,1,"object",321,"SVGRadialGradientElement"]],["SVGRect","object",null,[303,1,"object",321,"SVGRect"]],["SVGRectElement","object",null,[247,1,"object",321,"SVGRectElement"]],["SVGSVGElement","object",null,[264,1,"object",321,"SVGSVGElement"]],["SVGScriptElement","object",null,[258,1,"object",321,"SVGScriptElement"]],["SVGSetElement","object",null,[233,1,"object",321,"SVGSetElement"]],["SVGStopElement","object",null,[248,1,"object",321,"SVGStopElement"]],["SVGStyleElement","object",null,[294,1,"object",321,"SVGStyleElement"]],["SVGSwitchElement","o…
    1437.

Large files files are truncated, but you can click here to view the full file