api-console-assets
Version:
This repo only exists to publish api console components to npm
1,027 lines (1,025 loc) • 47.9 kB
HTML
<!doctype html>
<!--
@license
Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
Code distributed by Google as part of the polymer project is also
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
-->
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1, user-scalable=yes">
<title>perfomance demo</title>
<script src="../../webcomponentsjs/webcomponents-lite.js"></script>
<link rel="import" href="../json-viewer.html">
</head>
<body>
<button id="parse">Parse JSON</button>
<json-viewer id="viewer"></json-viewer>
<script>
document.getElementById('parse')
.addEventListener('click', function() {
var viewer = document.getElementById('viewer');
viewer.json = undefined;
requestAnimationFrame(function() {
viewer.json = {
test: 'test',
numeric: 1234567,
boolean: true,
nullable: null,
array: ['test', 123456],
object: {'sub-property': 'value'},
long: 12345678901112131415,
link: 'http://domain.com',
relativeLink: '/path/to/resource.html',
test5: {
test: 'test',
numeric: 1234567,
boolean: true,
nullable: null,
array: ['test', 123456],
object: {'sub-property': 'value'},
long: 12345678901112131415,
link: 'http://domain.com',
relativeLink: '/path/to/resource.html',
inner: {
test: 'test',
numeric: 1234567,
boolean: true,
nullable: null,
array: ['test', 123456],
object: {'sub-property': 'value'},
long: 12345678901112131415,
link: 'http://domain.com',
relativeLink: '/path/to/resource.html',
inner: {
test: 'test',
numeric: 1234567,
boolean: true,
nullable: null,
array: ['test', 123456],
object: {'sub-property': 'value'},
long: 12345678901112131415,
link: 'http://domain.com',
relativeLink: '/path/to/resource.html',
inner: {
test: 'test',
numeric: 1234567,
boolean: true,
nullable: null,
array: ['test', 123456],
object: {'sub-property': 'value'},
long: 12345678901112131415,
link: 'http://domain.com',
relativeLink: '/path/to/resource.html',
inner: {
test: 'test',
numeric: 1234567,
boolean: true,
nullable: null,
array: ['test', 123456],
object: {'sub-property': 'value'},
long: 12345678901112131415,
link: 'http://domain.com',
relativeLink: '/path/to/resource.html',
inner: {
test: 'test',
numeric: 1234567,
boolean: true,
nullable: null,
array: ['test', 123456],
object: {'sub-property': 'value'},
long: 12345678901112131415,
link: 'http://domain.com',
relativeLink: '/path/to/resource.html',
inner: {
test: 'test',
numeric: 1234567,
boolean: true,
nullable: null,
array: ['test', 123456],
object: {'sub-property': 'value'},
long: 12345678901112131415,
link: 'http://domain.com',
relativeLink: '/path/to/resource.html',
inner: {
test: 'test',
numeric: 1234567,
boolean: true,
nullable: null,
array: ['test', 123456],
object: {'sub-property': 'value'},
long: 12345678901112131415,
link: 'http://domain.com',
relativeLink: '/path/to/resource.html',
inner: {
test: 'test',
numeric: 1234567,
boolean: true,
nullable: null,
array: ['test', 123456],
object: {'sub-property': 'value'},
long: 12345678901112131415,
link: 'http://domain.com',
relativeLink: '/path/to/resource.html',
inner: {
test: 'test',
numeric: 1234567,
boolean: true,
nullable: null,
array: ['test', 123456],
object: {'sub-property': 'value'},
long: 12345678901112131415,
link: 'http://domain.com',
relativeLink: '/path/to/resource.html',
inner: {
test: 'test',
numeric: 1234567,
boolean: true,
nullable: null,
array: ['test', 123456],
object: {'sub-property': 'value'},
long: 12345678901112131415,
link: 'http://domain.com',
relativeLink: '/path/to/resource.html',
inner: {
test: 'test',
numeric: 1234567,
boolean: true,
nullable: null,
array: ['test', 123456],
object: {'sub-property': 'value'},
long: 12345678901112131415,
link: 'http://domain.com',
relativeLink: '/path/to/resource.html',
inner: {
test: 'test',
numeric: 1234567,
boolean: true,
nullable: null,
array: ['test', 123456],
object: {'sub-property': 'value'},
long: 12345678901112131415,
link: 'http://domain.com',
relativeLink: '/path/to/resource.html',
inner: {
test: 'test',
numeric: 1234567,
boolean: true,
nullable: null,
array: ['test', 123456],
object: {'sub-property': 'value'},
long: 12345678901112131415,
link: 'http://domain.com',
relativeLink: '/path/to/resource.html',
inner: {
test: 'test',
numeric: 1234567,
boolean: true,
nullable: null,
array: ['test', 123456],
object: {'sub-property': 'value'},
long: 12345678901112131415,
link: 'http://domain.com',
relativeLink: '/path/to/resource.html',
inner: {
test: 'test',
numeric: 1234567,
boolean: true,
nullable: null,
array: ['test', 123456],
object: {'sub-property': 'value'},
long: 12345678901112131415,
link: 'http://domain.com',
relativeLink: '/path/to/resource.html',
inner: {
test: 'test',
numeric: 1234567,
boolean: true,
nullable: null,
array: ['test', 123456],
object: {'sub-property': 'value'},
long: 12345678901112131415,
link: 'http://domain.com',
relativeLink: '/path/to/resource.html',
inner: {
test: 'test',
numeric: 1234567,
boolean: true,
nullable: null,
array: ['test', 123456],
object: {'sub-property': 'value'},
long: 12345678901112131415,
link: 'http://domain.com',
relativeLink: '/path/to/resource.html'
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
},
test4: {
test: 'test',
numeric: 1234567,
boolean: true,
nullable: null,
array: ['test', 123456],
object: {'sub-property': 'value'},
long: 12345678901112131415,
link: 'http://domain.com',
relativeLink: '/path/to/resource.html',
inner: {
test: 'test',
numeric: 1234567,
boolean: true,
nullable: null,
array: ['test', 123456],
object: {'sub-property': 'value'},
long: 12345678901112131415,
link: 'http://domain.com',
relativeLink: '/path/to/resource.html',
inner: {
test: 'test',
numeric: 1234567,
boolean: true,
nullable: null,
array: ['test', 123456],
object: {'sub-property': 'value'},
long: 12345678901112131415,
link: 'http://domain.com',
relativeLink: '/path/to/resource.html',
inner: {
test: 'test',
numeric: 1234567,
boolean: true,
nullable: null,
array: ['test', 123456],
object: {'sub-property': 'value'},
long: 12345678901112131415,
link: 'http://domain.com',
relativeLink: '/path/to/resource.html',
inner: {
test: 'test',
numeric: 1234567,
boolean: true,
nullable: null,
array: ['test', 123456],
object: {'sub-property': 'value'},
long: 12345678901112131415,
link: 'http://domain.com',
relativeLink: '/path/to/resource.html',
inner: {
test: 'test',
numeric: 1234567,
boolean: true,
nullable: null,
array: ['test', 123456],
object: {'sub-property': 'value'},
long: 12345678901112131415,
link: 'http://domain.com',
relativeLink: '/path/to/resource.html',
inner: {
test: 'test',
numeric: 1234567,
boolean: true,
nullable: null,
array: ['test', 123456],
object: {'sub-property': 'value'},
long: 12345678901112131415,
link: 'http://domain.com',
relativeLink: '/path/to/resource.html',
inner: {
test: 'test',
numeric: 1234567,
boolean: true,
nullable: null,
array: ['test', 123456],
object: {'sub-property': 'value'},
long: 12345678901112131415,
link: 'http://domain.com',
relativeLink: '/path/to/resource.html',
inner: {
test: 'test',
numeric: 1234567,
boolean: true,
nullable: null,
array: ['test', 123456],
object: {'sub-property': 'value'},
long: 12345678901112131415,
link: 'http://domain.com',
relativeLink: '/path/to/resource.html',
inner: {
test: 'test',
numeric: 1234567,
boolean: true,
nullable: null,
array: ['test', 123456],
object: {'sub-property': 'value'},
long: 12345678901112131415,
link: 'http://domain.com',
relativeLink: '/path/to/resource.html',
inner: {
test: 'test',
numeric: 1234567,
boolean: true,
nullable: null,
array: ['test', 123456],
object: {'sub-property': 'value'},
long: 12345678901112131415,
link: 'http://domain.com',
relativeLink: '/path/to/resource.html',
inner: {
test: 'test',
numeric: 1234567,
boolean: true,
nullable: null,
array: ['test', 123456],
object: {'sub-property': 'value'},
long: 12345678901112131415,
link: 'http://domain.com',
relativeLink: '/path/to/resource.html',
inner: {
test: 'test',
numeric: 1234567,
boolean: true,
nullable: null,
array: ['test', 123456],
object: {'sub-property': 'value'},
long: 12345678901112131415,
link: 'http://domain.com',
relativeLink: '/path/to/resource.html',
inner: {
test: 'test',
numeric: 1234567,
boolean: true,
nullable: null,
array: ['test', 123456],
object: {'sub-property': 'value'},
long: 12345678901112131415,
link: 'http://domain.com',
relativeLink: '/path/to/resource.html',
inner: {
test: 'test',
numeric: 1234567,
boolean: true,
nullable: null,
array: ['test', 123456],
object: {'sub-property': 'value'},
long: 12345678901112131415,
link: 'http://domain.com',
relativeLink: '/path/to/resource.html',
inner: {
test: 'test',
numeric: 1234567,
boolean: true,
nullable: null,
array: ['test', 123456],
object: {'sub-property': 'value'},
long: 12345678901112131415,
link: 'http://domain.com',
relativeLink: '/path/to/resource.html',
inner: {
test: 'test',
numeric: 1234567,
boolean: true,
nullable: null,
array: ['test', 123456],
object: {'sub-property': 'value'},
long: 12345678901112131415,
link: 'http://domain.com',
relativeLink: '/path/to/resource.html',
inner: {
test: 'test',
numeric: 1234567,
boolean: true,
nullable: null,
array: ['test', 123456],
object: {'sub-property': 'value'},
long: 12345678901112131415,
link: 'http://domain.com',
relativeLink: '/path/to/resource.html'
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
},
test3: {
test: 'test',
numeric: 1234567,
boolean: true,
nullable: null,
array: ['test', 123456],
object: {'sub-property': 'value'},
long: 12345678901112131415,
link: 'http://domain.com',
relativeLink: '/path/to/resource.html',
inner: {
test: 'test',
numeric: 1234567,
boolean: true,
nullable: null,
array: ['test', 123456],
object: {'sub-property': 'value'},
long: 12345678901112131415,
link: 'http://domain.com',
relativeLink: '/path/to/resource.html',
inner: {
test: 'test',
numeric: 1234567,
boolean: true,
nullable: null,
array: ['test', 123456],
object: {'sub-property': 'value'},
long: 12345678901112131415,
link: 'http://domain.com',
relativeLink: '/path/to/resource.html',
inner: {
test: 'test',
numeric: 1234567,
boolean: true,
nullable: null,
array: ['test', 123456],
object: {'sub-property': 'value'},
long: 12345678901112131415,
link: 'http://domain.com',
relativeLink: '/path/to/resource.html',
inner: {
test: 'test',
numeric: 1234567,
boolean: true,
nullable: null,
array: ['test', 123456],
object: {'sub-property': 'value'},
long: 12345678901112131415,
link: 'http://domain.com',
relativeLink: '/path/to/resource.html',
inner: {
test: 'test',
numeric: 1234567,
boolean: true,
nullable: null,
array: ['test', 123456],
object: {'sub-property': 'value'},
long: 12345678901112131415,
link: 'http://domain.com',
relativeLink: '/path/to/resource.html',
inner: {
test: 'test',
numeric: 1234567,
boolean: true,
nullable: null,
array: ['test', 123456],
object: {'sub-property': 'value'},
long: 12345678901112131415,
link: 'http://domain.com',
relativeLink: '/path/to/resource.html',
inner: {
test: 'test',
numeric: 1234567,
boolean: true,
nullable: null,
array: ['test', 123456],
object: {'sub-property': 'value'},
long: 12345678901112131415,
link: 'http://domain.com',
relativeLink: '/path/to/resource.html',
inner: {
test: 'test',
numeric: 1234567,
boolean: true,
nullable: null,
array: ['test', 123456],
object: {'sub-property': 'value'},
long: 12345678901112131415,
link: 'http://domain.com',
relativeLink: '/path/to/resource.html',
inner: {
test: 'test',
numeric: 1234567,
boolean: true,
nullable: null,
array: ['test', 123456],
object: {'sub-property': 'value'},
long: 12345678901112131415,
link: 'http://domain.com',
relativeLink: '/path/to/resource.html',
inner: {
test: 'test',
numeric: 1234567,
boolean: true,
nullable: null,
array: ['test', 123456],
object: {'sub-property': 'value'},
long: 12345678901112131415,
link: 'http://domain.com',
relativeLink: '/path/to/resource.html',
inner: {
test: 'test',
numeric: 1234567,
boolean: true,
nullable: null,
array: ['test', 123456],
object: {'sub-property': 'value'},
long: 12345678901112131415,
link: 'http://domain.com',
relativeLink: '/path/to/resource.html',
inner: {
test: 'test',
numeric: 1234567,
boolean: true,
nullable: null,
array: ['test', 123456],
object: {'sub-property': 'value'},
long: 12345678901112131415,
link: 'http://domain.com',
relativeLink: '/path/to/resource.html',
inner: {
test: 'test',
numeric: 1234567,
boolean: true,
nullable: null,
array: ['test', 123456],
object: {'sub-property': 'value'},
long: 12345678901112131415,
link: 'http://domain.com',
relativeLink: '/path/to/resource.html',
inner: {
test: 'test',
numeric: 1234567,
boolean: true,
nullable: null,
array: ['test', 123456],
object: {'sub-property': 'value'},
long: 12345678901112131415,
link: 'http://domain.com',
relativeLink: '/path/to/resource.html',
inner: {
test: 'test',
numeric: 1234567,
boolean: true,
nullable: null,
array: ['test', 123456],
object: {'sub-property': 'value'},
long: 12345678901112131415,
link: 'http://domain.com',
relativeLink: '/path/to/resource.html',
inner: {
test: 'test',
numeric: 1234567,
boolean: true,
nullable: null,
array: ['test', 123456],
object: {'sub-property': 'value'},
long: 12345678901112131415,
link: 'http://domain.com',
relativeLink: '/path/to/resource.html',
inner: {
test: 'test',
numeric: 1234567,
boolean: true,
nullable: null,
array: ['test', 123456],
object: {'sub-property': 'value'},
long: 12345678901112131415,
link: 'http://domain.com',
relativeLink: '/path/to/resource.html'
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
},
test2: {
test: 'test',
numeric: 1234567,
boolean: true,
nullable: null,
array: ['test', 123456],
object: {'sub-property': 'value'},
long: 12345678901112131415,
link: 'http://domain.com',
relativeLink: '/path/to/resource.html',
inner: {
test: 'test',
numeric: 1234567,
boolean: true,
nullable: null,
array: ['test', 123456],
object: {'sub-property': 'value'},
long: 12345678901112131415,
link: 'http://domain.com',
relativeLink: '/path/to/resource.html',
inner: {
test: 'test',
numeric: 1234567,
boolean: true,
nullable: null,
array: ['test', 123456],
object: {'sub-property': 'value'},
long: 12345678901112131415,
link: 'http://domain.com',
relativeLink: '/path/to/resource.html',
inner: {
test: 'test',
numeric: 1234567,
boolean: true,
nullable: null,
array: ['test', 123456],
object: {'sub-property': 'value'},
long: 12345678901112131415,
link: 'http://domain.com',
relativeLink: '/path/to/resource.html',
inner: {
test: 'test',
numeric: 1234567,
boolean: true,
nullable: null,
array: ['test', 123456],
object: {'sub-property': 'value'},
long: 12345678901112131415,
link: 'http://domain.com',
relativeLink: '/path/to/resource.html',
inner: {
test: 'test',
numeric: 1234567,
boolean: true,
nullable: null,
array: ['test', 123456],
object: {'sub-property': 'value'},
long: 12345678901112131415,
link: 'http://domain.com',
relativeLink: '/path/to/resource.html',
inner: {
test: 'test',
numeric: 1234567,
boolean: true,
nullable: null,
array: ['test', 123456],
object: {'sub-property': 'value'},
long: 12345678901112131415,
link: 'http://domain.com',
relativeLink: '/path/to/resource.html',
inner: {
test: 'test',
numeric: 1234567,
boolean: true,
nullable: null,
array: ['test', 123456],
object: {'sub-property': 'value'},
long: 12345678901112131415,
link: 'http://domain.com',
relativeLink: '/path/to/resource.html',
inner: {
test: 'test',
numeric: 1234567,
boolean: true,
nullable: null,
array: ['test', 123456],
object: {'sub-property': 'value'},
long: 12345678901112131415,
link: 'http://domain.com',
relativeLink: '/path/to/resource.html',
inner: {
test: 'test',
numeric: 1234567,
boolean: true,
nullable: null,
array: ['test', 123456],
object: {'sub-property': 'value'},
long: 12345678901112131415,
link: 'http://domain.com',
relativeLink: '/path/to/resource.html',
inner: {
test: 'test',
numeric: 1234567,
boolean: true,
nullable: null,
array: ['test', 123456],
object: {'sub-property': 'value'},
long: 12345678901112131415,
link: 'http://domain.com',
relativeLink: '/path/to/resource.html',
inner: {
test: 'test',
numeric: 1234567,
boolean: true,
nullable: null,
array: ['test', 123456],
object: {'sub-property': 'value'},
long: 12345678901112131415,
link: 'http://domain.com',
relativeLink: '/path/to/resource.html',
inner: {
test: 'test',
numeric: 1234567,
boolean: true,
nullable: null,
array: ['test', 123456],
object: {'sub-property': 'value'},
long: 12345678901112131415,
link: 'http://domain.com',
relativeLink: '/path/to/resource.html',
inner: {
test: 'test',
numeric: 1234567,
boolean: true,
nullable: null,
array: ['test', 123456],
object: {'sub-property': 'value'},
long: 12345678901112131415,
link: 'http://domain.com',
relativeLink: '/path/to/resource.html',
inner: {
test: 'test',
numeric: 1234567,
boolean: true,
nullable: null,
array: ['test', 123456],
object: {'sub-property': 'value'},
long: 12345678901112131415,
link: 'http://domain.com',
relativeLink: '/path/to/resource.html',
inner: {
test: 'test',
numeric: 1234567,
boolean: true,
nullable: null,
array: ['test', 123456],
object: {'sub-property': 'value'},
long: 12345678901112131415,
link: 'http://domain.com',
relativeLink: '/path/to/resource.html',
inner: {
test: 'test',
numeric: 1234567,
boolean: true,
nullable: null,
array: ['test', 123456],
object: {'sub-property': 'value'},
long: 12345678901112131415,
link: 'http://domain.com',
relativeLink: '/path/to/resource.html',
inner: {
test: 'test',
numeric: 1234567,
boolean: true,
nullable: null,
array: ['test', 123456],
object: {'sub-property': 'value'},
long: 12345678901112131415,
link: 'http://domain.com',
relativeLink: '/path/to/resource.html'
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
},
inner: {
test: 'test',
numeric: 1234567,
boolean: true,
nullable: null,
array: ['test', 123456],
object: {'sub-property': 'value'},
long: 12345678901112131415,
link: 'http://domain.com',
relativeLink: '/path/to/resource.html',
inner: {
test: 'test',
numeric: 1234567,
boolean: true,
nullable: null,
array: ['test', 123456],
object: {'sub-property': 'value'},
long: 12345678901112131415,
link: 'http://domain.com',
relativeLink: '/path/to/resource.html',
inner: {
test: 'test',
numeric: 1234567,
boolean: true,
nullable: null,
array: ['test', 123456],
object: {'sub-property': 'value'},
long: 12345678901112131415,
link: 'http://domain.com',
relativeLink: '/path/to/resource.html',
inner: {
test: 'test',
numeric: 1234567,
boolean: true,
nullable: null,
array: ['test', 123456],
object: {'sub-property': 'value'},
long: 12345678901112131415,
link: 'http://domain.com',
relativeLink: '/path/to/resource.html',
inner: {
test: 'test',
numeric: 1234567,
boolean: true,
nullable: null,
array: ['test', 123456],
object: {'sub-property': 'value'},
long: 12345678901112131415,
link: 'http://domain.com',
relativeLink: '/path/to/resource.html',
inner: {
test: 'test',
numeric: 1234567,
boolean: true,
nullable: null,
array: ['test', 123456],
object: {'sub-property': 'value'},
long: 12345678901112131415,
link: 'http://domain.com',
relativeLink: '/path/to/resource.html',
inner: {
test: 'test',
numeric: 1234567,
boolean: true,
nullable: null,
array: ['test', 123456],
object: {'sub-property': 'value'},
long: 12345678901112131415,
link: 'http://domain.com',
relativeLink: '/path/to/resource.html',
inner: {
test: 'test',
numeric: 1234567,
boolean: true,
nullable: null,
array: ['test', 123456],
object: {'sub-property': 'value'},
long: 12345678901112131415,
link: 'http://domain.com',
relativeLink: '/path/to/resource.html',
inner: {
test: 'test',
numeric: 1234567,
boolean: true,
nullable: null,
array: ['test', 123456],
object: {'sub-property': 'value'},
long: 12345678901112131415,
link: 'http://domain.com',
relativeLink: '/path/to/resource.html',
inner: {
test: 'test',
numeric: 1234567,
boolean: true,
nullable: null,
array: ['test', 123456],
object: {'sub-property': 'value'},
long: 12345678901112131415,
link: 'http://domain.com',
relativeLink: '/path/to/resource.html',
inner: {
test: 'test',
numeric: 1234567,
boolean: true,
nullable: null,
array: ['test', 123456],
object: {'sub-property': 'value'},
long: 12345678901112131415,
link: 'http://domain.com',
relativeLink: '/path/to/resource.html',
inner: {
test: 'test',
numeric: 1234567,
boolean: true,
nullable: null,
array: ['test', 123456],
object: {'sub-property': 'value'},
long: 12345678901112131415,
link: 'http://domain.com',
relativeLink: '/path/to/resource.html',
inner: {
test: 'test',
numeric: 1234567,
boolean: true,
nullable: null,
array: ['test', 123456],
object: {'sub-property': 'value'},
long: 12345678901112131415,
link: 'http://domain.com',
relativeLink: '/path/to/resource.html',
inner: {
test: 'test',
numeric: 1234567,
boolean: true,
nullable: null,
array: ['test', 123456],
object: {'sub-property': 'value'},
long: 12345678901112131415,
link: 'http://domain.com',
relativeLink: '/path/to/resource.html',
inner: {
test: 'test',
numeric: 1234567,
boolean: true,
nullable: null,
array: ['test', 123456],
object: {'sub-property': 'value'},
long: 12345678901112131415,
link: 'http://domain.com',
relativeLink: '/path/to/resource.html',
inner: {
test: 'test',
numeric: 1234567,
boolean: true,
nullable: null,
array: ['test', 123456],
object: {'sub-property': 'value'},
long: 12345678901112131415,
link: 'http://domain.com',
relativeLink: '/path/to/resource.html',
inner: {
test: 'test',
numeric: 1234567,
boolean: true,
nullable: null,
array: ['test', 123456],
object: {'sub-property': 'value'},
long: 12345678901112131415,
link: 'http://domain.com',
relativeLink: '/path/to/resource.html'
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
};
viewer = null;
});
});
</script>
</div>
</body>
</html>