` and stamps it into a shadow-root to\n * implement shadow inheritance.\n * \n * An element may override this method for custom behavior. \n * \n * @method parseDeclaration\n */\n parseDeclaration: function(elementElement) {\n var template = this.fetchTemplate(elementElement);\n if (template) {\n var root = this.shadowFromTemplate(template);\n this.shadowRoots[elementElement.name] = root;\n }\n },\n\n /**\n * Given a ``, find an associated template (if any) to be\n * used for shadow-root generation.\n *\n * An element may override this method for custom behavior. \n * \n * @method fetchTemplate\n */\n fetchTemplate: function(elementElement) {\n return elementElement.querySelector('template');\n },\n\n /**\n * Create a shadow-root in this host and stamp `template` as it's \n * content. \n *\n * An element may override this method for custom behavior. \n * \n * @method shadowFromTemplate\n */\n shadowFromTemplate: function(template) {\n if (template) {\n // make a shadow root\n var root = this.createShadowRoot();\n // stamp template\n // which includes parsing and applying MDV bindings before being\n // inserted (to avoid {{}} in attribute values)\n // e.g. to prevent into light-dom\n lightFromTemplate: function(template, refNode) {\n if (template) {\n // TODO(sorvell): mark this element as an eventController so that\n // event listeners on bound nodes inside it will be called on it.\n // Note, the expectation here is that events on all descendants\n // should be handled by this element.\n this.eventController = this;\n // stamp template\n // which includes parsing and applying MDV bindings before being\n // inserted (to avoid {{}} in attribute values)\n // e.g. to prevent polymer-base in it's prototype chain.\n * \n * @method isBase\n * @param Object {Object} object Object to test.\n * @type Boolean\n */\n function isBase(object) {\n return object.hasOwnProperty('PolymerBase')\n }\n\n // name a base constructor for dev tools\n\n /**\n * The Polymer base-class constructor.\n * \n * @property Base\n * @type Function\n */\n function PolymerBase() {};\n PolymerBase.prototype = base;\n base.constructor = PolymerBase;\n\n // exports\n\n scope.Base = PolymerBase;\n scope.isBase = isBase;\n scope.api.instance.base = base;\n\n})(Polymer);\n\n(function(scope) {\n\n // imports\n\n var log = window.WebComponents ? WebComponents.flags.log : {};\n var hasShadowDOMPolyfill = window.ShadowDOMPolyfill;\n\n // magic words\n \n var STYLE_SCOPE_ATTRIBUTE = 'element';\n var STYLE_CONTROLLER_SCOPE = 'controller';\n \n var styles = {\n STYLE_SCOPE_ATTRIBUTE: STYLE_SCOPE_ATTRIBUTE,\n /**\n * Installs external stylesheets and \n\n \n
\n
\n {{ label }}\n
\n
\n\n \n\n "
},
{
"path": "build/mui/mui-eblock/mui-eblock.html",
"content": "\n\n\n \n \n \n \n \n \n \n "
},
{
"path": "build/mui/mui-group/mui-group.html",
"content": "\n\n\n\n \n \n \n\n "
},
{
"path": "build/mui/mui-knob/mui-knob.html",
"content": "\n\n\n \n \n {{label}}
\n \n \n \n \n \n "
},
{
"path": "build/mui/mui-knobh/mui-knobh.html",
"content": "\n\n\n \n \n\n \n \n \n \n \n \n \n"
},
{
"path": "build/mui/mui-meter/mui-meter.html",
"content": "\n\n\n\n \n \n \n\n "
},
{
"path": "build/mui/mui-pianoroll/mui-pianoroll.html",
"content": "\n\n\n\n \n\n \n\n \n\n\n\n "
},
{
"path": "build/mui/mui-rack/mui-rack.html",
"content": "\n\n\n\n \n \n \n\n "
},
{
"path": "build/mui/mui-select/mui-select.html",
"content": "\n\n \n \n\n {{ label }}
\n \n\n \n \n \n "
},
{
"path": "build/mui/mui-spectrum/mui-spectrum.html",
"content": "\n\n\n\n \n \n \n\n "
},
{
"path": "build/mui/mui-vkey/mui-vkey.html",
"content": "\n\n\n\n\n\n \n\n \n \n \n \n
\n\n \n\n\n\n "
},
{
"path": "build/mui/mui.html",
"content": "\nChorus | WAAX Examples \n \n \n \n \n\n
Chorus \n CMP1 | WAAX Examples \n \n \n \n \n\n
CMP1 \n ConVerb | WAAX Examples \n \n \n \n \n\n
ConVerb \n \n \n\n \n \n \n\n\n\n"
},
{
"path": "examples/eq4/index.html",
"content": "\n\n\n\n EQ4 | WAAX Examples \n \n \n \n \n\n
EQ4 \n\n \n \n \n \n \n \n \n \n \n \n\n \n \n \n\n\n\n"
},
{
"path": "examples/examples.js",
"content": "var wxver = document.querySelector('#wx-version');\nwxver.textContent = WX.getVersion();"
},
{
"path": "examples/fader/index.html",
"content": "\n\n\n\n Fader | WAAX Examples \n \n \n \n \n\n
Fader \n FilterBank | WAAX Examples \n \n \n \n \n\n
FilterBank \n FMK1 | WAAX Examples \n \n \n \n \n\n
FMK1 \n \n \n \n \n\n \n\n \n \n\n\n\n"
},
{
"path": "examples/hellowaax/index.html",
"content": "\n\n\n\n Hello WAAX! | WAAX Examples \n \n \n \n \n
\n\n \n
Hello WAAX! \n \n
Impulse | WAAX Examples \n \n \n \n \n\n
Impulse \n Examples | WAAX \n \n \n\n
\n
Examples \n\n
Basics \n
\n Hello WAAX! The first example. \n MUI Elements Basic demonstration of MUI elements. \n Plug-in Workshop Interactive WAAX plug-in playground. \n \n\n
Plug-ins \n
\n Chorus Chorus effect based on Jon Dattorro's design. \n CMP1 Compressor based on Web Audio API native implementation. \n ConVerb Convolution reverberator with easy control. \n EQ4 4-band parametring equalizer. \n Fader Channel fader support decibel control and stereo panning. \n FilterBank Harmonized 8-band filterbank. \n FMK1 Single operator FM synth keys. \n Impulse Impulse train as an oscillator. \n Noise Robust noise generator for white and pink noise. \n SimpleOsc Simple oscillator with vibrator and tremolo. \n SP1 Single timbre/polyphonic sample player. \n StereoDelay Basic stereo delay for pingpong effect and more. \n WXS1 Monophonic dual oscillator subtractive synthesizer. \n \n
\n\n
Lab | WAAX Examples \n \n \n \n \n \n
Lab \n\n \n\n \n \n\n\n"
},
{
"path": "examples/mui/ex-mui-meter.html",
"content": "\n\n\n\n MUI | WAAX Examples \n \n \n \n \n\n
MUI Elements \n\n mui-pianoroll | Web Audio API eXtension \n\n \n \n
\n
\n
MUI Elements 1.0.0-alpha \n
\n
\n\n \n \n
\n \n \n \n \n
\n
\n\n \n\n\n\n"
},
{
"path": "examples/mui/index.html",
"content": "\n\n\n\n MUI | WAAX Examples \n \n \n \n \n\n
MUI Elements \n\n mui-button \n mui-knob \n mui-knobh \n mui-select \n mui-eblock \n mui-rack | mui-group \n \n \n \n \n \n \n\n mui-vkey \n \n \n\n mui-spectrum \n \n \n\n mui-pianoroll \n \n \n\n \n \n \n\n\n"
},
{
"path": "examples/mui/showcase.html",
"content": "\n\n\n\n MUI | WAAX \n \n \n
NOTE : WAAX and MUI require
Chrome because they are built on top of
Web Audio API, Web MIDI API and Web Components . Check
CanIUse.com for the browser support.\n
× \n
\n \n
\n
\n
MUI Elements Showcase \n
\n
\n\n \n \n
\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n\n \n \n\n \n \n \n \n \n \n \n \n\n
\n
\n\n \n\n\n"
},
{
"path": "examples/noise/index.html",
"content": "\n\n\n\n CMP1 | WAAX Examples \n \n \n \n \n\n
Noise \n \n \n\n \n \n \n\n\n"
},
{
"path": "examples/simpleosc/index.html",
"content": "\n\n\n\n CMP1 | WAAX Examples \n \n \n \n \n\n
SimpleOsc \n \n \n\n \n \n \n\n\n\n"
},
{
"path": "examples/sp1/index.html",
"content": "\n\n\n\nSP1 | WAAX Examples \n \n \n \n \n\n
SP1 \n \n \n\n \n \n \n\n\n\n"
},
{
"path": "examples/stereodelay/index.html",
"content": "\n\n\n\n StereoDelay | WAAX Examples \n \n \n \n \n\n
StereoDelay \n Plug-in Workshop | WAAX Examples \n \n \n \n \n\n
Plug-in Workshop \n\n \n \n\n \n \n\n \n \n\n \n \n \n\n\n \n \n\n\n\n"
},
{
"path": "examples/wxs1/index.html",
"content": "\n\n\n\n WXS1 | WAAX Examples \n \n \n \n \n\n
WXS1 \n \n \n\n \n \n \n\n\n\n"
},
{
"path": "gulpfile.js",
"content": "/**\n * WAAX project gulp task file (1.0.0-alpha3)\n *\n * gulp # build everything and serve at 127.0.0.1:3000\n * gulp clean # cleans dist, build path\n * gulp core # minifies and concats core JS files to build/\n * gulp plugins # minifies plug-in JS files to build/plug_ins\n * gulp mui # copies MUI elements files to build/\n * gulp serve # starts dev server 127.0.0.1:3000 and opens Chrome\n * gulp build # build and minify core, plug-ins\n */\n\nvar gulp = require('gulp'),\n plugins = require('gulp-load-plugins')(),\n browserSync = require('browser-sync'),\n runSequence = require('run-sequence'),\n del = require('del');\n\nvar wrap = require('gulp-wrap');\n\nvar reload = browserSync.reload;\n\n\nvar WX_CORE = [\n 'src/waax.js',\n 'src/waax.extension.js',\n 'src/waax.util.js',\n 'src/waax.core.js',\n 'src/waax.timebase.js',\n 'src/mui/mui.js'\n];\n\nvar WX_PLUGINS = [\n 'src/plug_ins/**/*.js'\n];\n \n\n// Clean: Empty the build directory before a complete build.\ngulp.task('clean', del.bind(null, [\n 'build/**/*',\n '!build'\n]));\n\n\n// Everything: Build core and plug-ins.\ngulp.task('core', function () {\n return gulp.src(WX_CORE)\n .pipe(plugins.uglify({ mangle: false }))\n .pipe(plugins.concat('waaxcore.min.js'))\n .pipe(wrap('(function () {\\n\"use strict\";\\n<%= contents %>\\n})();'))\n .pipe(gulp.dest('build'))\n .pipe(plugins.size({ title: 'core' }));\n});\n\ngulp.task('plugins', function () {\n return gulp.src(WX_PLUGINS)\n .pipe(plugins.uglify({ mangle: false }))\n .pipe(plugins.concat('plugins.min.js'))\n .pipe(gulp.dest('build'))\n .pipe(plugins.size({ title: 'plugins' }));\n});\n\ngulp.task('everything', ['core', 'plugins'], function () {\n gulp.src(['build/waaxcore.min.js', 'build/plugins.min.js'])\n .pipe(plugins.concat('waax.min.js'))\n .pipe(gulp.dest('build'))\n .pipe(plugins.size({ title: 'everything' }));\n});\n\n\n// MUI: Build MUI elements into build/mui/ path.\ngulp.task('mui', function () {\n return gulp.src([\n 'src/mui/**/*',\n '!src/mui/bower.json'\n ])\n .pipe(gulp.dest('build/mui'))\n .pipe(plugins.size({ title: 'mui' }));\n});\n\n\n// Serve: Start a dev server at 127.0.0.1:3000.\ngulp.task('serve', function () {\n browserSync({\n notify: false,\n server: {\n baseDir: './'\n },\n browser: 'google chrome'\n // browser: 'google chrome canary'\n });\n\n gulp.watch(['src/*.js', '!src/ktrl.js'], ['everything', reload]);\n gulp.watch(['src/plug_ins/**/*.js'], ['everything', reload]);\n gulp.watch(['src/mui/**/*.html'], ['mui', reload]);\n gulp.watch(['examples/**/*'], reload);\n gulp.watch(['test/**/*.html', 'test/**/*.js'], reload);\n});\n\n\n// Build: Clean and build everything in build/ path.\ngulp.task('build', function (cb) {\n runSequence('clean', ['everything', 'mui'], cb);\n});\n\n\n// Default: Build and serve.\ngulp.task('default', function (cb) {\n runSequence('build', 'serve', cb);\n});"
},
{
"path": "index.html",
"content": "\n\n\n\n Index | WAAX \n \",\n \"devDependencies\": {\n \"browser-sync\": \"~1.8.2\",\n \"chai\": \"^1.10.0\",\n \"del\": \"~1.1.1\",\n \"gulp\": \"~3.8.10\",\n \"gulp-concat\": \"~2.4.3\",\n \"gulp-flatten\": \"~0.0.4\",\n \"gulp-load-plugins\": \"~0.8.0\",\n \"gulp-size\": \"~1.1.0\",\n \"gulp-uglify\": \"~1.0.2\",\n \"gulp-wrap\": \"0.11.0\",\n \"mocha\": \"~2.1.0\",\n \"run-sequence\": \"~1.0.2\"\n },\n \"repository\": {\n \"type\": \"git\",\n \"url\": \"git://github.com/hoch/WAAX.git\"\n },\n \"bugs\": {\n \"url\": \"https://github.com/hoch/WAAX/issues\"\n },\n \"license\": \"MIT\"\n}\n"
},
{
"path": "sound/LICENSE",
"content": "LICENSE\n=======\n\n\nHochKit Drum Samples ('hochkit/')\n---------------------------------\n: Drum samples made by myself. (CC BY-NC 3.0).\n - fx-001.mp3\n - fx-002.mp3\n - hh-001.mp3\n - hh-002.mp3\n - hh-003.mp3\n - hh-004.mp3\n - kd-001.mp3\n - kd-002.mp3\n - kd-003.mp3\n - kd-004.mp3\n - kd-005.mp3\n - kd-006.mp3\n - kd-007.mp3\n - kd-008.mp3\n - kd-009.mp3\n - kd-010.mp3\n - kd-011.mp3\n - kd-012.mp3\n - oh-001.mp3\n - oh-002.mp3\n - oh-003.mp3\n - perc-001.mp3\n - perc-002.mp3\n - perc-003.mp3\n - perc-004.mp3\n - perc-005.mp3\n - sd-001.mp3\n - sd-002.mp3\n - sd-003.mp3\n - sd-004.mp3\n - sd-005.mp3\n - sd-006.mp3\n - sd-007.mp3\n - sd-008.mp3\n - sd-009.mp3\n - sd-010.mp3\n - sd-011.mp3\n - sd-012.mp3\n\n\nImpulse Responses ('ir/')\n-------------------------\n: Selectively choosen IRs from Echochamber.ch (no license info)\n: http://www.echochamber.ch/index.php/tipps-freebies/impulseresponses.html\n - 960-BigEmptyChurch.mp3\n - 960-BriteStage.mp3\n - 960-LargeBrightRoom.mp3\n - 960-LargePlate.mp3\n - H3000-MetalVerb.mp3\n - H3000-ReverseGate.mp3\n - SPX990-ElecSNRPlate.mp3\n - SPX990-Reflections.mp3\n - UAD140-AcousticAmbience.mp3\n - UAD140-MasterPlate.mp3\n\n\nLoops ('loops/')\n----------------\n: Strever's Rhythmguitar Loops Pack 1 by Strever953 (CC 0)\n: https://www.freesound.org/people/Strever953/packs/9201/\n - cgtr-120-cmaj.mp3\n - cgtr-120-dmin.mp3\n - cgtr-120-gmaj.mp3"
},
{
"path": "src/ktrl.js",
"content": "/*\n Copyright 2013, Google Inc.\n All rights reserved.\n\n Redistribution and use in source and binary forms, with or without\n modification, are permitted provided that the following conditions are\n met:\n\n * Redistributions of source code must retain the above copyright\n notice, this list of conditions and the following disclaimer.\n * Redistributions in binary form must reproduce the above\n copyright notice, this list of conditions and the following disclaimer\n in the documentation and/or other materials provided with the\n distribution.\n * Neither the name of Google Inc. nor the names of its\n contributors may be used to endorse or promote products derived from\n this software without specific prior written permission.\n\n THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS\n \"AS IS\" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT\n LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR\n A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT\n OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,\n SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT\n LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,\n DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY\n THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT\n (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE\n OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.\n*/\n\n/**\n * safety check first\n */\n(function() {\n if (typeof navigator.requestMIDIAccess === \"undefined\") {\n throw new Error(\"[Ktrl] your browser does not support Web MIDI API. Halt.\");\n }\n})();\n\n/**\n * @namespace Ktrl\n * @version r1\n * @author Hongchan Choi (hoch, hongchan@google.com)\n */\nwindow.Ktrl = (function() {\n\n // available MIDI sources (inputs) and targets (outputs)\n var sources = [];\n var targets = [];\n // target ID counter\n var targetId = 0;\n\n // on ready event function\n var onready = null;\n // system-ready flag\n var status = false;\n // version\n var version = \"r1\";\n\n /**\n * @class [internal] MIDI source (input port abstraction)\n * @param {MIDIInput} midiinput MIDI input from MIDIAccess instance\n */\n function MIDISource (midiinput) {\n this.input = midiinput;\n this.targets = [];\n var me = this;\n this.input.onmidimessage = function (e) {\n var c = me.targets.length;\n while (c--) {\n me.targets[c].ondata(e);\n }\n };\n }\n\n // class MIDISource prototype\n MIDISource.prototype = {\n\n constructor: MIDISource,\n\n /**\n * removes a target from the source\n * @param {object} target target object to be removed\n */\n removeTarget: function (target) {\n // traverse array looking for the target and remove when found\n var me = this;\n this.targets.map(function (t) {\n if (t === target) {\n var idx = me.targets.indexOf(target);\n me.targets.splice(idx, 1);\n }\n });\n },\n\n /**\n * adds a target to this source (creating a connection)\n * @param {object} target target object to be added\n */\n addTarget: function (target) {\n // if target already exists, ignore\n for(var i = 0; i < this.targets.length; ++i) {\n if (this.targets[i] === target) {\n post(\"duplicate target.\");\n return;\n }\n }\n this.targets.push(target);\n }\n\n };\n\n /**\n * @class [internal] MIDI target (MIDI receiving end abstraction)\n */\n function MIDITarget (label) {\n this.id = targetId++;\n this.label = label || \"Untitled\";\n this.active = false;\n this.process = function () {};\n var me = this;\n this.ondata = function(e) {\n if (me.active) {\n me.process(e);\n }\n };\n targets.push(this);\n }\n\n // class MIDItarget prototype\n MIDITarget.prototype = {\n\n constructor: MIDITarget,\n\n /**\n * defines message handler for \"on data\" event\n * @param {function} fn MIDI data handler\n */\n onData: function (fn) {\n this.process = fn;\n },\n\n /**\n * activates the incoming data processing\n */\n activate: function () {\n this.active = true;\n },\n\n /**\n * disables the incoming data processing\n */\n disable: function () {\n this.active = false;\n },\n\n /**\n * get target's ID number\n * @return {int} unique target ID\n */\n getID: function () {\n return this.id;\n }\n\n };\n\n /**\n * [helper, factory] creates a new MIDI target\n * @return {object} MIDI target object\n */\n function createTarget (label) {\n return new MIDITarget(label);\n }\n\n /**\n * routes all sources to a target\n * @param {object} target MIDI target\n * @return {boolean} result\n */\n function routeAllToTarget (target) {\n // NOTE: this won't work after closure compilation\n // if (target.constructor.name !== \"MIDITarget\") {\n // post(\"invalid argument. (must use MIDITarget)\");\n // return false;\n // }\n // connect all sources to the target\n sources.map(function (s) {\n s.addTarget(target);\n });\n return true;\n }\n\n /**\n * routes a specific source to a target\n * @param {int} sourceId MIDI source ID (see Ktrl.report() for available ID)\n * @param {object} target MIDI target\n * @return {boolean} result\n */\n function routeSourceToTarget (sourceId, target) {\n // check id first\n if (sourceId < sources.length) {\n // remove target from all sources\n sources.map(function (s) {\n s.removeTarget(target);\n });\n // connect a source to target\n sources[sourceId].addTarget(target);\n return true;\n } else {\n post(\"invalid source id or target.\");\n return false;\n }\n }\n\n /**\n * disconnect a target from all sources (while not removing)\n * @param {MIDITarget} target a target to be disconnected\n * @return {boolean} result\n */\n function disconnectTarget (target) {\n // NOTE: this won't work after closure compilation\n // if (target.constructor.name !== \"MIDITarget\") {\n // post(\"invalid argument. (must use MIDITarget)\");\n // return false;\n // }\n sources.map(function (s) {\n s.removeTarget(target);\n });\n return true;\n }\n\n /**\n * disconnect and remove a target from the system\n * @param {MIDITarget} target a target to be disconnected\n * @return {boolean} result\n */\n function removeTarget (target) {\n // disconnect first\n if (Ktrl.disconnectTarget(target)) {\n // remove target from system wide target pool\n targets.map(function (t) {\n if (t === target) {\n var idx = targets.indexOf(target);\n targets.splice(idx, 1);\n }\n });\n return true;\n } else {\n return false;\n }\n }\n\n /**\n * [helper] defines onReady function\n * @param {function} fn user-defined function\n */\n function ready (fn) {\n if (typeof fn !== 'function') {\n post(\"invalid handler function.\");\n } else {\n onready = fn;\n }\n }\n\n /**\n * [helper] reports available input ports\n */\n function report () {\n var counter = 0;\n post(\"listing available MIDI Input Ports...\");\n sources.map(function (s) {\n console.log(s.input.type, counter++, \"\\t\", s.input.name, \"\\t\", s.input.manufacturer);\n });\n post(\"listing available MIDI targets...\");\n targets.map(function (t) {\n console.log(\"id \" + t.id, \"\\t\", t.label, \"\\t\", t.active);\n });\n }\n\n /**\n * [helper] post message with the library tag\n * @param {string} msg log message\n */\n function post (msg) {\n console.log(\"[ktrl] \" + msg);\n }\n\n /**\n * [helper] parses MIDI message\n * @param {array} midimsg 3-bytes MIDI message\n * @return {object} parsed MIDI message (see below for property names)\n *\n * [\"noteoff\", \"noteon\"]: { type, channel, pitch, velocity }\n * [\"polypressure\"]: { type, channel, pitch, pressure }\n * [\"controlchange\"]: { type, channel, control, value }\n * [\"programchange\"]: { type, channel, program }\n * [\"channelpressure\"]: { type, channel, pressure }\n * [\"pitchwheel\"]: { type, channel, wheel }\n */\n parse = function (midimsg) {\n var data = midimsg.data;\n var type = data[0] >> 4;\n var channel = (data[0] & 0x0F) + 1;\n var parsedData;\n switch (type) {\n case 8:\n parsedData = {\n type: \"noteoff\",\n channel: channel,\n pitch: data[1],\n velocity: data[2]\n };\n break;\n case 9:\n parsedData = {\n type: \"noteon\",\n channel: channel,\n pitch: data[1],\n velocity: data[2]\n };\n break;\n case 10:\n parsedData = {\n type: \"polypressure\",\n channel: channel,\n pitch: data[1],\n pressure: data[2]\n };\n break;\n case 11:\n parsedData = {\n type: \"controlchange\",\n channel: channel,\n control: data[1],\n value: data[2]\n };\n break;\n case 12:\n parsedData = {\n type: \"programchange\",\n channel: channel,\n program: data[1]\n };\n break;\n case 13:\n parsedData = {\n type: \"channelpressure\",\n channel: channel,\n pressure: data[1]\n };\n break;\n case 14:\n parsedData = {\n type: \"pitchwheel\",\n channel: channel,\n wheel: (data[1] << 8 | data[2])\n };\n break;\n }\n return parsedData;\n };\n\n // ENTRY POINT: scan input port and boot up\n navigator.requestMIDIAccess().then(function (midiAccess) {\n // check input ports\n if (midiAccess.inputs().length === 0) {\n post(\"no input ports available\");\n return;\n }\n // creating MIDI sources\n for(var i = 0; i < midiAccess.inputs().length; ++i) {\n sources[i] = new MIDISource(midiAccess.inputs()[i]);\n }\n post(\"Ktrl (\" + version + \") is ready.\");\n status = true;\n if (typeof onready === 'function') {\n onready();\n } else {\n post(\"onReady is not specified.\");\n }\n }, function (msg) {\n post(\"failed to get MIDI access: \" + msg);\n status = false;\n return;\n });\n\n // exposes handles\n return {\n createTarget: createTarget,\n removeTarget: removeTarget,\n disconnectTarget: disconnectTarget,\n routeAllToTarget: routeAllToTarget,\n routeSourceToTarget: routeSourceToTarget,\n ready: ready,\n parse: parse,\n report: report\n };\n\n})();"
},
{
"path": "src/mui/bower.json",
"content": "{\n \"name\": \"MUI\",\n \"version\": \"1.0.0-alpha3\",\n \"homepage\": \"https://github.com/hoch/WAAX\",\n \"license\": \"MIT\",\n \"ignore\": [\n \"**/.*\",\n \"bower_components\"\n ],\n \"dependencies\": {\n \"polymer\": \"Polymer/polymer#~0.5.1\",\n \"core-icon\": \"Polymer/core-icon#~0.5.2\"\n }\n}"
},
{
"path": "src/mui/bower_components/core-component-page/.bower.json",
"content": "{\n \"name\": \"core-component-page\",\n \"private\": true,\n \"dependencies\": {\n \"webcomponentsjs\": \"Polymer/webcomponentsjs#^0.5.0\",\n \"polymer\": \"Polymer/polymer#^0.5.0\"\n },\n \"version\": \"0.5.2\",\n \"homepage\": \"https://github.com/Polymer/core-component-page\",\n \"_release\": \"0.5.2\",\n \"_resolution\": {\n \"type\": \"version\",\n \"tag\": \"0.5.2\",\n \"commit\": \"443d8dcbcb1b203ed88c6af64c98f76e6434ba53\"\n },\n \"_source\": \"git://github.com/Polymer/core-component-page.git\",\n \"_target\": \"^0.5.0\",\n \"_originalSource\": \"Polymer/core-component-page\"\n}"
},
{
"path": "src/mui/bower_components/core-component-page/README.md",
"content": "core-component-page\n===================\n\nSee the [component page](http://polymer-project.org/docs/elements/core-elements.html#core-component-page) for more information.\n\nNote: this is the vulcanized version of [`core-component-page-dev`](https://github.com/Polymer/core-component-page-dev) (the source).\n"
},
{
"path": "src/mui/bower_components/core-component-page/bower.json",
"content": "{\n \"name\": \"core-component-page\",\n \"private\": true,\n \"dependencies\": {\n \"webcomponentsjs\": \"Polymer/webcomponentsjs#^0.5.0\",\n \"polymer\": \"Polymer/polymer#^0.5.0\"\n },\n \"version\": \"0.5.2\"\n}"
},
{
"path": "src/mui/bower_components/core-component-page/core-component-page.html",
"content": "\n\n\n\n
{{data.name}} Home Page
Attributes <{{attribute.type}} >default: {{attribute.default}}
Properties <{{property.type}} >default: {{property.default}}
Events Event details:
<{{param.type}} > {{param.name}}
{{param.description}}
Methods Method parameters:
<{{param.type}} > {{param.name}}
{{param.description}}
{{label}}
{{name}} undefined
\n\n\n\n{{moduleName}} demo \n\n\n \n"
},
{
"path": "src/mui/bower_components/core-icon/demo.html",
"content": "\n\n\n\n core-icon \n \n \n \n \n \n
\n \n Sized icon:\n
\n \n\n\n\n"
},
{
"path": "src/mui/bower_components/core-icon/index.html",
"content": "\n\n\n\n\n \n \n\n \n \n\n \n \n\n \n"
},
{
"path": "src/mui/bower_components/core-icons/.bower.json",
"content": "{\n \"name\": \"core-icons\",\n \"private\": true,\n \"dependencies\": {\n \"core-icon\": \"Polymer/core-icon#^0.5.0\",\n \"core-iconset-svg\": \"Polymer/core-iconset-svg#^0.5.0\",\n \"polymer\": \"Polymer/polymer#^0.5.0\"\n },\n \"version\": \"0.5.2\",\n \"homepage\": \"https://github.com/Polymer/core-icons\",\n \"_release\": \"0.5.2\",\n \"_resolution\": {\n \"type\": \"version\",\n \"tag\": \"0.5.2\",\n \"commit\": \"d08341261f7b386fb331b1dd798fcd71727e7c85\"\n },\n \"_source\": \"git://github.com/Polymer/core-icons.git\",\n \"_target\": \"^0.5.0\",\n \"_originalSource\": \"Polymer/core-icons\"\n}"
},
{
"path": "src/mui/bower_components/core-icons/README.md",
"content": "core-icons\n=========\n\nSee the [component page](http://polymer-project.org/docs/elements/core-elements.html#core-icons) for more information.\n"
},
{
"path": "src/mui/bower_components/core-icons/av-icons.html",
"content": "\n\n\n\n \n"
},
{
"path": "src/mui/bower_components/core-icons/bower.json",
"content": "{\n \"name\": \"core-icons\",\n \"private\": true,\n \"dependencies\": {\n \"core-icon\": \"Polymer/core-icon#^0.5.0\",\n \"core-iconset-svg\": \"Polymer/core-iconset-svg#^0.5.0\",\n \"polymer\": \"Polymer/polymer#^0.5.0\"\n },\n \"version\": \"0.5.2\"\n}"
},
{
"path": "src/mui/bower_components/core-icons/communication-icons.html",
"content": "\n\n\n\n \n"
},
{
"path": "src/mui/bower_components/core-icons/core-icons.html",
"content": "\n\n\n\n \n"
},
{
"path": "src/mui/bower_components/core-icons/demo.html",
"content": "\n\n\n\n\n\n core-icons \n \n \n \n \n {{iconset.id}} \n {{iconset.id === 'icons' ? 'The Default Set' : 'Import ' + iconset.id + '-icons.html'}} \n \n
\n \n {{ icon }}
\n \n \n
\n \n\n\n\n"
},
{
"path": "src/mui/bower_components/core-icons/device-icons.html",
"content": "\n\n\n\n \n"
},
{
"path": "src/mui/bower_components/core-icons/editor-icons.html",
"content": "\n\n\n\n \n"
},
{
"path": "src/mui/bower_components/core-icons/hardware-icons.html",
"content": "\n\n\n\n \n"
},
{
"path": "src/mui/bower_components/core-icons/image-icons.html",
"content": "\n\n\n\n \n"
},
{
"path": "src/mui/bower_components/core-icons/index.html",
"content": "\n\n\n\n\n \n \n\n \n"
},
{
"path": "src/mui/bower_components/core-icons/notification-icons.html",
"content": "\n\n\n\n \n"
},
{
"path": "src/mui/bower_components/core-icons/png-icons.html",
"content": "\n\n\n\n \n"
},
{
"path": "src/mui/bower_components/core-icons/social-icons.html",
"content": "\n\n\n\n \n"
},
{
"path": "src/mui/bower_components/core-iconset/.bower.json",
"content": "{\n \"name\": \"core-iconset\",\n \"private\": true,\n \"dependencies\": {\n \"polymer\": \"Polymer/polymer#^0.5.0\",\n \"core-meta\": \"Polymer/core-meta#^0.5.0\",\n \"core-icon\": \"Polymer/core-icon#^0.5.0\"\n },\n \"version\": \"0.5.2\",\n \"homepage\": \"https://github.com/Polymer/core-iconset\",\n \"_release\": \"0.5.2\",\n \"_resolution\": {\n \"type\": \"version\",\n \"tag\": \"0.5.2\",\n \"commit\": \"fabcd6967770984f460930ec1059b950b4126828\"\n },\n \"_source\": \"git://github.com/Polymer/core-iconset.git\",\n \"_target\": \"^0.5.0\",\n \"_originalSource\": \"Polymer/core-iconset\"\n}"
},
{
"path": "src/mui/bower_components/core-iconset/README.md",
"content": "core-iconset\n============\n\nSee the [component page](http://polymer-project.org/docs/elements/core-elements.html#core-iconset) for more information.\n"
},
{
"path": "src/mui/bower_components/core-iconset/bower.json",
"content": "{\n \"name\": \"core-iconset\",\n \"private\": true,\n \"dependencies\": {\n \"polymer\": \"Polymer/polymer#^0.5.0\",\n \"core-meta\": \"Polymer/core-meta#^0.5.0\",\n \"core-icon\": \"Polymer/core-icon#^0.5.0\"\n },\n \"version\": \"0.5.2\"\n}"
},
{
"path": "src/mui/bower_components/core-iconset/core-iconset.html",
"content": "\n\n\n\n\n \n \n\n \n"
},
{
"path": "src/mui/bower_components/core-iconset/demo.html",
"content": "\n\n\n\n\n\n core-iconset \n\n \n \n \n\n \n \n\n \n \n
\n\n \n\n"
},
{
"path": "src/mui/bower_components/core-iconset/index.html",
"content": "\n\n\n\n\n \n \n\n \n\n \n"
},
{
"path": "src/mui/bower_components/core-iconset-svg/demo.html",
"content": "\n\n\n\n\n\n core-iconset-svg \n \n \n \n \n \n
\n \n \n\n\n"
},
{
"path": "src/mui/bower_components/core-iconset-svg/index.html",
"content": "\n\n\n\n\n \n \n \n \n \n \n \n \n\n \n \n \n \n \n \n"
},
{
"path": "src/mui/bower_components/core-meta/.bower.json",
"content": "{\n \"name\": \"core-meta\",\n \"private\": true,\n \"dependencies\": {\n \"polymer\": \"Polymer/polymer#^0.5.0\"\n },\n \"version\": \"0.5.2\",\n \"homepage\": \"https://github.com/Polymer/core-meta\",\n \"_release\": \"0.5.2\",\n \"_resolution\": {\n \"type\": \"version\",\n \"tag\": \"0.5.2\",\n \"commit\": \"d16e6c42ed1a4a2b3ada1d978859c85bdcedb79f\"\n },\n \"_source\": \"git://github.com/Polymer/core-meta.git\",\n \"_target\": \"^0.5.0\",\n \"_originalSource\": \"Polymer/core-meta\"\n}"
},
{
"path": "src/mui/bower_components/core-meta/README.md",
"content": "core-meta\n=========\n\nSee the [component page](http://polymer-project.org/docs/elements/core-elements.html#core-meta) for more information.\n"
},
{
"path": "src/mui/bower_components/core-meta/bower.json",
"content": "{\n \"name\": \"core-meta\",\n \"private\": true,\n \"dependencies\": {\n \"polymer\": \"Polymer/polymer#^0.5.0\"\n },\n \"version\": \"0.5.2\"\n}"
},
{
"path": "src/mui/bower_components/core-meta/core-meta.html",
"content": "\n\n\n\n\n\n \n"
},
{
"path": "src/mui/bower_components/core-meta/demo.html",
"content": "\n\n\n\n core-meta \n \n \n meta-data \n \n \n {{label}}
\n \n \n meta-data (type: fruit) \n \n \n {{label}}
\n \n \n \n \n\n\n"
},
{
"path": "src/mui/bower_components/core-meta/index.html",
"content": "\n\n\n\n\n \n \",\n \"private\": true,\n \"dependencies\": {\n \"core-component-page\": \"Polymer/core-component-page#^0.5.0\",\n \"webcomponentsjs\": \"Polymer/webcomponentsjs#^0.5.0\"\n },\n \"devDependencies\": {\n \"tools\": \"Polymer/tools#master\",\n \"web-component-tester\": \"Polymer/web-component-tester#^1.4.2\"\n },\n \"version\": \"0.5.2\",\n \"_release\": \"0.5.2\",\n \"_resolution\": {\n \"type\": \"version\",\n \"tag\": \"0.5.2\",\n \"commit\": \"2a9ca53fa79ca09907e818f1adf806765409ec9c\"\n },\n \"_source\": \"git://github.com/Polymer/polymer.git\",\n \"_target\": \"~0.5.1\",\n \"_originalSource\": \"Polymer/polymer\"\n}"
},
{
"path": "src/mui/bower_components/polymer/README.md",
"content": "# Polymer\n\n[![Polymer build status](http://www.polymer-project.org/build/polymer-dev/status.png \"Polymer build status\")](http://build.chromium.org/p/client.polymer/waterfall)\n\n## Brief Overview\n\nFor more detailed info goto [http://polymer-project.org/](http://polymer-project.org/).\n\nPolymer is a new type of library for the web, designed to leverage the existing browser infrastructure to provide the encapsulation and extendability currently only available in JS libraries.\n\nPolymer is based on a set of future technologies, including [Shadow DOM](http://w3c.github.io/webcomponents/spec/shadow/), [Custom Elements](http://w3c.github.io/webcomponents/spec/custom/) and Model Driven Views. Currently these technologies are implemented as polyfills or shims, but as browsers adopt these features natively, the platform code that drives Polymer evacipates, leaving only the value-adds.\n\n## Tools & Testing\n\nFor running tests or building minified files, consult the [tooling information](https://www.polymer-project.org/resources/tooling-strategy.html).\n\n## Releases\n\n[Release (tagged) versions](https://github.com/Polymer/polymer/releases) of Polymer include concatenated and minified sources for your convenience.\n\n[](https://github.com/igrigorik/ga-beacon)\n"
},
{
"path": "src/mui/bower_components/polymer/bower.json",
"content": "{\n \"name\": \"polymer\",\n \"description\": \"Polymer is a new type of library for the web, built on top of Web Components, and designed to leverage the evolving web platform on modern browsers.\",\n \"homepage\": \"http://www.polymer-project.org/\",\n \"keywords\": [\n \"util\",\n \"client\",\n \"browser\",\n \"web components\",\n \"web-components\"\n ],\n \"author\": \"Polymer Authors \",\n \"private\": true,\n \"dependencies\": {\n \"core-component-page\": \"Polymer/core-component-page#^0.5.0\",\n \"webcomponentsjs\": \"Polymer/webcomponentsjs#^0.5.0\"\n },\n \"devDependencies\": {\n \"tools\": \"Polymer/tools#master\",\n \"web-component-tester\": \"Polymer/web-component-tester#^1.4.2\"\n },\n \"version\": \"0.5.2\"\n}"
},
{
"path": "src/mui/bower_components/polymer/build.log",
"content": "BUILD LOG\n---------\nBuild Time: 2014-12-11T12:46:30\n\nNODEJS INFORMATION\n==================\nnodejs: v0.10.33\ngrunt: 0.4.5\ngrunt-audit: 1.0.0\ngrunt-contrib-concat: 0.5.0\ngrunt-contrib-copy: 0.7.0\ngrunt-contrib-uglify: 0.6.0\ngrunt-string-replace: 1.0.0\n\nREPO REVISIONS\n==============\npolymer-expressions: 197c3a0150e7a13374cfcc72e7066113723a623d\npolymer-gestures: 17a6304916521be39409af292e8adf899bae0ce7\npolymer: a74e9f36526361dccb6df91be439ff9c3e043f41\n\nBUILD HASHES\n============\ndist/polymer.js: b9ad4c86af79c748cf4ea722f6d56671079fadf7\ndist/polymer.min.js: 2f2021ba9682b0bb702ee7fb68fb6fbfd288eac2\ndist/layout.html: 348d358a91712ecc2f8811efa430fcd954b4590c"
},
{
"path": "src/mui/bower_components/polymer/dist/polymer.html",
"content": "\n\n element that is represented by the instance for Safari, Chrome, IE.\n // This is the behavior implemented by Firefox.\n if (p === 'target' || p === 'relatedTarget') {\n if (HAS_SVG_INSTANCE && eventCopy[p] instanceof SVGElementInstance) {\n eventCopy[p] = eventCopy[p].correspondingUseElement;\n }\n }\n }\n // keep the semantics of preventDefault\n eventCopy.preventDefault = function() {\n inEvent.preventDefault();\n };\n return eventCopy;\n },\n /**\n * Dispatches the event to its target.\n *\n * @param {Event} inEvent The event to be dispatched.\n * @return {Boolean} True if an event handler returns true, false otherwise.\n */\n dispatchEvent: function(inEvent) {\n var t = inEvent._target;\n if (t) {\n t.dispatchEvent(inEvent);\n // clone the event for the gesture system to process\n // clone after dispatch to pick up gesture prevention code\n var clone = this.cloneEvent(inEvent);\n clone.target = t;\n this.fillGestureQueue(clone);\n }\n },\n gestureTrigger: function() {\n // process the gesture queue\n for (var i = 0, e, rg; i < this.gestureQueue.length; i++) {\n e = this.gestureQueue[i];\n rg = e._requiredGestures;\n if (rg) {\n for (var j = 0, g, fn; j < this.gestures.length; j++) {\n // only run recognizer if an element in the source event's path is listening for those gestures\n if (rg[j]) {\n g = this.gestures[j];\n fn = g[e.type];\n if (fn) {\n fn.call(g, e);\n }\n }\n }\n }\n }\n this.gestureQueue.length = 0;\n },\n fillGestureQueue: function(ev) {\n // only trigger the gesture queue once\n if (!this.gestureQueue.length) {\n requestAnimationFrame(this.boundGestureTrigger);\n }\n ev._requiredGestures = this.requiredGestures.get(ev.pointerId);\n this.gestureQueue.push(ev);\n }\n };\n dispatcher.boundHandler = dispatcher.eventHandler.bind(dispatcher);\n dispatcher.boundGestureTrigger = dispatcher.gestureTrigger.bind(dispatcher);\n scope.dispatcher = dispatcher;\n\n /**\n * Listen for `gesture` on `node` with the `handler` function\n *\n * If `handler` is the first listener for `gesture`, the underlying gesture recognizer is then enabled.\n *\n * @param {Element} node\n * @param {string} gesture\n * @return Boolean `gesture` is a valid gesture\n */\n scope.activateGesture = function(node, gesture) {\n var g = gesture.toLowerCase();\n var dep = dispatcher.dependencyMap[g];\n if (dep) {\n var recognizer = dispatcher.gestures[dep.index];\n if (!node._pgListeners) {\n dispatcher.register(node);\n node._pgListeners = 0;\n }\n // TODO(dfreedm): re-evaluate bookkeeping to avoid using attributes\n if (recognizer) {\n var touchAction = recognizer.defaultActions && recognizer.defaultActions[g];\n var actionNode;\n switch(node.nodeType) {\n case Node.ELEMENT_NODE:\n actionNode = node;\n break;\n case Node.DOCUMENT_FRAGMENT_NODE:\n actionNode = node.host;\n break;\n default:\n actionNode = null;\n break;\n }\n if (touchAction && actionNode && !actionNode.hasAttribute('touch-action')) {\n actionNode.setAttribute('touch-action', touchAction);\n }\n }\n if (!node._pgEvents) {\n node._pgEvents = {};\n }\n node._pgEvents[g] = (node._pgEvents[g] || 0) + 1;\n node._pgListeners++;\n }\n return Boolean(dep);\n };\n\n /**\n *\n * Listen for `gesture` from `node` with `handler` function.\n *\n * @param {Element} node\n * @param {string} gesture\n * @param {Function} handler\n * @param {Boolean} capture\n */\n scope.addEventListener = function(node, gesture, handler, capture) {\n if (handler) {\n scope.activateGesture(node, gesture);\n node.addEventListener(gesture, handler, capture);\n }\n };\n\n /**\n * Tears down the gesture configuration for `node`\n *\n * If `handler` is the last listener for `gesture`, the underlying gesture recognizer is disabled.\n *\n * @param {Element} node\n * @param {string} gesture\n * @return Boolean `gesture` is a valid gesture\n */\n scope.deactivateGesture = function(node, gesture) {\n var g = gesture.toLowerCase();\n var dep = dispatcher.dependencyMap[g];\n if (dep) {\n if (node._pgListeners > 0) {\n node._pgListeners--;\n }\n if (node._pgListeners === 0) {\n dispatcher.unregister(node);\n }\n if (node._pgEvents) {\n if (node._pgEvents[g] > 0) {\n node._pgEvents[g]--;\n } else {\n node._pgEvents[g] = 0;\n }\n }\n }\n return Boolean(dep);\n };\n\n /**\n * Stop listening for `gesture` from `node` with `handler` function.\n *\n * @param {Element} node\n * @param {string} gesture\n * @param {Function} handler\n * @param {Boolean} capture\n */\n scope.removeEventListener = function(node, gesture, handler, capture) {\n if (handler) {\n scope.deactivateGesture(node, gesture);\n node.removeEventListener(gesture, handler, capture);\n }\n };\n})(window.PolymerGestures);\n\n(function(scope) {\n var dispatcher = scope.dispatcher;\n var pointermap = dispatcher.pointermap;\n // radius around touchend that swallows mouse events\n var DEDUP_DIST = 25;\n\n var WHICH_TO_BUTTONS = [0, 1, 4, 2];\n\n var CURRENT_BUTTONS = 0;\n\n var FIREFOX_LINUX = /Linux.*Firefox\\//i;\n\n var HAS_BUTTONS = (function() {\n // firefox on linux returns spec-incorrect values for mouseup.buttons\n // https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent.buttons#See_also\n // https://codereview.chromium.org/727593003/#msg16\n if (FIREFOX_LINUX.test(navigator.userAgent)) {\n return false;\n }\n try {\n return new MouseEvent('test', {buttons: 1}).buttons === 1;\n } catch (e) {\n return false;\n }\n })();\n\n // handler block for native mouse events\n var mouseEvents = {\n POINTER_ID: 1,\n POINTER_TYPE: 'mouse',\n events: [\n 'mousedown',\n 'mousemove',\n 'mouseup'\n ],\n exposes: [\n 'down',\n 'up',\n 'move'\n ],\n register: function(target) {\n dispatcher.listen(target, this.events);\n },\n unregister: function(target) {\n if (target === document) {\n return;\n }\n dispatcher.unlisten(target, this.events);\n },\n lastTouches: [],\n // collide with the global mouse listener\n isEventSimulatedFromTouch: function(inEvent) {\n var lts = this.lastTouches;\n var x = inEvent.clientX, y = inEvent.clientY;\n for (var i = 0, l = lts.length, t; i < l && (t = lts[i]); i++) {\n // simulated mouse events will be swallowed near a primary touchend\n var dx = Math.abs(x - t.x), dy = Math.abs(y - t.y);\n if (dx <= DEDUP_DIST && dy <= DEDUP_DIST) {\n return true;\n }\n }\n },\n prepareEvent: function(inEvent) {\n var e = dispatcher.cloneEvent(inEvent);\n e.pointerId = this.POINTER_ID;\n e.isPrimary = true;\n e.pointerType = this.POINTER_TYPE;\n e._source = 'mouse';\n if (!HAS_BUTTONS) {\n var type = inEvent.type;\n var bit = WHICH_TO_BUTTONS[inEvent.which] || 0;\n if (type === 'mousedown') {\n CURRENT_BUTTONS |= bit;\n } else if (type === 'mouseup') {\n CURRENT_BUTTONS &= ~bit;\n }\n e.buttons = CURRENT_BUTTONS;\n }\n return e;\n },\n mousedown: function(inEvent) {\n if (!this.isEventSimulatedFromTouch(inEvent)) {\n var p = pointermap.has(this.POINTER_ID);\n var e = this.prepareEvent(inEvent);\n e.target = scope.findTarget(inEvent);\n pointermap.set(this.POINTER_ID, e.target);\n dispatcher.down(e);\n }\n },\n mousemove: function(inEvent) {\n if (!this.isEventSimulatedFromTouch(inEvent)) {\n var target = pointermap.get(this.POINTER_ID);\n if (target) {\n var e = this.prepareEvent(inEvent);\n e.target = target;\n // handle case where we missed a mouseup\n if ((HAS_BUTTONS ? e.buttons : e.which) === 0) {\n if (!HAS_BUTTONS) {\n CURRENT_BUTTONS = e.buttons = 0;\n }\n dispatcher.cancel(e);\n this.cleanupMouse(e.buttons);\n } else {\n dispatcher.move(e);\n }\n }\n }\n },\n mouseup: function(inEvent) {\n if (!this.isEventSimulatedFromTouch(inEvent)) {\n var e = this.prepareEvent(inEvent);\n e.relatedTarget = scope.findTarget(inEvent);\n e.target = pointermap.get(this.POINTER_ID);\n dispatcher.up(e);\n this.cleanupMouse(e.buttons);\n }\n },\n cleanupMouse: function(buttons) {\n if (buttons === 0) {\n pointermap.delete(this.POINTER_ID);\n }\n }\n };\n\n scope.mouseEvents = mouseEvents;\n})(window.PolymerGestures);\n\n(function(scope) {\n var dispatcher = scope.dispatcher;\n var allShadows = scope.targetFinding.allShadows.bind(scope.targetFinding);\n var pointermap = dispatcher.pointermap;\n var touchMap = Array.prototype.map.call.bind(Array.prototype.map);\n // This should be long enough to ignore compat mouse events made by touch\n var DEDUP_TIMEOUT = 2500;\n var DEDUP_DIST = 25;\n var CLICK_COUNT_TIMEOUT = 200;\n var HYSTERESIS = 20;\n var ATTRIB = 'touch-action';\n // TODO(dfreedm): disable until http://crbug.com/399765 is resolved\n // var HAS_TOUCH_ACTION = ATTRIB in document.head.style;\n var HAS_TOUCH_ACTION = false;\n\n // handler block for native touch events\n var touchEvents = {\n IS_IOS: false,\n events: [\n 'touchstart',\n 'touchmove',\n 'touchend',\n 'touchcancel'\n ],\n exposes: [\n 'down',\n 'up',\n 'move'\n ],\n register: function(target, initial) {\n if (this.IS_IOS ? initial : !initial) {\n dispatcher.listen(target, this.events);\n }\n },\n unregister: function(target) {\n if (!this.IS_IOS) {\n dispatcher.unlisten(target, this.events);\n }\n },\n scrollTypes: {\n EMITTER: 'none',\n XSCROLLER: 'pan-x',\n YSCROLLER: 'pan-y',\n },\n touchActionToScrollType: function(touchAction) {\n var t = touchAction;\n var st = this.scrollTypes;\n if (t === st.EMITTER) {\n return 'none';\n } else if (t === st.XSCROLLER) {\n return 'X';\n } else if (t === st.YSCROLLER) {\n return 'Y';\n } else {\n return 'XY';\n }\n },\n POINTER_TYPE: 'touch',\n firstTouch: null,\n isPrimaryTouch: function(inTouch) {\n return this.firstTouch === inTouch.identifier;\n },\n setPrimaryTouch: function(inTouch) {\n // set primary touch if there no pointers, or the only pointer is the mouse\n if (pointermap.pointers() === 0 || (pointermap.pointers() === 1 && pointermap.has(1))) {\n this.firstTouch = inTouch.identifier;\n this.firstXY = {X: inTouch.clientX, Y: inTouch.clientY};\n this.firstTarget = inTouch.target;\n this.scrolling = null;\n this.cancelResetClickCount();\n }\n },\n removePrimaryPointer: function(inPointer) {\n if (inPointer.isPrimary) {\n this.firstTouch = null;\n this.firstXY = null;\n this.resetClickCount();\n }\n },\n clickCount: 0,\n resetId: null,\n resetClickCount: function() {\n var fn = function() {\n this.clickCount = 0;\n this.resetId = null;\n }.bind(this);\n this.resetId = setTimeout(fn, CLICK_COUNT_TIMEOUT);\n },\n cancelResetClickCount: function() {\n if (this.resetId) {\n clearTimeout(this.resetId);\n }\n },\n typeToButtons: function(type) {\n var ret = 0;\n if (type === 'touchstart' || type === 'touchmove') {\n ret = 1;\n }\n return ret;\n },\n findTarget: function(touch, id) {\n if (this.currentTouchEvent.type === 'touchstart') {\n if (this.isPrimaryTouch(touch)) {\n var fastPath = {\n clientX: touch.clientX,\n clientY: touch.clientY,\n path: this.currentTouchEvent.path,\n target: this.currentTouchEvent.target\n };\n return scope.findTarget(fastPath);\n } else {\n return scope.findTarget(touch);\n }\n }\n // reuse target we found in touchstart\n return pointermap.get(id);\n },\n touchToPointer: function(inTouch) {\n var cte = this.currentTouchEvent;\n var e = dispatcher.cloneEvent(inTouch);\n // Spec specifies that pointerId 1 is reserved for Mouse.\n // Touch identifiers can start at 0.\n // Add 2 to the touch identifier for compatibility.\n var id = e.pointerId = inTouch.identifier + 2;\n e.target = this.findTarget(inTouch, id);\n e.bubbles = true;\n e.cancelable = true;\n e.detail = this.clickCount;\n e.buttons = this.typeToButtons(cte.type);\n e.width = inTouch.webkitRadiusX || inTouch.radiusX || 0;\n e.height = inTouch.webkitRadiusY || inTouch.radiusY || 0;\n e.pressure = inTouch.webkitForce || inTouch.force || 0.5;\n e.isPrimary = this.isPrimaryTouch(inTouch);\n e.pointerType = this.POINTER_TYPE;\n e._source = 'touch';\n // forward touch preventDefaults\n var self = this;\n e.preventDefault = function() {\n self.scrolling = false;\n self.firstXY = null;\n cte.preventDefault();\n };\n return e;\n },\n processTouches: function(inEvent, inFunction) {\n var tl = inEvent.changedTouches;\n this.currentTouchEvent = inEvent;\n for (var i = 0, t, p; i < tl.length; i++) {\n t = tl[i];\n p = this.touchToPointer(t);\n if (inEvent.type === 'touchstart') {\n pointermap.set(p.pointerId, p.target);\n }\n if (pointermap.has(p.pointerId)) {\n inFunction.call(this, p);\n }\n if (inEvent.type === 'touchend' || inEvent._cancel) {\n this.cleanUpPointer(p);\n }\n }\n },\n // For single axis scrollers, determines whether the element should emit\n // pointer events or behave as a scroller\n shouldScroll: function(inEvent) {\n if (this.firstXY) {\n var ret;\n var touchAction = scope.targetFinding.findTouchAction(inEvent);\n var scrollAxis = this.touchActionToScrollType(touchAction);\n if (scrollAxis === 'none') {\n // this element is a touch-action: none, should never scroll\n ret = false;\n } else if (scrollAxis === 'XY') {\n // this element should always scroll\n ret = true;\n } else {\n var t = inEvent.changedTouches[0];\n // check the intended scroll axis, and other axis\n var a = scrollAxis;\n var oa = scrollAxis === 'Y' ? 'X' : 'Y';\n var da = Math.abs(t['client' + a] - this.firstXY[a]);\n var doa = Math.abs(t['client' + oa] - this.firstXY[oa]);\n // if delta in the scroll axis > delta other axis, scroll instead of\n // making events\n ret = da >= doa;\n }\n return ret;\n }\n },\n findTouch: function(inTL, inId) {\n for (var i = 0, l = inTL.length, t; i < l && (t = inTL[i]); i++) {\n if (t.identifier === inId) {\n return true;\n }\n }\n },\n // In some instances, a touchstart can happen without a touchend. This\n // leaves the pointermap in a broken state.\n // Therefore, on every touchstart, we remove the touches that did not fire a\n // touchend event.\n // To keep state globally consistent, we fire a\n // pointercancel for this \"abandoned\" touch\n vacuumTouches: function(inEvent) {\n var tl = inEvent.touches;\n // pointermap.pointers() should be < tl.length here, as the touchstart has not\n // been processed yet.\n if (pointermap.pointers() >= tl.length) {\n var d = [];\n pointermap.forEach(function(value, key) {\n // Never remove pointerId == 1, which is mouse.\n // Touch identifiers are 2 smaller than their pointerId, which is the\n // index in pointermap.\n if (key !== 1 && !this.findTouch(tl, key - 2)) {\n var p = value;\n d.push(p);\n }\n }, this);\n d.forEach(function(p) {\n this.cancel(p);\n pointermap.delete(p.pointerId);\n }, this);\n }\n },\n touchstart: function(inEvent) {\n this.vacuumTouches(inEvent);\n this.setPrimaryTouch(inEvent.changedTouches[0]);\n this.dedupSynthMouse(inEvent);\n if (!this.scrolling) {\n this.clickCount++;\n this.processTouches(inEvent, this.down);\n }\n },\n down: function(inPointer) {\n dispatcher.down(inPointer);\n },\n touchmove: function(inEvent) {\n if (HAS_TOUCH_ACTION) {\n // touchevent.cancelable == false is sent when the page is scrolling under native Touch Action in Chrome 36\n // https://groups.google.com/a/chromium.org/d/msg/input-dev/wHnyukcYBcA/b9kmtwM1jJQJ\n if (inEvent.cancelable) {\n this.processTouches(inEvent, this.move);\n }\n } else {\n if (!this.scrolling) {\n if (this.scrolling === null && this.shouldScroll(inEvent)) {\n this.scrolling = true;\n } else {\n this.scrolling = false;\n inEvent.preventDefault();\n this.processTouches(inEvent, this.move);\n }\n } else if (this.firstXY) {\n var t = inEvent.changedTouches[0];\n var dx = t.clientX - this.firstXY.X;\n var dy = t.clientY - this.firstXY.Y;\n var dd = Math.sqrt(dx * dx + dy * dy);\n if (dd >= HYSTERESIS) {\n this.touchcancel(inEvent);\n this.scrolling = true;\n this.firstXY = null;\n }\n }\n }\n },\n move: function(inPointer) {\n dispatcher.move(inPointer);\n },\n touchend: function(inEvent) {\n this.dedupSynthMouse(inEvent);\n this.processTouches(inEvent, this.up);\n },\n up: function(inPointer) {\n inPointer.relatedTarget = scope.findTarget(inPointer);\n dispatcher.up(inPointer);\n },\n cancel: function(inPointer) {\n dispatcher.cancel(inPointer);\n },\n touchcancel: function(inEvent) {\n inEvent._cancel = true;\n this.processTouches(inEvent, this.cancel);\n },\n cleanUpPointer: function(inPointer) {\n pointermap['delete'](inPointer.pointerId);\n this.removePrimaryPointer(inPointer);\n },\n // prevent synth mouse events from creating pointer events\n dedupSynthMouse: function(inEvent) {\n var lts = scope.mouseEvents.lastTouches;\n var t = inEvent.changedTouches[0];\n // only the primary finger will synth mouse events\n if (this.isPrimaryTouch(t)) {\n // remember x/y of last touch\n var lt = {x: t.clientX, y: t.clientY};\n lts.push(lt);\n var fn = (function(lts, lt){\n var i = lts.indexOf(lt);\n if (i > -1) {\n lts.splice(i, 1);\n }\n }).bind(null, lts, lt);\n setTimeout(fn, DEDUP_TIMEOUT);\n }\n }\n };\n\n // prevent \"ghost clicks\" that come from elements that were removed in a touch handler\n var STOP_PROP_FN = Event.prototype.stopImmediatePropagation || Event.prototype.stopPropagation;\n document.addEventListener('click', function(ev) {\n var x = ev.clientX, y = ev.clientY;\n // check if a click is within DEDUP_DIST px radius of the touchstart\n var closeTo = function(touch) {\n var dx = Math.abs(x - touch.x), dy = Math.abs(y - touch.y);\n return (dx <= DEDUP_DIST && dy <= DEDUP_DIST);\n };\n // if click coordinates are close to touch coordinates, assume the click came from a touch\n var wasTouched = scope.mouseEvents.lastTouches.some(closeTo);\n // if the click came from touch, and the touchstart target is not in the path of the click event,\n // then the touchstart target was probably removed, and the click should be \"busted\"\n var path = scope.targetFinding.path(ev);\n if (wasTouched) {\n for (var i = 0; i < path.length; i++) {\n if (path[i] === touchEvents.firstTarget) {\n return;\n }\n }\n ev.preventDefault();\n STOP_PROP_FN.call(ev);\n }\n }, true);\n\n scope.touchEvents = touchEvents;\n})(window.PolymerGestures);\n\n(function(scope) {\n var dispatcher = scope.dispatcher;\n var pointermap = dispatcher.pointermap;\n var HAS_BITMAP_TYPE = window.MSPointerEvent && typeof window.MSPointerEvent.MSPOINTER_TYPE_MOUSE === 'number';\n var msEvents = {\n events: [\n 'MSPointerDown',\n 'MSPointerMove',\n 'MSPointerUp',\n 'MSPointerCancel',\n ],\n register: function(target) {\n dispatcher.listen(target, this.events);\n },\n unregister: function(target) {\n if (target === document) {\n return;\n }\n dispatcher.unlisten(target, this.events);\n },\n POINTER_TYPES: [\n '',\n 'unavailable',\n 'touch',\n 'pen',\n 'mouse'\n ],\n prepareEvent: function(inEvent) {\n var e = inEvent;\n e = dispatcher.cloneEvent(inEvent);\n if (HAS_BITMAP_TYPE) {\n e.pointerType = this.POINTER_TYPES[inEvent.pointerType];\n }\n e._source = 'ms';\n return e;\n },\n cleanup: function(id) {\n pointermap['delete'](id);\n },\n MSPointerDown: function(inEvent) {\n var e = this.prepareEvent(inEvent);\n e.target = scope.findTarget(inEvent);\n pointermap.set(inEvent.pointerId, e.target);\n dispatcher.down(e);\n },\n MSPointerMove: function(inEvent) {\n var target = pointermap.get(inEvent.pointerId);\n if (target) {\n var e = this.prepareEvent(inEvent);\n e.target = target;\n dispatcher.move(e);\n }\n },\n MSPointerUp: function(inEvent) {\n var e = this.prepareEvent(inEvent);\n e.relatedTarget = scope.findTarget(inEvent);\n e.target = pointermap.get(e.pointerId);\n dispatcher.up(e);\n this.cleanup(inEvent.pointerId);\n },\n MSPointerCancel: function(inEvent) {\n var e = this.prepareEvent(inEvent);\n e.relatedTarget = scope.findTarget(inEvent);\n e.target = pointermap.get(e.pointerId);\n dispatcher.cancel(e);\n this.cleanup(inEvent.pointerId);\n }\n };\n\n scope.msEvents = msEvents;\n})(window.PolymerGestures);\n\n(function(scope) {\n var dispatcher = scope.dispatcher;\n var pointermap = dispatcher.pointermap;\n var pointerEvents = {\n events: [\n 'pointerdown',\n 'pointermove',\n 'pointerup',\n 'pointercancel'\n ],\n prepareEvent: function(inEvent) {\n var e = dispatcher.cloneEvent(inEvent);\n e._source = 'pointer';\n return e;\n },\n register: function(target) {\n dispatcher.listen(target, this.events);\n },\n unregister: function(target) {\n if (target === document) {\n return;\n }\n dispatcher.unlisten(target, this.events);\n },\n cleanup: function(id) {\n pointermap['delete'](id);\n },\n pointerdown: function(inEvent) {\n var e = this.prepareEvent(inEvent);\n e.target = scope.findTarget(inEvent);\n pointermap.set(e.pointerId, e.target);\n dispatcher.down(e);\n },\n pointermove: function(inEvent) {\n var target = pointermap.get(inEvent.pointerId);\n if (target) {\n var e = this.prepareEvent(inEvent);\n e.target = target;\n dispatcher.move(e);\n }\n },\n pointerup: function(inEvent) {\n var e = this.prepareEvent(inEvent);\n e.relatedTarget = scope.findTarget(inEvent);\n e.target = pointermap.get(e.pointerId);\n dispatcher.up(e);\n this.cleanup(inEvent.pointerId);\n },\n pointercancel: function(inEvent) {\n var e = this.prepareEvent(inEvent);\n e.relatedTarget = scope.findTarget(inEvent);\n e.target = pointermap.get(e.pointerId);\n dispatcher.cancel(e);\n this.cleanup(inEvent.pointerId);\n }\n };\n\n scope.pointerEvents = pointerEvents;\n})(window.PolymerGestures);\n\n/**\n * This module contains the handlers for native platform events.\n * From here, the dispatcher is called to create unified pointer events.\n * Included are touch events (v1), mouse events, and MSPointerEvents.\n */\n(function(scope) {\n\n var dispatcher = scope.dispatcher;\n var nav = window.navigator;\n\n if (window.PointerEvent) {\n dispatcher.registerSource('pointer', scope.pointerEvents);\n } else if (nav.msPointerEnabled) {\n dispatcher.registerSource('ms', scope.msEvents);\n } else {\n dispatcher.registerSource('mouse', scope.mouseEvents);\n if (window.ontouchstart !== undefined) {\n dispatcher.registerSource('touch', scope.touchEvents);\n }\n }\n\n // Work around iOS bugs https://bugs.webkit.org/show_bug.cgi?id=135628 and https://bugs.webkit.org/show_bug.cgi?id=136506\n var ua = navigator.userAgent;\n var IS_IOS = ua.match(/iPad|iPhone|iPod/) && 'ontouchstart' in window;\n\n dispatcher.IS_IOS = IS_IOS;\n scope.touchEvents.IS_IOS = IS_IOS;\n\n dispatcher.register(document, true);\n})(window.PolymerGestures);\n\n/**\n * This event denotes the beginning of a series of tracking events.\n *\n * @module PointerGestures\n * @submodule Events\n * @class trackstart\n */\n/**\n * Pixels moved in the x direction since trackstart.\n * @type Number\n * @property dx\n */\n/**\n * Pixes moved in the y direction since trackstart.\n * @type Number\n * @property dy\n */\n/**\n * Pixels moved in the x direction since the last track.\n * @type Number\n * @property ddx\n */\n/**\n * Pixles moved in the y direction since the last track.\n * @type Number\n * @property ddy\n */\n/**\n * The clientX position of the track gesture.\n * @type Number\n * @property clientX\n */\n/**\n * The clientY position of the track gesture.\n * @type Number\n * @property clientY\n */\n/**\n * The pageX position of the track gesture.\n * @type Number\n * @property pageX\n */\n/**\n * The pageY position of the track gesture.\n * @type Number\n * @property pageY\n */\n/**\n * The screenX position of the track gesture.\n * @type Number\n * @property screenX\n */\n/**\n * The screenY position of the track gesture.\n * @type Number\n * @property screenY\n */\n/**\n * The last x axis direction of the pointer.\n * @type Number\n * @property xDirection\n */\n/**\n * The last y axis direction of the pointer.\n * @type Number\n * @property yDirection\n */\n/**\n * A shared object between all tracking events.\n * @type Object\n * @property trackInfo\n */\n/**\n * The element currently under the pointer.\n * @type Element\n * @property relatedTarget\n */\n/**\n * The type of pointer that make the track gesture.\n * @type String\n * @property pointerType\n */\n/**\n *\n * This event fires for all pointer movement being tracked.\n *\n * @class track\n * @extends trackstart\n */\n/**\n * This event fires when the pointer is no longer being tracked.\n *\n * @class trackend\n * @extends trackstart\n */\n\n (function(scope) {\n var dispatcher = scope.dispatcher;\n var eventFactory = scope.eventFactory;\n var pointermap = new scope.PointerMap();\n var track = {\n events: [\n 'down',\n 'move',\n 'up',\n ],\n exposes: [\n 'trackstart',\n 'track',\n 'trackx',\n 'tracky',\n 'trackend'\n ],\n defaultActions: {\n 'track': 'none',\n 'trackx': 'pan-y',\n 'tracky': 'pan-x'\n },\n WIGGLE_THRESHOLD: 4,\n clampDir: function(inDelta) {\n return inDelta > 0 ? 1 : -1;\n },\n calcPositionDelta: function(inA, inB) {\n var x = 0, y = 0;\n if (inA && inB) {\n x = inB.pageX - inA.pageX;\n y = inB.pageY - inA.pageY;\n }\n return {x: x, y: y};\n },\n fireTrack: function(inType, inEvent, inTrackingData) {\n var t = inTrackingData;\n var d = this.calcPositionDelta(t.downEvent, inEvent);\n var dd = this.calcPositionDelta(t.lastMoveEvent, inEvent);\n if (dd.x) {\n t.xDirection = this.clampDir(dd.x);\n } else if (inType === 'trackx') {\n return;\n }\n if (dd.y) {\n t.yDirection = this.clampDir(dd.y);\n } else if (inType === 'tracky') {\n return;\n }\n var gestureProto = {\n bubbles: true,\n cancelable: true,\n trackInfo: t.trackInfo,\n relatedTarget: inEvent.relatedTarget,\n pointerType: inEvent.pointerType,\n pointerId: inEvent.pointerId,\n _source: 'track'\n };\n if (inType !== 'tracky') {\n gestureProto.x = inEvent.x;\n gestureProto.dx = d.x;\n gestureProto.ddx = dd.x;\n gestureProto.clientX = inEvent.clientX;\n gestureProto.pageX = inEvent.pageX;\n gestureProto.screenX = inEvent.screenX;\n gestureProto.xDirection = t.xDirection;\n }\n if (inType !== 'trackx') {\n gestureProto.dy = d.y;\n gestureProto.ddy = dd.y;\n gestureProto.y = inEvent.y;\n gestureProto.clientY = inEvent.clientY;\n gestureProto.pageY = inEvent.pageY;\n gestureProto.screenY = inEvent.screenY;\n gestureProto.yDirection = t.yDirection;\n }\n var e = eventFactory.makeGestureEvent(inType, gestureProto);\n t.downTarget.dispatchEvent(e);\n },\n down: function(inEvent) {\n if (inEvent.isPrimary && (inEvent.pointerType === 'mouse' ? inEvent.buttons === 1 : true)) {\n var p = {\n downEvent: inEvent,\n downTarget: inEvent.target,\n trackInfo: {},\n lastMoveEvent: null,\n xDirection: 0,\n yDirection: 0,\n tracking: false\n };\n pointermap.set(inEvent.pointerId, p);\n }\n },\n move: function(inEvent) {\n var p = pointermap.get(inEvent.pointerId);\n if (p) {\n if (!p.tracking) {\n var d = this.calcPositionDelta(p.downEvent, inEvent);\n var move = d.x * d.x + d.y * d.y;\n // start tracking only if finger moves more than WIGGLE_THRESHOLD\n if (move > this.WIGGLE_THRESHOLD) {\n p.tracking = true;\n p.lastMoveEvent = p.downEvent;\n this.fireTrack('trackstart', inEvent, p);\n }\n }\n if (p.tracking) {\n this.fireTrack('track', inEvent, p);\n this.fireTrack('trackx', inEvent, p);\n this.fireTrack('tracky', inEvent, p);\n }\n p.lastMoveEvent = inEvent;\n }\n },\n up: function(inEvent) {\n var p = pointermap.get(inEvent.pointerId);\n if (p) {\n if (p.tracking) {\n this.fireTrack('trackend', inEvent, p);\n }\n pointermap.delete(inEvent.pointerId);\n }\n }\n };\n dispatcher.registerGesture('track', track);\n })(window.PolymerGestures);\n\n/**\n * This event is fired when a pointer is held down for 200ms.\n *\n * @module PointerGestures\n * @submodule Events\n * @class hold\n */\n/**\n * Type of pointer that made the holding event.\n * @type String\n * @property pointerType\n */\n/**\n * Screen X axis position of the held pointer\n * @type Number\n * @property clientX\n */\n/**\n * Screen Y axis position of the held pointer\n * @type Number\n * @property clientY\n */\n/**\n * Type of pointer that made the holding event.\n * @type String\n * @property pointerType\n */\n/**\n * This event is fired every 200ms while a pointer is held down.\n *\n * @class holdpulse\n * @extends hold\n */\n/**\n * Milliseconds pointer has been held down.\n * @type Number\n * @property holdTime\n */\n/**\n * This event is fired when a held pointer is released or moved.\n *\n * @class release\n */\n\n(function(scope) {\n var dispatcher = scope.dispatcher;\n var eventFactory = scope.eventFactory;\n var hold = {\n // wait at least HOLD_DELAY ms between hold and pulse events\n HOLD_DELAY: 200,\n // pointer can move WIGGLE_THRESHOLD pixels before not counting as a hold\n WIGGLE_THRESHOLD: 16,\n events: [\n 'down',\n 'move',\n 'up',\n ],\n exposes: [\n 'hold',\n 'holdpulse',\n 'release'\n ],\n heldPointer: null,\n holdJob: null,\n pulse: function() {\n var hold = Date.now() - this.heldPointer.timeStamp;\n var type = this.held ? 'holdpulse' : 'hold';\n this.fireHold(type, hold);\n this.held = true;\n },\n cancel: function() {\n clearInterval(this.holdJob);\n if (this.held) {\n this.fireHold('release');\n }\n this.held = false;\n this.heldPointer = null;\n this.target = null;\n this.holdJob = null;\n },\n down: function(inEvent) {\n if (inEvent.isPrimary && !this.heldPointer) {\n this.heldPointer = inEvent;\n this.target = inEvent.target;\n this.holdJob = setInterval(this.pulse.bind(this), this.HOLD_DELAY);\n }\n },\n up: function(inEvent) {\n if (this.heldPointer && this.heldPointer.pointerId === inEvent.pointerId) {\n this.cancel();\n }\n },\n move: function(inEvent) {\n if (this.heldPointer && this.heldPointer.pointerId === inEvent.pointerId) {\n var x = inEvent.clientX - this.heldPointer.clientX;\n var y = inEvent.clientY - this.heldPointer.clientY;\n if ((x * x + y * y) > this.WIGGLE_THRESHOLD) {\n this.cancel();\n }\n }\n },\n fireHold: function(inType, inHoldTime) {\n var p = {\n bubbles: true,\n cancelable: true,\n pointerType: this.heldPointer.pointerType,\n pointerId: this.heldPointer.pointerId,\n x: this.heldPointer.clientX,\n y: this.heldPointer.clientY,\n _source: 'hold'\n };\n if (inHoldTime) {\n p.holdTime = inHoldTime;\n }\n var e = eventFactory.makeGestureEvent(inType, p);\n this.target.dispatchEvent(e);\n }\n };\n dispatcher.registerGesture('hold', hold);\n})(window.PolymerGestures);\n\n/**\n * This event is fired when a pointer quickly goes down and up, and is used to\n * denote activation.\n *\n * Any gesture event can prevent the tap event from being created by calling\n * `event.preventTap`.\n *\n * Any pointer event can prevent the tap by setting the `tapPrevented` property\n * on itself.\n *\n * @module PointerGestures\n * @submodule Events\n * @class tap\n */\n/**\n * X axis position of the tap.\n * @property x\n * @type Number\n */\n/**\n * Y axis position of the tap.\n * @property y\n * @type Number\n */\n/**\n * Type of the pointer that made the tap.\n * @property pointerType\n * @type String\n */\n(function(scope) {\n var dispatcher = scope.dispatcher;\n var eventFactory = scope.eventFactory;\n var pointermap = new scope.PointerMap();\n var tap = {\n events: [\n 'down',\n 'up'\n ],\n exposes: [\n 'tap'\n ],\n down: function(inEvent) {\n if (inEvent.isPrimary && !inEvent.tapPrevented) {\n pointermap.set(inEvent.pointerId, {\n target: inEvent.target,\n buttons: inEvent.buttons,\n x: inEvent.clientX,\n y: inEvent.clientY\n });\n }\n },\n shouldTap: function(e, downState) {\n var tap = true;\n if (e.pointerType === 'mouse') {\n // only allow left click to tap for mouse\n tap = (e.buttons ^ 1) && (downState.buttons & 1);\n }\n return tap && !e.tapPrevented;\n },\n up: function(inEvent) {\n var start = pointermap.get(inEvent.pointerId);\n if (start && this.shouldTap(inEvent, start)) {\n // up.relatedTarget is target currently under finger\n var t = scope.targetFinding.LCA(start.target, inEvent.relatedTarget);\n if (t) {\n var e = eventFactory.makeGestureEvent('tap', {\n bubbles: true,\n cancelable: true,\n x: inEvent.clientX,\n y: inEvent.clientY,\n detail: inEvent.detail,\n pointerType: inEvent.pointerType,\n pointerId: inEvent.pointerId,\n altKey: inEvent.altKey,\n ctrlKey: inEvent.ctrlKey,\n metaKey: inEvent.metaKey,\n shiftKey: inEvent.shiftKey,\n _source: 'tap'\n });\n t.dispatchEvent(e);\n }\n }\n pointermap.delete(inEvent.pointerId);\n }\n };\n // patch eventFactory to remove id from tap's pointermap for preventTap calls\n eventFactory.preventTap = function(e) {\n return function() {\n e.tapPrevented = true;\n pointermap.delete(e.pointerId);\n };\n };\n dispatcher.registerGesture('tap', tap);\n})(window.PolymerGestures);\n\n/*\n * Basic strategy: find the farthest apart points, use as diameter of circle\n * react to size change and rotation of the chord\n */\n\n/**\n * @module pointer-gestures\n * @submodule Events\n * @class pinch\n */\n/**\n * Scale of the pinch zoom gesture\n * @property scale\n * @type Number\n */\n/**\n * Center X position of pointers causing pinch\n * @property centerX\n * @type Number\n */\n/**\n * Center Y position of pointers causing pinch\n * @property centerY\n * @type Number\n */\n\n/**\n * @module pointer-gestures\n * @submodule Events\n * @class rotate\n */\n/**\n * Angle (in degrees) of rotation. Measured from starting positions of pointers.\n * @property angle\n * @type Number\n */\n/**\n * Center X position of pointers causing rotation\n * @property centerX\n * @type Number\n */\n/**\n * Center Y position of pointers causing rotation\n * @property centerY\n * @type Number\n */\n(function(scope) {\n var dispatcher = scope.dispatcher;\n var eventFactory = scope.eventFactory;\n var pointermap = new scope.PointerMap();\n var RAD_TO_DEG = 180 / Math.PI;\n var pinch = {\n events: [\n 'down',\n 'up',\n 'move',\n 'cancel'\n ],\n exposes: [\n 'pinchstart',\n 'pinch',\n 'pinchend',\n 'rotate'\n ],\n defaultActions: {\n 'pinch': 'none',\n 'rotate': 'none'\n },\n reference: {},\n down: function(inEvent) {\n pointermap.set(inEvent.pointerId, inEvent);\n if (pointermap.pointers() == 2) {\n var points = this.calcChord();\n var angle = this.calcAngle(points);\n this.reference = {\n angle: angle,\n diameter: points.diameter,\n target: scope.targetFinding.LCA(points.a.target, points.b.target)\n };\n\n this.firePinch('pinchstart', points.diameter, points);\n }\n },\n up: function(inEvent) {\n var p = pointermap.get(inEvent.pointerId);\n var num = pointermap.pointers();\n if (p) {\n if (num === 2) {\n // fire 'pinchend' before deleting pointer\n var points = this.calcChord();\n this.firePinch('pinchend', points.diameter, points);\n }\n pointermap.delete(inEvent.pointerId);\n }\n },\n move: function(inEvent) {\n if (pointermap.has(inEvent.pointerId)) {\n pointermap.set(inEvent.pointerId, inEvent);\n if (pointermap.pointers() > 1) {\n this.calcPinchRotate();\n }\n }\n },\n cancel: function(inEvent) {\n this.up(inEvent);\n },\n firePinch: function(type, diameter, points) {\n var zoom = diameter / this.reference.diameter;\n var e = eventFactory.makeGestureEvent(type, {\n bubbles: true,\n cancelable: true,\n scale: zoom,\n centerX: points.center.x,\n centerY: points.center.y,\n _source: 'pinch'\n });\n this.reference.target.dispatchEvent(e);\n },\n fireRotate: function(angle, points) {\n var diff = Math.round((angle - this.reference.angle) % 360);\n var e = eventFactory.makeGestureEvent('rotate', {\n bubbles: true,\n cancelable: true,\n angle: diff,\n centerX: points.center.x,\n centerY: points.center.y,\n _source: 'pinch'\n });\n this.reference.target.dispatchEvent(e);\n },\n calcPinchRotate: function() {\n var points = this.calcChord();\n var diameter = points.diameter;\n var angle = this.calcAngle(points);\n if (diameter != this.reference.diameter) {\n this.firePinch('pinch', diameter, points);\n }\n if (angle != this.reference.angle) {\n this.fireRotate(angle, points);\n }\n },\n calcChord: function() {\n var pointers = [];\n pointermap.forEach(function(p) {\n pointers.push(p);\n });\n var dist = 0;\n // start with at least two pointers\n var points = {a: pointers[0], b: pointers[1]};\n var x, y, d;\n for (var i = 0; i < pointers.length; i++) {\n var a = pointers[i];\n for (var j = i + 1; j < pointers.length; j++) {\n var b = pointers[j];\n x = Math.abs(a.clientX - b.clientX);\n y = Math.abs(a.clientY - b.clientY);\n d = x + y;\n if (d > dist) {\n dist = d;\n points = {a: a, b: b};\n }\n }\n }\n x = Math.abs(points.a.clientX + points.b.clientX) / 2;\n y = Math.abs(points.a.clientY + points.b.clientY) / 2;\n points.center = { x: x, y: y };\n points.diameter = dist;\n return points;\n },\n calcAngle: function(points) {\n var x = points.a.clientX - points.b.clientX;\n var y = points.a.clientY - points.b.clientY;\n return (360 + Math.atan2(y, x) * RAD_TO_DEG) % 360;\n }\n };\n dispatcher.registerGesture('pinch', pinch);\n})(window.PolymerGestures);\n\n(function (global) {\n 'use strict';\n\n var Token,\n TokenName,\n Syntax,\n Messages,\n source,\n index,\n length,\n delegate,\n lookahead,\n state;\n\n Token = {\n BooleanLiteral: 1,\n EOF: 2,\n Identifier: 3,\n Keyword: 4,\n NullLiteral: 5,\n NumericLiteral: 6,\n Punctuator: 7,\n StringLiteral: 8\n };\n\n TokenName = {};\n TokenName[Token.BooleanLiteral] = 'Boolean';\n TokenName[Token.EOF] = '';\n TokenName[Token.Identifier] = 'Identifier';\n TokenName[Token.Keyword] = 'Keyword';\n TokenName[Token.NullLiteral] = 'Null';\n TokenName[Token.NumericLiteral] = 'Numeric';\n TokenName[Token.Punctuator] = 'Punctuator';\n TokenName[Token.StringLiteral] = 'String';\n\n Syntax = {\n ArrayExpression: 'ArrayExpression',\n BinaryExpression: 'BinaryExpression',\n CallExpression: 'CallExpression',\n ConditionalExpression: 'ConditionalExpression',\n EmptyStatement: 'EmptyStatement',\n ExpressionStatement: 'ExpressionStatement',\n Identifier: 'Identifier',\n Literal: 'Literal',\n LabeledStatement: 'LabeledStatement',\n LogicalExpression: 'LogicalExpression',\n MemberExpression: 'MemberExpression',\n ObjectExpression: 'ObjectExpression',\n Program: 'Program',\n Property: 'Property',\n ThisExpression: 'ThisExpression',\n UnaryExpression: 'UnaryExpression'\n };\n\n // Error messages should be identical to V8.\n Messages = {\n UnexpectedToken: 'Unexpected token %0',\n UnknownLabel: 'Undefined label \\'%0\\'',\n Redeclaration: '%0 \\'%1\\' has already been declared'\n };\n\n // Ensure the condition is true, otherwise throw an error.\n // This is only to have a better contract semantic, i.e. another safety net\n // to catch a logic error. The condition shall be fulfilled in normal case.\n // Do NOT use this to enforce a certain condition on any user input.\n\n function assert(condition, message) {\n if (!condition) {\n throw new Error('ASSERT: ' + message);\n }\n }\n\n function isDecimalDigit(ch) {\n return (ch >= 48 && ch <= 57); // 0..9\n }\n\n\n // 7.2 White Space\n\n function isWhiteSpace(ch) {\n return (ch === 32) || // space\n (ch === 9) || // tab\n (ch === 0xB) ||\n (ch === 0xC) ||\n (ch === 0xA0) ||\n (ch >= 0x1680 && '\\u1680\\u180E\\u2000\\u2001\\u2002\\u2003\\u2004\\u2005\\u2006\\u2007\\u2008\\u2009\\u200A\\u202F\\u205F\\u3000\\uFEFF'.indexOf(String.fromCharCode(ch)) > 0);\n }\n\n // 7.3 Line Terminators\n\n function isLineTerminator(ch) {\n return (ch === 10) || (ch === 13) || (ch === 0x2028) || (ch === 0x2029);\n }\n\n // 7.6 Identifier Names and Identifiers\n\n function isIdentifierStart(ch) {\n return (ch === 36) || (ch === 95) || // $ (dollar) and _ (underscore)\n (ch >= 65 && ch <= 90) || // A..Z\n (ch >= 97 && ch <= 122); // a..z\n }\n\n function isIdentifierPart(ch) {\n return (ch === 36) || (ch === 95) || // $ (dollar) and _ (underscore)\n (ch >= 65 && ch <= 90) || // A..Z\n (ch >= 97 && ch <= 122) || // a..z\n (ch >= 48 && ch <= 57); // 0..9\n }\n\n // 7.6.1.1 Keywords\n\n function isKeyword(id) {\n return (id === 'this')\n }\n\n // 7.4 Comments\n\n function skipWhitespace() {\n while (index < length && isWhiteSpace(source.charCodeAt(index))) {\n ++index;\n }\n }\n\n function getIdentifier() {\n var start, ch;\n\n start = index++;\n while (index < length) {\n ch = source.charCodeAt(index);\n if (isIdentifierPart(ch)) {\n ++index;\n } else {\n break;\n }\n }\n\n return source.slice(start, index);\n }\n\n function scanIdentifier() {\n var start, id, type;\n\n start = index;\n\n id = getIdentifier();\n\n // There is no keyword or literal with only one character.\n // Thus, it must be an identifier.\n if (id.length === 1) {\n type = Token.Identifier;\n } else if (isKeyword(id)) {\n type = Token.Keyword;\n } else if (id === 'null') {\n type = Token.NullLiteral;\n } else if (id === 'true' || id === 'false') {\n type = Token.BooleanLiteral;\n } else {\n type = Token.Identifier;\n }\n\n return {\n type: type,\n value: id,\n range: [start, index]\n };\n }\n\n\n // 7.7 Punctuators\n\n function scanPunctuator() {\n var start = index,\n code = source.charCodeAt(index),\n code2,\n ch1 = source[index],\n ch2;\n\n switch (code) {\n\n // Check for most common single-character punctuators.\n case 46: // . dot\n case 40: // ( open bracket\n case 41: // ) close bracket\n case 59: // ; semicolon\n case 44: // , comma\n case 123: // { open curly brace\n case 125: // } close curly brace\n case 91: // [\n case 93: // ]\n case 58: // :\n case 63: // ?\n ++index;\n return {\n type: Token.Punctuator,\n value: String.fromCharCode(code),\n range: [start, index]\n };\n\n default:\n code2 = source.charCodeAt(index + 1);\n\n // '=' (char #61) marks an assignment or comparison operator.\n if (code2 === 61) {\n switch (code) {\n case 37: // %\n case 38: // &\n case 42: // *:\n case 43: // +\n case 45: // -\n case 47: // /\n case 60: // <\n case 62: // >\n case 124: // |\n index += 2;\n return {\n type: Token.Punctuator,\n value: String.fromCharCode(code) + String.fromCharCode(code2),\n range: [start, index]\n };\n\n case 33: // !\n case 61: // =\n index += 2;\n\n // !== and ===\n if (source.charCodeAt(index) === 61) {\n ++index;\n }\n return {\n type: Token.Punctuator,\n value: source.slice(start, index),\n range: [start, index]\n };\n default:\n break;\n }\n }\n break;\n }\n\n // Peek more characters.\n\n ch2 = source[index + 1];\n\n // Other 2-character punctuators: && ||\n\n if (ch1 === ch2 && ('&|'.indexOf(ch1) >= 0)) {\n index += 2;\n return {\n type: Token.Punctuator,\n value: ch1 + ch2,\n range: [start, index]\n };\n }\n\n if ('<>=!+-*%&|^/'.indexOf(ch1) >= 0) {\n ++index;\n return {\n type: Token.Punctuator,\n value: ch1,\n range: [start, index]\n };\n }\n\n throwError({}, Messages.UnexpectedToken, 'ILLEGAL');\n }\n\n // 7.8.3 Numeric Literals\n function scanNumericLiteral() {\n var number, start, ch;\n\n ch = source[index];\n assert(isDecimalDigit(ch.charCodeAt(0)) || (ch === '.'),\n 'Numeric literal must start with a decimal digit or a decimal point');\n\n start = index;\n number = '';\n if (ch !== '.') {\n number = source[index++];\n ch = source[index];\n\n // Hex number starts with '0x'.\n // Octal number starts with '0'.\n if (number === '0') {\n // decimal number starts with '0' such as '09' is illegal.\n if (ch && isDecimalDigit(ch.charCodeAt(0))) {\n throwError({}, Messages.UnexpectedToken, 'ILLEGAL');\n }\n }\n\n while (isDecimalDigit(source.charCodeAt(index))) {\n number += source[index++];\n }\n ch = source[index];\n }\n\n if (ch === '.') {\n number += source[index++];\n while (isDecimalDigit(source.charCodeAt(index))) {\n number += source[index++];\n }\n ch = source[index];\n }\n\n if (ch === 'e' || ch === 'E') {\n number += source[index++];\n\n ch = source[index];\n if (ch === '+' || ch === '-') {\n number += source[index++];\n }\n if (isDecimalDigit(source.charCodeAt(index))) {\n while (isDecimalDigit(source.charCodeAt(index))) {\n number += source[index++];\n }\n } else {\n throwError({}, Messages.UnexpectedToken, 'ILLEGAL');\n }\n }\n\n if (isIdentifierStart(source.charCodeAt(index))) {\n throwError({}, Messages.UnexpectedToken, 'ILLEGAL');\n }\n\n return {\n type: Token.NumericLiteral,\n value: parseFloat(number),\n range: [start, index]\n };\n }\n\n // 7.8.4 String Literals\n\n function scanStringLiteral() {\n var str = '', quote, start, ch, octal = false;\n\n quote = source[index];\n assert((quote === '\\'' || quote === '\"'),\n 'String literal must starts with a quote');\n\n start = index;\n ++index;\n\n while (index < length) {\n ch = source[index++];\n\n if (ch === quote) {\n quote = '';\n break;\n } else if (ch === '\\\\') {\n ch = source[index++];\n if (!ch || !isLineTerminator(ch.charCodeAt(0))) {\n switch (ch) {\n case 'n':\n str += '\\n';\n break;\n case 'r':\n str += '\\r';\n break;\n case 't':\n str += '\\t';\n break;\n case 'b':\n str += '\\b';\n break;\n case 'f':\n str += '\\f';\n break;\n case 'v':\n str += '\\x0B';\n break;\n\n default:\n str += ch;\n break;\n }\n } else {\n if (ch === '\\r' && source[index] === '\\n') {\n ++index;\n }\n }\n } else if (isLineTerminator(ch.charCodeAt(0))) {\n break;\n } else {\n str += ch;\n }\n }\n\n if (quote !== '') {\n throwError({}, Messages.UnexpectedToken, 'ILLEGAL');\n }\n\n return {\n type: Token.StringLiteral,\n value: str,\n octal: octal,\n range: [start, index]\n };\n }\n\n function isIdentifierName(token) {\n return token.type === Token.Identifier ||\n token.type === Token.Keyword ||\n token.type === Token.BooleanLiteral ||\n token.type === Token.NullLiteral;\n }\n\n function advance() {\n var ch;\n\n skipWhitespace();\n\n if (index >= length) {\n return {\n type: Token.EOF,\n range: [index, index]\n };\n }\n\n ch = source.charCodeAt(index);\n\n // Very common: ( and ) and ;\n if (ch === 40 || ch === 41 || ch === 58) {\n return scanPunctuator();\n }\n\n // String literal starts with single quote (#39) or double quote (#34).\n if (ch === 39 || ch === 34) {\n return scanStringLiteral();\n }\n\n if (isIdentifierStart(ch)) {\n return scanIdentifier();\n }\n\n // Dot (.) char #46 can also start a floating-point number, hence the need\n // to check the next character.\n if (ch === 46) {\n if (isDecimalDigit(source.charCodeAt(index + 1))) {\n return scanNumericLiteral();\n }\n return scanPunctuator();\n }\n\n if (isDecimalDigit(ch)) {\n return scanNumericLiteral();\n }\n\n return scanPunctuator();\n }\n\n function lex() {\n var token;\n\n token = lookahead;\n index = token.range[1];\n\n lookahead = advance();\n\n index = token.range[1];\n\n return token;\n }\n\n function peek() {\n var pos;\n\n pos = index;\n lookahead = advance();\n index = pos;\n }\n\n // Throw an exception\n\n function throwError(token, messageFormat) {\n var error,\n args = Array.prototype.slice.call(arguments, 2),\n msg = messageFormat.replace(\n /%(\\d)/g,\n function (whole, index) {\n assert(index < args.length, 'Message reference must be in range');\n return args[index];\n }\n );\n\n error = new Error(msg);\n error.index = index;\n error.description = msg;\n throw error;\n }\n\n // Throw an exception because of the token.\n\n function throwUnexpected(token) {\n throwError(token, Messages.UnexpectedToken, token.value);\n }\n\n // Expect the next token to match the specified punctuator.\n // If not, an exception will be thrown.\n\n function expect(value) {\n var token = lex();\n if (token.type !== Token.Punctuator || token.value !== value) {\n throwUnexpected(token);\n }\n }\n\n // Return true if the next token matches the specified punctuator.\n\n function match(value) {\n return lookahead.type === Token.Punctuator && lookahead.value === value;\n }\n\n // Return true if the next token matches the specified keyword\n\n function matchKeyword(keyword) {\n return lookahead.type === Token.Keyword && lookahead.value === keyword;\n }\n\n function consumeSemicolon() {\n // Catch the very common case first: immediately a semicolon (char #59).\n if (source.charCodeAt(index) === 59) {\n lex();\n return;\n }\n\n skipWhitespace();\n\n if (match(';')) {\n lex();\n return;\n }\n\n if (lookahead.type !== Token.EOF && !match('}')) {\n throwUnexpected(lookahead);\n }\n }\n\n // 11.1.4 Array Initialiser\n\n function parseArrayInitialiser() {\n var elements = [];\n\n expect('[');\n\n while (!match(']')) {\n if (match(',')) {\n lex();\n elements.push(null);\n } else {\n elements.push(parseExpression());\n\n if (!match(']')) {\n expect(',');\n }\n }\n }\n\n expect(']');\n\n return delegate.createArrayExpression(elements);\n }\n\n // 11.1.5 Object Initialiser\n\n function parseObjectPropertyKey() {\n var token;\n\n skipWhitespace();\n token = lex();\n\n // Note: This function is called only from parseObjectProperty(), where\n // EOF and Punctuator tokens are already filtered out.\n if (token.type === Token.StringLiteral || token.type === Token.NumericLiteral) {\n return delegate.createLiteral(token);\n }\n\n return delegate.createIdentifier(token.value);\n }\n\n function parseObjectProperty() {\n var token, key;\n\n token = lookahead;\n skipWhitespace();\n\n if (token.type === Token.EOF || token.type === Token.Punctuator) {\n throwUnexpected(token);\n }\n\n key = parseObjectPropertyKey();\n expect(':');\n return delegate.createProperty('init', key, parseExpression());\n }\n\n function parseObjectInitialiser() {\n var properties = [];\n\n expect('{');\n\n while (!match('}')) {\n properties.push(parseObjectProperty());\n\n if (!match('}')) {\n expect(',');\n }\n }\n\n expect('}');\n\n return delegate.createObjectExpression(properties);\n }\n\n // 11.1.6 The Grouping Operator\n\n function parseGroupExpression() {\n var expr;\n\n expect('(');\n\n expr = parseExpression();\n\n expect(')');\n\n return expr;\n }\n\n\n // 11.1 Primary Expressions\n\n function parsePrimaryExpression() {\n var type, token, expr;\n\n if (match('(')) {\n return parseGroupExpression();\n }\n\n type = lookahead.type;\n\n if (type === Token.Identifier) {\n expr = delegate.createIdentifier(lex().value);\n } else if (type === Token.StringLiteral || type === Token.NumericLiteral) {\n expr = delegate.createLiteral(lex());\n } else if (type === Token.Keyword) {\n if (matchKeyword('this')) {\n lex();\n expr = delegate.createThisExpression();\n }\n } else if (type === Token.BooleanLiteral) {\n token = lex();\n token.value = (token.value === 'true');\n expr = delegate.createLiteral(token);\n } else if (type === Token.NullLiteral) {\n token = lex();\n token.value = null;\n expr = delegate.createLiteral(token);\n } else if (match('[')) {\n expr = parseArrayInitialiser();\n } else if (match('{')) {\n expr = parseObjectInitialiser();\n }\n\n if (expr) {\n return expr;\n }\n\n throwUnexpected(lex());\n }\n\n // 11.2 Left-Hand-Side Expressions\n\n function parseArguments() {\n var args = [];\n\n expect('(');\n\n if (!match(')')) {\n while (index < length) {\n args.push(parseExpression());\n if (match(')')) {\n break;\n }\n expect(',');\n }\n }\n\n expect(')');\n\n return args;\n }\n\n function parseNonComputedProperty() {\n var token;\n\n token = lex();\n\n if (!isIdentifierName(token)) {\n throwUnexpected(token);\n }\n\n return delegate.createIdentifier(token.value);\n }\n\n function parseNonComputedMember() {\n expect('.');\n\n return parseNonComputedProperty();\n }\n\n function parseComputedMember() {\n var expr;\n\n expect('[');\n\n expr = parseExpression();\n\n expect(']');\n\n return expr;\n }\n\n function parseLeftHandSideExpression() {\n var expr, args, property;\n\n expr = parsePrimaryExpression();\n\n while (true) {\n if (match('[')) {\n property = parseComputedMember();\n expr = delegate.createMemberExpression('[', expr, property);\n } else if (match('.')) {\n property = parseNonComputedMember();\n expr = delegate.createMemberExpression('.', expr, property);\n } else if (match('(')) {\n args = parseArguments();\n expr = delegate.createCallExpression(expr, args);\n } else {\n break;\n }\n }\n\n return expr;\n }\n\n // 11.3 Postfix Expressions\n\n var parsePostfixExpression = parseLeftHandSideExpression;\n\n // 11.4 Unary Operators\n\n function parseUnaryExpression() {\n var token, expr;\n\n if (lookahead.type !== Token.Punctuator && lookahead.type !== Token.Keyword) {\n expr = parsePostfixExpression();\n } else if (match('+') || match('-') || match('!')) {\n token = lex();\n expr = parseUnaryExpression();\n expr = delegate.createUnaryExpression(token.value, expr);\n } else if (matchKeyword('delete') || matchKeyword('void') || matchKeyword('typeof')) {\n throwError({}, Messages.UnexpectedToken);\n } else {\n expr = parsePostfixExpression();\n }\n\n return expr;\n }\n\n function binaryPrecedence(token) {\n var prec = 0;\n\n if (token.type !== Token.Punctuator && token.type !== Token.Keyword) {\n return 0;\n }\n\n switch (token.value) {\n case '||':\n prec = 1;\n break;\n\n case '&&':\n prec = 2;\n break;\n\n case '==':\n case '!=':\n case '===':\n case '!==':\n prec = 6;\n break;\n\n case '<':\n case '>':\n case '<=':\n case '>=':\n case 'instanceof':\n prec = 7;\n break;\n\n case 'in':\n prec = 7;\n break;\n\n case '+':\n case '-':\n prec = 9;\n break;\n\n case '*':\n case '/':\n case '%':\n prec = 11;\n break;\n\n default:\n break;\n }\n\n return prec;\n }\n\n // 11.5 Multiplicative Operators\n // 11.6 Additive Operators\n // 11.7 Bitwise Shift Operators\n // 11.8 Relational Operators\n // 11.9 Equality Operators\n // 11.10 Binary Bitwise Operators\n // 11.11 Binary Logical Operators\n\n function parseBinaryExpression() {\n var expr, token, prec, stack, right, operator, left, i;\n\n left = parseUnaryExpression();\n\n token = lookahead;\n prec = binaryPrecedence(token);\n if (prec === 0) {\n return left;\n }\n token.prec = prec;\n lex();\n\n right = parseUnaryExpression();\n\n stack = [left, token, right];\n\n while ((prec = binaryPrecedence(lookahead)) > 0) {\n\n // Reduce: make a binary expression from the three topmost entries.\n while ((stack.length > 2) && (prec <= stack[stack.length - 2].prec)) {\n right = stack.pop();\n operator = stack.pop().value;\n left = stack.pop();\n expr = delegate.createBinaryExpression(operator, left, right);\n stack.push(expr);\n }\n\n // Shift.\n token = lex();\n token.prec = prec;\n stack.push(token);\n expr = parseUnaryExpression();\n stack.push(expr);\n }\n\n // Final reduce to clean-up the stack.\n i = stack.length - 1;\n expr = stack[i];\n while (i > 1) {\n expr = delegate.createBinaryExpression(stack[i - 1].value, stack[i - 2], expr);\n i -= 2;\n }\n\n return expr;\n }\n\n\n // 11.12 Conditional Operator\n\n function parseConditionalExpression() {\n var expr, consequent, alternate;\n\n expr = parseBinaryExpression();\n\n if (match('?')) {\n lex();\n consequent = parseConditionalExpression();\n expect(':');\n alternate = parseConditionalExpression();\n\n expr = delegate.createConditionalExpression(expr, consequent, alternate);\n }\n\n return expr;\n }\n\n // Simplification since we do not support AssignmentExpression.\n var parseExpression = parseConditionalExpression;\n\n // Polymer Syntax extensions\n\n // Filter ::\n // Identifier\n // Identifier \"(\" \")\"\n // Identifier \"(\" FilterArguments \")\"\n\n function parseFilter() {\n var identifier, args;\n\n identifier = lex();\n\n if (identifier.type !== Token.Identifier) {\n throwUnexpected(identifier);\n }\n\n args = match('(') ? parseArguments() : [];\n\n return delegate.createFilter(identifier.value, args);\n }\n\n // Filters ::\n // \"|\" Filter\n // Filters \"|\" Filter\n\n function parseFilters() {\n while (match('|')) {\n lex();\n parseFilter();\n }\n }\n\n // TopLevel ::\n // LabelledExpressions\n // AsExpression\n // InExpression\n // FilterExpression\n\n // AsExpression ::\n // FilterExpression as Identifier\n\n // InExpression ::\n // Identifier, Identifier in FilterExpression\n // Identifier in FilterExpression\n\n // FilterExpression ::\n // Expression\n // Expression Filters\n\n function parseTopLevel() {\n skipWhitespace();\n peek();\n\n var expr = parseExpression();\n if (expr) {\n if (lookahead.value === ',' || lookahead.value == 'in' &&\n expr.type === Syntax.Identifier) {\n parseInExpression(expr);\n } else {\n parseFilters();\n if (lookahead.value === 'as') {\n parseAsExpression(expr);\n } else {\n delegate.createTopLevel(expr);\n }\n }\n }\n\n if (lookahead.type !== Token.EOF) {\n throwUnexpected(lookahead);\n }\n }\n\n function parseAsExpression(expr) {\n lex(); // as\n var identifier = lex().value;\n delegate.createAsExpression(expr, identifier);\n }\n\n function parseInExpression(identifier) {\n var indexName;\n if (lookahead.value === ',') {\n lex();\n if (lookahead.type !== Token.Identifier)\n throwUnexpected(lookahead);\n indexName = lex().value;\n }\n\n lex(); // in\n var expr = parseExpression();\n parseFilters();\n delegate.createInExpression(identifier.name, indexName, expr);\n }\n\n function parse(code, inDelegate) {\n delegate = inDelegate;\n source = code;\n index = 0;\n length = source.length;\n lookahead = null;\n state = {\n labelSet: {}\n };\n\n return parseTopLevel();\n }\n\n global.esprima = {\n parse: parse\n };\n})(this);\n\n// Copyright (c) 2014 The Polymer Project Authors. All rights reserved.\n// This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt\n// The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt\n// The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt\n// Code distributed by Google as part of the polymer project is also\n// subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt\n\n(function (global) {\n 'use strict';\n\n function prepareBinding(expressionText, name, node, filterRegistry) {\n var expression;\n try {\n expression = getExpression(expressionText);\n if (expression.scopeIdent &&\n (node.nodeType !== Node.ELEMENT_NODE ||\n node.tagName !== 'TEMPLATE' ||\n (name !== 'bind' && name !== 'repeat'))) {\n throw Error('as and in can only be used within ');\n }\n } catch (ex) {\n console.error('Invalid expression syntax: ' + expressionText, ex);\n return;\n }\n\n return function(model, node, oneTime) {\n var binding = expression.getBinding(model, filterRegistry, oneTime);\n if (expression.scopeIdent && binding) {\n node.polymerExpressionScopeIdent_ = expression.scopeIdent;\n if (expression.indexIdent)\n node.polymerExpressionIndexIdent_ = expression.indexIdent;\n }\n\n return binding;\n }\n }\n\n // TODO(rafaelw): Implement simple LRU.\n var expressionParseCache = Object.create(null);\n\n function getExpression(expressionText) {\n var expression = expressionParseCache[expressionText];\n if (!expression) {\n var delegate = new ASTDelegate();\n esprima.parse(expressionText, delegate);\n expression = new Expression(delegate);\n expressionParseCache[expressionText] = expression;\n }\n return expression;\n }\n\n function Literal(value) {\n this.value = value;\n this.valueFn_ = undefined;\n }\n\n Literal.prototype = {\n valueFn: function() {\n if (!this.valueFn_) {\n var value = this.value;\n this.valueFn_ = function() {\n return value;\n }\n }\n\n return this.valueFn_;\n }\n }\n\n function IdentPath(name) {\n this.name = name;\n this.path = Path.get(name);\n }\n\n IdentPath.prototype = {\n valueFn: function() {\n if (!this.valueFn_) {\n var name = this.name;\n var path = this.path;\n this.valueFn_ = function(model, observer) {\n if (observer)\n observer.addPath(model, path);\n\n return path.getValueFrom(model);\n }\n }\n\n return this.valueFn_;\n },\n\n setValue: function(model, newValue) {\n if (this.path.length == 1)\n model = findScope(model, this.path[0]);\n\n return this.path.setValueFrom(model, newValue);\n }\n };\n\n function MemberExpression(object, property, accessor) {\n this.computed = accessor == '[';\n\n this.dynamicDeps = typeof object == 'function' ||\n object.dynamicDeps ||\n (this.computed && !(property instanceof Literal));\n\n this.simplePath =\n !this.dynamicDeps &&\n (property instanceof IdentPath || property instanceof Literal) &&\n (object instanceof MemberExpression || object instanceof IdentPath);\n\n this.object = this.simplePath ? object : getFn(object);\n this.property = !this.computed || this.simplePath ?\n property : getFn(property);\n }\n\n MemberExpression.prototype = {\n get fullPath() {\n if (!this.fullPath_) {\n\n var parts = this.object instanceof MemberExpression ?\n this.object.fullPath.slice() : [this.object.name];\n parts.push(this.property instanceof IdentPath ?\n this.property.name : this.property.value);\n this.fullPath_ = Path.get(parts);\n }\n\n return this.fullPath_;\n },\n\n valueFn: function() {\n if (!this.valueFn_) {\n var object = this.object;\n\n if (this.simplePath) {\n var path = this.fullPath;\n\n this.valueFn_ = function(model, observer) {\n if (observer)\n observer.addPath(model, path);\n\n return path.getValueFrom(model);\n };\n } else if (!this.computed) {\n var path = Path.get(this.property.name);\n\n this.valueFn_ = function(model, observer, filterRegistry) {\n var context = object(model, observer, filterRegistry);\n\n if (observer)\n observer.addPath(context, path);\n\n return path.getValueFrom(context);\n }\n } else {\n // Computed property.\n var property = this.property;\n\n this.valueFn_ = function(model, observer, filterRegistry) {\n var context = object(model, observer, filterRegistry);\n var propName = property(model, observer, filterRegistry);\n if (observer)\n observer.addPath(context, [propName]);\n\n return context ? context[propName] : undefined;\n };\n }\n }\n return this.valueFn_;\n },\n\n setValue: function(model, newValue) {\n if (this.simplePath) {\n this.fullPath.setValueFrom(model, newValue);\n return newValue;\n }\n\n var object = this.object(model);\n var propName = this.property instanceof IdentPath ? this.property.name :\n this.property(model);\n return object[propName] = newValue;\n }\n };\n\n function Filter(name, args) {\n this.name = name;\n this.args = [];\n for (var i = 0; i < args.length; i++) {\n this.args[i] = getFn(args[i]);\n }\n }\n\n Filter.prototype = {\n transform: function(model, observer, filterRegistry, toModelDirection,\n initialArgs) {\n var fn = filterRegistry[this.name];\n var context = model;\n if (fn) {\n context = undefined;\n } else {\n fn = context[this.name];\n if (!fn) {\n console.error('Cannot find function or filter: ' + this.name);\n return;\n }\n }\n\n // If toModelDirection is falsey, then the \"normal\" (dom-bound) direction\n // is used. Otherwise, it looks for a 'toModel' property function on the\n // object.\n if (toModelDirection) {\n fn = fn.toModel;\n } else if (typeof fn.toDOM == 'function') {\n fn = fn.toDOM;\n }\n\n if (typeof fn != 'function') {\n console.error('Cannot find function or filter: ' + this.name);\n return;\n }\n\n var args = initialArgs || [];\n for (var i = 0; i < this.args.length; i++) {\n args.push(getFn(this.args[i])(model, observer, filterRegistry));\n }\n\n return fn.apply(context, args);\n }\n };\n\n function notImplemented() { throw Error('Not Implemented'); }\n\n var unaryOperators = {\n '+': function(v) { return +v; },\n '-': function(v) { return -v; },\n '!': function(v) { return !v; }\n };\n\n var binaryOperators = {\n '+': function(l, r) { return l+r; },\n '-': function(l, r) { return l-r; },\n '*': function(l, r) { return l*r; },\n '/': function(l, r) { return l/r; },\n '%': function(l, r) { return l%r; },\n '<': function(l, r) { return l': function(l, r) { return l>r; },\n '<=': function(l, r) { return l<=r; },\n '>=': function(l, r) { return l>=r; },\n '==': function(l, r) { return l==r; },\n '!=': function(l, r) { return l!=r; },\n '===': function(l, r) { return l===r; },\n '!==': function(l, r) { return l!==r; },\n '&&': function(l, r) { return l&&r; },\n '||': function(l, r) { return l||r; },\n };\n\n function getFn(arg) {\n return typeof arg == 'function' ? arg : arg.valueFn();\n }\n\n function ASTDelegate() {\n this.expression = null;\n this.filters = [];\n this.deps = {};\n this.currentPath = undefined;\n this.scopeIdent = undefined;\n this.indexIdent = undefined;\n this.dynamicDeps = false;\n }\n\n ASTDelegate.prototype = {\n createUnaryExpression: function(op, argument) {\n if (!unaryOperators[op])\n throw Error('Disallowed operator: ' + op);\n\n argument = getFn(argument);\n\n return function(model, observer, filterRegistry) {\n return unaryOperators[op](argument(model, observer, filterRegistry));\n };\n },\n\n createBinaryExpression: function(op, left, right) {\n if (!binaryOperators[op])\n throw Error('Disallowed operator: ' + op);\n\n left = getFn(left);\n right = getFn(right);\n\n switch (op) {\n case '||':\n this.dynamicDeps = true;\n return function(model, observer, filterRegistry) {\n return left(model, observer, filterRegistry) ||\n right(model, observer, filterRegistry);\n };\n case '&&':\n this.dynamicDeps = true;\n return function(model, observer, filterRegistry) {\n return left(model, observer, filterRegistry) &&\n right(model, observer, filterRegistry);\n };\n }\n\n return function(model, observer, filterRegistry) {\n return binaryOperators[op](left(model, observer, filterRegistry),\n right(model, observer, filterRegistry));\n };\n },\n\n createConditionalExpression: function(test, consequent, alternate) {\n test = getFn(test);\n consequent = getFn(consequent);\n alternate = getFn(alternate);\n\n this.dynamicDeps = true;\n\n return function(model, observer, filterRegistry) {\n return test(model, observer, filterRegistry) ?\n consequent(model, observer, filterRegistry) :\n alternate(model, observer, filterRegistry);\n }\n },\n\n createIdentifier: function(name) {\n var ident = new IdentPath(name);\n ident.type = 'Identifier';\n return ident;\n },\n\n createMemberExpression: function(accessor, object, property) {\n var ex = new MemberExpression(object, property, accessor);\n if (ex.dynamicDeps)\n this.dynamicDeps = true;\n return ex;\n },\n\n createCallExpression: function(expression, args) {\n if (!(expression instanceof IdentPath))\n throw Error('Only identifier function invocations are allowed');\n\n var filter = new Filter(expression.name, args);\n\n return function(model, observer, filterRegistry) {\n return filter.transform(model, observer, filterRegistry, false);\n };\n },\n\n createLiteral: function(token) {\n return new Literal(token.value);\n },\n\n createArrayExpression: function(elements) {\n for (var i = 0; i < elements.length; i++)\n elements[i] = getFn(elements[i]);\n\n return function(model, observer, filterRegistry) {\n var arr = []\n for (var i = 0; i < elements.length; i++)\n arr.push(elements[i](model, observer, filterRegistry));\n return arr;\n }\n },\n\n createProperty: function(kind, key, value) {\n return {\n key: key instanceof IdentPath ? key.name : key.value,\n value: value\n };\n },\n\n createObjectExpression: function(properties) {\n for (var i = 0; i < properties.length; i++)\n properties[i].value = getFn(properties[i].value);\n\n return function(model, observer, filterRegistry) {\n var obj = {};\n for (var i = 0; i < properties.length; i++)\n obj[properties[i].key] =\n properties[i].value(model, observer, filterRegistry);\n return obj;\n }\n },\n\n createFilter: function(name, args) {\n this.filters.push(new Filter(name, args));\n },\n\n createAsExpression: function(expression, scopeIdent) {\n this.expression = expression;\n this.scopeIdent = scopeIdent;\n },\n\n createInExpression: function(scopeIdent, indexIdent, expression) {\n this.expression = expression;\n this.scopeIdent = scopeIdent;\n this.indexIdent = indexIdent;\n },\n\n createTopLevel: function(expression) {\n this.expression = expression;\n },\n\n createThisExpression: notImplemented\n }\n\n function ConstantObservable(value) {\n this.value_ = value;\n }\n\n ConstantObservable.prototype = {\n open: function() { return this.value_; },\n discardChanges: function() { return this.value_; },\n deliver: function() {},\n close: function() {},\n }\n\n function Expression(delegate) {\n this.scopeIdent = delegate.scopeIdent;\n this.indexIdent = delegate.indexIdent;\n\n if (!delegate.expression)\n throw Error('No expression found.');\n\n this.expression = delegate.expression;\n getFn(this.expression); // forces enumeration of path dependencies\n\n this.filters = delegate.filters;\n this.dynamicDeps = delegate.dynamicDeps;\n }\n\n Expression.prototype = {\n getBinding: function(model, filterRegistry, oneTime) {\n if (oneTime)\n return this.getValue(model, undefined, filterRegistry);\n\n var observer = new CompoundObserver();\n // captures deps.\n var firstValue = this.getValue(model, observer, filterRegistry);\n var firstTime = true;\n var self = this;\n\n function valueFn() {\n // deps cannot have changed on first value retrieval.\n if (firstTime) {\n firstTime = false;\n return firstValue;\n }\n\n if (self.dynamicDeps)\n observer.startReset();\n\n var value = self.getValue(model,\n self.dynamicDeps ? observer : undefined,\n filterRegistry);\n if (self.dynamicDeps)\n observer.finishReset();\n\n return value;\n }\n\n function setValueFn(newValue) {\n self.setValue(model, newValue, filterRegistry);\n return newValue;\n }\n\n return new ObserverTransform(observer, valueFn, setValueFn, true);\n },\n\n getValue: function(model, observer, filterRegistry) {\n var value = getFn(this.expression)(model, observer, filterRegistry);\n for (var i = 0; i < this.filters.length; i++) {\n value = this.filters[i].transform(model, observer, filterRegistry,\n false, [value]);\n }\n\n return value;\n },\n\n setValue: function(model, newValue, filterRegistry) {\n var count = this.filters ? this.filters.length : 0;\n while (count-- > 0) {\n newValue = this.filters[count].transform(model, undefined,\n filterRegistry, true, [newValue]);\n }\n\n if (this.expression.setValue)\n return this.expression.setValue(model, newValue);\n }\n }\n\n /**\n * Converts a style property name to a css property name. For example:\n * \"WebkitUserSelect\" to \"-webkit-user-select\"\n */\n function convertStylePropertyName(name) {\n return String(name).replace(/[A-Z]/g, function(c) {\n return '-' + c.toLowerCase();\n });\n }\n\n var parentScopeName = '@' + Math.random().toString(36).slice(2);\n\n // Single ident paths must bind directly to the appropriate scope object.\n // I.e. Pushed values in two-bindings need to be assigned to the actual model\n // object.\n function findScope(model, prop) {\n while (model[parentScopeName] &&\n !Object.prototype.hasOwnProperty.call(model, prop)) {\n model = model[parentScopeName];\n }\n\n return model;\n }\n\n function isLiteralExpression(pathString) {\n switch (pathString) {\n case '':\n return false;\n\n case 'false':\n case 'null':\n case 'true':\n return true;\n }\n\n if (!isNaN(Number(pathString)))\n return true;\n\n return false;\n };\n\n function PolymerExpressions() {}\n\n PolymerExpressions.prototype = {\n // \"built-in\" filters\n styleObject: function(value) {\n var parts = [];\n for (var key in value) {\n parts.push(convertStylePropertyName(key) + ': ' + value[key]);\n }\n return parts.join('; ');\n },\n\n tokenList: function(value) {\n var tokens = [];\n for (var key in value) {\n if (value[key])\n tokens.push(key);\n }\n return tokens.join(' ');\n },\n\n // binding delegate API\n prepareInstancePositionChanged: function(template) {\n var indexIdent = template.polymerExpressionIndexIdent_;\n if (!indexIdent)\n return;\n\n return function(templateInstance, index) {\n templateInstance.model[indexIdent] = index;\n };\n },\n\n prepareBinding: function(pathString, name, node) {\n var path = Path.get(pathString);\n\n if (!isLiteralExpression(pathString) && path.valid) {\n if (path.length == 1) {\n return function(model, node, oneTime) {\n if (oneTime)\n return path.getValueFrom(model);\n\n var scope = findScope(model, path[0]);\n return new PathObserver(scope, path);\n };\n }\n return; // bail out early if pathString is simple path.\n }\n\n return prepareBinding(pathString, name, node, this);\n },\n\n prepareInstanceModel: function(template) {\n var scopeName = template.polymerExpressionScopeIdent_;\n if (!scopeName)\n return;\n\n var parentScope = template.templateInstance ?\n template.templateInstance.model :\n template.model;\n\n var indexName = template.polymerExpressionIndexIdent_;\n\n return function(model) {\n return createScopeObject(parentScope, model, scopeName, indexName);\n };\n }\n };\n\n var createScopeObject = ('__proto__' in {}) ?\n function(parentScope, model, scopeName, indexName) {\n var scope = {};\n scope[scopeName] = model;\n scope[indexName] = undefined;\n scope[parentScopeName] = parentScope;\n scope.__proto__ = parentScope;\n return scope;\n } :\n function(parentScope, model, scopeName, indexName) {\n var scope = Object.create(parentScope);\n Object.defineProperty(scope, scopeName,\n { value: model, configurable: true, writable: true });\n Object.defineProperty(scope, indexName,\n { value: undefined, configurable: true, writable: true });\n Object.defineProperty(scope, parentScopeName,\n { value: parentScope, configurable: true, writable: true });\n return scope;\n };\n\n global.PolymerExpressions = PolymerExpressions;\n PolymerExpressions.getExpression = getExpression;\n})(this);\n\nPolymer = {\n version: '0.5.1'\n};\n\n// TODO(sorvell): this ensures Polymer is an object and not a function\n// Platform is currently defining it as a function to allow for async loading\n// of polymer; once we refine the loading process this likely goes away.\nif (typeof window.Polymer === 'function') {\n Polymer = {};\n}\n\n\n(function(scope) {\n\n function withDependencies(task, depends) {\n depends = depends || [];\n if (!depends.map) {\n depends = [depends];\n }\n return task.apply(this, depends.map(marshal));\n }\n\n function module(name, dependsOrFactory, moduleFactory) {\n var module;\n switch (arguments.length) {\n case 0:\n return;\n case 1:\n module = null;\n break;\n case 2:\n // dependsOrFactory is `factory` in this case\n module = dependsOrFactory.apply(this);\n break;\n default:\n // dependsOrFactory is `depends` in this case\n module = withDependencies(moduleFactory, dependsOrFactory);\n break;\n }\n modules[name] = module;\n };\n\n function marshal(name) {\n return modules[name];\n }\n\n var modules = {};\n\n function using(depends, task) {\n HTMLImports.whenImportsReady(function() {\n withDependencies(task, depends);\n });\n };\n\n // exports\n\n scope.marshal = marshal;\n // `module` confuses commonjs detectors\n scope.modularize = module;\n scope.using = using;\n\n})(window);\n\n/*\n\tBuild only script.\n\n Ensures scripts needed for basic x-platform compatibility\n will be run when platform.js is not loaded.\n */\nif (!window.WebComponents) {\n\n/*\n\tOn supported platforms, platform.js is not needed. To retain compatibility\n\twith the polyfills, we stub out minimal functionality.\n */\nif (!window.WebComponents) {\n\n WebComponents = {\n \tflush: function() {},\n flags: {log: {}}\n };\n\n Platform = WebComponents;\n\n CustomElements = {\n \tuseNative: true,\n ready: true,\n takeRecords: function() {},\n instanceof: function(obj, base) {\n return obj instanceof base;\n }\n };\n \n HTMLImports = {\n \tuseNative: true\n };\n\n \n addEventListener('HTMLImportsLoaded', function() {\n document.dispatchEvent(\n new CustomEvent('WebComponentsReady', {bubbles: true})\n );\n });\n\n\n // ShadowDOM\n ShadowDOMPolyfill = null;\n wrap = unwrap = function(n){\n return n;\n };\n\n}\n\n/*\n Create polyfill scope and feature detect native support.\n*/\nwindow.HTMLImports = window.HTMLImports || {flags:{}};\n\n(function(scope) {\n\n/**\n Basic setup and simple module executer. We collect modules and then execute\n the code later, only if it's necessary for polyfilling.\n*/\nvar IMPORT_LINK_TYPE = 'import';\nvar useNative = Boolean(IMPORT_LINK_TYPE in document.createElement('link'));\n\n/**\n Support `currentScript` on all browsers as `document._currentScript.`\n\n NOTE: We cannot polyfill `document.currentScript` because it's not possible\n both to override and maintain the ability to capture the native value.\n Therefore we choose to expose `_currentScript` both when native imports\n and the polyfill are in use.\n*/\n// NOTE: ShadowDOMPolyfill intrusion.\nvar hasShadowDOMPolyfill = Boolean(window.ShadowDOMPolyfill);\nvar wrap = function(node) {\n return hasShadowDOMPolyfill ? ShadowDOMPolyfill.wrapIfNeeded(node) : node;\n};\nvar rootDocument = wrap(document);\n\nvar currentScriptDescriptor = {\n get: function() {\n var script = HTMLImports.currentScript || document.currentScript ||\n // NOTE: only works when called in synchronously executing code.\n // readyState should check if `loading` but IE10 is\n // interactive when scripts run so we cheat.\n (document.readyState !== 'complete' ?\n document.scripts[document.scripts.length - 1] : null);\n return wrap(script);\n },\n configurable: true\n};\n\nObject.defineProperty(document, '_currentScript', currentScriptDescriptor);\nObject.defineProperty(rootDocument, '_currentScript', currentScriptDescriptor);\n\n/**\n Add support for the `HTMLImportsLoaded` event and the `HTMLImports.whenReady`\n method. This api is necessary because unlike the native implementation,\n script elements do not force imports to resolve. Instead, users should wrap\n code in either an `HTMLImportsLoaded` hander or after load time in an\n `HTMLImports.whenReady(callback)` call.\n\n NOTE: This module also supports these apis under the native implementation.\n Therefore, if this file is loaded, the same code can be used under both\n the polyfill and native implementation.\n */\n\nvar isIE = /Trident/.test(navigator.userAgent);\n\n// call a callback when all HTMLImports in the document at call time\n// (or at least document ready) have loaded.\n// 1. ensure the document is in a ready state (has dom), then\n// 2. watch for loading of imports and call callback when done\nfunction whenReady(callback, doc) {\n doc = doc || rootDocument;\n // if document is loading, wait and try again\n whenDocumentReady(function() {\n watchImportsLoad(callback, doc);\n }, doc);\n}\n\n// call the callback when the document is in a ready state (has dom)\nvar requiredReadyState = isIE ? 'complete' : 'interactive';\nvar READY_EVENT = 'readystatechange';\nfunction isDocumentReady(doc) {\n return (doc.readyState === 'complete' ||\n doc.readyState === requiredReadyState);\n}\n\n// call when we ensure the document is in a ready state\nfunction whenDocumentReady(callback, doc) {\n if (!isDocumentReady(doc)) {\n var checkReady = function() {\n if (doc.readyState === 'complete' ||\n doc.readyState === requiredReadyState) {\n doc.removeEventListener(READY_EVENT, checkReady);\n whenDocumentReady(callback, doc);\n }\n };\n doc.addEventListener(READY_EVENT, checkReady);\n } else if (callback) {\n callback();\n }\n}\n\nfunction markTargetLoaded(event) {\n event.target.__loaded = true;\n}\n\n// call when we ensure all imports have loaded\nfunction watchImportsLoad(callback, doc) {\n var imports = doc.querySelectorAll('link[rel=import]');\n var loaded = 0, l = imports.length;\n function checkDone(d) {\n if ((loaded == l) && callback) {\n callback();\n }\n }\n function loadedImport(e) {\n markTargetLoaded(e);\n loaded++;\n checkDone();\n }\n if (l) {\n for (var i=0, imp; (i>> 0 && s !== '';\n }\n\n function toNumber(s) {\n return +s;\n }\n\n function isObject(obj) {\n return obj === Object(obj);\n }\n\n var numberIsNaN = global.Number.isNaN || function(value) {\n return typeof value === 'number' && global.isNaN(value);\n }\n\n function areSameValue(left, right) {\n if (left === right)\n return left !== 0 || 1 / left === 1 / right;\n if (numberIsNaN(left) && numberIsNaN(right))\n return true;\n\n return left !== left && right !== right;\n }\n\n var createObject = ('__proto__' in {}) ?\n function(obj) { return obj; } :\n function(obj) {\n var proto = obj.__proto__;\n if (!proto)\n return obj;\n var newObject = Object.create(proto);\n Object.getOwnPropertyNames(obj).forEach(function(name) {\n Object.defineProperty(newObject, name,\n Object.getOwnPropertyDescriptor(obj, name));\n });\n return newObject;\n };\n\n var identStart = '[\\$_a-zA-Z]';\n var identPart = '[\\$_a-zA-Z0-9]';\n var identRegExp = new RegExp('^' + identStart + '+' + identPart + '*' + '$');\n\n function getPathCharType(char) {\n if (char === undefined)\n return 'eof';\n\n var code = char.charCodeAt(0);\n\n switch(code) {\n case 0x5B: // [\n case 0x5D: // ]\n case 0x2E: // .\n case 0x22: // \"\n case 0x27: // '\n case 0x30: // 0\n return char;\n\n case 0x5F: // _\n case 0x24: // $\n return 'ident';\n\n case 0x20: // Space\n case 0x09: // Tab\n case 0x0A: // Newline\n case 0x0D: // Return\n case 0xA0: // No-break space\n case 0xFEFF: // Byte Order Mark\n case 0x2028: // Line Separator\n case 0x2029: // Paragraph Separator\n return 'ws';\n }\n\n // a-z, A-Z\n if ((0x61 <= code && code <= 0x7A) || (0x41 <= code && code <= 0x5A))\n return 'ident';\n\n // 1-9\n if (0x31 <= code && code <= 0x39)\n return 'number';\n\n return 'else';\n }\n\n var pathStateMachine = {\n 'beforePath': {\n 'ws': ['beforePath'],\n 'ident': ['inIdent', 'append'],\n '[': ['beforeElement'],\n 'eof': ['afterPath']\n },\n\n 'inPath': {\n 'ws': ['inPath'],\n '.': ['beforeIdent'],\n '[': ['beforeElement'],\n 'eof': ['afterPath']\n },\n\n 'beforeIdent': {\n 'ws': ['beforeIdent'],\n 'ident': ['inIdent', 'append']\n },\n\n 'inIdent': {\n 'ident': ['inIdent', 'append'],\n '0': ['inIdent', 'append'],\n 'number': ['inIdent', 'append'],\n 'ws': ['inPath', 'push'],\n '.': ['beforeIdent', 'push'],\n '[': ['beforeElement', 'push'],\n 'eof': ['afterPath', 'push']\n },\n\n 'beforeElement': {\n 'ws': ['beforeElement'],\n '0': ['afterZero', 'append'],\n 'number': ['inIndex', 'append'],\n \"'\": ['inSingleQuote', 'append', ''],\n '\"': ['inDoubleQuote', 'append', '']\n },\n\n 'afterZero': {\n 'ws': ['afterElement', 'push'],\n ']': ['inPath', 'push']\n },\n\n 'inIndex': {\n '0': ['inIndex', 'append'],\n 'number': ['inIndex', 'append'],\n 'ws': ['afterElement'],\n ']': ['inPath', 'push']\n },\n\n 'inSingleQuote': {\n \"'\": ['afterElement'],\n 'eof': ['error'],\n 'else': ['inSingleQuote', 'append']\n },\n\n 'inDoubleQuote': {\n '\"': ['afterElement'],\n 'eof': ['error'],\n 'else': ['inDoubleQuote', 'append']\n },\n\n 'afterElement': {\n 'ws': ['afterElement'],\n ']': ['inPath', 'push']\n }\n }\n\n function noop() {}\n\n function parsePath(path) {\n var keys = [];\n var index = -1;\n var c, newChar, key, type, transition, action, typeMap, mode = 'beforePath';\n\n var actions = {\n push: function() {\n if (key === undefined)\n return;\n\n keys.push(key);\n key = undefined;\n },\n\n append: function() {\n if (key === undefined)\n key = newChar\n else\n key += newChar;\n }\n };\n\n function maybeUnescapeQuote() {\n if (index >= path.length)\n return;\n\n var nextChar = path[index + 1];\n if ((mode == 'inSingleQuote' && nextChar == \"'\") ||\n (mode == 'inDoubleQuote' && nextChar == '\"')) {\n index++;\n newChar = nextChar;\n actions.append();\n return true;\n }\n }\n\n while (mode) {\n index++;\n c = path[index];\n\n if (c == '\\\\' && maybeUnescapeQuote(mode))\n continue;\n\n type = getPathCharType(c);\n typeMap = pathStateMachine[mode];\n transition = typeMap[type] || typeMap['else'] || 'error';\n\n if (transition == 'error')\n return; // parse error;\n\n mode = transition[0];\n action = actions[transition[1]] || noop;\n newChar = transition[2] === undefined ? c : transition[2];\n action();\n\n if (mode === 'afterPath') {\n return keys;\n }\n }\n\n return; // parse error\n }\n\n function isIdent(s) {\n return identRegExp.test(s);\n }\n\n var constructorIsPrivate = {};\n\n function Path(parts, privateToken) {\n if (privateToken !== constructorIsPrivate)\n throw Error('Use Path.get to retrieve path objects');\n\n for (var i = 0; i < parts.length; i++) {\n this.push(String(parts[i]));\n }\n\n if (hasEval && this.length) {\n this.getValueFrom = this.compiledGetValueFromFn();\n }\n }\n\n // TODO(rafaelw): Make simple LRU cache\n var pathCache = {};\n\n function getPath(pathString) {\n if (pathString instanceof Path)\n return pathString;\n\n if (pathString == null || pathString.length == 0)\n pathString = '';\n\n if (typeof pathString != 'string') {\n if (isIndex(pathString.length)) {\n // Constructed with array-like (pre-parsed) keys\n return new Path(pathString, constructorIsPrivate);\n }\n\n pathString = String(pathString);\n }\n\n var path = pathCache[pathString];\n if (path)\n return path;\n\n var parts = parsePath(pathString);\n if (!parts)\n return invalidPath;\n\n var path = new Path(parts, constructorIsPrivate);\n pathCache[pathString] = path;\n return path;\n }\n\n Path.get = getPath;\n\n function formatAccessor(key) {\n if (isIndex(key)) {\n return '[' + key + ']';\n } else {\n return '[\"' + key.replace(/\"/g, '\\\\\"') + '\"]';\n }\n }\n\n Path.prototype = createObject({\n __proto__: [],\n valid: true,\n\n toString: function() {\n var pathString = '';\n for (var i = 0; i < this.length; i++) {\n var key = this[i];\n if (isIdent(key)) {\n pathString += i ? '.' + key : key;\n } else {\n pathString += formatAccessor(key);\n }\n }\n\n return pathString;\n },\n\n getValueFrom: function(obj, directObserver) {\n for (var i = 0; i < this.length; i++) {\n if (obj == null)\n return;\n obj = obj[this[i]];\n }\n return obj;\n },\n\n iterateObjects: function(obj, observe) {\n for (var i = 0; i < this.length; i++) {\n if (i)\n obj = obj[this[i - 1]];\n if (!isObject(obj))\n return;\n observe(obj, this[i]);\n }\n },\n\n compiledGetValueFromFn: function() {\n var str = '';\n var pathString = 'obj';\n str += 'if (obj != null';\n var i = 0;\n var key;\n for (; i < (this.length - 1); i++) {\n key = this[i];\n pathString += isIdent(key) ? '.' + key : formatAccessor(key);\n str += ' &&\\n ' + pathString + ' != null';\n }\n str += ')\\n';\n\n var key = this[i];\n pathString += isIdent(key) ? '.' + key : formatAccessor(key);\n\n str += ' return ' + pathString + ';\\nelse\\n return undefined;';\n return new Function('obj', str);\n },\n\n setValueFrom: function(obj, value) {\n if (!this.length)\n return false;\n\n for (var i = 0; i < this.length - 1; i++) {\n if (!isObject(obj))\n return false;\n obj = obj[this[i]];\n }\n\n if (!isObject(obj))\n return false;\n\n obj[this[i]] = value;\n return true;\n }\n });\n\n var invalidPath = new Path('', constructorIsPrivate);\n invalidPath.valid = false;\n invalidPath.getValueFrom = invalidPath.setValueFrom = function() {};\n\n var MAX_DIRTY_CHECK_CYCLES = 1000;\n\n function dirtyCheck(observer) {\n var cycles = 0;\n while (cycles < MAX_DIRTY_CHECK_CYCLES && observer.check_()) {\n cycles++;\n }\n if (testingExposeCycleCount)\n global.dirtyCheckCycleCount = cycles;\n\n return cycles > 0;\n }\n\n function objectIsEmpty(object) {\n for (var prop in object)\n return false;\n return true;\n }\n\n function diffIsEmpty(diff) {\n return objectIsEmpty(diff.added) &&\n objectIsEmpty(diff.removed) &&\n objectIsEmpty(diff.changed);\n }\n\n function diffObjectFromOldObject(object, oldObject) {\n var added = {};\n var removed = {};\n var changed = {};\n\n for (var prop in oldObject) {\n var newValue = object[prop];\n\n if (newValue !== undefined && newValue === oldObject[prop])\n continue;\n\n if (!(prop in object)) {\n removed[prop] = undefined;\n continue;\n }\n\n if (newValue !== oldObject[prop])\n changed[prop] = newValue;\n }\n\n for (var prop in object) {\n if (prop in oldObject)\n continue;\n\n added[prop] = object[prop];\n }\n\n if (Array.isArray(object) && object.length !== oldObject.length)\n changed.length = object.length;\n\n return {\n added: added,\n removed: removed,\n changed: changed\n };\n }\n\n var eomTasks = [];\n function runEOMTasks() {\n if (!eomTasks.length)\n return false;\n\n for (var i = 0; i < eomTasks.length; i++) {\n eomTasks[i]();\n }\n eomTasks.length = 0;\n return true;\n }\n\n var runEOM = hasObserve ? (function(){\n return function(fn) {\n return Promise.resolve().then(fn);\n }\n })() :\n (function() {\n return function(fn) {\n eomTasks.push(fn);\n };\n })();\n\n var observedObjectCache = [];\n\n function newObservedObject() {\n var observer;\n var object;\n var discardRecords = false;\n var first = true;\n\n function callback(records) {\n if (observer && observer.state_ === OPENED && !discardRecords)\n observer.check_(records);\n }\n\n return {\n open: function(obs) {\n if (observer)\n throw Error('ObservedObject in use');\n\n if (!first)\n Object.deliverChangeRecords(callback);\n\n observer = obs;\n first = false;\n },\n observe: function(obj, arrayObserve) {\n object = obj;\n if (arrayObserve)\n Array.observe(object, callback);\n else\n Object.observe(object, callback);\n },\n deliver: function(discard) {\n discardRecords = discard;\n Object.deliverChangeRecords(callback);\n discardRecords = false;\n },\n close: function() {\n observer = undefined;\n Object.unobserve(object, callback);\n observedObjectCache.push(this);\n }\n };\n }\n\n /*\n * The observedSet abstraction is a perf optimization which reduces the total\n * number of Object.observe observations of a set of objects. The idea is that\n * groups of Observers will have some object dependencies in common and this\n * observed set ensures that each object in the transitive closure of\n * dependencies is only observed once. The observedSet acts as a write barrier\n * such that whenever any change comes through, all Observers are checked for\n * changed values.\n *\n * Note that this optimization is explicitly moving work from setup-time to\n * change-time.\n *\n * TODO(rafaelw): Implement \"garbage collection\". In order to move work off\n * the critical path, when Observers are closed, their observed objects are\n * not Object.unobserve(d). As a result, it's possible that if the observedSet\n * is kept open, but some Observers have been closed, it could cause \"leaks\"\n * (prevent otherwise collectable objects from being collected). At some\n * point, we should implement incremental \"gc\" which keeps a list of\n * observedSets which may need clean-up and does small amounts of cleanup on a\n * timeout until all is clean.\n */\n\n function getObservedObject(observer, object, arrayObserve) {\n var dir = observedObjectCache.pop() || newObservedObject();\n dir.open(observer);\n dir.observe(object, arrayObserve);\n return dir;\n }\n\n var observedSetCache = [];\n\n function newObservedSet() {\n var observerCount = 0;\n var observers = [];\n var objects = [];\n var rootObj;\n var rootObjProps;\n\n function observe(obj, prop) {\n if (!obj)\n return;\n\n if (obj === rootObj)\n rootObjProps[prop] = true;\n\n if (objects.indexOf(obj) < 0) {\n objects.push(obj);\n Object.observe(obj, callback);\n }\n\n observe(Object.getPrototypeOf(obj), prop);\n }\n\n function allRootObjNonObservedProps(recs) {\n for (var i = 0; i < recs.length; i++) {\n var rec = recs[i];\n if (rec.object !== rootObj ||\n rootObjProps[rec.name] ||\n rec.type === 'setPrototype') {\n return false;\n }\n }\n return true;\n }\n\n function callback(recs) {\n if (allRootObjNonObservedProps(recs))\n return;\n\n var observer;\n for (var i = 0; i < observers.length; i++) {\n observer = observers[i];\n if (observer.state_ == OPENED) {\n observer.iterateObjects_(observe);\n }\n }\n\n for (var i = 0; i < observers.length; i++) {\n observer = observers[i];\n if (observer.state_ == OPENED) {\n observer.check_();\n }\n }\n }\n\n var record = {\n objects: objects,\n get rootObject() { return rootObj; },\n set rootObject(value) {\n rootObj = value;\n rootObjProps = {};\n },\n open: function(obs, object) {\n observers.push(obs);\n observerCount++;\n obs.iterateObjects_(observe);\n },\n close: function(obs) {\n observerCount--;\n if (observerCount > 0) {\n return;\n }\n\n for (var i = 0; i < objects.length; i++) {\n Object.unobserve(objects[i], callback);\n Observer.unobservedCount++;\n }\n\n observers.length = 0;\n objects.length = 0;\n rootObj = undefined;\n rootObjProps = undefined;\n observedSetCache.push(this);\n if (lastObservedSet === this)\n lastObservedSet = null;\n },\n };\n\n return record;\n }\n\n var lastObservedSet;\n\n function getObservedSet(observer, obj) {\n if (!lastObservedSet || lastObservedSet.rootObject !== obj) {\n lastObservedSet = observedSetCache.pop() || newObservedSet();\n lastObservedSet.rootObject = obj;\n }\n lastObservedSet.open(observer, obj);\n return lastObservedSet;\n }\n\n var UNOPENED = 0;\n var OPENED = 1;\n var CLOSED = 2;\n var RESETTING = 3;\n\n var nextObserverId = 1;\n\n function Observer() {\n this.state_ = UNOPENED;\n this.callback_ = undefined;\n this.target_ = undefined; // TODO(rafaelw): Should be WeakRef\n this.directObserver_ = undefined;\n this.value_ = undefined;\n this.id_ = nextObserverId++;\n }\n\n Observer.prototype = {\n open: function(callback, target) {\n if (this.state_ != UNOPENED)\n throw Error('Observer has already been opened.');\n\n addToAll(this);\n this.callback_ = callback;\n this.target_ = target;\n this.connect_();\n this.state_ = OPENED;\n return this.value_;\n },\n\n close: function() {\n if (this.state_ != OPENED)\n return;\n\n removeFromAll(this);\n this.disconnect_();\n this.value_ = undefined;\n this.callback_ = undefined;\n this.target_ = undefined;\n this.state_ = CLOSED;\n },\n\n deliver: function() {\n if (this.state_ != OPENED)\n return;\n\n dirtyCheck(this);\n },\n\n report_: function(changes) {\n try {\n this.callback_.apply(this.target_, changes);\n } catch (ex) {\n Observer._errorThrownDuringCallback = true;\n console.error('Exception caught during observer callback: ' +\n (ex.stack || ex));\n }\n },\n\n discardChanges: function() {\n this.check_(undefined, true);\n return this.value_;\n }\n }\n\n var collectObservers = !hasObserve;\n var allObservers;\n Observer._allObserversCount = 0;\n\n if (collectObservers) {\n allObservers = [];\n }\n\n function addToAll(observer) {\n Observer._allObserversCount++;\n if (!collectObservers)\n return;\n\n allObservers.push(observer);\n }\n\n function removeFromAll(observer) {\n Observer._allObserversCount--;\n }\n\n var runningMicrotaskCheckpoint = false;\n\n global.Platform = global.Platform || {};\n\n global.Platform.performMicrotaskCheckpoint = function() {\n if (runningMicrotaskCheckpoint)\n return;\n\n if (!collectObservers)\n return;\n\n runningMicrotaskCheckpoint = true;\n\n var cycles = 0;\n var anyChanged, toCheck;\n\n do {\n cycles++;\n toCheck = allObservers;\n allObservers = [];\n anyChanged = false;\n\n for (var i = 0; i < toCheck.length; i++) {\n var observer = toCheck[i];\n if (observer.state_ != OPENED)\n continue;\n\n if (observer.check_())\n anyChanged = true;\n\n allObservers.push(observer);\n }\n if (runEOMTasks())\n anyChanged = true;\n } while (cycles < MAX_DIRTY_CHECK_CYCLES && anyChanged);\n\n if (testingExposeCycleCount)\n global.dirtyCheckCycleCount = cycles;\n\n runningMicrotaskCheckpoint = false;\n };\n\n if (collectObservers) {\n global.Platform.clearObservers = function() {\n allObservers = [];\n };\n }\n\n function ObjectObserver(object) {\n Observer.call(this);\n this.value_ = object;\n this.oldObject_ = undefined;\n }\n\n ObjectObserver.prototype = createObject({\n __proto__: Observer.prototype,\n\n arrayObserve: false,\n\n connect_: function(callback, target) {\n if (hasObserve) {\n this.directObserver_ = getObservedObject(this, this.value_,\n this.arrayObserve);\n } else {\n this.oldObject_ = this.copyObject(this.value_);\n }\n\n },\n\n copyObject: function(object) {\n var copy = Array.isArray(object) ? [] : {};\n for (var prop in object) {\n copy[prop] = object[prop];\n };\n if (Array.isArray(object))\n copy.length = object.length;\n return copy;\n },\n\n check_: function(changeRecords, skipChanges) {\n var diff;\n var oldValues;\n if (hasObserve) {\n if (!changeRecords)\n return false;\n\n oldValues = {};\n diff = diffObjectFromChangeRecords(this.value_, changeRecords,\n oldValues);\n } else {\n oldValues = this.oldObject_;\n diff = diffObjectFromOldObject(this.value_, this.oldObject_);\n }\n\n if (diffIsEmpty(diff))\n return false;\n\n if (!hasObserve)\n this.oldObject_ = this.copyObject(this.value_);\n\n this.report_([\n diff.added || {},\n diff.removed || {},\n diff.changed || {},\n function(property) {\n return oldValues[property];\n }\n ]);\n\n return true;\n },\n\n disconnect_: function() {\n if (hasObserve) {\n this.directObserver_.close();\n this.directObserver_ = undefined;\n } else {\n this.oldObject_ = undefined;\n }\n },\n\n deliver: function() {\n if (this.state_ != OPENED)\n return;\n\n if (hasObserve)\n this.directObserver_.deliver(false);\n else\n dirtyCheck(this);\n },\n\n discardChanges: function() {\n if (this.directObserver_)\n this.directObserver_.deliver(true);\n else\n this.oldObject_ = this.copyObject(this.value_);\n\n return this.value_;\n }\n });\n\n function ArrayObserver(array) {\n if (!Array.isArray(array))\n throw Error('Provided object is not an Array');\n ObjectObserver.call(this, array);\n }\n\n ArrayObserver.prototype = createObject({\n\n __proto__: ObjectObserver.prototype,\n\n arrayObserve: true,\n\n copyObject: function(arr) {\n return arr.slice();\n },\n\n check_: function(changeRecords) {\n var splices;\n if (hasObserve) {\n if (!changeRecords)\n return false;\n splices = projectArraySplices(this.value_, changeRecords);\n } else {\n splices = calcSplices(this.value_, 0, this.value_.length,\n this.oldObject_, 0, this.oldObject_.length);\n }\n\n if (!splices || !splices.length)\n return false;\n\n if (!hasObserve)\n this.oldObject_ = this.copyObject(this.value_);\n\n this.report_([splices]);\n return true;\n }\n });\n\n ArrayObserver.applySplices = function(previous, current, splices) {\n splices.forEach(function(splice) {\n var spliceArgs = [splice.index, splice.removed.length];\n var addIndex = splice.index;\n while (addIndex < splice.index + splice.addedCount) {\n spliceArgs.push(current[addIndex]);\n addIndex++;\n }\n\n Array.prototype.splice.apply(previous, spliceArgs);\n });\n };\n\n function PathObserver(object, path) {\n Observer.call(this);\n\n this.object_ = object;\n this.path_ = getPath(path);\n this.directObserver_ = undefined;\n }\n\n PathObserver.prototype = createObject({\n __proto__: Observer.prototype,\n\n get path() {\n return this.path_;\n },\n\n connect_: function() {\n if (hasObserve)\n this.directObserver_ = getObservedSet(this, this.object_);\n\n this.check_(undefined, true);\n },\n\n disconnect_: function() {\n this.value_ = undefined;\n\n if (this.directObserver_) {\n this.directObserver_.close(this);\n this.directObserver_ = undefined;\n }\n },\n\n iterateObjects_: function(observe) {\n this.path_.iterateObjects(this.object_, observe);\n },\n\n check_: function(changeRecords, skipChanges) {\n var oldValue = this.value_;\n this.value_ = this.path_.getValueFrom(this.object_);\n if (skipChanges || areSameValue(this.value_, oldValue))\n return false;\n\n this.report_([this.value_, oldValue, this]);\n return true;\n },\n\n setValue: function(newValue) {\n if (this.path_)\n this.path_.setValueFrom(this.object_, newValue);\n }\n });\n\n function CompoundObserver(reportChangesOnOpen) {\n Observer.call(this);\n\n this.reportChangesOnOpen_ = reportChangesOnOpen;\n this.value_ = [];\n this.directObserver_ = undefined;\n this.observed_ = [];\n }\n\n var observerSentinel = {};\n\n CompoundObserver.prototype = createObject({\n __proto__: Observer.prototype,\n\n connect_: function() {\n if (hasObserve) {\n var object;\n var needsDirectObserver = false;\n for (var i = 0; i < this.observed_.length; i += 2) {\n object = this.observed_[i]\n if (object !== observerSentinel) {\n needsDirectObserver = true;\n break;\n }\n }\n\n if (needsDirectObserver)\n this.directObserver_ = getObservedSet(this, object);\n }\n\n this.check_(undefined, !this.reportChangesOnOpen_);\n },\n\n disconnect_: function() {\n for (var i = 0; i < this.observed_.length; i += 2) {\n if (this.observed_[i] === observerSentinel)\n this.observed_[i + 1].close();\n }\n this.observed_.length = 0;\n this.value_.length = 0;\n\n if (this.directObserver_) {\n this.directObserver_.close(this);\n this.directObserver_ = undefined;\n }\n },\n\n addPath: function(object, path) {\n if (this.state_ != UNOPENED && this.state_ != RESETTING)\n throw Error('Cannot add paths once started.');\n\n var path = getPath(path);\n this.observed_.push(object, path);\n if (!this.reportChangesOnOpen_)\n return;\n var index = this.observed_.length / 2 - 1;\n this.value_[index] = path.getValueFrom(object);\n },\n\n addObserver: function(observer) {\n if (this.state_ != UNOPENED && this.state_ != RESETTING)\n throw Error('Cannot add observers once started.');\n\n this.observed_.push(observerSentinel, observer);\n if (!this.reportChangesOnOpen_)\n return;\n var index = this.observed_.length / 2 - 1;\n this.value_[index] = observer.open(this.deliver, this);\n },\n\n startReset: function() {\n if (this.state_ != OPENED)\n throw Error('Can only reset while open');\n\n this.state_ = RESETTING;\n this.disconnect_();\n },\n\n finishReset: function() {\n if (this.state_ != RESETTING)\n throw Error('Can only finishReset after startReset');\n this.state_ = OPENED;\n this.connect_();\n\n return this.value_;\n },\n\n iterateObjects_: function(observe) {\n var object;\n for (var i = 0; i < this.observed_.length; i += 2) {\n object = this.observed_[i]\n if (object !== observerSentinel)\n this.observed_[i + 1].iterateObjects(object, observe)\n }\n },\n\n check_: function(changeRecords, skipChanges) {\n var oldValues;\n for (var i = 0; i < this.observed_.length; i += 2) {\n var object = this.observed_[i];\n var path = this.observed_[i+1];\n var value;\n if (object === observerSentinel) {\n var observable = path;\n value = this.state_ === UNOPENED ?\n observable.open(this.deliver, this) :\n observable.discardChanges();\n } else {\n value = path.getValueFrom(object);\n }\n\n if (skipChanges) {\n this.value_[i / 2] = value;\n continue;\n }\n\n if (areSameValue(value, this.value_[i / 2]))\n continue;\n\n oldValues = oldValues || [];\n oldValues[i / 2] = this.value_[i / 2];\n this.value_[i / 2] = value;\n }\n\n if (!oldValues)\n return false;\n\n // TODO(rafaelw): Having observed_ as the third callback arg here is\n // pretty lame API. Fix.\n this.report_([this.value_, oldValues, this.observed_]);\n return true;\n }\n });\n\n function identFn(value) { return value; }\n\n function ObserverTransform(observable, getValueFn, setValueFn,\n dontPassThroughSet) {\n this.callback_ = undefined;\n this.target_ = undefined;\n this.value_ = undefined;\n this.observable_ = observable;\n this.getValueFn_ = getValueFn || identFn;\n this.setValueFn_ = setValueFn || identFn;\n // TODO(rafaelw): This is a temporary hack. PolymerExpressions needs this\n // at the moment because of a bug in it's dependency tracking.\n this.dontPassThroughSet_ = dontPassThroughSet;\n }\n\n ObserverTransform.prototype = {\n open: function(callback, target) {\n this.callback_ = callback;\n this.target_ = target;\n this.value_ =\n this.getValueFn_(this.observable_.open(this.observedCallback_, this));\n return this.value_;\n },\n\n observedCallback_: function(value) {\n value = this.getValueFn_(value);\n if (areSameValue(value, this.value_))\n return;\n var oldValue = this.value_;\n this.value_ = value;\n this.callback_.call(this.target_, this.value_, oldValue);\n },\n\n discardChanges: function() {\n this.value_ = this.getValueFn_(this.observable_.discardChanges());\n return this.value_;\n },\n\n deliver: function() {\n return this.observable_.deliver();\n },\n\n setValue: function(value) {\n value = this.setValueFn_(value);\n if (!this.dontPassThroughSet_ && this.observable_.setValue)\n return this.observable_.setValue(value);\n },\n\n close: function() {\n if (this.observable_)\n this.observable_.close();\n this.callback_ = undefined;\n this.target_ = undefined;\n this.observable_ = undefined;\n this.value_ = undefined;\n this.getValueFn_ = undefined;\n this.setValueFn_ = undefined;\n }\n }\n\n var expectedRecordTypes = {\n add: true,\n update: true,\n delete: true\n };\n\n function diffObjectFromChangeRecords(object, changeRecords, oldValues) {\n var added = {};\n var removed = {};\n\n for (var i = 0; i < changeRecords.length; i++) {\n var record = changeRecords[i];\n if (!expectedRecordTypes[record.type]) {\n console.error('Unknown changeRecord type: ' + record.type);\n console.error(record);\n continue;\n }\n\n if (!(record.name in oldValues))\n oldValues[record.name] = record.oldValue;\n\n if (record.type == 'update')\n continue;\n\n if (record.type == 'add') {\n if (record.name in removed)\n delete removed[record.name];\n else\n added[record.name] = true;\n\n continue;\n }\n\n // type = 'delete'\n if (record.name in added) {\n delete added[record.name];\n delete oldValues[record.name];\n } else {\n removed[record.name] = true;\n }\n }\n\n for (var prop in added)\n added[prop] = object[prop];\n\n for (var prop in removed)\n removed[prop] = undefined;\n\n var changed = {};\n for (var prop in oldValues) {\n if (prop in added || prop in removed)\n continue;\n\n var newValue = object[prop];\n if (oldValues[prop] !== newValue)\n changed[prop] = newValue;\n }\n\n return {\n added: added,\n removed: removed,\n changed: changed\n };\n }\n\n function newSplice(index, removed, addedCount) {\n return {\n index: index,\n removed: removed,\n addedCount: addedCount\n };\n }\n\n var EDIT_LEAVE = 0;\n var EDIT_UPDATE = 1;\n var EDIT_ADD = 2;\n var EDIT_DELETE = 3;\n\n function ArraySplice() {}\n\n ArraySplice.prototype = {\n\n // Note: This function is *based* on the computation of the Levenshtein\n // \"edit\" distance. The one change is that \"updates\" are treated as two\n // edits - not one. With Array splices, an update is really a delete\n // followed by an add. By retaining this, we optimize for \"keeping\" the\n // maximum array items in the original array. For example:\n //\n // 'xxxx123' -> '123yyyy'\n //\n // With 1-edit updates, the shortest path would be just to update all seven\n // characters. With 2-edit updates, we delete 4, leave 3, and add 4. This\n // leaves the substring '123' intact.\n calcEditDistances: function(current, currentStart, currentEnd,\n old, oldStart, oldEnd) {\n // \"Deletion\" columns\n var rowCount = oldEnd - oldStart + 1;\n var columnCount = currentEnd - currentStart + 1;\n var distances = new Array(rowCount);\n\n // \"Addition\" rows. Initialize null column.\n for (var i = 0; i < rowCount; i++) {\n distances[i] = new Array(columnCount);\n distances[i][0] = i;\n }\n\n // Initialize null row\n for (var j = 0; j < columnCount; j++)\n distances[0][j] = j;\n\n for (var i = 1; i < rowCount; i++) {\n for (var j = 1; j < columnCount; j++) {\n if (this.equals(current[currentStart + j - 1], old[oldStart + i - 1]))\n distances[i][j] = distances[i - 1][j - 1];\n else {\n var north = distances[i - 1][j] + 1;\n var west = distances[i][j - 1] + 1;\n distances[i][j] = north < west ? north : west;\n }\n }\n }\n\n return distances;\n },\n\n // This starts at the final weight, and walks \"backward\" by finding\n // the minimum previous weight recursively until the origin of the weight\n // matrix.\n spliceOperationsFromEditDistances: function(distances) {\n var i = distances.length - 1;\n var j = distances[0].length - 1;\n var current = distances[i][j];\n var edits = [];\n while (i > 0 || j > 0) {\n if (i == 0) {\n edits.push(EDIT_ADD);\n j--;\n continue;\n }\n if (j == 0) {\n edits.push(EDIT_DELETE);\n i--;\n continue;\n }\n var northWest = distances[i - 1][j - 1];\n var west = distances[i - 1][j];\n var north = distances[i][j - 1];\n\n var min;\n if (west < north)\n min = west < northWest ? west : northWest;\n else\n min = north < northWest ? north : northWest;\n\n if (min == northWest) {\n if (northWest == current) {\n edits.push(EDIT_LEAVE);\n } else {\n edits.push(EDIT_UPDATE);\n current = northWest;\n }\n i--;\n j--;\n } else if (min == west) {\n edits.push(EDIT_DELETE);\n i--;\n current = west;\n } else {\n edits.push(EDIT_ADD);\n j--;\n current = north;\n }\n }\n\n edits.reverse();\n return edits;\n },\n\n /**\n * Splice Projection functions:\n *\n * A splice map is a representation of how a previous array of items\n * was transformed into a new array of items. Conceptually it is a list of\n * tuples of\n *\n * \n *\n * which are kept in ascending index order of. The tuple represents that at\n * the |index|, |removed| sequence of items were removed, and counting forward\n * from |index|, |addedCount| items were added.\n */\n\n /**\n * Lacking individual splice mutation information, the minimal set of\n * splices can be synthesized given the previous state and final state of an\n * array. The basic approach is to calculate the edit distance matrix and\n * choose the shortest path through it.\n *\n * Complexity: O(l * p)\n * l: The length of the current array\n * p: The length of the old array\n */\n calcSplices: function(current, currentStart, currentEnd,\n old, oldStart, oldEnd) {\n var prefixCount = 0;\n var suffixCount = 0;\n\n var minLength = Math.min(currentEnd - currentStart, oldEnd - oldStart);\n if (currentStart == 0 && oldStart == 0)\n prefixCount = this.sharedPrefix(current, old, minLength);\n\n if (currentEnd == current.length && oldEnd == old.length)\n suffixCount = this.sharedSuffix(current, old, minLength - prefixCount);\n\n currentStart += prefixCount;\n oldStart += prefixCount;\n currentEnd -= suffixCount;\n oldEnd -= suffixCount;\n\n if (currentEnd - currentStart == 0 && oldEnd - oldStart == 0)\n return [];\n\n if (currentStart == currentEnd) {\n var splice = newSplice(currentStart, [], 0);\n while (oldStart < oldEnd)\n splice.removed.push(old[oldStart++]);\n\n return [ splice ];\n } else if (oldStart == oldEnd)\n return [ newSplice(currentStart, [], currentEnd - currentStart) ];\n\n var ops = this.spliceOperationsFromEditDistances(\n this.calcEditDistances(current, currentStart, currentEnd,\n old, oldStart, oldEnd));\n\n var splice = undefined;\n var splices = [];\n var index = currentStart;\n var oldIndex = oldStart;\n for (var i = 0; i < ops.length; i++) {\n switch(ops[i]) {\n case EDIT_LEAVE:\n if (splice) {\n splices.push(splice);\n splice = undefined;\n }\n\n index++;\n oldIndex++;\n break;\n case EDIT_UPDATE:\n if (!splice)\n splice = newSplice(index, [], 0);\n\n splice.addedCount++;\n index++;\n\n splice.removed.push(old[oldIndex]);\n oldIndex++;\n break;\n case EDIT_ADD:\n if (!splice)\n splice = newSplice(index, [], 0);\n\n splice.addedCount++;\n index++;\n break;\n case EDIT_DELETE:\n if (!splice)\n splice = newSplice(index, [], 0);\n\n splice.removed.push(old[oldIndex]);\n oldIndex++;\n break;\n }\n }\n\n if (splice) {\n splices.push(splice);\n }\n return splices;\n },\n\n sharedPrefix: function(current, old, searchLength) {\n for (var i = 0; i < searchLength; i++)\n if (!this.equals(current[i], old[i]))\n return i;\n return searchLength;\n },\n\n sharedSuffix: function(current, old, searchLength) {\n var index1 = current.length;\n var index2 = old.length;\n var count = 0;\n while (count < searchLength && this.equals(current[--index1], old[--index2]))\n count++;\n\n return count;\n },\n\n calculateSplices: function(current, previous) {\n return this.calcSplices(current, 0, current.length, previous, 0,\n previous.length);\n },\n\n equals: function(currentValue, previousValue) {\n return currentValue === previousValue;\n }\n };\n\n var arraySplice = new ArraySplice();\n\n function calcSplices(current, currentStart, currentEnd,\n old, oldStart, oldEnd) {\n return arraySplice.calcSplices(current, currentStart, currentEnd,\n old, oldStart, oldEnd);\n }\n\n function intersect(start1, end1, start2, end2) {\n // Disjoint\n if (end1 < start2 || end2 < start1)\n return -1;\n\n // Adjacent\n if (end1 == start2 || end2 == start1)\n return 0;\n\n // Non-zero intersect, span1 first\n if (start1 < start2) {\n if (end1 < end2)\n return end1 - start2; // Overlap\n else\n return end2 - start2; // Contained\n } else {\n // Non-zero intersect, span2 first\n if (end2 < end1)\n return end2 - start1; // Overlap\n else\n return end1 - start1; // Contained\n }\n }\n\n function mergeSplice(splices, index, removed, addedCount) {\n\n var splice = newSplice(index, removed, addedCount);\n\n var inserted = false;\n var insertionOffset = 0;\n\n for (var i = 0; i < splices.length; i++) {\n var current = splices[i];\n current.index += insertionOffset;\n\n if (inserted)\n continue;\n\n var intersectCount = intersect(splice.index,\n splice.index + splice.removed.length,\n current.index,\n current.index + current.addedCount);\n\n if (intersectCount >= 0) {\n // Merge the two splices\n\n splices.splice(i, 1);\n i--;\n\n insertionOffset -= current.addedCount - current.removed.length;\n\n splice.addedCount += current.addedCount - intersectCount;\n var deleteCount = splice.removed.length +\n current.removed.length - intersectCount;\n\n if (!splice.addedCount && !deleteCount) {\n // merged splice is a noop. discard.\n inserted = true;\n } else {\n var removed = current.removed;\n\n if (splice.index < current.index) {\n // some prefix of splice.removed is prepended to current.removed.\n var prepend = splice.removed.slice(0, current.index - splice.index);\n Array.prototype.push.apply(prepend, removed);\n removed = prepend;\n }\n\n if (splice.index + splice.removed.length > current.index + current.addedCount) {\n // some suffix of splice.removed is appended to current.removed.\n var append = splice.removed.slice(current.index + current.addedCount - splice.index);\n Array.prototype.push.apply(removed, append);\n }\n\n splice.removed = removed;\n if (current.index < splice.index) {\n splice.index = current.index;\n }\n }\n } else if (splice.index < current.index) {\n // Insert splice here.\n\n inserted = true;\n\n splices.splice(i, 0, splice);\n i++;\n\n var offset = splice.addedCount - splice.removed.length\n current.index += offset;\n insertionOffset += offset;\n }\n }\n\n if (!inserted)\n splices.push(splice);\n }\n\n function createInitialSplices(array, changeRecords) {\n var splices = [];\n\n for (var i = 0; i < changeRecords.length; i++) {\n var record = changeRecords[i];\n switch(record.type) {\n case 'splice':\n mergeSplice(splices, record.index, record.removed.slice(), record.addedCount);\n break;\n case 'add':\n case 'update':\n case 'delete':\n if (!isIndex(record.name))\n continue;\n var index = toNumber(record.name);\n if (index < 0)\n continue;\n mergeSplice(splices, index, [record.oldValue], 1);\n break;\n default:\n console.error('Unexpected record type: ' + JSON.stringify(record));\n break;\n }\n }\n\n return splices;\n }\n\n function projectArraySplices(array, changeRecords) {\n var splices = [];\n\n createInitialSplices(array, changeRecords).forEach(function(splice) {\n if (splice.addedCount == 1 && splice.removed.length == 1) {\n if (splice.removed[0] !== array[splice.index])\n splices.push(splice);\n\n return\n };\n\n splices = splices.concat(calcSplices(array, splice.index, splice.index + splice.addedCount,\n splice.removed, 0, splice.removed.length));\n });\n\n return splices;\n }\n\n // Export the observe-js object for **Node.js**, with\n // backwards-compatibility for the old `require()` API. If we're in\n // the browser, export as a global object.\n\n var expose = global;\n\n if (typeof exports !== 'undefined') {\n if (typeof module !== 'undefined' && module.exports) {\n expose = exports = module.exports;\n }\n expose = exports;\n } \n\n expose.Observer = Observer;\n expose.Observer.runEOM_ = runEOM;\n expose.Observer.observerSentinel_ = observerSentinel; // for testing.\n expose.Observer.hasObjectObserve = hasObserve;\n expose.ArrayObserver = ArrayObserver;\n expose.ArrayObserver.calculateSplices = function(current, previous) {\n return arraySplice.calculateSplices(current, previous);\n };\n\n expose.ArraySplice = ArraySplice;\n expose.ObjectObserver = ObjectObserver;\n expose.PathObserver = PathObserver;\n expose.CompoundObserver = CompoundObserver;\n expose.Path = Path;\n expose.ObserverTransform = ObserverTransform;\n \n})(typeof global !== 'undefined' && global && typeof module !== 'undefined' && module ? global : this || window);\n\n// Copyright (c) 2014 The Polymer Project Authors. All rights reserved.\n// This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt\n// The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt\n// The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt\n// Code distributed by Google as part of the polymer project is also\n// subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt\n\n(function(global) {\n 'use strict';\n\n var filter = Array.prototype.filter.call.bind(Array.prototype.filter);\n\n function getTreeScope(node) {\n while (node.parentNode) {\n node = node.parentNode;\n }\n\n return typeof node.getElementById === 'function' ? node : null;\n }\n\n Node.prototype.bind = function(name, observable) {\n console.error('Unhandled binding to Node: ', this, name, observable);\n };\n\n Node.prototype.bindFinished = function() {};\n\n function updateBindings(node, name, binding) {\n var bindings = node.bindings_;\n if (!bindings)\n bindings = node.bindings_ = {};\n\n if (bindings[name])\n binding[name].close();\n\n return bindings[name] = binding;\n }\n\n function returnBinding(node, name, binding) {\n return binding;\n }\n\n function sanitizeValue(value) {\n return value == null ? '' : value;\n }\n\n function updateText(node, value) {\n node.data = sanitizeValue(value);\n }\n\n function textBinding(node) {\n return function(value) {\n return updateText(node, value);\n };\n }\n\n var maybeUpdateBindings = returnBinding;\n\n Object.defineProperty(Platform, 'enableBindingsReflection', {\n get: function() {\n return maybeUpdateBindings === updateBindings;\n },\n set: function(enable) {\n maybeUpdateBindings = enable ? updateBindings : returnBinding;\n return enable;\n },\n configurable: true\n });\n\n Text.prototype.bind = function(name, value, oneTime) {\n if (name !== 'textContent')\n return Node.prototype.bind.call(this, name, value, oneTime);\n\n if (oneTime)\n return updateText(this, value);\n\n var observable = value;\n updateText(this, observable.open(textBinding(this)));\n return maybeUpdateBindings(this, name, observable);\n }\n\n function updateAttribute(el, name, conditional, value) {\n if (conditional) {\n if (value)\n el.setAttribute(name, '');\n else\n el.removeAttribute(name);\n return;\n }\n\n el.setAttribute(name, sanitizeValue(value));\n }\n\n function attributeBinding(el, name, conditional) {\n return function(value) {\n updateAttribute(el, name, conditional, value);\n };\n }\n\n Element.prototype.bind = function(name, value, oneTime) {\n var conditional = name[name.length - 1] == '?';\n if (conditional) {\n this.removeAttribute(name);\n name = name.slice(0, -1);\n }\n\n if (oneTime)\n return updateAttribute(this, name, conditional, value);\n\n\n var observable = value;\n updateAttribute(this, name, conditional,\n observable.open(attributeBinding(this, name, conditional)));\n\n return maybeUpdateBindings(this, name, observable);\n };\n\n var checkboxEventType;\n (function() {\n // Attempt to feature-detect which event (change or click) is fired first\n // for checkboxes.\n var div = document.createElement('div');\n var checkbox = div.appendChild(document.createElement('input'));\n checkbox.setAttribute('type', 'checkbox');\n var first;\n var count = 0;\n checkbox.addEventListener('click', function(e) {\n count++;\n first = first || 'click';\n });\n checkbox.addEventListener('change', function() {\n count++;\n first = first || 'change';\n });\n\n var event = document.createEvent('MouseEvent');\n event.initMouseEvent(\"click\", true, true, window, 0, 0, 0, 0, 0, false,\n false, false, false, 0, null);\n checkbox.dispatchEvent(event);\n // WebKit/Blink don't fire the change event if the element is outside the\n // document, so assume 'change' for that case.\n checkboxEventType = count == 1 ? 'change' : first;\n })();\n\n function getEventForInputType(element) {\n switch (element.type) {\n case 'checkbox':\n return checkboxEventType;\n case 'radio':\n case 'select-multiple':\n case 'select-one':\n return 'change';\n case 'range':\n if (/Trident|MSIE/.test(navigator.userAgent))\n return 'change';\n default:\n return 'input';\n }\n }\n\n function updateInput(input, property, value, santizeFn) {\n input[property] = (santizeFn || sanitizeValue)(value);\n }\n\n function inputBinding(input, property, santizeFn) {\n return function(value) {\n return updateInput(input, property, value, santizeFn);\n }\n }\n\n function noop() {}\n\n function bindInputEvent(input, property, observable, postEventFn) {\n var eventType = getEventForInputType(input);\n\n function eventHandler() {\n observable.setValue(input[property]);\n observable.discardChanges();\n (postEventFn || noop)(input);\n Platform.performMicrotaskCheckpoint();\n }\n input.addEventListener(eventType, eventHandler);\n\n return {\n close: function() {\n input.removeEventListener(eventType, eventHandler);\n observable.close();\n },\n\n observable_: observable\n }\n }\n\n function booleanSanitize(value) {\n return Boolean(value);\n }\n\n // |element| is assumed to be an HTMLInputElement with |type| == 'radio'.\n // Returns an array containing all radio buttons other than |element| that\n // have the same |name|, either in the form that |element| belongs to or,\n // if no form, in the document tree to which |element| belongs.\n //\n // This implementation is based upon the HTML spec definition of a\n // \"radio button group\":\n // http://www.whatwg.org/specs/web-apps/current-work/multipage/number-state.html#radio-button-group\n //\n function getAssociatedRadioButtons(element) {\n if (element.form) {\n return filter(element.form.elements, function(el) {\n return el != element &&\n el.tagName == 'INPUT' &&\n el.type == 'radio' &&\n el.name == element.name;\n });\n } else {\n var treeScope = getTreeScope(element);\n if (!treeScope)\n return [];\n var radios = treeScope.querySelectorAll(\n 'input[type=\"radio\"][name=\"' + element.name + '\"]');\n return filter(radios, function(el) {\n return el != element && !el.form;\n });\n }\n }\n\n function checkedPostEvent(input) {\n // Only the radio button that is getting checked gets an event. We\n // therefore find all the associated radio buttons and update their\n // check binding manually.\n if (input.tagName === 'INPUT' &&\n input.type === 'radio') {\n getAssociatedRadioButtons(input).forEach(function(radio) {\n var checkedBinding = radio.bindings_.checked;\n if (checkedBinding) {\n // Set the value directly to avoid an infinite call stack.\n checkedBinding.observable_.setValue(false);\n }\n });\n }\n }\n\n HTMLInputElement.prototype.bind = function(name, value, oneTime) {\n if (name !== 'value' && name !== 'checked')\n return HTMLElement.prototype.bind.call(this, name, value, oneTime);\n\n this.removeAttribute(name);\n var sanitizeFn = name == 'checked' ? booleanSanitize : sanitizeValue;\n var postEventFn = name == 'checked' ? checkedPostEvent : noop;\n\n if (oneTime)\n return updateInput(this, name, value, sanitizeFn);\n\n\n var observable = value;\n var binding = bindInputEvent(this, name, observable, postEventFn);\n updateInput(this, name,\n observable.open(inputBinding(this, name, sanitizeFn)),\n sanitizeFn);\n\n // Checkboxes may need to update bindings of other checkboxes.\n return updateBindings(this, name, binding);\n }\n\n HTMLTextAreaElement.prototype.bind = function(name, value, oneTime) {\n if (name !== 'value')\n return HTMLElement.prototype.bind.call(this, name, value, oneTime);\n\n this.removeAttribute('value');\n\n if (oneTime)\n return updateInput(this, 'value', value);\n\n var observable = value;\n var binding = bindInputEvent(this, 'value', observable);\n updateInput(this, 'value',\n observable.open(inputBinding(this, 'value', sanitizeValue)));\n return maybeUpdateBindings(this, name, binding);\n }\n\n function updateOption(option, value) {\n var parentNode = option.parentNode;;\n var select;\n var selectBinding;\n var oldValue;\n if (parentNode instanceof HTMLSelectElement &&\n parentNode.bindings_ &&\n parentNode.bindings_.value) {\n select = parentNode;\n selectBinding = select.bindings_.value;\n oldValue = select.value;\n }\n\n option.value = sanitizeValue(value);\n\n if (select && select.value != oldValue) {\n selectBinding.observable_.setValue(select.value);\n selectBinding.observable_.discardChanges();\n Platform.performMicrotaskCheckpoint();\n }\n }\n\n function optionBinding(option) {\n return function(value) {\n updateOption(option, value);\n }\n }\n\n HTMLOptionElement.prototype.bind = function(name, value, oneTime) {\n if (name !== 'value')\n return HTMLElement.prototype.bind.call(this, name, value, oneTime);\n\n this.removeAttribute('value');\n\n if (oneTime)\n return updateOption(this, value);\n\n var observable = value;\n var binding = bindInputEvent(this, 'value', observable);\n updateOption(this, observable.open(optionBinding(this)));\n return maybeUpdateBindings(this, name, binding);\n }\n\n HTMLSelectElement.prototype.bind = function(name, value, oneTime) {\n if (name === 'selectedindex')\n name = 'selectedIndex';\n\n if (name !== 'selectedIndex' && name !== 'value')\n return HTMLElement.prototype.bind.call(this, name, value, oneTime);\n\n this.removeAttribute(name);\n\n if (oneTime)\n return updateInput(this, name, value);\n\n var observable = value;\n var binding = bindInputEvent(this, name, observable);\n updateInput(this, name,\n observable.open(inputBinding(this, name)));\n\n // Option update events may need to access select bindings.\n return updateBindings(this, name, binding);\n }\n})(this);\n\n// Copyright (c) 2014 The Polymer Project Authors. All rights reserved.\n// This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt\n// The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt\n// The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt\n// Code distributed by Google as part of the polymer project is also\n// subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt\n\n(function(global) {\n 'use strict';\n\n function assert(v) {\n if (!v)\n throw new Error('Assertion failed');\n }\n\n var forEach = Array.prototype.forEach.call.bind(Array.prototype.forEach);\n\n function getFragmentRoot(node) {\n var p;\n while (p = node.parentNode) {\n node = p;\n }\n\n return node;\n }\n\n function searchRefId(node, id) {\n if (!id)\n return;\n\n var ref;\n var selector = '#' + id;\n while (!ref) {\n node = getFragmentRoot(node);\n\n if (node.protoContent_)\n ref = node.protoContent_.querySelector(selector);\n else if (node.getElementById)\n ref = node.getElementById(id);\n\n if (ref || !node.templateCreator_)\n break\n\n node = node.templateCreator_;\n }\n\n return ref;\n }\n\n function getInstanceRoot(node) {\n while (node.parentNode) {\n node = node.parentNode;\n }\n return node.templateCreator_ ? node : null;\n }\n\n var Map;\n if (global.Map && typeof global.Map.prototype.forEach === 'function') {\n Map = global.Map;\n } else {\n Map = function() {\n this.keys = [];\n this.values = [];\n };\n\n Map.prototype = {\n set: function(key, value) {\n var index = this.keys.indexOf(key);\n if (index < 0) {\n this.keys.push(key);\n this.values.push(value);\n } else {\n this.values[index] = value;\n }\n },\n\n get: function(key) {\n var index = this.keys.indexOf(key);\n if (index < 0)\n return;\n\n return this.values[index];\n },\n\n delete: function(key, value) {\n var index = this.keys.indexOf(key);\n if (index < 0)\n return false;\n\n this.keys.splice(index, 1);\n this.values.splice(index, 1);\n return true;\n },\n\n forEach: function(f, opt_this) {\n for (var i = 0; i < this.keys.length; i++)\n f.call(opt_this || this, this.values[i], this.keys[i], this);\n }\n };\n }\n\n // JScript does not have __proto__. We wrap all object literals with\n // createObject which uses Object.create, Object.defineProperty and\n // Object.getOwnPropertyDescriptor to create a new object that does the exact\n // same thing. The main downside to this solution is that we have to extract\n // all those property descriptors for IE.\n var createObject = ('__proto__' in {}) ?\n function(obj) { return obj; } :\n function(obj) {\n var proto = obj.__proto__;\n if (!proto)\n return obj;\n var newObject = Object.create(proto);\n Object.getOwnPropertyNames(obj).forEach(function(name) {\n Object.defineProperty(newObject, name,\n Object.getOwnPropertyDescriptor(obj, name));\n });\n return newObject;\n };\n\n // IE does not support have Document.prototype.contains.\n if (typeof document.contains != 'function') {\n Document.prototype.contains = function(node) {\n if (node === this || node.parentNode === this)\n return true;\n return this.documentElement.contains(node);\n }\n }\n\n var BIND = 'bind';\n var REPEAT = 'repeat';\n var IF = 'if';\n\n var templateAttributeDirectives = {\n 'template': true,\n 'repeat': true,\n 'bind': true,\n 'ref': true\n };\n\n var semanticTemplateElements = {\n 'THEAD': true,\n 'TBODY': true,\n 'TFOOT': true,\n 'TH': true,\n 'TR': true,\n 'TD': true,\n 'COLGROUP': true,\n 'COL': true,\n 'CAPTION': true,\n 'OPTION': true,\n 'OPTGROUP': true\n };\n\n var hasTemplateElement = typeof HTMLTemplateElement !== 'undefined';\n if (hasTemplateElement) {\n // TODO(rafaelw): Remove when fix for\n // https://codereview.chromium.org/164803002/\n // makes it to Chrome release.\n (function() {\n var t = document.createElement('template');\n var d = t.content.ownerDocument;\n var html = d.appendChild(d.createElement('html'));\n var head = html.appendChild(d.createElement('head'));\n var base = d.createElement('base');\n base.href = document.baseURI;\n head.appendChild(base);\n })();\n }\n\n var allTemplatesSelectors = 'template, ' +\n Object.keys(semanticTemplateElements).map(function(tagName) {\n return tagName.toLowerCase() + '[template]';\n }).join(', ');\n\n function isSVGTemplate(el) {\n return el.tagName == 'template' &&\n el.namespaceURI == 'http://www.w3.org/2000/svg';\n }\n\n function isHTMLTemplate(el) {\n return el.tagName == 'TEMPLATE' &&\n el.namespaceURI == 'http://www.w3.org/1999/xhtml';\n }\n\n function isAttributeTemplate(el) {\n return Boolean(semanticTemplateElements[el.tagName] &&\n el.hasAttribute('template'));\n }\n\n function isTemplate(el) {\n if (el.isTemplate_ === undefined)\n el.isTemplate_ = el.tagName == 'TEMPLATE' || isAttributeTemplate(el);\n\n return el.isTemplate_;\n }\n\n // FIXME: Observe templates being added/removed from documents\n // FIXME: Expose imperative API to decorate and observe templates in\n // \"disconnected tress\" (e.g. ShadowRoot)\n document.addEventListener('DOMContentLoaded', function(e) {\n bootstrapTemplatesRecursivelyFrom(document);\n // FIXME: Is this needed? Seems like it shouldn't be.\n Platform.performMicrotaskCheckpoint();\n }, false);\n\n function forAllTemplatesFrom(node, fn) {\n var subTemplates = node.querySelectorAll(allTemplatesSelectors);\n\n if (isTemplate(node))\n fn(node)\n forEach(subTemplates, fn);\n }\n\n function bootstrapTemplatesRecursivelyFrom(node) {\n function bootstrap(template) {\n if (!HTMLTemplateElement.decorate(template))\n bootstrapTemplatesRecursivelyFrom(template.content);\n }\n\n forAllTemplatesFrom(node, bootstrap);\n }\n\n if (!hasTemplateElement) {\n /**\n * This represents a element.\n * @constructor\n * @extends {HTMLElement}\n */\n global.HTMLTemplateElement = function() {\n throw TypeError('Illegal constructor');\n };\n }\n\n var hasProto = '__proto__' in {};\n\n function mixin(to, from) {\n Object.getOwnPropertyNames(from).forEach(function(name) {\n Object.defineProperty(to, name,\n Object.getOwnPropertyDescriptor(from, name));\n });\n }\n\n // http://dvcs.w3.org/hg/webcomponents/raw-file/tip/spec/templates/index.html#dfn-template-contents-owner\n function getOrCreateTemplateContentsOwner(template) {\n var doc = template.ownerDocument\n if (!doc.defaultView)\n return doc;\n var d = doc.templateContentsOwner_;\n if (!d) {\n // TODO(arv): This should either be a Document or HTMLDocument depending\n // on doc.\n d = doc.implementation.createHTMLDocument('');\n while (d.lastChild) {\n d.removeChild(d.lastChild);\n }\n doc.templateContentsOwner_ = d;\n }\n return d;\n }\n\n function getTemplateStagingDocument(template) {\n if (!template.stagingDocument_) {\n var owner = template.ownerDocument;\n if (!owner.stagingDocument_) {\n owner.stagingDocument_ = owner.implementation.createHTMLDocument('');\n owner.stagingDocument_.isStagingDocument = true;\n // TODO(rafaelw): Remove when fix for\n // https://codereview.chromium.org/164803002/\n // makes it to Chrome release.\n var base = owner.stagingDocument_.createElement('base');\n base.href = document.baseURI;\n owner.stagingDocument_.head.appendChild(base);\n\n owner.stagingDocument_.stagingDocument_ = owner.stagingDocument_;\n }\n\n template.stagingDocument_ = owner.stagingDocument_;\n }\n\n return template.stagingDocument_;\n }\n\n // For non-template browsers, the parser will disallow in certain\n // locations, so we allow \"attribute templates\" which combine the template\n // element with the top-level container node of the content, e.g.\n //\n // Bar \n // + #document-fragment\n // + \n // + Bar \n //\n function extractTemplateFromAttributeTemplate(el) {\n var template = el.ownerDocument.createElement('template');\n el.parentNode.insertBefore(template, el);\n\n var attribs = el.attributes;\n var count = attribs.length;\n while (count-- > 0) {\n var attrib = attribs[count];\n if (templateAttributeDirectives[attrib.name]) {\n if (attrib.name !== 'template')\n template.setAttribute(attrib.name, attrib.value);\n el.removeAttribute(attrib.name);\n }\n }\n\n return template;\n }\n\n function extractTemplateFromSVGTemplate(el) {\n var template = el.ownerDocument.createElement('template');\n el.parentNode.insertBefore(template, el);\n\n var attribs = el.attributes;\n var count = attribs.length;\n while (count-- > 0) {\n var attrib = attribs[count];\n template.setAttribute(attrib.name, attrib.value);\n el.removeAttribute(attrib.name);\n }\n\n el.parentNode.removeChild(el);\n return template;\n }\n\n function liftNonNativeTemplateChildrenIntoContent(template, el, useRoot) {\n var content = template.content;\n if (useRoot) {\n content.appendChild(el);\n return;\n }\n\n var child;\n while (child = el.firstChild) {\n content.appendChild(child);\n }\n }\n\n var templateObserver;\n if (typeof MutationObserver == 'function') {\n templateObserver = new MutationObserver(function(records) {\n for (var i = 0; i < records.length; i++) {\n records[i].target.refChanged_();\n }\n });\n }\n\n /**\n * Ensures proper API and content model for template elements.\n * @param {HTMLTemplateElement} opt_instanceRef The template element which\n * |el| template element will return as the value of its ref(), and whose\n * content will be used as source when createInstance() is invoked.\n */\n HTMLTemplateElement.decorate = function(el, opt_instanceRef) {\n if (el.templateIsDecorated_)\n return false;\n\n var templateElement = el;\n templateElement.templateIsDecorated_ = true;\n\n var isNativeHTMLTemplate = isHTMLTemplate(templateElement) &&\n hasTemplateElement;\n var bootstrapContents = isNativeHTMLTemplate;\n var liftContents = !isNativeHTMLTemplate;\n var liftRoot = false;\n\n if (!isNativeHTMLTemplate) {\n if (isAttributeTemplate(templateElement)) {\n assert(!opt_instanceRef);\n templateElement = extractTemplateFromAttributeTemplate(el);\n templateElement.templateIsDecorated_ = true;\n isNativeHTMLTemplate = hasTemplateElement;\n liftRoot = true;\n } else if (isSVGTemplate(templateElement)) {\n templateElement = extractTemplateFromSVGTemplate(el);\n templateElement.templateIsDecorated_ = true;\n isNativeHTMLTemplate = hasTemplateElement;\n }\n }\n\n if (!isNativeHTMLTemplate) {\n fixTemplateElementPrototype(templateElement);\n var doc = getOrCreateTemplateContentsOwner(templateElement);\n templateElement.content_ = doc.createDocumentFragment();\n }\n\n if (opt_instanceRef) {\n // template is contained within an instance, its direct content must be\n // empty\n templateElement.instanceRef_ = opt_instanceRef;\n } else if (liftContents) {\n liftNonNativeTemplateChildrenIntoContent(templateElement,\n el,\n liftRoot);\n } else if (bootstrapContents) {\n bootstrapTemplatesRecursivelyFrom(templateElement.content);\n }\n\n return true;\n };\n\n // TODO(rafaelw): This used to decorate recursively all templates from a given\n // node. This happens by default on 'DOMContentLoaded', but may be needed\n // in subtrees not descendent from document (e.g. ShadowRoot).\n // Review whether this is the right public API.\n HTMLTemplateElement.bootstrap = bootstrapTemplatesRecursivelyFrom;\n\n var htmlElement = global.HTMLUnknownElement || HTMLElement;\n\n var contentDescriptor = {\n get: function() {\n return this.content_;\n },\n enumerable: true,\n configurable: true\n };\n\n if (!hasTemplateElement) {\n // Gecko is more picky with the prototype than WebKit. Make sure to use the\n // same prototype as created in the constructor.\n HTMLTemplateElement.prototype = Object.create(htmlElement.prototype);\n\n Object.defineProperty(HTMLTemplateElement.prototype, 'content',\n contentDescriptor);\n }\n\n function fixTemplateElementPrototype(el) {\n if (hasProto)\n el.__proto__ = HTMLTemplateElement.prototype;\n else\n mixin(el, HTMLTemplateElement.prototype);\n }\n\n function ensureSetModelScheduled(template) {\n if (!template.setModelFn_) {\n template.setModelFn_ = function() {\n template.setModelFnScheduled_ = false;\n var map = getBindings(template,\n template.delegate_ && template.delegate_.prepareBinding);\n processBindings(template, map, template.model_);\n };\n }\n\n if (!template.setModelFnScheduled_) {\n template.setModelFnScheduled_ = true;\n Observer.runEOM_(template.setModelFn_);\n }\n }\n\n mixin(HTMLTemplateElement.prototype, {\n bind: function(name, value, oneTime) {\n if (name != 'ref')\n return Element.prototype.bind.call(this, name, value, oneTime);\n\n var self = this;\n var ref = oneTime ? value : value.open(function(ref) {\n self.setAttribute('ref', ref);\n self.refChanged_();\n });\n\n this.setAttribute('ref', ref);\n this.refChanged_();\n if (oneTime)\n return;\n\n if (!this.bindings_) {\n this.bindings_ = { ref: value };\n } else {\n this.bindings_.ref = value;\n }\n\n return value;\n },\n\n processBindingDirectives_: function(directives) {\n if (this.iterator_)\n this.iterator_.closeDeps();\n\n if (!directives.if && !directives.bind && !directives.repeat) {\n if (this.iterator_) {\n this.iterator_.close();\n this.iterator_ = undefined;\n }\n\n return;\n }\n\n if (!this.iterator_) {\n this.iterator_ = new TemplateIterator(this);\n }\n\n this.iterator_.updateDependencies(directives, this.model_);\n\n if (templateObserver) {\n templateObserver.observe(this, { attributes: true,\n attributeFilter: ['ref'] });\n }\n\n return this.iterator_;\n },\n\n createInstance: function(model, bindingDelegate, delegate_) {\n if (bindingDelegate)\n delegate_ = this.newDelegate_(bindingDelegate);\n else if (!delegate_)\n delegate_ = this.delegate_;\n\n if (!this.refContent_)\n this.refContent_ = this.ref_.content;\n var content = this.refContent_;\n if (content.firstChild === null)\n return emptyInstance;\n\n var map = getInstanceBindingMap(content, delegate_);\n var stagingDocument = getTemplateStagingDocument(this);\n var instance = stagingDocument.createDocumentFragment();\n instance.templateCreator_ = this;\n instance.protoContent_ = content;\n instance.bindings_ = [];\n instance.terminator_ = null;\n var instanceRecord = instance.templateInstance_ = {\n firstNode: null,\n lastNode: null,\n model: model\n };\n\n var i = 0;\n var collectTerminator = false;\n for (var child = content.firstChild; child; child = child.nextSibling) {\n // The terminator of the instance is the clone of the last child of the\n // content. If the last child is an active template, it may produce\n // instances as a result of production, so simply collecting the last\n // child of the instance after it has finished producing may be wrong.\n if (child.nextSibling === null)\n collectTerminator = true;\n\n var clone = cloneAndBindInstance(child, instance, stagingDocument,\n map.children[i++],\n model,\n delegate_,\n instance.bindings_);\n clone.templateInstance_ = instanceRecord;\n if (collectTerminator)\n instance.terminator_ = clone;\n }\n\n instanceRecord.firstNode = instance.firstChild;\n instanceRecord.lastNode = instance.lastChild;\n instance.templateCreator_ = undefined;\n instance.protoContent_ = undefined;\n return instance;\n },\n\n get model() {\n return this.model_;\n },\n\n set model(model) {\n this.model_ = model;\n ensureSetModelScheduled(this);\n },\n\n get bindingDelegate() {\n return this.delegate_ && this.delegate_.raw;\n },\n\n refChanged_: function() {\n if (!this.iterator_ || this.refContent_ === this.ref_.content)\n return;\n\n this.refContent_ = undefined;\n this.iterator_.valueChanged();\n this.iterator_.updateIteratedValue(this.iterator_.getUpdatedValue());\n },\n\n clear: function() {\n this.model_ = undefined;\n this.delegate_ = undefined;\n if (this.bindings_ && this.bindings_.ref)\n this.bindings_.ref.close()\n this.refContent_ = undefined;\n if (!this.iterator_)\n return;\n this.iterator_.valueChanged();\n this.iterator_.close()\n this.iterator_ = undefined;\n },\n\n setDelegate_: function(delegate) {\n this.delegate_ = delegate;\n this.bindingMap_ = undefined;\n if (this.iterator_) {\n this.iterator_.instancePositionChangedFn_ = undefined;\n this.iterator_.instanceModelFn_ = undefined;\n }\n },\n\n newDelegate_: function(bindingDelegate) {\n if (!bindingDelegate)\n return;\n\n function delegateFn(name) {\n var fn = bindingDelegate && bindingDelegate[name];\n if (typeof fn != 'function')\n return;\n\n return function() {\n return fn.apply(bindingDelegate, arguments);\n };\n }\n\n return {\n bindingMaps: {},\n raw: bindingDelegate,\n prepareBinding: delegateFn('prepareBinding'),\n prepareInstanceModel: delegateFn('prepareInstanceModel'),\n prepareInstancePositionChanged:\n delegateFn('prepareInstancePositionChanged')\n };\n },\n\n set bindingDelegate(bindingDelegate) {\n if (this.delegate_) {\n throw Error('Template must be cleared before a new bindingDelegate ' +\n 'can be assigned');\n }\n\n this.setDelegate_(this.newDelegate_(bindingDelegate));\n },\n\n get ref_() {\n var ref = searchRefId(this, this.getAttribute('ref'));\n if (!ref)\n ref = this.instanceRef_;\n\n if (!ref)\n return this;\n\n var nextRef = ref.ref_;\n return nextRef ? nextRef : ref;\n }\n });\n\n // Returns\n // a) undefined if there are no mustaches.\n // b) [TEXT, (ONE_TIME?, PATH, DELEGATE_FN, TEXT)+] if there is at least one mustache.\n function parseMustaches(s, name, node, prepareBindingFn) {\n if (!s || !s.length)\n return;\n\n var tokens;\n var length = s.length;\n var startIndex = 0, lastIndex = 0, endIndex = 0;\n var onlyOneTime = true;\n while (lastIndex < length) {\n var startIndex = s.indexOf('{{', lastIndex);\n var oneTimeStart = s.indexOf('[[', lastIndex);\n var oneTime = false;\n var terminator = '}}';\n\n if (oneTimeStart >= 0 &&\n (startIndex < 0 || oneTimeStart < startIndex)) {\n startIndex = oneTimeStart;\n oneTime = true;\n terminator = ']]';\n }\n\n endIndex = startIndex < 0 ? -1 : s.indexOf(terminator, startIndex + 2);\n\n if (endIndex < 0) {\n if (!tokens)\n return;\n\n tokens.push(s.slice(lastIndex)); // TEXT\n break;\n }\n\n tokens = tokens || [];\n tokens.push(s.slice(lastIndex, startIndex)); // TEXT\n var pathString = s.slice(startIndex + 2, endIndex).trim();\n tokens.push(oneTime); // ONE_TIME?\n onlyOneTime = onlyOneTime && oneTime;\n var delegateFn = prepareBindingFn &&\n prepareBindingFn(pathString, name, node);\n // Don't try to parse the expression if there's a prepareBinding function\n if (delegateFn == null) {\n tokens.push(Path.get(pathString)); // PATH\n } else {\n tokens.push(null);\n }\n tokens.push(delegateFn); // DELEGATE_FN\n lastIndex = endIndex + 2;\n }\n\n if (lastIndex === length)\n tokens.push(''); // TEXT\n\n tokens.hasOnePath = tokens.length === 5;\n tokens.isSimplePath = tokens.hasOnePath &&\n tokens[0] == '' &&\n tokens[4] == '';\n tokens.onlyOneTime = onlyOneTime;\n\n tokens.combinator = function(values) {\n var newValue = tokens[0];\n\n for (var i = 1; i < tokens.length; i += 4) {\n var value = tokens.hasOnePath ? values : values[(i - 1) / 4];\n if (value !== undefined)\n newValue += value;\n newValue += tokens[i + 3];\n }\n\n return newValue;\n }\n\n return tokens;\n };\n\n function processOneTimeBinding(name, tokens, node, model) {\n if (tokens.hasOnePath) {\n var delegateFn = tokens[3];\n var value = delegateFn ? delegateFn(model, node, true) :\n tokens[2].getValueFrom(model);\n return tokens.isSimplePath ? value : tokens.combinator(value);\n }\n\n var values = [];\n for (var i = 1; i < tokens.length; i += 4) {\n var delegateFn = tokens[i + 2];\n values[(i - 1) / 4] = delegateFn ? delegateFn(model, node) :\n tokens[i + 1].getValueFrom(model);\n }\n\n return tokens.combinator(values);\n }\n\n function processSinglePathBinding(name, tokens, node, model) {\n var delegateFn = tokens[3];\n var observer = delegateFn ? delegateFn(model, node, false) :\n new PathObserver(model, tokens[2]);\n\n return tokens.isSimplePath ? observer :\n new ObserverTransform(observer, tokens.combinator);\n }\n\n function processBinding(name, tokens, node, model) {\n if (tokens.onlyOneTime)\n return processOneTimeBinding(name, tokens, node, model);\n\n if (tokens.hasOnePath)\n return processSinglePathBinding(name, tokens, node, model);\n\n var observer = new CompoundObserver();\n\n for (var i = 1; i < tokens.length; i += 4) {\n var oneTime = tokens[i];\n var delegateFn = tokens[i + 2];\n\n if (delegateFn) {\n var value = delegateFn(model, node, oneTime);\n if (oneTime)\n observer.addPath(value)\n else\n observer.addObserver(value);\n continue;\n }\n\n var path = tokens[i + 1];\n if (oneTime)\n observer.addPath(path.getValueFrom(model))\n else\n observer.addPath(model, path);\n }\n\n return new ObserverTransform(observer, tokens.combinator);\n }\n\n function processBindings(node, bindings, model, instanceBindings) {\n for (var i = 0; i < bindings.length; i += 2) {\n var name = bindings[i]\n var tokens = bindings[i + 1];\n var value = processBinding(name, tokens, node, model);\n var binding = node.bind(name, value, tokens.onlyOneTime);\n if (binding && instanceBindings)\n instanceBindings.push(binding);\n }\n\n node.bindFinished();\n if (!bindings.isTemplate)\n return;\n\n node.model_ = model;\n var iter = node.processBindingDirectives_(bindings);\n if (instanceBindings && iter)\n instanceBindings.push(iter);\n }\n\n function parseWithDefault(el, name, prepareBindingFn) {\n var v = el.getAttribute(name);\n return parseMustaches(v == '' ? '{{}}' : v, name, el, prepareBindingFn);\n }\n\n function parseAttributeBindings(element, prepareBindingFn) {\n assert(element);\n\n var bindings = [];\n var ifFound = false;\n var bindFound = false;\n\n for (var i = 0; i < element.attributes.length; i++) {\n var attr = element.attributes[i];\n var name = attr.name;\n var value = attr.value;\n\n // Allow bindings expressed in attributes to be prefixed with underbars.\n // We do this to allow correct semantics for browsers that don't implement\n // where certain attributes might trigger side-effects -- and\n // for IE which sanitizes certain attributes, disallowing mustache\n // replacements in their text.\n while (name[0] === '_') {\n name = name.substring(1);\n }\n\n if (isTemplate(element) &&\n (name === IF || name === BIND || name === REPEAT)) {\n continue;\n }\n\n var tokens = parseMustaches(value, name, element,\n prepareBindingFn);\n if (!tokens)\n continue;\n\n bindings.push(name, tokens);\n }\n\n if (isTemplate(element)) {\n bindings.isTemplate = true;\n bindings.if = parseWithDefault(element, IF, prepareBindingFn);\n bindings.bind = parseWithDefault(element, BIND, prepareBindingFn);\n bindings.repeat = parseWithDefault(element, REPEAT, prepareBindingFn);\n\n if (bindings.if && !bindings.bind && !bindings.repeat)\n bindings.bind = parseMustaches('{{}}', BIND, element, prepareBindingFn);\n }\n\n return bindings;\n }\n\n function getBindings(node, prepareBindingFn) {\n if (node.nodeType === Node.ELEMENT_NODE)\n return parseAttributeBindings(node, prepareBindingFn);\n\n if (node.nodeType === Node.TEXT_NODE) {\n var tokens = parseMustaches(node.data, 'textContent', node,\n prepareBindingFn);\n if (tokens)\n return ['textContent', tokens];\n }\n\n return [];\n }\n\n function cloneAndBindInstance(node, parent, stagingDocument, bindings, model,\n delegate,\n instanceBindings,\n instanceRecord) {\n var clone = parent.appendChild(stagingDocument.importNode(node, false));\n\n var i = 0;\n for (var child = node.firstChild; child; child = child.nextSibling) {\n cloneAndBindInstance(child, clone, stagingDocument,\n bindings.children[i++],\n model,\n delegate,\n instanceBindings);\n }\n\n if (bindings.isTemplate) {\n HTMLTemplateElement.decorate(clone, node);\n if (delegate)\n clone.setDelegate_(delegate);\n }\n\n processBindings(clone, bindings, model, instanceBindings);\n return clone;\n }\n\n function createInstanceBindingMap(node, prepareBindingFn) {\n var map = getBindings(node, prepareBindingFn);\n map.children = {};\n var index = 0;\n for (var child = node.firstChild; child; child = child.nextSibling) {\n map.children[index++] = createInstanceBindingMap(child, prepareBindingFn);\n }\n\n return map;\n }\n\n var contentUidCounter = 1;\n\n // TODO(rafaelw): Setup a MutationObserver on content which clears the id\n // so that bindingMaps regenerate when the template.content changes.\n function getContentUid(content) {\n var id = content.id_;\n if (!id)\n id = content.id_ = contentUidCounter++;\n return id;\n }\n\n // Each delegate is associated with a set of bindingMaps, one for each\n // content which may be used by a template. The intent is that each binding\n // delegate gets the opportunity to prepare the instance (via the prepare*\n // delegate calls) once across all uses.\n // TODO(rafaelw): Separate out the parse map from the binding map. In the\n // current implementation, if two delegates need a binding map for the same\n // content, the second will have to reparse.\n function getInstanceBindingMap(content, delegate_) {\n var contentId = getContentUid(content);\n if (delegate_) {\n var map = delegate_.bindingMaps[contentId];\n if (!map) {\n map = delegate_.bindingMaps[contentId] =\n createInstanceBindingMap(content, delegate_.prepareBinding) || [];\n }\n return map;\n }\n\n var map = content.bindingMap_;\n if (!map) {\n map = content.bindingMap_ =\n createInstanceBindingMap(content, undefined) || [];\n }\n return map;\n }\n\n Object.defineProperty(Node.prototype, 'templateInstance', {\n get: function() {\n var instance = this.templateInstance_;\n return instance ? instance :\n (this.parentNode ? this.parentNode.templateInstance : undefined);\n }\n });\n\n var emptyInstance = document.createDocumentFragment();\n emptyInstance.bindings_ = [];\n emptyInstance.terminator_ = null;\n\n function TemplateIterator(templateElement) {\n this.closed = false;\n this.templateElement_ = templateElement;\n this.instances = [];\n this.deps = undefined;\n this.iteratedValue = [];\n this.presentValue = undefined;\n this.arrayObserver = undefined;\n }\n\n TemplateIterator.prototype = {\n closeDeps: function() {\n var deps = this.deps;\n if (deps) {\n if (deps.ifOneTime === false)\n deps.ifValue.close();\n if (deps.oneTime === false)\n deps.value.close();\n }\n },\n\n updateDependencies: function(directives, model) {\n this.closeDeps();\n\n var deps = this.deps = {};\n var template = this.templateElement_;\n\n var ifValue = true;\n if (directives.if) {\n deps.hasIf = true;\n deps.ifOneTime = directives.if.onlyOneTime;\n deps.ifValue = processBinding(IF, directives.if, template, model);\n\n ifValue = deps.ifValue;\n\n // oneTime if & predicate is false. nothing else to do.\n if (deps.ifOneTime && !ifValue) {\n this.valueChanged();\n return;\n }\n\n if (!deps.ifOneTime)\n ifValue = ifValue.open(this.updateIfValue, this);\n }\n\n if (directives.repeat) {\n deps.repeat = true;\n deps.oneTime = directives.repeat.onlyOneTime;\n deps.value = processBinding(REPEAT, directives.repeat, template, model);\n } else {\n deps.repeat = false;\n deps.oneTime = directives.bind.onlyOneTime;\n deps.value = processBinding(BIND, directives.bind, template, model);\n }\n\n var value = deps.value;\n if (!deps.oneTime)\n value = value.open(this.updateIteratedValue, this);\n\n if (!ifValue) {\n this.valueChanged();\n return;\n }\n\n this.updateValue(value);\n },\n\n /**\n * Gets the updated value of the bind/repeat. This can potentially call\n * user code (if a bindingDelegate is set up) so we try to avoid it if we\n * already have the value in hand (from Observer.open).\n */\n getUpdatedValue: function() {\n var value = this.deps.value;\n if (!this.deps.oneTime)\n value = value.discardChanges();\n return value;\n },\n\n updateIfValue: function(ifValue) {\n if (!ifValue) {\n this.valueChanged();\n return;\n }\n\n this.updateValue(this.getUpdatedValue());\n },\n\n updateIteratedValue: function(value) {\n if (this.deps.hasIf) {\n var ifValue = this.deps.ifValue;\n if (!this.deps.ifOneTime)\n ifValue = ifValue.discardChanges();\n if (!ifValue) {\n this.valueChanged();\n return;\n }\n }\n\n this.updateValue(value);\n },\n\n updateValue: function(value) {\n if (!this.deps.repeat)\n value = [value];\n var observe = this.deps.repeat &&\n !this.deps.oneTime &&\n Array.isArray(value);\n this.valueChanged(value, observe);\n },\n\n valueChanged: function(value, observeValue) {\n if (!Array.isArray(value))\n value = [];\n\n if (value === this.iteratedValue)\n return;\n\n this.unobserve();\n this.presentValue = value;\n if (observeValue) {\n this.arrayObserver = new ArrayObserver(this.presentValue);\n this.arrayObserver.open(this.handleSplices, this);\n }\n\n this.handleSplices(ArrayObserver.calculateSplices(this.presentValue,\n this.iteratedValue));\n },\n\n getLastInstanceNode: function(index) {\n if (index == -1)\n return this.templateElement_;\n var instance = this.instances[index];\n var terminator = instance.terminator_;\n if (!terminator)\n return this.getLastInstanceNode(index - 1);\n\n if (terminator.nodeType !== Node.ELEMENT_NODE ||\n this.templateElement_ === terminator) {\n return terminator;\n }\n\n var subtemplateIterator = terminator.iterator_;\n if (!subtemplateIterator)\n return terminator;\n\n return subtemplateIterator.getLastTemplateNode();\n },\n\n getLastTemplateNode: function() {\n return this.getLastInstanceNode(this.instances.length - 1);\n },\n\n insertInstanceAt: function(index, fragment) {\n var previousInstanceLast = this.getLastInstanceNode(index - 1);\n var parent = this.templateElement_.parentNode;\n this.instances.splice(index, 0, fragment);\n\n parent.insertBefore(fragment, previousInstanceLast.nextSibling);\n },\n\n extractInstanceAt: function(index) {\n var previousInstanceLast = this.getLastInstanceNode(index - 1);\n var lastNode = this.getLastInstanceNode(index);\n var parent = this.templateElement_.parentNode;\n var instance = this.instances.splice(index, 1)[0];\n\n while (lastNode !== previousInstanceLast) {\n var node = previousInstanceLast.nextSibling;\n if (node == lastNode)\n lastNode = previousInstanceLast;\n\n instance.appendChild(parent.removeChild(node));\n }\n\n return instance;\n },\n\n getDelegateFn: function(fn) {\n fn = fn && fn(this.templateElement_);\n return typeof fn === 'function' ? fn : null;\n },\n\n handleSplices: function(splices) {\n if (this.closed || !splices.length)\n return;\n\n var template = this.templateElement_;\n\n if (!template.parentNode) {\n this.close();\n return;\n }\n\n ArrayObserver.applySplices(this.iteratedValue, this.presentValue,\n splices);\n\n var delegate = template.delegate_;\n if (this.instanceModelFn_ === undefined) {\n this.instanceModelFn_ =\n this.getDelegateFn(delegate && delegate.prepareInstanceModel);\n }\n\n if (this.instancePositionChangedFn_ === undefined) {\n this.instancePositionChangedFn_ =\n this.getDelegateFn(delegate &&\n delegate.prepareInstancePositionChanged);\n }\n\n // Instance Removals\n var instanceCache = new Map;\n var removeDelta = 0;\n for (var i = 0; i < splices.length; i++) {\n var splice = splices[i];\n var removed = splice.removed;\n for (var j = 0; j < removed.length; j++) {\n var model = removed[j];\n var instance = this.extractInstanceAt(splice.index + removeDelta);\n if (instance !== emptyInstance) {\n instanceCache.set(model, instance);\n }\n }\n\n removeDelta -= splice.addedCount;\n }\n\n // Instance Insertions\n for (var i = 0; i < splices.length; i++) {\n var splice = splices[i];\n var addIndex = splice.index;\n for (; addIndex < splice.index + splice.addedCount; addIndex++) {\n var model = this.iteratedValue[addIndex];\n var instance = instanceCache.get(model);\n if (instance) {\n instanceCache.delete(model);\n } else {\n if (this.instanceModelFn_) {\n model = this.instanceModelFn_(model);\n }\n\n if (model === undefined) {\n instance = emptyInstance;\n } else {\n instance = template.createInstance(model, undefined, delegate);\n }\n }\n\n this.insertInstanceAt(addIndex, instance);\n }\n }\n\n instanceCache.forEach(function(instance) {\n this.closeInstanceBindings(instance);\n }, this);\n\n if (this.instancePositionChangedFn_)\n this.reportInstancesMoved(splices);\n },\n\n reportInstanceMoved: function(index) {\n var instance = this.instances[index];\n if (instance === emptyInstance)\n return;\n\n this.instancePositionChangedFn_(instance.templateInstance_, index);\n },\n\n reportInstancesMoved: function(splices) {\n var index = 0;\n var offset = 0;\n for (var i = 0; i < splices.length; i++) {\n var splice = splices[i];\n if (offset != 0) {\n while (index < splice.index) {\n this.reportInstanceMoved(index);\n index++;\n }\n } else {\n index = splice.index;\n }\n\n while (index < splice.index + splice.addedCount) {\n this.reportInstanceMoved(index);\n index++;\n }\n\n offset += splice.addedCount - splice.removed.length;\n }\n\n if (offset == 0)\n return;\n\n var length = this.instances.length;\n while (index < length) {\n this.reportInstanceMoved(index);\n index++;\n }\n },\n\n closeInstanceBindings: function(instance) {\n var bindings = instance.bindings_;\n for (var i = 0; i < bindings.length; i++) {\n bindings[i].close();\n }\n },\n\n unobserve: function() {\n if (!this.arrayObserver)\n return;\n\n this.arrayObserver.close();\n this.arrayObserver = undefined;\n },\n\n close: function() {\n if (this.closed)\n return;\n this.unobserve();\n for (var i = 0; i < this.instances.length; i++) {\n this.closeInstanceBindings(this.instances[i]);\n }\n\n this.instances.length = 0;\n this.closeDeps();\n this.templateElement_.iterator_ = undefined;\n this.closed = true;\n }\n };\n\n // Polyfill-specific API.\n HTMLTemplateElement.forAllTemplatesFrom_ = forAllTemplatesFrom;\n})(this);\n\n(function(scope) {\n 'use strict';\n\n // feature detect for URL constructor\n var hasWorkingUrl = false;\n if (!scope.forceJURL) {\n try {\n var u = new URL('b', 'http://a');\n hasWorkingUrl = u.href === 'http://a/b';\n } catch(e) {}\n }\n\n if (hasWorkingUrl)\n return;\n\n var relative = Object.create(null);\n relative['ftp'] = 21;\n relative['file'] = 0;\n relative['gopher'] = 70;\n relative['http'] = 80;\n relative['https'] = 443;\n relative['ws'] = 80;\n relative['wss'] = 443;\n\n var relativePathDotMapping = Object.create(null);\n relativePathDotMapping['%2e'] = '.';\n relativePathDotMapping['.%2e'] = '..';\n relativePathDotMapping['%2e.'] = '..';\n relativePathDotMapping['%2e%2e'] = '..';\n\n function isRelativeScheme(scheme) {\n return relative[scheme] !== undefined;\n }\n\n function invalid() {\n clear.call(this);\n this._isInvalid = true;\n }\n\n function IDNAToASCII(h) {\n if ('' == h) {\n invalid.call(this)\n }\n // XXX\n return h.toLowerCase()\n }\n\n function percentEscape(c) {\n var unicode = c.charCodeAt(0);\n if (unicode > 0x20 &&\n unicode < 0x7F &&\n // \" # < > ? `\n [0x22, 0x23, 0x3C, 0x3E, 0x3F, 0x60].indexOf(unicode) == -1\n ) {\n return c;\n }\n return encodeURIComponent(c);\n }\n\n function percentEscapeQuery(c) {\n // XXX This actually needs to encode c using encoding and then\n // convert the bytes one-by-one.\n\n var unicode = c.charCodeAt(0);\n if (unicode > 0x20 &&\n unicode < 0x7F &&\n // \" # < > ` (do not escape '?')\n [0x22, 0x23, 0x3C, 0x3E, 0x60].indexOf(unicode) == -1\n ) {\n return c;\n }\n return encodeURIComponent(c);\n }\n\n var EOF = undefined,\n ALPHA = /[a-zA-Z]/,\n ALPHANUMERIC = /[a-zA-Z0-9\\+\\-\\.]/;\n\n function parse(input, stateOverride, base) {\n function err(message) {\n errors.push(message)\n }\n\n var state = stateOverride || 'scheme start',\n cursor = 0,\n buffer = '',\n seenAt = false,\n seenBracket = false,\n errors = [];\n\n loop: while ((input[cursor - 1] != EOF || cursor == 0) && !this._isInvalid) {\n var c = input[cursor];\n switch (state) {\n case 'scheme start':\n if (c && ALPHA.test(c)) {\n buffer += c.toLowerCase(); // ASCII-safe\n state = 'scheme';\n } else if (!stateOverride) {\n buffer = '';\n state = 'no scheme';\n continue;\n } else {\n err('Invalid scheme.');\n break loop;\n }\n break;\n\n case 'scheme':\n if (c && ALPHANUMERIC.test(c)) {\n buffer += c.toLowerCase(); // ASCII-safe\n } else if (':' == c) {\n this._scheme = buffer;\n buffer = '';\n if (stateOverride) {\n break loop;\n }\n if (isRelativeScheme(this._scheme)) {\n this._isRelative = true;\n }\n if ('file' == this._scheme) {\n state = 'relative';\n } else if (this._isRelative && base && base._scheme == this._scheme) {\n state = 'relative or authority';\n } else if (this._isRelative) {\n state = 'authority first slash';\n } else {\n state = 'scheme data';\n }\n } else if (!stateOverride) {\n buffer = '';\n cursor = 0;\n state = 'no scheme';\n continue;\n } else if (EOF == c) {\n break loop;\n } else {\n err('Code point not allowed in scheme: ' + c)\n break loop;\n }\n break;\n\n case 'scheme data':\n if ('?' == c) {\n query = '?';\n state = 'query';\n } else if ('#' == c) {\n this._fragment = '#';\n state = 'fragment';\n } else {\n // XXX error handling\n if (EOF != c && '\\t' != c && '\\n' != c && '\\r' != c) {\n this._schemeData += percentEscape(c);\n }\n }\n break;\n\n case 'no scheme':\n if (!base || !(isRelativeScheme(base._scheme))) {\n err('Missing scheme.');\n invalid.call(this);\n } else {\n state = 'relative';\n continue;\n }\n break;\n\n case 'relative or authority':\n if ('/' == c && '/' == input[cursor+1]) {\n state = 'authority ignore slashes';\n } else {\n err('Expected /, got: ' + c);\n state = 'relative';\n continue\n }\n break;\n\n case 'relative':\n this._isRelative = true;\n if ('file' != this._scheme)\n this._scheme = base._scheme;\n if (EOF == c) {\n this._host = base._host;\n this._port = base._port;\n this._path = base._path.slice();\n this._query = base._query;\n break loop;\n } else if ('/' == c || '\\\\' == c) {\n if ('\\\\' == c)\n err('\\\\ is an invalid code point.');\n state = 'relative slash';\n } else if ('?' == c) {\n this._host = base._host;\n this._port = base._port;\n this._path = base._path.slice();\n this._query = '?';\n state = 'query';\n } else if ('#' == c) {\n this._host = base._host;\n this._port = base._port;\n this._path = base._path.slice();\n this._query = base._query;\n this._fragment = '#';\n state = 'fragment';\n } else {\n var nextC = input[cursor+1]\n var nextNextC = input[cursor+2]\n if (\n 'file' != this._scheme || !ALPHA.test(c) ||\n (nextC != ':' && nextC != '|') ||\n (EOF != nextNextC && '/' != nextNextC && '\\\\' != nextNextC && '?' != nextNextC && '#' != nextNextC)) {\n this._host = base._host;\n this._port = base._port;\n this._path = base._path.slice();\n this._path.pop();\n }\n state = 'relative path';\n continue;\n }\n break;\n\n case 'relative slash':\n if ('/' == c || '\\\\' == c) {\n if ('\\\\' == c) {\n err('\\\\ is an invalid code point.');\n }\n if ('file' == this._scheme) {\n state = 'file host';\n } else {\n state = 'authority ignore slashes';\n }\n } else {\n if ('file' != this._scheme) {\n this._host = base._host;\n this._port = base._port;\n }\n state = 'relative path';\n continue;\n }\n break;\n\n case 'authority first slash':\n if ('/' == c) {\n state = 'authority second slash';\n } else {\n err(\"Expected '/', got: \" + c);\n state = 'authority ignore slashes';\n continue;\n }\n break;\n\n case 'authority second slash':\n state = 'authority ignore slashes';\n if ('/' != c) {\n err(\"Expected '/', got: \" + c);\n continue;\n }\n break;\n\n case 'authority ignore slashes':\n if ('/' != c && '\\\\' != c) {\n state = 'authority';\n continue;\n } else {\n err('Expected authority, got: ' + c);\n }\n break;\n\n case 'authority':\n if ('@' == c) {\n if (seenAt) {\n err('@ already seen.');\n buffer += '%40';\n }\n seenAt = true;\n for (var i = 0; i < buffer.length; i++) {\n var cp = buffer[i];\n if ('\\t' == cp || '\\n' == cp || '\\r' == cp) {\n err('Invalid whitespace in authority.');\n continue;\n }\n // XXX check URL code points\n if (':' == cp && null === this._password) {\n this._password = '';\n continue;\n }\n var tempC = percentEscape(cp);\n (null !== this._password) ? this._password += tempC : this._username += tempC;\n }\n buffer = '';\n } else if (EOF == c || '/' == c || '\\\\' == c || '?' == c || '#' == c) {\n cursor -= buffer.length;\n buffer = '';\n state = 'host';\n continue;\n } else {\n buffer += c;\n }\n break;\n\n case 'file host':\n if (EOF == c || '/' == c || '\\\\' == c || '?' == c || '#' == c) {\n if (buffer.length == 2 && ALPHA.test(buffer[0]) && (buffer[1] == ':' || buffer[1] == '|')) {\n state = 'relative path';\n } else if (buffer.length == 0) {\n state = 'relative path start';\n } else {\n this._host = IDNAToASCII.call(this, buffer);\n buffer = '';\n state = 'relative path start';\n }\n continue;\n } else if ('\\t' == c || '\\n' == c || '\\r' == c) {\n err('Invalid whitespace in file host.');\n } else {\n buffer += c;\n }\n break;\n\n case 'host':\n case 'hostname':\n if (':' == c && !seenBracket) {\n // XXX host parsing\n this._host = IDNAToASCII.call(this, buffer);\n buffer = '';\n state = 'port';\n if ('hostname' == stateOverride) {\n break loop;\n }\n } else if (EOF == c || '/' == c || '\\\\' == c || '?' == c || '#' == c) {\n this._host = IDNAToASCII.call(this, buffer);\n buffer = '';\n state = 'relative path start';\n if (stateOverride) {\n break loop;\n }\n continue;\n } else if ('\\t' != c && '\\n' != c && '\\r' != c) {\n if ('[' == c) {\n seenBracket = true;\n } else if (']' == c) {\n seenBracket = false;\n }\n buffer += c;\n } else {\n err('Invalid code point in host/hostname: ' + c);\n }\n break;\n\n case 'port':\n if (/[0-9]/.test(c)) {\n buffer += c;\n } else if (EOF == c || '/' == c || '\\\\' == c || '?' == c || '#' == c || stateOverride) {\n if ('' != buffer) {\n var temp = parseInt(buffer, 10);\n if (temp != relative[this._scheme]) {\n this._port = temp + '';\n }\n buffer = '';\n }\n if (stateOverride) {\n break loop;\n }\n state = 'relative path start';\n continue;\n } else if ('\\t' == c || '\\n' == c || '\\r' == c) {\n err('Invalid code point in port: ' + c);\n } else {\n invalid.call(this);\n }\n break;\n\n case 'relative path start':\n if ('\\\\' == c)\n err(\"'\\\\' not allowed in path.\");\n state = 'relative path';\n if ('/' != c && '\\\\' != c) {\n continue;\n }\n break;\n\n case 'relative path':\n if (EOF == c || '/' == c || '\\\\' == c || (!stateOverride && ('?' == c || '#' == c))) {\n if ('\\\\' == c) {\n err('\\\\ not allowed in relative path.');\n }\n var tmp;\n if (tmp = relativePathDotMapping[buffer.toLowerCase()]) {\n buffer = tmp;\n }\n if ('..' == buffer) {\n this._path.pop();\n if ('/' != c && '\\\\' != c) {\n this._path.push('');\n }\n } else if ('.' == buffer && '/' != c && '\\\\' != c) {\n this._path.push('');\n } else if ('.' != buffer) {\n if ('file' == this._scheme && this._path.length == 0 && buffer.length == 2 && ALPHA.test(buffer[0]) && buffer[1] == '|') {\n buffer = buffer[0] + ':';\n }\n this._path.push(buffer);\n }\n buffer = '';\n if ('?' == c) {\n this._query = '?';\n state = 'query';\n } else if ('#' == c) {\n this._fragment = '#';\n state = 'fragment';\n }\n } else if ('\\t' != c && '\\n' != c && '\\r' != c) {\n buffer += percentEscape(c);\n }\n break;\n\n case 'query':\n if (!stateOverride && '#' == c) {\n this._fragment = '#';\n state = 'fragment';\n } else if (EOF != c && '\\t' != c && '\\n' != c && '\\r' != c) {\n this._query += percentEscapeQuery(c);\n }\n break;\n\n case 'fragment':\n if (EOF != c && '\\t' != c && '\\n' != c && '\\r' != c) {\n this._fragment += c;\n }\n break;\n }\n\n cursor++;\n }\n }\n\n function clear() {\n this._scheme = '';\n this._schemeData = '';\n this._username = '';\n this._password = null;\n this._host = '';\n this._port = '';\n this._path = [];\n this._query = '';\n this._fragment = '';\n this._isInvalid = false;\n this._isRelative = false;\n }\n\n // Does not process domain names or IP addresses.\n // Does not handle encoding for the query parameter.\n function jURL(url, base /* , encoding */) {\n if (base !== undefined && !(base instanceof jURL))\n base = new jURL(String(base));\n\n this._url = url;\n clear.call(this);\n\n var input = url.replace(/^[ \\t\\r\\n\\f]+|[ \\t\\r\\n\\f]+$/g, '');\n // encoding = encoding || 'utf-8'\n\n parse.call(this, input, null, base);\n }\n\n jURL.prototype = {\n get href() {\n if (this._isInvalid)\n return this._url;\n\n var authority = '';\n if ('' != this._username || null != this._password) {\n authority = this._username +\n (null != this._password ? ':' + this._password : '') + '@';\n }\n\n return this.protocol +\n (this._isRelative ? '//' + authority + this.host : '') +\n this.pathname + this._query + this._fragment;\n },\n set href(href) {\n clear.call(this);\n parse.call(this, href);\n },\n\n get protocol() {\n return this._scheme + ':';\n },\n set protocol(protocol) {\n if (this._isInvalid)\n return;\n parse.call(this, protocol + ':', 'scheme start');\n },\n\n get host() {\n return this._isInvalid ? '' : this._port ?\n this._host + ':' + this._port : this._host;\n },\n set host(host) {\n if (this._isInvalid || !this._isRelative)\n return;\n parse.call(this, host, 'host');\n },\n\n get hostname() {\n return this._host;\n },\n set hostname(hostname) {\n if (this._isInvalid || !this._isRelative)\n return;\n parse.call(this, hostname, 'hostname');\n },\n\n get port() {\n return this._port;\n },\n set port(port) {\n if (this._isInvalid || !this._isRelative)\n return;\n parse.call(this, port, 'port');\n },\n\n get pathname() {\n return this._isInvalid ? '' : this._isRelative ?\n '/' + this._path.join('/') : this._schemeData;\n },\n set pathname(pathname) {\n if (this._isInvalid || !this._isRelative)\n return;\n this._path = [];\n parse.call(this, pathname, 'relative path start');\n },\n\n get search() {\n return this._isInvalid || !this._query || '?' == this._query ?\n '' : this._query;\n },\n set search(search) {\n if (this._isInvalid || !this._isRelative)\n return;\n this._query = '?';\n if ('?' == search[0])\n search = search.slice(1);\n parse.call(this, search, 'query');\n },\n\n get hash() {\n return this._isInvalid || !this._fragment || '#' == this._fragment ?\n '' : this._fragment;\n },\n set hash(hash) {\n if (this._isInvalid)\n return;\n this._fragment = '#';\n if ('#' == hash[0])\n hash = hash.slice(1);\n parse.call(this, hash, 'fragment');\n },\n\n get origin() {\n var host;\n if (this._isInvalid || !this._scheme) {\n return '';\n }\n // javascript: Gecko returns String(\"\"), WebKit/Blink String(\"null\")\n // Gecko throws error for \"data://\"\n // data: Gecko returns \"\", Blink returns \"data://\", WebKit returns \"null\"\n // Gecko returns String(\"\") for file: mailto:\n // WebKit/Blink returns String(\"SCHEME://\") for file: mailto:\n switch (this._scheme) {\n case 'data':\n case 'file':\n case 'javascript':\n case 'mailto':\n return 'null';\n }\n host = this.host;\n if (!host) {\n return '';\n }\n return this._scheme + '://' + host;\n }\n };\n\n // Copy over the static methods\n var OriginalURL = scope.URL;\n if (OriginalURL) {\n jURL.createObjectURL = function(blob) {\n // IE extension allows a second optional options argument.\n // http://msdn.microsoft.com/en-us/library/ie/hh772302(v=vs.85).aspx\n return OriginalURL.createObjectURL.apply(OriginalURL, arguments);\n };\n jURL.revokeObjectURL = function(url) {\n OriginalURL.revokeObjectURL(url);\n };\n }\n\n scope.URL = jURL;\n\n})(this);\n\n(function(scope) {\n\nvar iterations = 0;\nvar callbacks = [];\nvar twiddle = document.createTextNode('');\n\nfunction endOfMicrotask(callback) {\n twiddle.textContent = iterations++;\n callbacks.push(callback);\n}\n\nfunction atEndOfMicrotask() {\n while (callbacks.length) {\n callbacks.shift()();\n }\n}\n\nnew (window.MutationObserver || JsMutationObserver)(atEndOfMicrotask)\n .observe(twiddle, {characterData: true})\n ;\n\n// exports\nscope.endOfMicrotask = endOfMicrotask;\n// bc \nPlatform.endOfMicrotask = endOfMicrotask;\n\n})(Polymer);\n\n\n(function(scope) {\n\n/**\n * @class Polymer\n */\n\n// imports\nvar endOfMicrotask = scope.endOfMicrotask;\n\n// logging\nvar log = window.WebComponents ? WebComponents.flags.log : {};\n\n// inject style sheet\nvar style = document.createElement('style');\nstyle.textContent = 'template {display: none !important;} /* injected by platform.js */';\nvar head = document.querySelector('head');\nhead.insertBefore(style, head.firstChild);\n\n\n/**\n * Force any pending data changes to be observed before \n * the next task. Data changes are processed asynchronously but are guaranteed\n * to be processed, for example, before painting. This method should rarely be \n * needed. It does nothing when Object.observe is available; \n * when Object.observe is not available, Polymer automatically flushes data \n * changes approximately every 1/10 second. \n * Therefore, `flush` should only be used when a data mutation should be \n * observed sooner than this.\n * \n * @method flush\n */\n// flush (with logging)\nvar flushing;\nfunction flush() {\n if (!flushing) {\n flushing = true;\n endOfMicrotask(function() {\n flushing = false;\n log.data && console.group('flush');\n Platform.performMicrotaskCheckpoint();\n log.data && console.groupEnd();\n });\n }\n};\n\n// polling dirty checker\n// flush periodically if platform does not have object observe.\nif (!Observer.hasObjectObserve) {\n var FLUSH_POLL_INTERVAL = 125;\n window.addEventListener('WebComponentsReady', function() {\n flush();\n // watch document visiblity to toggle dirty-checking\n var visibilityHandler = function() {\n // only flush if the page is visibile\n if (document.visibilityState === 'hidden') {\n if (scope.flushPoll) {\n clearInterval(scope.flushPoll);\n }\n } else {\n scope.flushPoll = setInterval(flush, FLUSH_POLL_INTERVAL);\n }\n };\n if (typeof document.visibilityState === 'string') {\n document.addEventListener('visibilitychange', visibilityHandler);\n }\n visibilityHandler();\n });\n} else {\n // make flush a no-op when we have Object.observe\n flush = function() {};\n}\n\nif (window.CustomElements && !CustomElements.useNative) {\n var originalImportNode = Document.prototype.importNode;\n Document.prototype.importNode = function(node, deep) {\n var imported = originalImportNode.call(this, node, deep);\n CustomElements.upgradeAll(imported);\n return imported;\n };\n}\n\n// exports\nscope.flush = flush;\n// bc\nPlatform.flush = flush;\n\n})(window.Polymer);\n\n\n(function(scope) {\n\nvar urlResolver = {\n resolveDom: function(root, url) {\n url = url || baseUrl(root);\n this.resolveAttributes(root, url);\n this.resolveStyles(root, url);\n // handle template.content\n var templates = root.querySelectorAll('template');\n if (templates) {\n for (var i = 0, l = templates.length, t; (i < l) && (t = templates[i]); i++) {\n if (t.content) {\n this.resolveDom(t.content, url);\n }\n }\n }\n },\n resolveTemplate: function(template) {\n this.resolveDom(template.content, baseUrl(template));\n },\n resolveStyles: function(root, url) {\n var styles = root.querySelectorAll('style');\n if (styles) {\n for (var i = 0, l = styles.length, s; (i < l) && (s = styles[i]); i++) {\n this.resolveStyle(s, url);\n }\n }\n },\n resolveStyle: function(style, url) {\n url = url || baseUrl(style);\n style.textContent = this.resolveCssText(style.textContent, url);\n },\n resolveCssText: function(cssText, baseUrl, keepAbsolute) {\n cssText = replaceUrlsInCssText(cssText, baseUrl, keepAbsolute, CSS_URL_REGEXP);\n return replaceUrlsInCssText(cssText, baseUrl, keepAbsolute, CSS_IMPORT_REGEXP);\n },\n resolveAttributes: function(root, url) {\n if (root.hasAttributes && root.hasAttributes()) {\n this.resolveElementAttributes(root, url);\n }\n // search for attributes that host urls\n var nodes = root && root.querySelectorAll(URL_ATTRS_SELECTOR);\n if (nodes) {\n for (var i = 0, l = nodes.length, n; (i < l) && (n = nodes[i]); i++) {\n this.resolveElementAttributes(n, url);\n }\n }\n },\n resolveElementAttributes: function(node, url) {\n url = url || baseUrl(node);\n URL_ATTRS.forEach(function(v) {\n var attr = node.attributes[v];\n var value = attr && attr.value;\n var replacement;\n if (value && value.search(URL_TEMPLATE_SEARCH) < 0) {\n if (v === 'style') {\n replacement = replaceUrlsInCssText(value, url, false, CSS_URL_REGEXP);\n } else {\n replacement = resolveRelativeUrl(url, value);\n }\n attr.value = replacement;\n }\n });\n }\n};\n\nvar CSS_URL_REGEXP = /(url\\()([^)]*)(\\))/g;\nvar CSS_IMPORT_REGEXP = /(@import[\\s]+(?!url\\())([^;]*)(;)/g;\nvar URL_ATTRS = ['href', 'src', 'action', 'style', 'url'];\nvar URL_ATTRS_SELECTOR = '[' + URL_ATTRS.join('],[') + ']';\nvar URL_TEMPLATE_SEARCH = '{{.*}}';\nvar URL_HASH = '#';\n\nfunction baseUrl(node) {\n var u = new URL(node.ownerDocument.baseURI);\n u.search = '';\n u.hash = '';\n return u;\n}\n\nfunction replaceUrlsInCssText(cssText, baseUrl, keepAbsolute, regexp) {\n return cssText.replace(regexp, function(m, pre, url, post) {\n var urlPath = url.replace(/[\"']/g, '');\n urlPath = resolveRelativeUrl(baseUrl, urlPath, keepAbsolute);\n return pre + '\\'' + urlPath + '\\'' + post;\n });\n}\n\nfunction resolveRelativeUrl(baseUrl, url, keepAbsolute) {\n // do not resolve '/' absolute urls\n if (url && url[0] === '/') {\n return url;\n }\n var u = new URL(url, baseUrl);\n return keepAbsolute ? u.href : makeDocumentRelPath(u.href);\n}\n\nfunction makeDocumentRelPath(url) {\n var root = baseUrl(document.documentElement);\n var u = new URL(url, root);\n if (u.host === root.host && u.port === root.port &&\n u.protocol === root.protocol) {\n return makeRelPath(root, u);\n } else {\n return url;\n }\n}\n\n// make a relative path from source to target\nfunction makeRelPath(sourceUrl, targetUrl) {\n var source = sourceUrl.pathname;\n var target = targetUrl.pathname;\n var s = source.split('/');\n var t = target.split('/');\n while (s.length && s[0] === t[0]){\n s.shift();\n t.shift();\n }\n for (var i = 0, l = s.length - 1; i < l; i++) {\n t.unshift('..');\n }\n // empty '#' is discarded but we need to preserve it.\n var hash = (targetUrl.href.slice(-1) === URL_HASH) ? URL_HASH : targetUrl.hash;\n return t.join('/') + targetUrl.search + hash;\n}\n\n// exports\nscope.urlResolver = urlResolver;\n\n})(Polymer);\n\n(function(scope) {\n var endOfMicrotask = Polymer.endOfMicrotask;\n\n // Generic url loader\n function Loader(regex) {\n this.cache = Object.create(null);\n this.map = Object.create(null);\n this.requests = 0;\n this.regex = regex;\n }\n Loader.prototype = {\n\n // TODO(dfreedm): there may be a better factoring here\n // extract absolute urls from the text (full of relative urls)\n extractUrls: function(text, base) {\n var matches = [];\n var matched, u;\n while ((matched = this.regex.exec(text))) {\n u = new URL(matched[1], base);\n matches.push({matched: matched[0], url: u.href});\n }\n return matches;\n },\n // take a text blob, a root url, and a callback and load all the urls found within the text\n // returns a map of absolute url to text\n process: function(text, root, callback) {\n var matches = this.extractUrls(text, root);\n\n // every call to process returns all the text this loader has ever received\n var done = callback.bind(null, this.map);\n this.fetch(matches, done);\n },\n // build a mapping of url -> text from matches\n fetch: function(matches, callback) {\n var inflight = matches.length;\n\n // return early if there is no fetching to be done\n if (!inflight) {\n return callback();\n }\n\n // wait for all subrequests to return\n var done = function() {\n if (--inflight === 0) {\n callback();\n }\n };\n\n // start fetching all subrequests\n var m, req, url;\n for (var i = 0; i < inflight; i++) {\n m = matches[i];\n url = m.url;\n req = this.cache[url];\n // if this url has already been requested, skip requesting it again\n if (!req) {\n req = this.xhr(url);\n req.match = m;\n this.cache[url] = req;\n }\n // wait for the request to process its subrequests\n req.wait(done);\n }\n },\n handleXhr: function(request) {\n var match = request.match;\n var url = match.url;\n\n // handle errors with an empty string\n var response = request.response || request.responseText || '';\n this.map[url] = response;\n this.fetch(this.extractUrls(response, url), request.resolve);\n },\n xhr: function(url) {\n this.requests++;\n var request = new XMLHttpRequest();\n request.open('GET', url, true);\n request.send();\n request.onerror = request.onload = this.handleXhr.bind(this, request);\n\n // queue of tasks to run after XHR returns\n request.pending = [];\n request.resolve = function() {\n var pending = request.pending;\n for(var i = 0; i < pending.length; i++) {\n pending[i]();\n }\n request.pending = null;\n };\n\n // if we have already resolved, pending is null, async call the callback\n request.wait = function(fn) {\n if (request.pending) {\n request.pending.push(fn);\n } else {\n endOfMicrotask(fn);\n }\n };\n\n return request;\n }\n };\n\n scope.Loader = Loader;\n})(Polymer);\n\n(function(scope) {\n\nvar urlResolver = scope.urlResolver;\nvar Loader = scope.Loader;\n\nfunction StyleResolver() {\n this.loader = new Loader(this.regex);\n}\nStyleResolver.prototype = {\n regex: /@import\\s+(?:url)?[\"'\\(]*([^'\"\\)]*)['\"\\)]*;/g,\n // Recursively replace @imports with the text at that url\n resolve: function(text, url, callback) {\n var done = function(map) {\n callback(this.flatten(text, url, map));\n }.bind(this);\n this.loader.process(text, url, done);\n },\n // resolve the textContent of a style node\n resolveNode: function(style, url, callback) {\n var text = style.textContent;\n var done = function(text) {\n style.textContent = text;\n callback(style);\n };\n this.resolve(text, url, done);\n },\n // flatten all the @imports to text\n flatten: function(text, base, map) {\n var matches = this.loader.extractUrls(text, base);\n var match, url, intermediate;\n for (var i = 0; i < matches.length; i++) {\n match = matches[i];\n url = match.url;\n // resolve any css text to be relative to the importer, keep absolute url\n intermediate = urlResolver.resolveCssText(map[url], url, true);\n // flatten intermediate @imports\n intermediate = this.flatten(intermediate, base, map);\n text = text.replace(match.matched, intermediate);\n }\n return text;\n },\n loadStyles: function(styles, base, callback) {\n var loaded=0, l = styles.length;\n // called in the context of the style\n function loadedStyle(style) {\n loaded++;\n if (loaded === l && callback) {\n callback();\n }\n }\n for (var i=0, s; (i\n HTMLElement.getPrototypeForTag = function(tag) {\n var prototype = !tag ? HTMLElement.prototype : registry[tag];\n // TODO(sjmiles): creating is likely to have wasteful side-effects\n return prototype || Object.getPrototypeOf(document.createElement(tag));\n };\n\n // we have to flag propagation stoppage for the event dispatcher\n var originalStopPropagation = Event.prototype.stopPropagation;\n Event.prototype.stopPropagation = function() {\n this.cancelBubble = true;\n originalStopPropagation.apply(this, arguments);\n };\n \n \n // polyfill DOMTokenList\n // * add/remove: allow these methods to take multiple classNames\n // * toggle: add a 2nd argument which forces the given state rather\n // than toggling.\n\n var add = DOMTokenList.prototype.add;\n var remove = DOMTokenList.prototype.remove;\n DOMTokenList.prototype.add = function() {\n for (var i = 0; i < arguments.length; i++) {\n add.call(this, arguments[i]);\n }\n };\n DOMTokenList.prototype.remove = function() {\n for (var i = 0; i < arguments.length; i++) {\n remove.call(this, arguments[i]);\n }\n };\n DOMTokenList.prototype.toggle = function(name, bool) {\n if (arguments.length == 1) {\n bool = !this.contains(name);\n }\n bool ? this.add(name) : this.remove(name);\n };\n DOMTokenList.prototype.switch = function(oldName, newName) {\n oldName && this.remove(oldName);\n newName && this.add(newName);\n };\n\n // add array() to NodeList, NamedNodeMap, HTMLCollection\n\n var ArraySlice = function() {\n return Array.prototype.slice.call(this);\n };\n\n var namedNodeMap = (window.NamedNodeMap || window.MozNamedAttrMap || {});\n\n NodeList.prototype.array = ArraySlice;\n namedNodeMap.prototype.array = ArraySlice;\n HTMLCollection.prototype.array = ArraySlice;\n\n // utility\n\n function createDOM(inTagOrNode, inHTML, inAttrs) {\n var dom = typeof inTagOrNode == 'string' ?\n document.createElement(inTagOrNode) : inTagOrNode.cloneNode(true);\n dom.innerHTML = inHTML;\n if (inAttrs) {\n for (var n in inAttrs) {\n dom.setAttribute(n, inAttrs[n]);\n }\n }\n return dom;\n }\n\n // exports\n\n scope.createDOM = createDOM;\n\n})(Polymer);\n\n(function(scope) {\r\n // super\r\n\r\n // `arrayOfArgs` is an optional array of args like one might pass\r\n // to `Function.apply`\r\n\r\n // TODO(sjmiles):\r\n // $super must be installed on an instance or prototype chain\r\n // as `super`, and invoked via `this`, e.g.\r\n // `this.super();`\r\n\r\n // will not work if function objects are not unique, for example,\r\n // when using mixins.\r\n // The memoization strategy assumes each function exists on only one \r\n // prototype chain i.e. we use the function object for memoizing)\r\n // perhaps we can bookkeep on the prototype itself instead\r\n function $super(arrayOfArgs) {\r\n // since we are thunking a method call, performance is important here: \r\n // memoize all lookups, once memoized the fast path calls no other \r\n // functions\r\n //\r\n // find the caller (cannot be `strict` because of 'caller')\r\n var caller = $super.caller;\r\n // memoized 'name of method' \r\n var nom = caller.nom;\r\n // memoized next implementation prototype\r\n var _super = caller._super;\r\n if (!_super) {\r\n if (!nom) {\r\n nom = caller.nom = nameInThis.call(this, caller);\r\n }\r\n if (!nom) {\r\n console.warn('called super() on a method not installed declaratively (has no .nom property)');\r\n }\r\n // super prototype is either cached or we have to find it\r\n // by searching __proto__ (at the 'top')\r\n // invariant: because we cache _super on fn below, we never reach \r\n // here from inside a series of calls to super(), so it's ok to \r\n // start searching from the prototype of 'this' (at the 'top')\r\n // we must never memoize a null super for this reason\r\n _super = memoizeSuper(caller, nom, getPrototypeOf(this));\r\n }\r\n // our super function\r\n var fn = _super[nom];\r\n if (fn) {\r\n // memoize information so 'fn' can call 'super'\r\n if (!fn._super) {\r\n // must not memoize null, or we lose our invariant above\r\n memoizeSuper(fn, nom, _super);\r\n }\r\n // invoke the inherited method\r\n // if 'fn' is not function valued, this will throw\r\n return fn.apply(this, arrayOfArgs || []);\r\n }\r\n }\r\n\r\n function nameInThis(value) {\r\n var p = this.__proto__;\r\n while (p && p !== HTMLElement.prototype) {\r\n // TODO(sjmiles): getOwnPropertyNames is absurdly expensive\r\n var n$ = Object.getOwnPropertyNames(p);\r\n for (var i=0, l=n$.length, n; icancelAsync to cancel the \n * asynchronous call.\n *\n * @method async\n * @param {Function|String} method\n * @param {any|Array} args\n * @param {number} timeout\n */\n async: function(method, args, timeout) {\n // when polyfilling Object.observe, ensure changes \n // propagate before executing the async method\n Polymer.flush();\n // second argument to `apply` must be an array\n args = (args && args.length) ? args : [args];\n // function to invoke\n var fn = function() {\n (this[method] || method).apply(this, args);\n }.bind(this);\n // execute `fn` sooner or later\n var handle = timeout ? setTimeout(fn, timeout) :\n requestAnimationFrame(fn);\n // NOTE: switch on inverting handle to determine which time is used.\n return timeout ? handle : ~handle;\n },\n\n /**\n * Cancels a pending callback that was scheduled via \n * async . \n *\n * @method cancelAsync\n * @param {handle} handle Handle of the `async` to cancel.\n */\n cancelAsync: function(handle) {\n if (handle < 0) {\n cancelAnimationFrame(~handle);\n } else {\n clearTimeout(handle);\n }\n },\n\n /**\n * Fire an event.\n *\n * @method fire\n * @returns {Object} event\n * @param {string} type An event name.\n * @param {any} detail\n * @param {Node} onNode Target node.\n * @param {Boolean} bubbles Set false to prevent bubbling, defaults to true\n * @param {Boolean} cancelable Set false to prevent cancellation, defaults to true\n */\n fire: function(type, detail, onNode, bubbles, cancelable) {\n var node = onNode || this;\n var detail = detail === null || detail === undefined ? {} : detail;\n var event = new CustomEvent(type, {\n bubbles: bubbles !== undefined ? bubbles : true,\n cancelable: cancelable !== undefined ? cancelable : true,\n detail: detail\n });\n node.dispatchEvent(event);\n return event;\n },\n\n /**\n * Fire an event asynchronously.\n *\n * @method asyncFire\n * @param {string} type An event name.\n * @param detail\n * @param {Node} toNode Target node.\n */\n asyncFire: function(/*inType, inDetail*/) {\n this.async(\"fire\", arguments);\n },\n\n /**\n * Remove class from old, add class to anew, if they exist.\n *\n * @param classFollows\n * @param anew A node.\n * @param old A node\n * @param className\n */\n classFollows: function(anew, old, className) {\n if (old) {\n old.classList.remove(className);\n }\n if (anew) {\n anew.classList.add(className);\n }\n },\n\n /**\n * Inject HTML which contains markup bound to this element into\n * a target element (replacing target element content).\n *\n * @param String html to inject\n * @param Element target element\n */\n injectBoundHTML: function(html, element) {\n var template = document.createElement('template');\n template.innerHTML = html;\n var fragment = this.instanceTemplate(template);\n if (element) {\n element.textContent = '';\n element.appendChild(fragment);\n }\n return fragment;\n }\n };\n\n // no-operation function for handy stubs\n var nop = function() {};\n\n // null-object for handy stubs\n var nob = {};\n\n // deprecated\n\n utils.asyncMethod = utils.async;\n\n // exports\n\n scope.api.instance.utils = utils;\n scope.nop = nop;\n scope.nob = nob;\n\n})(Polymer);\n\n(function(scope) {\n\n // imports\n\n var log = window.WebComponents ? WebComponents.flags.log : {};\n var EVENT_PREFIX = 'on-';\n\n // instance events api\n var events = {\n // read-only\n EVENT_PREFIX: EVENT_PREFIX,\n // event listeners on host\n addHostListeners: function() {\n var events = this.eventDelegates;\n log.events && (Object.keys(events).length > 0) && console.log('[%s] addHostListeners:', this.localName, events);\n // NOTE: host events look like bindings but really are not;\n // (1) we don't want the attribute to be set and (2) we want to support\n // multiple event listeners ('host' and 'instance') and Node.bind\n // by default supports 1 thing being bound.\n for (var type in events) {\n var methodName = events[type];\n PolymerGestures.addEventListener(this, type, this.element.getEventHandler(this, this, methodName));\n }\n },\n // call 'method' or function method on 'obj' with 'args', if the method exists\n dispatchMethod: function(obj, method, args) {\n if (obj) {\n log.events && console.group('[%s] dispatch [%s]', obj.localName, method);\n var fn = typeof method === 'function' ? method : obj[method];\n if (fn) {\n fn[args ? 'apply' : 'call'](obj, args);\n }\n log.events && console.groupEnd();\n // NOTE: dirty check right after calling method to ensure \n // changes apply quickly; in a very complicated app using high \n // frequency events, this can be a perf concern; in this case,\n // imperative handlers can be used to avoid flushing.\n Polymer.flush();\n }\n }\n };\n\n // exports\n\n scope.api.instance.events = events;\n\n /**\n * @class Polymer\n */\n\n /**\n * Add a gesture aware event handler to the given `node`. Can be used \n * in place of `element.addEventListener` and ensures gestures will function\n * as expected on mobile platforms. Please note that Polymer's declarative\n * event handlers include this functionality by default.\n * \n * @method addEventListener\n * @param {Node} node node on which to listen\n * @param {String} eventType name of the event\n * @param {Function} handlerFn event handler function\n * @param {Boolean} capture set to true to invoke event capturing\n * @type Function\n */\n // alias PolymerGestures event listener logic\n scope.addEventListener = function(node, eventType, handlerFn, capture) {\n PolymerGestures.addEventListener(wrap(node), eventType, handlerFn, capture);\n };\n\n /**\n * Remove a gesture aware event handler on the given `node`. To remove an\n * event listener, the exact same arguments are required that were passed\n * to `Polymer.addEventListener`.\n * \n * @method removeEventListener\n * @param {Node} node node on which to listen\n * @param {String} eventType name of the event\n * @param {Function} handlerFn event handler function\n * @param {Boolean} capture set to true to invoke event capturing\n * @type Function\n */\n scope.removeEventListener = function(node, eventType, handlerFn, capture) {\n PolymerGestures.removeEventListener(wrap(node), eventType, handlerFn, capture);\n };\n\n})(Polymer);\n\n(function(scope) {\r\n\r\n // instance api for attributes\r\n\r\n var attributes = {\r\n // copy attributes defined in the element declaration to the instance\r\n // e.g. tabIndex is copied\r\n // to the element instance here.\r\n copyInstanceAttributes: function () {\r\n var a$ = this._instanceAttributes;\r\n for (var k in a$) {\r\n if (!this.hasAttribute(k)) {\r\n this.setAttribute(k, a$[k]);\r\n }\r\n }\r\n },\r\n // for each attribute on this, deserialize value to property as needed\r\n takeAttributes: function() {\r\n // if we have no publish lookup table, we have no attributes to take\r\n // TODO(sjmiles): ad hoc\r\n if (this._publishLC) {\r\n for (var i=0, a$=this.attributes, l=a$.length, a; (a=a$[i]) && i= 0) {\r\n return;\r\n }\r\n // get original value\r\n var currentValue = this[name];\r\n // deserialize Boolean or Number values from attribute\r\n var value = this.deserializeValue(value, currentValue);\r\n // only act if the value has changed\r\n if (value !== currentValue) {\r\n // install new value (has side-effects)\r\n this[name] = value;\r\n }\r\n }\r\n },\r\n // return the published property matching name, or undefined\r\n propertyForAttribute: function(name) {\r\n var match = this._publishLC && this._publishLC[name];\r\n return match;\r\n },\r\n // convert representation of `stringValue` based on type of `currentValue`\r\n deserializeValue: function(stringValue, currentValue) {\r\n return scope.deserializeValue(stringValue, currentValue);\r\n },\r\n // convert to a string value based on the type of `inferredType`\r\n serializeValue: function(value, inferredType) {\r\n if (inferredType === 'boolean') {\r\n return value ? '' : undefined;\r\n } else if (inferredType !== 'object' && inferredType !== 'function'\r\n && value !== undefined) {\r\n return value;\r\n }\r\n },\r\n // serializes `name` property value and updates the corresponding attribute\r\n // note that reflection is opt-in.\r\n reflectPropertyToAttribute: function(name) {\r\n var inferredType = typeof this[name];\r\n // try to intelligently serialize property value\r\n var serializedValue = this.serializeValue(this[name], inferredType);\r\n // boolean properties must reflect as boolean attributes\r\n if (serializedValue !== undefined) {\r\n this.setAttribute(name, serializedValue);\r\n // TODO(sorvell): we should remove attr for all properties\r\n // that have undefined serialization; however, we will need to\r\n // refine the attr reflection system to achieve this; pica, for example,\r\n // relies on having inferredType object properties not removed as\r\n // attrs.\r\n } else if (inferredType === 'boolean') {\r\n this.removeAttribute(name);\r\n }\r\n }\r\n };\r\n\r\n // exports\r\n\r\n scope.api.instance.attributes = attributes;\r\n\r\n})(Polymer);\r\n\n(function(scope) {\n\n /**\n * @class polymer-base\n */\n\n // imports\n\n var log = window.WebComponents ? WebComponents.flags.log : {};\n\n // magic words\n\n var OBSERVE_SUFFIX = 'Changed';\n\n // element api\n\n var empty = [];\n\n var updateRecord = {\n object: undefined,\n type: 'update',\n name: undefined,\n oldValue: undefined\n };\n\n var numberIsNaN = Number.isNaN || function(value) {\n return typeof value === 'number' && isNaN(value);\n };\n\n function areSameValue(left, right) {\n if (left === right)\n return left !== 0 || 1 / left === 1 / right;\n if (numberIsNaN(left) && numberIsNaN(right))\n return true;\n return left !== left && right !== right;\n }\n\n // capture A's value if B's value is null or undefined,\n // otherwise use B's value\n function resolveBindingValue(oldValue, value) {\n if (value === undefined && oldValue === null) {\n return value;\n }\n return (value === null || value === undefined) ? oldValue : value;\n }\n\n var properties = {\n\n // creates a CompoundObserver to observe property changes\n // NOTE, this is only done there are any properties in the `observe` object\n createPropertyObserver: function() {\n var n$ = this._observeNames;\n if (n$ && n$.length) {\n var o = this._propertyObserver = new CompoundObserver(true);\n this.registerObserver(o);\n // TODO(sorvell): may not be kosher to access the value here (this[n]);\n // previously we looked at the descriptor on the prototype\n // this doesn't work for inheritance and not for accessors without\n // a value property\n for (var i=0, l=n$.length, n; (i work)\n HTMLTemplateElement.decorate(template);\n // ensure a default bindingDelegate\n var syntax = this.syntax || (!template.bindingDelegate &&\n this.element.syntax);\n var dom = template.createInstance(this, syntax);\n var observers = dom.bindings_;\n for (var i = 0; i < observers.length; i++) {\n this.registerObserver(observers[i]);\n }\n return dom;\n },\n\n // Called by TemplateBinding/NodeBind to setup a binding to the given\n // property. It's overridden here to support property bindings\n // in addition to attribute bindings that are supported by default.\n bind: function(name, observable, oneTime) {\n var property = this.propertyForAttribute(name);\n if (!property) {\n // TODO(sjmiles): this mixin method must use the special form\n // of `super` installed by `mixinMethod` in declaration/prototype.js\n return this.mixinSuper(arguments);\n } else {\n // use n-way Polymer binding\n var observer = this.bindProperty(property, observable, oneTime);\n // NOTE: reflecting binding information is typically required only for\n // tooling. It has a performance cost so it's opt-in in Node.bind.\n if (Platform.enableBindingsReflection && observer) {\n observer.path = observable.path_;\n this._recordBinding(property, observer);\n }\n if (this.reflect[property]) {\n this.reflectPropertyToAttribute(property);\n }\n return observer;\n }\n },\n\n _recordBinding: function(name, observer) {\n this.bindings_ = this.bindings_ || {};\n this.bindings_[name] = observer;\n },\n\n // Called by TemplateBinding when all bindings on an element have been \n // executed. This signals that all element inputs have been gathered\n // and it's safe to ready the element, create shadow-root and start\n // data-observation.\n bindFinished: function() {\n this.makeElementReady();\n },\n\n // called at detached time to signal that an element's bindings should be\n // cleaned up. This is done asynchronously so that users have the chance\n // to call `cancelUnbindAll` to prevent unbinding.\n asyncUnbindAll: function() {\n if (!this._unbound) {\n log.unbind && console.log('[%s] asyncUnbindAll', this.localName);\n this._unbindAllJob = this.job(this._unbindAllJob, this.unbindAll, 0);\n }\n },\n \n /**\n * This method should rarely be used and only if \n * `cancelUnbindAll` has been called to \n * prevent element unbinding. In this case, the element's bindings will \n * not be automatically cleaned up and it cannot be garbage collected \n * by the system. If memory pressure is a concern or a \n * large amount of elements need to be managed in this way, `unbindAll`\n * can be called to deactivate the element's bindings and allow its \n * memory to be reclaimed.\n *\n * @method unbindAll\n */\n unbindAll: function() {\n if (!this._unbound) {\n this.closeObservers();\n this.closeNamedObservers();\n this._unbound = true;\n }\n },\n\n /**\n * Call in `detached` to prevent the element from unbinding when it is \n * detached from the dom. The element is unbound as a cleanup step that \n * allows its memory to be reclaimed. \n * If `cancelUnbindAll` is used, consider calling \n * `unbindAll` when the element is no longer\n * needed. This will allow its memory to be reclaimed.\n * \n * @method cancelUnbindAll\n */\n cancelUnbindAll: function() {\n if (this._unbound) {\n log.unbind && console.warn('[%s] already unbound, cannot cancel unbindAll', this.localName);\n return;\n }\n log.unbind && console.log('[%s] cancelUnbindAll', this.localName);\n if (this._unbindAllJob) {\n this._unbindAllJob = this._unbindAllJob.stop();\n }\n }\n\n };\n\n function unbindNodeTree(node) {\n forNodeTree(node, _nodeUnbindAll);\n }\n\n function _nodeUnbindAll(node) {\n node.unbindAll();\n }\n\n function forNodeTree(node, callback) {\n if (node) {\n callback(node);\n for (var child = node.firstChild; child; child = child.nextSibling) {\n forNodeTree(child, callback);\n }\n }\n }\n\n var mustachePattern = /\\{\\{([^{}]*)}}/;\n\n // exports\n\n scope.bindPattern = mustachePattern;\n scope.api.instance.mdv = mdv;\n\n})(Polymer);\n\n(function(scope) {\n\n /**\n * Common prototype for all Polymer Elements.\n * \n * @class polymer-base\n * @homepage polymer.github.io\n */\n var base = {\n /**\n * Tags this object as the canonical Base prototype.\n *\n * @property PolymerBase\n * @type boolean\n * @default true\n */\n PolymerBase: true,\n\n /**\n * Debounce signals. \n * \n * Call `job` to defer a named signal, and all subsequent matching signals, \n * until a wait time has elapsed with no new signal.\n * \n * debouncedClickAction: function(e) {\n * // processClick only when it's been 100ms since the last click\n * this.job('click', function() {\n * this.processClick;\n * }, 100);\n * }\n *\n * @method job\n * @param String {String} job A string identifier for the job to debounce.\n * @param Function {Function} callback A function that is called (with `this` context) when the wait time elapses.\n * @param Number {Number} wait Time in milliseconds (ms) after the last signal that must elapse before invoking `callback`\n * @type Handle\n */\n job: function(job, callback, wait) {\n if (typeof job === 'string') {\n var n = '___' + job;\n this[n] = Polymer.job.call(this, this[n], callback, wait);\n } else {\n // TODO(sjmiles): suggest we deprecate this call signature\n return Polymer.job.call(this, job, callback, wait);\n }\n },\n\n /**\n * Invoke a superclass method. \n * \n * Use `super()` to invoke the most recently overridden call to the \n * currently executing function. \n * \n * To pass arguments through, use the literal `arguments` as the parameter \n * to `super()`.\n *\n * nextPageAction: function(e) {\n * // invoke the superclass version of `nextPageAction`\n * this.super(arguments); \n * }\n *\n * To pass custom arguments, arrange them in an array.\n *\n * appendSerialNo: function(value, serial) {\n * // prefix the superclass serial number with our lot # before\n * // invoking the superlcass\n * return this.super([value, this.lotNo + serial])\n * }\n *\n * @method super\n * @type Any\n * @param {args) An array of arguments to use when calling the superclass method, or null.\n */\n super: Polymer.super,\n\n /**\n * Lifecycle method called when the element is instantiated.\n * \n * Override `created` to perform custom create-time tasks. No need to call \n * super-class `created` unless you are extending another Polymer element.\n * Created is called before the element creates `shadowRoot` or prepares\n * data-observation.\n * \n * @method created\n * @type void\n */\n created: function() {\n },\n\n /**\n * Lifecycle method called when the element has populated it's `shadowRoot`,\n * prepared data-observation, and made itself ready for API interaction.\n * \n * @method ready\n * @type void\n */\n ready: function() {\n },\n\n /**\n * Low-level lifecycle method called as part of standard Custom Elements\n * operation. Polymer implements this method to provide basic default \n * functionality. For custom create-time tasks, implement `created` \n * instead, which is called immediately after `createdCallback`. \n * \n * @method createdCallback\n */\n createdCallback: function() {\n if (this.templateInstance && this.templateInstance.model) {\n console.warn('Attributes on ' + this.localName + ' were data bound ' +\n 'prior to Polymer upgrading the element. This may result in ' +\n 'incorrect binding types.');\n }\n this.created();\n this.prepareElement();\n if (!this.ownerDocument.isStagingDocument) {\n this.makeElementReady();\n }\n },\n\n // system entry point, do not override\n prepareElement: function() {\n if (this._elementPrepared) {\n console.warn('Element already prepared', this.localName);\n return;\n }\n this._elementPrepared = true;\n // storage for shadowRoots info\n this.shadowRoots = {};\n // install property observers\n this.createPropertyObserver();\n this.openPropertyObserver();\n // install boilerplate attributes\n this.copyInstanceAttributes();\n // process input attributes\n this.takeAttributes();\n // add event listeners\n this.addHostListeners();\n },\n\n // system entry point, do not override\n makeElementReady: function() {\n if (this._readied) {\n return;\n }\n this._readied = true;\n this.createComputedProperties();\n this.parseDeclarations(this.__proto__);\n // NOTE: Support use of the `unresolved` attribute to help polyfill\n // custom elements' `:unresolved` feature.\n this.removeAttribute('unresolved');\n // user entry point\n this.ready();\n },\n\n /**\n * Low-level lifecycle method called as part of standard Custom Elements\n * operation. Polymer implements this method to provide basic default \n * functionality. For custom tasks in your element, implement `attributeChanged` \n * instead, which is called immediately after `attributeChangedCallback`. \n * \n * @method attributeChangedCallback\n */\n attributeChangedCallback: function(name, oldValue) {\n // TODO(sjmiles): adhoc filter\n if (name !== 'class' && name !== 'style') {\n this.attributeToProperty(name, this.getAttribute(name));\n }\n if (this.attributeChanged) {\n this.attributeChanged.apply(this, arguments);\n }\n },\n\n /**\n * Low-level lifecycle method called as part of standard Custom Elements\n * operation. Polymer implements this method to provide basic default \n * functionality. For custom create-time tasks, implement `attached` \n * instead, which is called immediately after `attachedCallback`. \n * \n * @method attachedCallback\n */\n attachedCallback: function() {\n // when the element is attached, prevent it from unbinding.\n this.cancelUnbindAll();\n // invoke user action\n if (this.attached) {\n this.attached();\n }\n if (!this.hasBeenAttached) {\n this.hasBeenAttached = true;\n if (this.domReady) {\n this.async('domReady');\n }\n }\n },\n\n /**\n * Implement to access custom elements in dom descendants, ancestors, \n * or siblings. Because custom elements upgrade in document order, \n * elements accessed in `ready` or `attached` may not be upgraded. When\n * `domReady` is called, all registered custom elements are guaranteed\n * to have been upgraded.\n * \n * @method domReady\n */\n\n /**\n * Low-level lifecycle method called as part of standard Custom Elements\n * operation. Polymer implements this method to provide basic default \n * functionality. For custom create-time tasks, implement `detached` \n * instead, which is called immediately after `detachedCallback`. \n * \n * @method detachedCallback\n */\n detachedCallback: function() {\n if (!this.preventDispose) {\n this.asyncUnbindAll();\n }\n // invoke user action\n if (this.detached) {\n this.detached();\n }\n // TODO(sorvell): bc\n if (this.leftView) {\n this.leftView();\n }\n },\n\n /**\n * Walks the prototype-chain of this element and allows specific\n * classes a chance to process static declarations.\n * \n * In particular, each polymer-element has it's own `template`.\n * `parseDeclarations` is used to accumulate all element `template`s\n * from an inheritance chain.\n *\n * `parseDeclaration` static methods implemented in the chain are called\n * recursively, oldest first, with the `` associated\n * with the current prototype passed as an argument.\n * \n * An element may override this method to customize shadow-root generation. \n * \n * @method parseDeclarations\n */\n parseDeclarations: function(p) {\n if (p && p.element) {\n this.parseDeclarations(p.__proto__);\n p.parseDeclaration.call(this, p.element);\n }\n },\n\n /**\n * Perform init-time actions based on static information in the\n * `` instance argument.\n *\n * For example, the standard implementation locates the template associated\n * with the given `` and stamps it into a shadow-root to\n * implement shadow inheritance.\n * \n * An element may override this method for custom behavior. \n * \n * @method parseDeclaration\n */\n parseDeclaration: function(elementElement) {\n var template = this.fetchTemplate(elementElement);\n if (template) {\n var root = this.shadowFromTemplate(template);\n this.shadowRoots[elementElement.name] = root;\n }\n },\n\n /**\n * Given a ``, find an associated template (if any) to be\n * used for shadow-root generation.\n *\n * An element may override this method for custom behavior. \n * \n * @method fetchTemplate\n */\n fetchTemplate: function(elementElement) {\n return elementElement.querySelector('template');\n },\n\n /**\n * Create a shadow-root in this host and stamp `template` as it's \n * content. \n *\n * An element may override this method for custom behavior. \n * \n * @method shadowFromTemplate\n */\n shadowFromTemplate: function(template) {\n if (template) {\n // make a shadow root\n var root = this.createShadowRoot();\n // stamp template\n // which includes parsing and applying MDV bindings before being\n // inserted (to avoid {{}} in attribute values)\n // e.g. to prevent into light-dom\n lightFromTemplate: function(template, refNode) {\n if (template) {\n // TODO(sorvell): mark this element as an eventController so that\n // event listeners on bound nodes inside it will be called on it.\n // Note, the expectation here is that events on all descendants\n // should be handled by this element.\n this.eventController = this;\n // stamp template\n // which includes parsing and applying MDV bindings before being\n // inserted (to avoid {{}} in attribute values)\n // e.g. to prevent polymer-base in it's prototype chain.\n * \n * @method isBase\n * @param Object {Object} object Object to test.\n * @type Boolean\n */\n function isBase(object) {\n return object.hasOwnProperty('PolymerBase')\n }\n\n // name a base constructor for dev tools\n\n /**\n * The Polymer base-class constructor.\n * \n * @property Base\n * @type Function\n */\n function PolymerBase() {};\n PolymerBase.prototype = base;\n base.constructor = PolymerBase;\n\n // exports\n\n scope.Base = PolymerBase;\n scope.isBase = isBase;\n scope.api.instance.base = base;\n\n})(Polymer);\n\n(function(scope) {\n\n // imports\n\n var log = window.WebComponents ? WebComponents.flags.log : {};\n var hasShadowDOMPolyfill = window.ShadowDOMPolyfill;\n\n // magic words\n \n var STYLE_SCOPE_ATTRIBUTE = 'element';\n var STYLE_CONTROLLER_SCOPE = 'controller';\n \n var styles = {\n STYLE_SCOPE_ATTRIBUTE: STYLE_SCOPE_ATTRIBUTE,\n /**\n * Installs external stylesheets and \n\n \n
\n
\n {{ label }}\n
\n
\n\n \n\n "
},
{
"path": "src/mui/mui-eblock/mui-eblock.html",
"content": "\n\n\n \n \n \n \n \n \n \n "
},
{
"path": "src/mui/mui-group/mui-group.html",
"content": "\n\n\n\n \n \n \n\n "
},
{
"path": "src/mui/mui-knob/mui-knob.html",
"content": "\n\n\n \n \n {{label}}
\n \n \n \n \n \n "
},
{
"path": "src/mui/mui-knobh/mui-knobh.html",
"content": "\n\n\n \n \n\n \n \n \n \n \n \n \n"
},
{
"path": "src/mui/mui-meter/mui-meter.html",
"content": "\n\n\n\n \n \n \n\n "
},
{
"path": "src/mui/mui-pianoroll/mui-pianoroll.html",
"content": "\n\n\n\n \n\n \n\n \n\n\n\n "
},
{
"path": "src/mui/mui-rack/mui-rack.html",
"content": "\n\n\n\n \n \n \n\n "
},
{
"path": "src/mui/mui-select/mui-select.html",
"content": "\n\n \n \n\n {{ label }}
\n \n\n \n \n \n "
},
{
"path": "src/mui/mui-spectrum/mui-spectrum.html",
"content": "\n\n\n\n \n \n \n\n "
},
{
"path": "src/mui/mui-vkey/mui-vkey.html",
"content": "\n\n\n\n\n\n \n\n \n \n \n \n
\n\n \n\n\n\n "
},
{
"path": "src/mui/mui.html",
"content": "\n[start time, time constant]\n * @param {Number} rampType WAAX ramp type\n */\n set: function (value, time, rampType) {\n // check if value is valid \n if (WX.findKeyByValue(this.model, value)) {\n this.value = value;\n if (this.$callback) {\n this.$callback.call(this._parent, this.value, time, rampType);\n }\n } else {\n WX.Log.warn('Invalid value (value not found in model).');\n }\n },\n\n /**\n * Returns the paramter value. Note that this is not a computed value\n * of WA AudioParam instance.\n * @memberOf ItemizedParam\n * @return {Number} Latest paramter value.\n */\n get: function () {\n return this.value;\n },\n\n /**\n * Returns the reference of items (WAAX model).\n * @memberOf ItemizedParam\n * @return {Array} WAAX model associated with the parameter.\n */\n getModel: function () {\n return this.model;\n }\n\n};\n\n/**\n * Boolean parameter abstraction. Usually called by {@link WX.defineParams}\n * method.\n * @name BooleanParam\n * @class\n * @param {Object} options Parameter configruation.\n * @param {String} options.name User-defined parameter name.\n * @param {Number} options.default Default value.\n * @param {Number} options.value Current value.\n * @param {Object} options._parent Reference to associated Plug-in.\n */\nfunction BooleanParam(options) {\n this.init(options);\n}\n\nBooleanParam.prototype = {\n\n /**\n * Initializes instance with options.\n * @memberOf BooleanParam\n * @param {Object} options Paramter configuration.\n */\n init: function (options) {\n if (!WX.isBoolean(options.default)) {\n Log.error('Invalid value for Boolean Parameter.');\n }\n this.type = 'Boolean';\n this.name = (options.name || 'Toggle');\n this.value = this.default = options.default;\n this._parent = options._parent;\n // handler callback assignment\n this.$callback = options._parent['$' + options._paramId];\n },\n\n /**\n * Sets parameter value with time and ramp type. Calls back\n * a corresponding handler.\n * @memberOf BooleanParam\n * @param {Number} value Parameter target value\n * @param {Number|Array} time time or array of\n * [start time, time constant]\n * @param {Number} rampType WAAX ramp type\n */\n set: function (value, time, rampType) {\n if (WX.isBoolean(value)) {\n this.value = value;\n if (this.$callback) {\n this.$callback.call(this._parent, this.value, time, rampType);\n }\n }\n },\n\n /**\n * Returns the paramter value. Note that this is not a computed value\n * of WA AudioParam instance.\n * @memberOf BooleanParam\n * @return {Number} Latest paramter value.\n */\n get: function () {\n return this.value;\n }\n\n};\n\n/**\n * Defines parameters by specified options.\n * @memberOf WX\n * @param {Object} plugin WAAX Plug-in\n * @param {Object} paramOptions A collection of parameter option objects\n * . See {@link GenericParam}, {@link ItemizedParam} and\n * {@link BooleanParam} for available parameter options.\n * @example\n * WX.defineParams(this, {\n * oscFreq: {\n * type: 'Generic',\n * name: 'Freq',\n * default: WX.mtof(60),\n * min: 20.0,\n * max: 5000.0,\n * unit: 'Hertz'\n * },\n * ...\n * };\n */\nWX.defineParams = function (plugin, paramOptions) {\n for (var key in paramOptions) {\n paramOptions[key]._parent = plugin;\n paramOptions[key]._paramId = key;\n plugin.params[key] = wxparam_create(paramOptions[key]);\n }\n};\n\n\n/**\n * Create an envelope generator function for WA audioParam.\n * @param {...Array} array Data points of\n * [value, offset time, ramp type]\n * @returns {Function} Envelope generator function.\n * function(start time, scale factor)\n * @example\n * // build an envelope generator with relative data points\n * var env = WX.Envelope([0.0, 0.0], [0.8, 0.01, 1], [0.0, 0.3, 2]);\n * // changes gain with an envelope starts at 2.0 sec with 1.2\n * amplification.\n * synth.set('gain', env(2.0, 1.2));\n */\nWX.Envelope = function () {\n var args = arguments;\n return function (startTime, amplifier) {\n var env = [];\n startTime = (startTime || 0);\n amplifier = (amplifier || 1.0);\n for (var i = 0; i < args.length; i++) {\n var val = args[i][0], time;\n // when time argument is array, branch to setTargetAtValue\n if (WX.isArray(args[i][1])) {\n time = [startTime + args[i][1][0], startTime + args[i][1][1]];\n env.push([val * amplifier, time, 3]);\n }\n // otherwise use step, linear or exponential ramp\n else {\n time = startTime + args[i][1];\n env.push([val * amplifier, time, (args[i][2] || 0)]);\n }\n }\n return env;\n };\n};\n\n\n//\n// Plug-in Abstractions\n//\n\n// plug-in types\nvar PLUGIN_TYPES = [\n 'Generator',\n 'Processor',\n 'Analyzer'\n];\n\n// registered plug-ins\nvar registered = {\n Generator: [],\n Processor: [],\n Analyzer: []\n};\n\n/**\n * Plug-In base class.\n * @name PlugInAbstract\n * @class\n */\nfunction PlugInAbstract () {\n this.params = {};\n}\n\nPlugInAbstract.prototype = {\n\n /**\n * Connects a plug-in output to the other plug-in's input or a WA node.\n * Note that this does not support multiple outgoing connection.\n * (fanning-out)\n * @memberOf PlugInAbstract\n * @param {WAPL|AudioNode} target WAPL(Web Audio Plug-In)\n * compatible plug-in or WA node.\n * @returns {WAPL|AudioNode}\n */\n to: function (target) {\n // when the target is a plug-in with inlet.\n if (target._inlet) {\n this._outlet.to(target._inlet);\n return target;\n }\n // or it might simply be a WA node.\n else {\n try {\n this._outlet.to(target);\n return target;\n } catch (error) {\n WX.Log.error('Connection failed. Invalid patching.');\n }\n }\n },\n\n /**\n * Disconnects all outgoing connections fomr plug-in.\n * @memberOf PlugInAbstract\n */\n cut: function () {\n this._outlet.cut();\n },\n\n /**\n * Sets a plug-in parameter. Supports dynamic parameter assignment.\n * @memberOf PlugInAbstract\n * @param {String} param Parameter name.\n * @param {Array|Number} arg An array of data points or a single value.\n * @return {WAPL} Self-reference for method chaining.\n * @example\n * // setting parameter with an array\n * myeffect.set('gain', [[0.0], [1.0, 0.01, 1], [0.0, 0.5, 2]]);\n * // setting parameter with a value (immediate change)\n * myeffect.set('gain', 0.0);\n */\n set: function (param, arg) {\n if (WX.hasParam(this, param)) {\n // check if arg is a value or array\n if (WX.isArray(arg)) {\n // if env is an array, iterate envelope data\n // where array is arg_i = [value, time, rampType]\n for (var i = 0; i < arg.length; i++) {\n this.params[param].set.apply(this, arg[i]);\n }\n } else {\n // otherwise change the value immediately\n this.params[param].set(arg, WX.now, 0);\n }\n }\n return this;\n },\n\n /**\n * Gets a paramter value.\n * @memberOf PlugInAbstract\n * @param {String} param Parameter name.\n * @return {*} Paramter value. Returns null when a paramter not found.\n */\n get: function (param) {\n if (WX.hasParam(this, param)) {\n return this.params[param].get();\n } else {\n return null;\n }\n },\n\n /**\n * Sets plug-in preset, which is a collection of parameters. Note that\n * setting a preset changes all the associated parameters immediatley.\n * @memberOf PlugInAbstract\n * @param {Object} preset A collection of paramters.\n */\n setPreset: function (preset) {\n for (var param in preset) {\n this.params[param].set(preset[param], WX.now, 0);\n }\n },\n\n /**\n * Gets a current plug-in paramters as a collection. Note that the\n * collection is created on the fly. It is a clone of current parameter\n * values.\n * @memberOf PlugInAbstract\n * @return {Object} Preset.\n */\n getPreset: function () {\n var preset = {};\n for (var param in this.params) {\n preset[param] = this.params[param].get();\n }\n return preset;\n }\n\n};\n\n\n/**\n * Generator plug-in class. No audio inlet.\n * @name Generator\n * @class\n * @extends PlugInAbstract\n * @param {Object} params\n * @param {Number} params.output Plug-in output gain.\n */\nfunction Generator() {\n\n // extends PlugInAbstract\n PlugInAbstract.call(this);\n\n // creating essential WA nodes\n this._output = WX.Gain();\n this._outlet = WX.Gain();\n // and patching\n this._output.to(this._outlet);\n\n // paramter definition\n WX.defineParams(this, {\n\n output: {\n type: 'Generic',\n name: 'Output',\n default: 1.0,\n min: 0.0,\n max: 1.0,\n unit: 'LinearGain'\n }\n\n });\n\n}\n\nGenerator.prototype = {\n\n /**\n * Parameter handler for params.output\n * @memberOf Generator\n * @private\n */\n $output: function (value, time, rampType) {\n this._output.gain.set(value, time, rampType);\n }\n\n};\n\n// extends prototype with PlugInAbstract\nWX.extend(Generator.prototype, PlugInAbstract.prototype);\n\n\n/**\n * Processor plug-in class. Features both inlet and outlet.\n * @name Processor\n * @class\n * @extends PlugInAbstract\n * @param {Object} params\n * @param {Generic} params.input Input gain.\n * @param {Generic} params.output Output gain.\n * @param {Boolean} params.bypass Bypass switch.\n */\nfunction Processor() {\n\n // extends PlugInAbstract\n PlugInAbstract.call(this);\n\n // WA nodes\n this._inlet = WX.Gain();\n this._input = WX.Gain();\n this._output = WX.Gain();\n this._active = WX.Gain();\n this._bypass = WX.Gain();\n this._outlet = WX.Gain();\n // patching\n this._inlet.to(this._input, this._bypass);\n this._output.to(this._active).to(this._outlet);\n this._bypass.to(this._outlet);\n\n // initialization for bypass\n this._active.gain.value = 1.0;\n this._bypass.gain.value = 0.0;\n\n WX.defineParams(this, {\n\n input: {\n type: 'Generic',\n name: 'Input',\n default: 1.0,\n min: 0.0,\n max: 1.0,\n unit: 'LinearGain'\n },\n\n output: {\n type: 'Generic',\n name: 'Output',\n default: 1.0,\n min: 0.0,\n max: 1.0,\n unit: 'LinearGain'\n },\n\n bypass: {\n type: 'Boolean',\n name: 'Bypass',\n default: false\n }\n\n });\n\n}\n\nProcessor.prototype = {\n\n /**\n * Parameter handler for params.input\n * @memberOf Processor\n * @private\n */\n $input: function (value, time, rampType) {\n this._input.gain.set(value, time, rampType);\n },\n\n /**\n * Parameter handler for params.output\n * @memberOf Processor\n * @private\n */\n $output: function (value, time, rampType) {\n this._output.gain.set(value, time, rampType);\n },\n\n /**\n * Parameter handler for params.bypass\n * @memberOf Processor\n * @private\n */\n $bypass: function(value, time, rampType) {\n time = (time || WX.now);\n if (value) {\n this._active.gain.set(0.0, time, 0);\n this._bypass.gain.set(1.0, time, 0);\n } else {\n this._active.gain.set(1.0, time, 0);\n this._bypass.gain.set(0.0, time, 0);\n }\n }\n\n};\n\n// extends PlugInAbstract\nWX.extend(Processor.prototype, Generator.prototype);\n\n\n/**\n * Analyzer plug-in class. Features both inlet, outlet and analyzer.\n * @name Analyzer\n * @class\n * @extends PlugInAbstract\n * @param {Object} params\n * @param {Generic} params.input Input gain.\n */\nfunction Analyzer() {\n\n PlugInAbstract.call(this);\n\n this._inlet = WX.Gain();\n this._input = WX.Gain();\n this._analyzer = WX.Analyzer();\n this._outlet = WX.Gain();\n\n this._inlet.to(this._input).to(this._analyzer);\n this._inlet.to(this._outlet);\n\n WX.defineParams(this, {\n\n input: {\n type: 'Generic',\n name: 'Input',\n default: 1.0,\n min: 0.0,\n max: 1.0,\n unit: 'LinearGain'\n }\n\n });\n\n}\n\nAnalyzer.prototype = {\n\n /**\n * Parameter handler for params.input\n * @private\n * @memberOf Analyzer\n */\n $input: function (value, time, xtype) {\n this._input.gain.set(value, time, xtype);\n }\n\n};\n\n// extends PlugInAbstract\nWX.extend(Analyzer.prototype, PlugInAbstract.prototype);\n\n\n//\n// Plug-in utilities\n//\n\n/**\n * @namespace WX.PlugIn\n */\nWX.PlugIn = {};\n\n/**\n * Defines type of a plug-in. Required in plug-in definition.\n * @param {WAPL} plugin Target plug-in.\n * @param {String} type Plug-in type. ['Generator', 'Processor',\n * 'Analyzer']\n */\nWX.PlugIn.defineType = function (plugin, type) {\n // check: length should be less than 3\n if (PLUGIN_TYPES.indexOf(type) < 0) {\n WX.Log.error('Invalid Plug-in type.');\n }\n // branch on plug-in type\n switch (type) {\n case 'Generator':\n Generator.call(plugin);\n break;\n case 'Processor':\n Processor.call(plugin);\n break;\n case 'Analyzer':\n Analyzer.call(plugin);\n break;\n }\n};\n\n/**\n * Initializes plug-in preset. Merges default preset with user-defined\n * preset. Required in plug-in definition.\n * @param {WAPL} plugin Target plug-in.\n * @param {Object} preset Preset.\n */\nWX.PlugIn.initPreset = function (plugin, preset) {\n var merged = WX.clone(plugin.defaultPreset);\n WX.extend(merged, preset);\n plugin.setPreset(merged);\n};\n\n/**\n * Extends plug-in prototype according to the type. Required in plug-in\n * definition.\n * @param {WAPL} plugin Target plug-in.\n * @param {String} type Plug-in type. ['Generator', 'Processor',\n * 'Analyzer']\n */\nWX.PlugIn.extendPrototype = function (plugin, type) {\n // check: length should be less than 3\n if (PLUGIN_TYPES.indexOf(type) < 0) {\n WX.Log.error('Invalid Plug-in type.');\n }\n // branch on plug-in type\n switch (type) {\n case 'Generator':\n WX.extend(plugin.prototype, Generator.prototype);\n break;\n case 'Processor':\n WX.extend(plugin.prototype, Processor.prototype);\n break;\n case 'Analyzer':\n WX.extend(plugin.prototype, Analyzer.prototype);\n break;\n }\n};\n\n/**\n * Registers the plug-in prototype to WX namespace. Required in plug-in\n * definition.\n * @param {Function} PlugInClass Class reference (function name) of\n * plug-in.\n */\nWX.PlugIn.register = function (PlugInClass) {\n var info = PlugInClass.prototype.info;\n // hard check version info\n if (WX.getVersion() < info.api_version) {\n // FATAL: PlugInClass is incompatible with WX Core.\n WX.Log.error(PlugInClass.name, ': FATAL. incompatible WAAX version.');\n }\n // register PlugInClass in WX namespace\n registered[info.type].push(PlugInClass.name);\n WX[PlugInClass.name] = function (preset) {\n return new PlugInClass(preset);\n };\n};\n\n/**\n * Returns a list of regsitered plug-ins of a certain type.\n * @param {String} type Plug-in Type.\n * @return {Array} A list of plug-ins.\n */\nWX.PlugIn.getRegistered = function (type) {\n var plugins = null;\n if (PLUGIN_TYPES.indexOf(type) > -1) {\n switch (type) {\n case undefined:\n plugins = registered.Generator.slice(0);\n plugins = plugins.concat(registered.Processor.slice(0));\n plugins = plugins.concat(registered.Analyzer.slice(0));\n break;\n case 'Generator':\n plugins = registered.Generator.slice(0);\n break;\n case 'Processor':\n plugins = registered.Processor.slice(0);\n break;\n case 'Analyzer':\n plugins = registered.Analyzer.slice(0);\n break;\n }\n }\n return plugins;\n};\n\n// WAAX is ready to serve!\nWX.Log.info('WAAX', WX.getVersion(), '(' + WX.srate + 'Hz)');"
},
{
"path": "src/waax.extension.js",
"content": "// Copyright 2011-2014 Hongchan Choi. All rights reserved.\n// Use of this source code is governed by MIT license that can be found in the\n// LICENSE file.\n\n/**\n * Injects into window.AudioNode\n * @namespace AudioNode\n */\n\n/**\n * Connects a WA node to the other WA nodes. Note that this method is\n * injected to AudioNode.prototype. Supports multiple outgoing\n * connections. (fanning out) Returns the first WA node to enable method\n * chaining.\n * @memberOf AudioNode\n * @param {...AudioNode} nodes WA nodes.\n * @return {AudioNode} The first target WA node.\n */\nAudioNode.prototype.to = function () {\n for (var i = 0; i < arguments.length; i++) {\n this.connect(arguments[i]);\n }\n return arguments[0];\n};\n\n/**\n * Disconnects outgoing connection of a WA node. Note that this method is\n * injected to AudioNode.prototype.\n * @memberOf AudioNode\n */\nAudioNode.prototype.cut = function () {\n this.disconnect();\n};\n\n/**\n * Injects into window.AudioParam\n * @namespace AudioParam\n */\n\n/**\n * Equivalent of AudioParam.cancelScheduledValues. Cancels scheduled value\n * after a given starting time.\n * @memberOf AudioParam\n * @method\n * @see http://www.w3.org/TR/webaudio/#dfn-cancelScheduledValues\n */\nAudioParam.prototype.cancel = AudioParam.prototype.cancelScheduledValues;\n\n/**\n * Manipulates AudioParam dynamically.\n * @memberOf AudioParam\n * @param {Number} value Target parameter value\n * @param {Number|Array} time Automation start time. With rampType 3, this\n * argument must be an array specifying [start time, time constant].\n * @param {Number} rampType Automation ramp type. 0 = step, 1 = linear,\n * 2 = exponential, 3 = target value [start, time constant].\n * @see http://www.w3.org/TR/webaudio/#methodsandparams-AudioParam-section\n */\nAudioParam.prototype.set = function (value, time, rampType) {\n var now = WX.now;\n switch (rampType) {\n case 0:\n case undefined:\n time = (time < now) ? now : time;\n this.setValueAtTime(value, time);\n // TO FIX: when node is not connected, automation will not work\n // this hack handles the error\n if (time <= now && value !== this.value) {\n this.value = value;\n }\n break;\n case 1:\n time = (time < now) ? now : time;\n this.linearRampToValueAtTime(value, time);\n break;\n case 2:\n time = (time < now) ? now : time;\n value = value <= 0.0 ? 0.00001 : value;\n this.exponentialRampToValueAtTime(value, time);\n break;\n case 3:\n time[0] = (time[0] < now) ? now : time[0];\n value = value <= 0.0 ? 0.00001 : value;\n this.setTargetAtTime(value, time[0], time[1]);\n break;\n }\n};\n\n// ECMA Script 5 getter for current time and srate.\nObject.defineProperties(WX, {\n\n /**\n * Returns current audio context time. (ECMA Script 5 Getter)\n * @memberOf WX\n * @return {Number} Current audio context time in seconds.\n */\n now: {\n get: function () {\n return WX._ctx.currentTime;\n }\n },\n\n /**\n * Returns current audio device sample rate. (ECMA Script 5 Getter)\n * @memberOf WX\n * @return {Number} Current sample rate.\n */\n srate: {\n get: function () {\n return WX._ctx.sampleRate;\n },\n }\n});\n\n/**\n * Creates an instance of WA Gain node.\n * @return {AudioNode} WA Gain node.\n * @see http://www.w3.org/TR/webaudio/#GainNode\n */\nWX.Gain = function() {\n return WX._ctx.createGain();\n};\n\n/**\n * Creates an instance of WA Oscillator node.\n * @return {AudioNode} WA Oscillator node.\n * @see http://www.w3.org/TR/webaudio/#OscillatorNode\n */\nWX.OSC = function() {\n return WX._ctx.createOscillator();\n};\n\n/**\n * Creates an instance of WA Delay node.\n * @return {AudioNode} WA Delay node.\n * @see http://www.w3.org/TR/webaudio/#DelayNode\n */\nWX.Delay = function() {\n return WX._ctx.createDelay();\n};\n\n/**\n * Creates an instance of WA BiquadFilter node.\n * @return {AudioNode} WA BiquadFilter node.\n * @see http://www.w3.org/TR/webaudio/#BiquadFilterNode\n */\nWX.Filter = function() {\n return WX._ctx.createBiquadFilter();\n};\n\n/**\n * Creates an instance of WA DynamicCompressor node.\n * @return {AudioNode} WA DynamicsCompressor node.\n * @see http://www.w3.org/TR/webaudio/#DynamicsCompressorNode\n */\nWX.Comp = function() {\n return WX._ctx.createDynamicsCompressor();\n};\n\n/**\n * Creates an instance of WA Convolver node.\n * @return {AudioNode} WA Convolver node.\n * @see http://www.w3.org/TR/webaudio/#ConvolverNode\n */\nWX.Convolver = function() {\n return WX._ctx.createConvolver();\n};\n\n/**\n * Creates an instance of WA WaveShaper node.\n * @return {AudioNode} WA WaveShaper node.\n * @see http://www.w3.org/TR/webaudio/#WaveShaperNode\n */\nWX.WaveShaper = function() {\n return WX._ctx.createWaveShaper();\n};\n\n/**\n * Creates an instance of WA BufferSource node.\n * @return {AudioNode} WA BufferSource node.\n * @see http://www.w3.org/TR/webaudio/#BufferSourceNode\n */\nWX.Source = function() {\n return WX._ctx.createBufferSource();\n};\n\n/**\n * Creates an instance of WA Analyzer node.\n * @return {AudioNode} WA Analyzer node.\n * @see http://www.w3.org/TR/webaudio/#AnalyzerNode\n */\nWX.Analyzer = function() {\n return WX._ctx.createAnalyser();\n};\n\n/**\n * Creates an instance of WA Panner node.\n * @return {AudioNode} WA Panner node.\n * @see http://www.w3.org/TR/webaudio/#PannerNode\n */\nWX.Panner = function() {\n return WX._ctx.createPanner();\n};\n\n/**\n * Creates an instance of WA PerodicWave object.\n * @return {AudioNode} WA PeriodicWave object.\n * @see http://www.w3.org/TR/webaudio/#PeriodicWave\n */\nWX.PeriodicWave = function () {\n return WX._ctx.createPeriodicWave.apply(WX._ctx, arguments);\n};\n\n/**\n * Creates an instance of WA Splitter node.\n * @return {AudioNode} WA Splitter node.\n * @see http://www.w3.org/TR/webaudio/#SplitterNode\n */\nWX.Splitter = function () {\n return WX._ctx.createChannelSplitter.apply(WX._ctx, arguments);\n};\n\n/**\n * Creates an instance of WA Merger node.\n * @return {AudioNode} WA Merger node.\n * @see http://www.w3.org/TR/webaudio/#MergerNode\n */\nWX.Merger = function () {\n return WX._ctx.createChannelMerger.apply(WX._ctx, arguments);\n};\n\n/**\n * Creates an instance of WA Buffer object.\n * @return {AudioNode} WA Buffer object.\n * @see http://www.w3.org/TR/webaudio/#Buffer\n */\nWX.Buffer = function () {\n return WX._ctx.createBuffer.apply(WX._ctx, arguments);\n};\n\nWX.WAVEFORMS = [\n { key: 'Sine', value: 'sine' },\n { key: 'Square', value: 'square' },\n { key: 'Sawtooth', value: 'sawtooth' },\n { key: 'Triangle', value: 'triangle' }\n];\n\nWX.FILTER_TYPES = [\n { key:'LP' , value: 'lowpass' },\n { key:'HP' , value: 'highpass' },\n { key:'BP' , value: 'bandpass' },\n { key:'LS' , value: 'lowshelf' },\n { key:'HS' , value: 'highshelf' },\n { key:'PK' , value: 'peaking' },\n { key:'BR' , value: 'notch' },\n { key:'AP' , value: 'allpass' }\n];"
},
{
"path": "src/waax.js",
"content": "// Copyright 2011-2014 Hongchan Choi. All rights reserved.\n// Use of this source code is governed by MIT license that can be found in the\n// LICENSE file.\n\n/**\n * @namespace WX\n */\nwindow.WX = {\n _VERSION: '1.0.0-alpha3'\n};\n\n// Monkey patching and feature detection.\nvar _webkitAC = window.hasOwnProperty('webkitAudioContext');\nvar _AC = window.hasOwnProperty('AudioContext');\n\nif (!_webkitAC && !_AC) {\n throw new Error('Error: Web Audio API is not supported on your browser.');\n} else {\n if (_webkitAC && !_AC) {\n window.AudioContext = window.webkitAudioContext;\n }\n}\n\n// Create AudioContext.\nWX._ctx = new AudioContext();\n\n// Checking the minimum dependency.\nvar _dependency = [\n // 'createStereoPanner',\n];\n\nfor (var i = 0; i < _dependency.length; i++) {\n if (typeof WX._ctx[_dependency[i]] === 'undefined') {\n var message = 'Error: \"' + _dependency + '\" is not supported in AudioContext.';\n throw new Error(message);\n }\n}\n\n/**\n * @typedef WAPL\n * @description Web Audio API Plug-in Object.\n * @type {Object}\n */\n\n/**\n * @typedef WXModel\n * @description Contains a model for data binding.\n * @type {Array}\n * @example\n * var model = [\n * { key:'Sine', value:'sine' },\n * { key:'Sawtooth', value:'sawtooth' }\n * ...\n * ];\n */\n\n/**\n * @typedef WXClip\n * @description WAAX abstraction of sample and meta data.\n * @type {Object}\n * @property {String} name User-defined name of sample.\n * @property {String} url URL of audio file.\n * @property {Object} buffer A placeholder for ArrayBuffer object.\n * @example\n * var clip = {\n * name: 'Cool Sample',\n * url: 'http://mystaticdata.com/samples/coolsample.wav',\n * buffer: null\n * };\n */\n\n/**\n * @typedef WXSampleZone\n * @description WAAX abstraction of sampler instrument data.\n * @type {Object}\n * @property {WXClip} clip WXClip object.\n * @property {Number} basePitch Original sample pitch.\n * @property {Boolean} loop Looping flag.\n * @property {Number} loopStart Loop start point in seconds.\n * @property {Number} loopEnd Loop end point in seconds.\n * @property {Number} pitchLow Low pitch bound.\n * @property {Number} pitchHigh High pitch bound.\n * @property {Number} velocityLow Low velocity bound.\n * @property {Number} velocityHigh High velocity bound.\n * @property {Boolean} pitchModulation Switch for pitch sensitivity modulation.\n * @property {Boolean} velocityModulatio Switch for velocity sensitivity modulation.\n * @example\n * var sampleZone = {\n * clip: WXClip\n * basePitch: 60 // samples original pitch\n * loop: true,\n * loopStart: 0.1,\n * loopEnd: 0.5,\n * pitchLow: 12, // pitch low bound\n * pitchHigh: 96, // pitch high bound\n * velocityLow: 12, // velocity lower bound\n * velocityHigh: 127, // velocity high bound\n * pitchModulation: true, // use pitch modulation\n * velocityModulatio: true // use velocity moduation\n * };\n */"
},
{
"path": "src/waax.timebase.js",
"content": "// Copyright 2011-2014 Hongchan Choi. All rights reserved.\n// Use of this source code is governed by MIT license that can be found in the\n// LICENSE file.\n\n/**\n * @typedef MBST\n * @description Measure, beat, sixteenth, tick aka musical timebase.\n * @type {Object}\n * @property {Number} measure Measure.\n * @property {Number} beat Beat.\n * @property {Number} sixteenth Sixteenth.\n * @property {Number} tick Tick.\n */\n\n// MBT - measure, beat, sixteenth, tick aka musical timebase.\n// Tick - atomic unit for musical timebase.\n// Second - unit for linear timebase.\nvar _TICKS_PER_BEAT = 480,\n _TICKS_PER_MEASURE = _TICKS_PER_BEAT * 4,\n _TICKS_PER_SIXTEENTH = _TICKS_PER_BEAT * 0.25;\n\n// internal: unique ID for notes/events (4 bytes uid generator)\n// see: http://stackoverflow.com/a/8809472/4155261\nfunction generate_uid4(){\n var t = Date.now();\n var id = 'xxxx'.replace(/[x]/g, function(c) {\n var r = (t + Math.random() * 16) % 16 | 0;\n t = Math.floor(t / 16);\n return (c == 'x' ? r : (r & 0x7 | 0x8)).toString(16);\n });\n return id;\n}\n\n/**\n * Note abstraction. Instantiated by {@link WX.Note}.\n * @name Note\n * @class\n * @param {Number} pitch MIDI pitch.\n * @param {Number} velocity MIDI velocity.\n * @param {Number} start Start time in tick.\n * @param {Number} duration Note durtion in tick.\n */\nfunction Note(pitch, velocity, start, duration) {\n this.pitch = (pitch || 60);\n this.velocity = (velocity || 100);\n this.start = (start || 0);\n this.duration = (duration || 120);\n}\n\nNote.prototype = {\n\n /**\n * Changes note duration by delta.\n * @memberOf Note\n * @param {Number} delta Duration.\n */\n changeDuration: function (delta) {\n this.duration += ~~(delta);\n this.duration = Math.max(this.duration, 1);\n },\n\n /**\n * Returns the note end time in tick.\n * @memberOf Note\n * @return {Number}\n */\n getEnd: function () {\n return this.start + this.duration;\n },\n\n /**\n * Sets note properties from a note.\n * @memberOf Note\n * @param {Note} note\n */\n setNote: function (note) {\n for (var prop in note) {\n this[prop] = note[prop];\n }\n },\n\n /**\n * Moves note pitch by delta.\n * @memberOf Note\n * @param {Number} delta Pitch displacement.\n */\n translatePitch: function (delta) {\n this.pitch += ~~(delta);\n this.pitch = WX.clamp(this.pitch, 0, 127);\n },\n\n /**\n * Moves note pitch by delta.\n * @memberOf Note\n * @param {Number} delta Pitch displacement.\n */\n translateStart: function (delta) {\n this.start += ~~(delta);\n this.start = Math.max(this.start, 0);\n },\n\n /**\n * Returns current properties in a string.\n * @memberOf Note\n * @return {String}\n */\n toString: function () {\n return this.pitch + ',' + this.velocity + ',' +\n this.start + ',' + this.duration;\n },\n\n /**\n * Returns start time for numeric operation.\n * @memberOf Note\n * @return {Number}\n */\n valueOf: function () {\n return this.start;\n }\n\n};\n\n\n/**\n * NoteClip abstraction. A collection of Note objects. Instantiated by \n * WX.NoteClip.\n * @name NoteClip\n * @class\n */\nfunction NoteClip() {\n this._init();\n}\n\nNoteClip.prototype = {\n\n // Initializes or resets note clip.\n _init: function () {\n this.notes = {};\n this.start = 0;\n this.end = 0;\n this.size = 0;\n },\n\n /**\n * Deletes and returns a note from clip. Returns null when not found.\n * @memberOf NoteClip\n * @param {String} id Note ID.\n * @return {Note | null}\n */\n delete: function (id) {\n if (this.notes.hasOwnProperty(id)) {\n var note = this.notes[id];\n delete this.notes[id];\n this.size--;\n return note;\n }\n return null;\n },\n\n /**\n * Flush out noteclip content.\n * @memberOf NoteClip\n */\n empty: function () {\n this.notes = {};\n this.size = 0;\n },\n\n /**\n * Find a note that contains a point specified by pitch and tick. Then\n * returns note ID. Returns null when not found.\n * Note that this impl might produce an undesirable result since it\n * simply catches the first note detected in the iteration. There is no\n * perfect solution over this problem, so I chose to make it robust\n * instead.\n * @memberOf NoteClip\n * @param {Number} pitch MIDI pitch\n * @param {Number} tick Position in tick.\n * @return {String | null}\n */\n findNoteIdAtPosition: function (pitch, tick) {\n for (var id in this.notes) {\n var note = this.notes[id];\n if (note && note.pitch === pitch) {\n if (note.start <= tick && tick <= note.getEnd()) {\n return id;\n }\n }\n }\n return null;\n },\n\n /**\n * Find notes in a area specified by pitch and tick. Then returns an array\n * of notes. Returns null when nothing in target area.\n * Note that this method only care for start time of note. If a note\n * starts before than the area, it will not be included in the selection.\n * @memberOf NoteClip\n * @param {Number} minPitch Lower bound pitch.\n * @param {Number} maxPitch Upper bound pitch.\n * @param {Number} startTick Start time in tick.\n * @param {Number} endTick End time in tick.\n * @return {Array | null}\n */\n findNotesIdInArea: function (minPitch, maxPitch, startTick, endTick) {\n var bucket = [];\n for (var id in this.notes) {\n var note = this.notes[id];\n if (note) {\n if (minPitch <= note.pitch && note.pitch <= maxPitch) {\n if (startTick <= note.start && note.start <= endTick) {\n bucket.push(id);\n }\n }\n }\n }\n return (bucket.length > 0) ? bucket : null;\n },\n\n /**\n * Returns note from clip with id.\n * @memberOf NoteClip\n * @param {String} id Note ID.\n * @return {Object}\n */\n get: function (id) {\n if (this.hasId(id)) {\n return this.notes[id];\n }\n return null;\n },\n\n /**\n * Retunrs an array with all the ID of notes.\n * @memberOf NoteClip\n * @return {Array}\n */\n getAllId: function () {\n return Object.keys(this.notes);\n },\n\n /**\n * Returns clip size.\n * @memberOf NoteClip\n * @return {Number}\n */\n getSize: function () {\n return this.size;\n },\n\n /**\n * Probes clip with note id.\n * @memberOf NoteClip\n * @param {String} id Note id.\n * @return {Boolean} True if clip contains the note.\n */\n hasId: function (id) {\n return this.notes.hasOwnProperty(id);\n },\n\n /**\n * Iterates all the notes with callback function.\n * @memberOf NoteClip\n * @param {callback_noteclip_iterate} callback Process for iteration.\n */\n iterate: function (callback) {\n var index = 0;\n for (var id in this.notes) {\n callback(id, this.notes[id], index++);\n }\n },\n\n /**\n * Callback for note clip interation. Called by NoteClip.iterate.\n * @callback callback_noteclip_iterate\n * @param {String} id Note ID.\n * @param {Note} Note object.\n * @param {Number} index Iteration index.\n * @see NoteClip.iterate\n */\n\n /**\n * Pushes a new note into clip. Returns ID of the new note.\n * @memberOf NoteClip\n * @param {Note} note\n * @return {String} Note ID.\n */\n push: function (note) {\n var id;\n do {\n id = generate_uid4();\n } while (this.hasId(id));\n this.notes[id] = note;\n this.size++;\n return id;\n },\n\n /**\n * Set a note with a specific ID. If the same ID found, update properties\n * of the note. Otherwise, create a new note with a specified ID. Usually\n * this method is used in the collaborative context.\n * @memberOf NoteClip\n * @param {String} id Note ID.\n * @param {Note} note Note object.\n */\n set: function (id, note) {\n if (this.hasId(id)) {\n this.notes[id].setNote(note);\n } else {\n this.notes[id] = note;\n }\n },\n\n /**\n * Returns an array of notes within a timespan. Returns null when not found.\n * Note that this method actually returns Note objects, not IDs.\n * @memberOf NoteClip\n * @param {Number} start Start time in tick.\n * @param {Number} end End time in tick.\n * @return {Array | null}\n */\n scanNotesInTimeSpan: function (start, end) {\n var bucket = [];\n for (var id in this.notes) {\n var note = this.notes[id];\n if (note) {\n if (start <= note.start && note.start <= end) {\n bucket.push(note);\n }\n }\n }\n return (bucket.length > 0) ? bucket : null;\n }\n};\n\n\n//\n// Router class should be here.\n//\n\n\n// NOTES:\n// absolute time: time in audioContext\n// sec: linear time in seconds\n// tick: musical time, atomic unit of MBT timebase (varies on BPM)\n// * if not specified in method signature, it is handled as tick\n// all the internal calculation should be in seconds\n\n/**\n * Transport abstraction. Singleton and instantiated by default.\n * @name Transport\n * @class\n * @param {Number} BPM Beat per minute.\n */\nfunction Transport(BPM) {\n this._init(BPM || 120);\n}\n\nTransport.prototype = {\n // TEMPORARY\n _flushPlaybackQueue: function () {\n this._playbackQueue.length = 0;\n },\n\n // Sets current playhead position by seconds (audioContext).\n _setPlayheadPosition: function (second) {\n this._now = second;\n this._absOrigin = WX.now - this._now;\n },\n\n // Scans notes in current scan range.\n _scheduleNotesInScanRange: function () {\n if (this._needsScan) {\n var notes = null;\n if (this._source) {\n notes = this._source.scanNotesInTimeSpan(\n this.sec2tick(this._scanStart),\n this.sec2tick(this._scanEnd)\n );\n }\n // push notes into playbackQueue\n if (notes) {\n for (var i = 0; i < notes.length; i++) {\n if (this._playbackQueue.indexOf(notes[i]) < 0) {\n this._playbackQueue.push(notes[i]);\n }\n }\n }\n this._needsScan = false;\n }\n // send queued notes to target plug-ins\n if (this._playbackQueue.length > 0) {\n for (var i = 0; i < this._playbackQueue.length; i++) {\n var note = this._playbackQueue[i],\n start = this._absOrigin + this.tick2sec(note.start),\n end = start + this.tick2sec(note.dur);\n // schedule notes by onData method\n // this.targets[0].onData('noteon', {\n // pitch: note.pitch,\n // velocity: note.velocity,\n // time: start\n // });\n // this.targets[0].onData('noteoff', {\n // pitch: note.pitch,\n // velocity: 0,\n // time :end\n // });\n }\n }\n },\n\n // Move the scan range of scan forward by runner.\n _advanceScanRange: function () {\n // Advances the scan range to the next block, if the scan end point is\n // close enough (< 16.7ms) to playhead.\n if (this._scanEnd - this._now < 0.0167) {\n this._scanStart = this._scanEnd;\n this._scanEnd = this._scanStart + this._lookAhead;\n this._needsScan = true;\n }\n },\n\n // Reset the scan range based on current playhead position.\n _resetScanRange: function () {\n this._scanStart = this._now;\n this._scanEnd = this._scanStart + this._lookahead;\n this._needsScan = true;\n },\n\n // Update assigned transport MUI element. update data:\n // MBST format of now_t, loopEnd, loopStart, BPM\n _updateView: function () {\n\n },\n\n // Runs the transport (update every 16.7ms)\n _run: function () {\n // console.log(this._now);\n if (this._RUNNING) {\n // add time elapsed to now_t by checking now_ac\n var absNow = WX.now;\n this._now += (absNow - this._absLastNow);\n this._absLastNow = absNow;\n // scan notes in range\n this._scheduleNotesInScanRange();\n // advance when transport is running\n this._advanceScanRange();\n // update transport view\n this._updateView();\n // flush played notes\n this._flushPlaybackQueue();\n // check loop flag\n if (this._LOOP) {\n if (this._loopEnd - (this._now + this._lookAhead) < 0) {\n this._setPlayheadPosition(this._loopStart - (this._loopEnd - this._now));\n }\n }\n\n // TODO\n // Transport should have a router (note clips > in-out > plug-in)\n // 0. iterate through the router entries\n // 1. note clip entry in router -> get target plug-in\n // 2. scan note clips\n // 3. send data to plug-in\n //\n // if there is any registered plug-in for metronome\n // schedule metronome as well\n\n // TODO: pulse metronome\n // if (this.USE_METRONOME && this.metronome) {\n // // if nextPulse is in lookahead range, schedule it\n // this.metronome.play(this.now, this.lookahead);\n // }\n\n // ORIGINAL CODE:\n // var tick = mtime2tick(this.nextClick);\n // if (this.getLinearTime(tick) < this.ltime_now + this.lookahead) {\n // var accent = (this.nextClick.beat % 4 === 0) ? true : false;\n // this.metronome.play(this.getAbsoluteTime(tick), accent);\n // this.nextClick.beat += 1;\n // }\n \n }\n // schedule next step\n requestAnimationFrame(this._run.bind(this));\n },\n\n // initializing transport with BPM\n _init: function (BPM) {\n // origin in absolute time and 'now' reference\n this._BPM = BPM;\n this._lastBPM = BPM;\n\n // beats/ticks in seconds\n this._BIS = 0.0;\n this._TIS = 0.0;\n\n // origin by audio context time\n // it is '0' position of playhead in linear time\n this._absOrigin = 0.0;\n this._absLastNow = 0.0;\n\n // now, loop, lookAhead by transport time\n this._now = 0.0;\n this._loopStart = 0.0;\n this._loopEnd = 0.0;\n this._lookAhead = 0.0;\n\n // playback scan range and dirty flag\n this._scanStart = 0.0;\n this._scanEnd = this._lookAhead;\n this._needsScan = true;\n\n // transport view element\n this._transportView = null;\n\n // TEMPORARY\n this._playbackQueue = [];\n this._source = null; // noteclip\n this._target = null; // plug-in\n\n // switches\n this._RUNNING = false;\n this._LOOP = false;\n this._USE_METRONOME = false;\n\n // set BPM and initiate runner\n this.setBPM(BPM);\n this._run();\n },\n\n\n // Transport Public Methods\n //\n // NOTE: the max integer in JavaScript is 9007199254740992.\n // With this number as ticks, the maximum offset of a note is\n // { measure: 1145324612, beat: 1, sixteenth: 0, tick: 32 }\n // It is about 38177487 minutes in BPM of 120. (~636291 hours, ~26512 days)\n // So, this number is good enough to cover general music making.\n //\n // Having separated notation like { measure, beat, sixteenth, tick } is\n // not really necessary. It is easy to translate both way when it's needed.\n // (i.e. displaying timing data on UI.)\n\n /**\n * Converts tick to second based on transport tempo.\n * @memberOf Transport\n * @param {Number} tick Tick (atomic musical time unit)\n * @return {Number}\n */\n tick2sec: function (tick) {\n return tick * this._TIS;\n },\n\n /**\n * Converts second to tick based on transport tempo.\n * @memberOf Transport\n * @param {Number} sec Second\n * @return {Number}\n */\n sec2tick: function (sec) {\n return sec / this._TIS;\n },\n\n /**\n * Starts playback.\n * @memberOf Transport\n */\n start: function () {\n // Arrange time references.\n var absNow = WX.now;\n this._absOrigin = absNow - this._now;\n this._absLastNow = absNow;\n // Reset scan range.\n this._resetScanRange();\n // Transport is running.\n this._RUNNING = true;\n },\n\n /**\n * Pauses current playback.\n * @memberOf Transport\n */\n pause: function () {\n this._RUNNING = false;\n this._flushPlaybackQueue();\n },\n\n /**\n * Sets playhead position by tick.\n * @memberOf Transport\n * @param {Number} tick Playhead position in ticks.\n */\n setNow: function (tick) {\n this._setPlayheadPosition(this.tick2sec(tick));\n this._resetScanRange();\n },\n\n /**\n * Returns playhead position by tick.\n * @memberOf Transport\n * @return {Number}\n */\n getNow: function () {\n return this.sec2tick(this._now);\n },\n\n /**\n * Rewinds playhead to the beginning.\n * @memberOf Transport\n */\n rewind: function () {\n this._setPlayheadPosition(0.0);\n },\n\n /**\n * Sets loop start position by tick.\n * @memberOf Transport\n * @param {Number} tick Loop start in tick.\n */\n setLoopStart: function (tick) {\n this._loopStart = this.tick2sec(tick);\n },\n\n /**\n * Sets loop end position by tick.\n * @memberOf Transport\n * @param {Number} tick Loop end in tick.\n */\n setLoopEnd: function (tick) {\n this._loopEnd = this.tick2sec(tick);\n },\n\n /**\n * Returns loop start by tick.\n * @memberOf Transport\n * @return {Number}\n */\n getLoopStart: function () {\n return this.sec2tick(this._loopStart);\n },\n\n /**\n * Returns loop end by tick.\n * @memberOf Transport\n * @return {Number}\n */\n getLoopEnd: function () {\n return this.sec2tick(this._loopEnd);\n },\n\n /**\n * Toggles or sets loop status.\n * @memberOf Transport\n * @param {Boolean|undefined} bool Loop state. If undefined, it toggles the current state.\n */\n toggleLoop: function (bool) {\n if (bool === undefined) {\n this._LOOP = !this._LOOP;\n } else {\n if (WX.isBoolean(bool)) {\n this._LOOP = bool;\n } else {\n WX.Log.error('Invalid parameter. Use boolean value.');\n }\n }\n },\n\n /**\n * Sets transport BPM.\n * @memberOf Transport\n * @param {Number} BPM Beat per minute.\n */\n setBPM: function (BPM) {\n // calculates change factor\n this._BPM = (BPM || 120);\n var factor = this._lastBPM / this._BPM;\n this._lastBPM = this._BPM;\n // recalcualte beat in seconds, tick in seconds\n this._BIS = 60.0 / this._BPM;\n this._TIS = this._BIS / _TICKS_PER_BEAT;\n // lookahead is 16 ticks (1/128th note)\n this._lookAhead = this._TIS * 16;\n // update time references based on tempo change\n this._now *= factor;\n this._loopStart *= factor;\n this._loopEnd *= factor;\n this._absOrigin = WX.now - this._now;\n },\n\n /**\n * Returns current BPM.\n * @memberOf Transport\n * @return {Number}\n */\n getBPM: function () {\n return this._BPM;\n },\n\n /**\n * Returns current running status of transport.\n * @memberOf Transport\n * @return {Boolean}\n */\n isRunning: function () {\n return this._RUNNING;\n }\n\n};\n\n/**\n * Converts MBST(measure, beat, sixteenth, tick) format to tick.\n * @memberOf WX\n * @param {MBST} Musical time in MBST format.\n * @return {Number} Musical time in tick.\n */\nWX.mbst2tick = function (mtime) {\n return (mtime.measure || 0) * _TICKS_PER_MEASURE +\n (mtime.beat || 0) * _TICKS_PER_BEAT +\n (mtime.sixteenth || 0) * _TICKS_PER_SIXTEENTH +\n (mtime.tick || 0);\n};\n\n/**\n * Converts tick to MBST(measure, beat, sixteenth, tick) format.\n * @memberOf WX\n * @param {Number} tick Tick.\n * @return {MBST} Musical time in MBST format.\n */\nWX.tick2mbst = function (tick) {\n return {\n measure: ~~(tick / _TICKS_PER_MEASURE),\n beat: ~~((tick % _TICKS_PER_MEASURE) / _TICKS_PER_BEAT),\n sixteenth: ~~((tick % _TICKS_PER_BEAT) / _TICKS_PER_SIXTEENTH),\n tick: ~~(tick % _TICKS_PER_SIXTEENTH)\n };\n};\n\n/**\n * Creates a Note instance.\n * @memberOf WX\n * @param {Number} pitch MIDI pitch (0~127)\n * @param {Number} velocity MIDI velocity (0~127)\n * @param {Number} start Note start time in tick.\n * @param {Number} duration Note durtion in tick.\n * @return {Note}\n */\nWX.Note = function (pitch, velocity, start, duration) {\n return new Note(pitch, velocity, start, duration);\n};\n\n/**\n * Create a NoteClip instance.\n * @memberOf WX\n * @return {NoteClip}\n */\nWX.NoteClip = function () {\n return new NoteClip();\n};\n\n/**\n * Singleton instance of Transporter.\n * @type {Transport}\n */\nWX.Transport = new Transport(120);"
},
{
"path": "src/waax.util.js",
"content": "// Copyright 2011-2014 Hongchan Choi. All rights reserved.\n// Use of this source code is governed by MIT license that can be found in the\n// LICENSE file.\n\n/**\n * Features system-wide logging utilities.\n * @namespace WX.Log\n */\nWX.Log = {\n // log level. (1: info, 2: warn, 3: error)\n _LEVEL: 1\n};\n\n/**\n * Sets logging level.\n * @param {Number} level logging level { 1: info, 2: warn, 3: error }\n */\nWX.Log.setLevel = function (level) {\n this._LEVEL = level;\n};\n\n/**\n * Prints an informative message on console.\n * @param {...String} message messages to be printed\n */\nWX.Log.info = function () {\n if (this._LEVEL > 1) return;\n var args = Array.prototype.slice.call(arguments);\n args.unshift('[WX:info]');\n window.console.log.apply(window.console, args);\n};\n\n/**\n * Prints a warning message on console.\n * @param {...String} message messages to be printed.\n */\nWX.Log.warn = function () {\n if (this._LEVEL > 2) return;\n var args = Array.prototype.slice.call(arguments);\n args.unshift('[WX:warn]');\n window.console.log.apply(window.console, args);\n};\n\n/**\n * Prints an error message on console and throws an error.\n * @param {...String} message messages to be printed.\n */\nWX.Log.error = function () {\n var args = Array.prototype.slice.call(arguments);\n args.unshift('[WX:error]');\n window.console.log.apply(window.console, args);\n throw new Error('[WX:error]');\n};\n\n/**\n * Returns WAAX API version number. (semantic version)\n * @returns {Number} WAAX API version number\n * @see http://semver.org/\n */\nWX.getVersion = function () {\n return this._VERSION;\n};\n\n// Object manipulation and music math.\n// : Features utilities for object manipulation, music math and more.\n// Note that all utility methods are under WX namespace.\n// References\n// : http://underscorejs.org/docs/underscore.html\n// : https://github.com/libpd/libpd/blob/master/pure-data/src/x_acoustics.c\n\n/**\n * Checks if an argument is a JS object.\n * @returns {Boolean}\n */\nWX.isObject = function (obj) {\n return obj === Object(obj);\n};\n\n/**\n * Checks if an argument is a JS function.\n * @returns {Boolean}\n */\nWX.isFunction = function (fn) {\n return toString.call(fn) === '[object Function]';\n};\n\n/**\n * Checks if an argument is a JS array.\n * @returns {Boolean}\n */\nWX.isArray = function (arr) {\n return toString.call(arr) === '[object Array]';\n};\n\n/**\n * Checks if the type of an argument is Number.\n * @returns {Boolean}\n */\nWX.isNumber = function (num) {\n return toString.call(num) === '[object Number]';\n};\n\n/**\n * Checks if the type of an argument is Boolean.\n * @returns {Boolean}\n */\nWX.isBoolean = function (bool) {\n return toString.call(bool) === '[object Boolean]';\n};\n\n/**\n * Checks if a WAAX plug-in has a parameter\n * @param {String} param Parameter name\n * @returns {Boolean}\n */\nWX.hasParam = function(plugin, param) {\n return hasOwnProperty.call(plugin.params, param);\n};\n\n/**\n * Extends target object with the source object. If two objects have\n * duplicates, properties in target object will be overwritten.\n * @param {Object} target Object to be extended\n * @param {Object} source Object to be injected\n * @returns {Object} A merged object.\n */\nWX.extend = function (target, source) {\n for (var prop in source) {\n target[prop] = source[prop];\n }\n return target;\n};\n\n/**\n * Retunrs a clone of JS object. This returns shallow copy.\n * @param {Object} source Object to be cloned\n * @returns {Object} Cloned object\n */\nWX.clone = function (source) {\n var obj = {};\n for (var prop in source) {\n obj[prop] = source[prop];\n }\n return obj;\n};\n\n/**\n * Validates a WAAX model. This verifies if all the keys in the\n * model is unique. WAAX model is a collection of key-value pairs\n * that is useful for data binding or templating.\n * @param {Array} model WAAX model\n * @returns {Boolean}\n * @example\n * // Example WAAX model for waveform types\n * var model = [\n * { key:'Sine', value:'sine' },\n * { key:'Sawtooth', value:'sawtooth' }\n * ...\n * ];\n */\nWX.validateModel = function (model) {\n if (model.length === 0) {\n return false;\n }\n var keys = [];\n for (var i = 0; i < model.length; i++) {\n if (keys.indexOf(model[i].key) > -1) {\n return false;\n } else {\n keys.push(model[i].key);\n }\n }\n return true;\n};\n\n/**\n * Finds a key from a model by a value.\n * @param {Array} model WAAX model\n * @param {*} value Value in model\n * @returns {String|null} Key or null when not found.\n * @see {@link WX.Model} for WAAX model specification.\n */\nWX.findKeyByValue = function (model, value) {\n for (var i = 0; i < model.length; i++) {\n if (model[i].value === value) {\n return model[i].key;\n }\n }\n return null;\n};\n\n/**\n * Finds a value from a model by a key.\n * @param {Array} model WAAX model\n * @param {String} key Key in model\n * @returns {*|null} Value or null when not found.\n * @see {@link WX.validateModel} for WAAX model specification.\n */\nWX.findValueByKey = function (model, key) {\n for (var i = 0; i < model.length; i++) {\n if (model[i].key === key) {\n return model[i].value;\n }\n }\n return null;\n};\n\n/**\n * Clamps a number into a range specified by min and max.\n * @param {Number} value Value to be clamped\n * @param {Number} min Range minimum\n * @param {Number} max Range maximum\n * @return {Number} Clamped value\n */\nWX.clamp = function (value, min, max) {\n return Math.min(Math.max(value, min), max);\n};\n\n/**\n * Generates a floating point random number between min and max.\n * @param {Number} min Range minimum\n * @param {Number} max Range maximum\n * @return {Number} A floating point random number\n */\nWX.random2f = function (min, max) {\n return min + Math.random() * (max - min);\n};\n\n/**\n * Generates an integer random number between min and max.\n * @param {Number} min Range minimum\n * @param {Number} max Range maximum\n * @return {Number} An integer random number\n */\nWX.random2 = function (min, max) {\n return Math.round(min + Math.random() * (max - min));\n};\n\n/**\n * Converts a MIDI pitch number to frequency.\n * @param {Number} midi MIDI pitch (0 ~ 127)\n * @return {Number} Frequency (Hz)\n */\nWX.mtof = function (midi) {\n if (midi <= -1500) return 0;\n else if (midi > 1499) return 3.282417553401589e+38;\n else return 440.0 * Math.pow(2, (Math.floor(midi) - 69) / 12.0);\n};\n\n/**\n * Converts frequency to MIDI pitch.\n * @param {Number} freq Frequency\n * @return {Number} MIDI pitch\n */\nWX.ftom = function (freq) {\n return Math.floor(\n freq > 0 ?\n Math.log(freq/440.0) / Math.LN2 * 12 + 69 : -1500\n );\n};\n\n/**\n * Converts power to decibel. Note that it is off by 100dB to make it\n * easy to use MIDI velocity to change volume. This is the same\n * convention that PureData uses. This behaviour might change in the\n * future.\n * @param {Number} power Power\n * @return {Number} Decibel\n */\nWX.powtodb = function (power) {\n if (power <= 0) return 0;\n else {\n var db = 100 + 10.0 / Math.LN10 * Math.log(power);\n return db < 0 ? 0 : db;\n }\n};\n\n/**\n * Converts decibel to power. Note that it is off by 100dB to make it\n * easy to use MIDI velocity to change volume. This is the same\n * convention that PureData uses. This behaviour might change in the\n * future.\n * @param {Number} db Decibel\n * @return {Number} Power\n */\nWX.dbtopow = function (db) {\n if (db <= 0) return 0;\n else {\n // TODO: what is 870?\n if (db > 870) db = 870;\n return Math.exp(Math.LN10 * 0.1 * (db - 100.0));\n }\n};\n\n/**\n * Converts RMS(root-mean-square) to decibel.\n * @param {Number} rms RMS value\n * @return {Number} Decibel\n */\nWX.rmstodb = function (rms) {\n if (rms <= 0) return 0;\n else {\n var db = 100 + 20.0 / Math.LN10 * Math.log(rms);\n return db < 0 ? 0 : db;\n }\n};\n\n/**\n * Converts decibel to RMS(root-mean-square).\n * @param {Number} db Decibel\n * @return {Number} RMS value\n */\nWX.dbtorms = function (db) {\n if (db <= 0) return 0;\n else {\n // TO FIX: what is 485?\n if (db > 485) db = 485;\n return Math.exp(Math.LN10 * 0.05 * (db - 100.0));\n }\n};\n\n/**\n * Converts linear amplitude to decibel.\n * @param {Number} lin Linear amplitude\n * @return {Number} Decibel\n */\nWX.lintodb = function (lin) {\n // if below -100dB, set to -100dB to prevent taking log of zero\n return 20.0 * (lin > 0.00001 ? (Math.log(lin) / Math.LN10) : -5.0);\n};\n\n/**\n * Converts decibel to linear amplitude. Useful for dBFS conversion.\n * @param {Number} db Decibel\n * @return {Number} Linear amplitude\n */\nWX.dbtolin = function (db) {\n return Math.pow(10.0, db / 20.0);\n};\n\n/**\n * Converts MIDI velocity to linear amplitude.\n * @param {Number} velocity MIDI velocity\n * @return {Number} Linear amplitude\n */\nWX.veltoamp = function (velocity) {\n // TODO: velocity curve here?\n return velocity / 127;\n};\n\n/**\n * Loads WAAX clip by XHR loading\n * @param {Object} clip WAAX Clip\n * @param {callback_loadClip_oncomplete} oncomplete Function called when\n * completed.\n * @param {callback_loadClip_onprogress} onprogress Optional. \n * Callback for progress report.\n * @example\n * // Creates a WAAX clip on the fly.\n * var clip = {\n * name: 'Cool Sample',\n * url: 'http://mystaticdata.com/samples/coolsample.wav',\n * buffer: null\n * };\n * // Loads the clip and assign the buffer to a sampler plug-in.\n * WX.loadClip(clip, function (clip) {\n * mySampler.setBuffer(clip.buffer);\n * });\n */\nWX.loadClip = function (clip, oncomplete, onprogress) {\n if (!oncomplete) {\n WX.Log.error('Specify `oncomplete` action.');\n return;\n }\n var xhr = new XMLHttpRequest();\n xhr.open('GET', clip.url, true);\n xhr.responseType = 'arraybuffer';\n xhr.onprogress = function (event) {\n if (onprogress) {\n onprogress(event, clip);\n }\n };\n xhr.onload = function (event) {\n try {\n WX._ctx.decodeAudioData(\n xhr.response,\n function (buffer) {\n clip.buffer = buffer;\n oncomplete(clip);\n }\n );\n } catch (error) {\n WX.Log.error('Loading clip failed. (XHR failure)', error.message, clip.url);\n }\n };\n xhr.send();\n};\n\n/**\n * Callback for clip loading completion. Called by {@link WX.loadClip}.\n * @callback callback_loadclip_oncomplete\n * @param {Object} clip WAAX clip\n * @see WX.loadClip\n */\n\n/**\n * Callback for clip loading progress report. called by {@link WX.loadClip}.\n * @callback callback_loadclip_onprogress\n * @param {Object} event XHR progress event object\n * @param {Object} clip WAAX clip\n * @see WX.loadClip\n * @see https://dvcs.w3.org/hg/progress/raw-file/tip/Overview.html\n */"
},
{
"path": "test/index.html",
"content": "\n\n\n\n Test Suite | WAAX \n \n
WX : Web Audio API eXtension \n
\n
\n\n \n \n \n\n \n \n\n \n \n \n \n \n \n\n \n \n\n\n\n"
},
{
"path": "test/test-core.js",
"content": "// test-core.js\n\n// caching\nvar expect = chai.expect,\n should = chai.should();\n\n// Utilities\ndescribe('Core: Utilities - object, music math and more.', function() {\n describe('getVersion()', function () {\n it('should return API version number.', function () {\n expect(WX.getVersion()).to.equal('1.0.0-alpha3');\n });\n });\n describe('Log.info(arg)', function () {\n it('should print info message in the console.', function (done) {\n WX.Log.info('this is', 'info', 'message.');\n done();\n });\n });\n describe('Log.warn(arg)', function () {\n it('should print warning message in the console.', function (done) {\n WX.Log.warn('this is', 'warning', 'message.');\n done();\n });\n });\n describe('Log.error(arg)', function () {\n it('should print message and throw error.', function () {\n expect(function () {\n WX.Log.error('this is', 'error', 'message.');\n }).to.throw(Error);\n });\n });\n describe('isObject(arg)', function () {\n it('should return true when input is JS object.', function () {\n expect(WX.isObject({})).to.equal(true);\n expect(WX.isObject([])).to.equal(true);\n expect(WX.isObject('Hey')).to.equal(false);\n expect(WX.isObject(1.0)).to.equal(false);\n });\n });\n describe('isArray(arg)', function () {\n it('should return true when input is Array.', function () {\n expect(WX.isArray([])).to.equal(true);\n expect(WX.isArray({})).to.equal(false);\n expect(WX.isArray(1.0)).to.equal(false);\n });\n });\n describe('isNumber(arg)', function () {\n it('should return true when input is Number.', function () {\n expect(WX.isNumber(1.0)).to.equal(true);\n expect(WX.isNumber('Number')).to.equal(false);\n expect(WX.isNumber({})).to.equal(false);\n });\n });\n describe('isBoolean(arg)', function () {\n it('should return true when input is Boolean.', function () {\n expect(WX.isBoolean(true)).to.equal(true);\n expect(WX.isBoolean(false)).to.equal(true);\n expect(WX.isBoolean(1)).to.equal(false);\n });\n });\n describe('hasParam(plugin, param)', function () {\n it('should return true when plugin has the parameter.', function () {\n var plugin = { params: { 'parameter': 0.0 } };\n expect(WX.hasParam(plugin, 'parameter')).to.equal(true);\n expect(WX.hasParam(plugin, 'notParameter')).to.equal(false);\n });\n });\n describe('extend(target, source)', function () {\n it('should add source to target object and return the extended target.',\n function () {\n var source = { a: 1, b: 2 },\n target = { b: 3, c: 4 },\n result = { a: 1, b: 2, c: 4 };\n expect(WX.extend(target, source)).deep.equal(result);\n }\n );\n });\n describe('clone(source)', function () {\n it('should return a cloned object.', function () {\n var source = { a: 1, b: 2 },\n result = { a: 1, b: 2 };\n expect(WX.clone(source)).deep.equal(result);\n });\n });\n describe('validateModel(model)', function () {\n it('returns true when all the keys are unique in a model.', function () {\n var valid = [\n { key:'Sine', value:'sine' },\n { key:'Sinusoid', value:'sine' }\n ];\n var invalid = [\n { key:'Sine', value:'sine' },\n { key:'Sine', value:'sinusoid' }\n ];\n expect(WX.validateModel(valid)).to.equal(true);\n expect(WX.validateModel(invalid)).to.equal(false);\n });\n });\n describe('findKeyByValue(model, value)', function () {\n it('returns a key assodicated with a value. null when not found.',\n function () {\n var model = [\n { key:'Sine', value:'sine' },\n { key:'Sinusoid', value:'sine' }\n ];\n expect(WX.findKeyByValue(model, 'sine')).to.equal('Sine');\n expect(WX.findKeyByValue(model, 'sinusoid')).to.equal(null);\n }\n );\n });\n describe('findValueByKey(model, key)', function () {\n it('returns a key assodicated with a value. null when not found.',\n function () {\n var model = [\n { key:'Sine', value:'sine' },\n { key:'Sine', value:'sinusoid' }\n ];\n expect(WX.findValueByKey(model, 'Sine')).to.equal('sine');\n expect(WX.findValueByKey(model, 'Sawtooth')).to.equal(null);\n }\n );\n });\n describe('clamp(value, min, max)', function () {\n it('should clamp value into between min and max.', function () {\n expect(WX.clamp(1.5, 0.0, 1.0)).to.equal(1.0);\n expect(WX.clamp(-0.5, 0.0, 1.0)).to.equal(0.0);\n });\n });\n describe('random2f(min, max)', function () {\n it('should generate a floating point random value between min and max.',\n function () {\n var rnd = WX.random2f(0.0, 10.0);\n expect(rnd).to.be.within(0.0, 10.0);\n expect(parseInt(rnd, 10) === rnd).to.equal(false);\n }\n );\n });\n describe('random2(min, max)', function () {\n it('should generate an integer random value between min and max.',\n function () {\n var rnd = WX.random2(0, 10);\n expect(rnd).to.be.within(0, 10);\n expect(parseInt(rnd, 10) === rnd).to.equal(true);\n }\n );\n });\n describe('mtof(midi)', function () {\n it('should return frequency from MIDI pitch.', function () {\n expect(WX.mtof(69)).to.equal(440.0);\n expect(WX.mtof(-1500)).to.equal(0);\n expect(WX.mtof(1500)).to.equal(3.282417553401589e+38);\n });\n });\n describe('ftom(freq)', function () {\n it('should return MIDI pitch from frequency.', function () {\n expect(WX.ftom(440)).to.equal(69);\n expect(WX.ftom(-1)).to.equal(-1500);\n expect(WX.ftom(22050)).to.equal(136);\n });\n });\n describe('powtodb(power)', function () {\n it('should return decibel from signal power.', function () {\n expect(WX.powtodb(1.0)).to.equal(100.0);\n expect(WX.powtodb(10.0)).to.equal(110.0);\n });\n });\n describe('dbtopow(db)', function () {\n it('should return power from decibel.', function () {\n expect(WX.dbtopow(0.0)).to.equal(0.0);\n expect(WX.dbtopow(100.0)).to.equal(1.0);\n });\n });\n describe('rmstodb(rms)', function () {\n it('should return decibel from RMS.', function () {\n expect(WX.rmstodb(0.0)).to.equal(0.0);\n expect(WX.rmstodb(100.0)).to.equal(140.0);\n });\n });\n describe('dbtorms(db)', function () {\n it('should return RMS from decibel.', function () {\n expect(WX.dbtorms(0.0)).to.equal(0.0);\n expect(WX.dbtorms(100.0)).to.equal(1.0);\n });\n });\n describe('veltoamp(vel)', function () {\n it('should return linear amp from velocity.', function () {\n expect(WX.veltoamp(0)).to.equal(0);\n expect(WX.veltoamp(63)).to.equal(0.49606299212598426);\n expect(WX.veltoamp(64)).to.equal(0.5039370078740157);\n expect(WX.veltoamp(127)).to.equal(1.0);\n });\n });\n\n});\n\n// Core: Audio System\ndescribe('Core: Audio System', function() {\n\n describe('context', function () {\n it('should be AudioContext.', function () {\n expect(typeof WX._ctx.createGain).to.equal('function');\n });\n });\n // TODO: there might be inconsistent between now and currentTime. be advise.\n describe('now (getter)', function () {\n it('should return current time in audio context.', function () {\n expect(WX.now).to.be.at.least(0.0);\n expect(WX.now).to.equal(WX._ctx.currentTime);\n });\n });\n describe('srate (getter)', function () {\n it('should return current sample rate of audio context.', function () {\n expect(WX.srate).to.be.above(22050);\n expect(WX.srate).to.equal(WX._ctx.sampleRate);\n });\n });\n describe('Gain()', function () {\n it('should return a gain node.', function () {\n expect(WX.Gain()).to.have.property('gain');\n });\n });\n describe('OSC()', function () {\n it('should return an oscillator node.', function () {\n expect(WX.OSC()).to.have.property('frequency');\n });\n });\n describe('Delay()', function () {\n it('should return a delay node.', function () {\n expect(WX.Delay()).to.have.property('delayTime');\n });\n });\n describe('Filter()', function () {\n it('should return a biquad filter node.', function () {\n expect(WX.Filter()).to.have.property('frequency');\n });\n });\n describe('Comp()', function () {\n it('should return a compressor node.', function () {\n expect(WX.Comp()).to.have.property('threshold');\n });\n });\n describe('Convolver()', function () {\n it('should return a convolver node.', function () {\n expect(WX.Convolver()).to.have.property('buffer');\n });\n });\n describe('WaveShaper()', function () {\n it('should return a waveshaper node.', function () {\n expect(WX.WaveShaper()).to.have.property('curve');\n });\n });\n describe('Source()', function () {\n it('should return a audio buffer source node.', function () {\n expect(WX.Source()).to.have.property('buffer');\n });\n });\n describe('Analyzer()', function () {\n it('should return an analyzer node.', function () {\n expect(WX.Analyzer()).to.have.property('fftSize');\n });\n });\n describe('Panner()', function () {\n it('should return a panner node.', function () {\n expect(WX.Panner()).to.have.property('panningModel');\n });\n });\n describe('PeriodicWave()', function () {\n it('should return a periodic wave object.', function () {\n var mag = new Float32Array(256),\n phase = new Float32Array(256),\n wave = WX.PeriodicWave(mag, phase);\n expect(typeof wave).to.equal('object');\n });\n });\n describe('Splitter()', function () {\n it('should return a channel splitter node.', function () {\n var splitter = WX.Splitter();\n expect(splitter.numberOfOutputs).to.equal(6);\n });\n });\n describe('Merger()', function () {\n it('should return a channel merger node.', function () {\n var merger = WX.Merger();\n expect(merger.numberOfInputs).to.equal(6);\n });\n });\n describe('Buffer()', function () {\n it('should return a buffer source.', function () {\n expect(WX.Buffer(2, 1.0, 44100).length).to.equal(1);\n expect(WX.Buffer(1, 2.0, 48000).length).to.equal(2);\n });\n });\n describe('Envelope(arg)', function () {\n it('should return an envelope generator.', function () {\n var env = WX.Envelope([0.0, 0.0], [0.8, 0.01, 1], [0.0, 0.3, 2]);\n var t = WX.now;\n expect(env(1.0, 0.5)).deep.equal([\n [0.0, 1.0, 0], [0.4, 1.01, 1], [0.0, 1.3, 2]\n ]);\n });\n });\n describe('defineParams(plugin, paramDefs)', function () {\n it('should define parameter instances in a plugin.', function () {\n var flag = false;\n var plugin = {\n params: {},\n $testParam: function () {\n flag = true;\n }\n };\n WX.defineParams(plugin, {\n 'testParam': {\n type: 'Generic', unit: '',\n default: 0.01, min: 0.0, max: 1.0\n }\n });\n expect(plugin.params.testParam.get()).to.equal(0.01);\n plugin.params.testParam.set(0.5, 0, 0);\n expect(flag).to.equal(true);\n expect(plugin.params.testParam.get()).to.equal(0.5);\n });\n });\n describe('loadClip', function () {\n it('should return a audio buffer after xhr loading success.', function (done) {\n var clip = { name: 'ziggy', url: '../sound/loops/drums.mp3' };\n var progress = false, complete = false;\n WX.loadClip(clip,\n function (clip) {\n complete = true;\n expect(progress).to.equal(true);\n expect(complete).to.equal(true);\n expect(clip.buffer.duration).to.be.within(5.19, 5.24);\n done();\n },\n function (event) {\n progress = true;\n expect(event.loaded).to.be.within(0, event.total);\n }\n );\n });\n });\n\n});\n\n// Core: Plug-in Utilities\ndescribe('Core: Plug-in Utilities', function () {\n\n // dummy setup for testing\n function MyGenerator(preset) {\n WX.PlugIn.defineType(this, 'Generator');\n WX.defineParams(this, {\n p1: {\n type: 'Boolean',\n default: false\n },\n p2: {\n type: 'Boolean',\n default: true\n }\n });\n WX.PlugIn.initPreset(this, preset);\n }\n\n MyGenerator.prototype = {\n info: {\n api_version: '1.0.0-alpha2',\n type: 'Generator'\n },\n defaultPreset: {\n p1: false,\n p2: true\n },\n $p1: function(value, time, xtype) {\n return value ? 'pass' : 'fail';\n },\n $p2: function(value, time, xtype) {\n return value ? 'pass' : 'fail';\n }\n };\n\n WX.PlugIn.extendPrototype(MyGenerator, 'Generator');\n\n function MyProcessor() {\n WX.PlugIn.defineType(this, 'Processor');\n }\n\n MyProcessor.prototype = {};\n\n WX.PlugIn.extendPrototype(MyProcessor, 'Processor');\n\n function MyAnalyzer() {\n WX.PlugIn.defineType(this, 'Analyzer');\n }\n\n MyAnalyzer.prototype = {};\n\n WX.PlugIn.extendPrototype(MyAnalyzer, 'Analyzer');\n\n var gen = new MyGenerator({\n p1: true,\n p2: false\n });\n var pro = new MyProcessor(),\n ana = new MyAnalyzer();\n\n describe('defineType(plugin, type)', function () {\n it('should import required components to plugin based on type specifier.',\n function () {\n expect(gen).to.contain.keys('params', '_output', '_outlet');\n expect(pro).to.contain.keys('params', '_inlet', '_bypass');\n expect(ana).to.contain.keys('params', '_inlet', '_input');\n }\n );\n });\n describe('extendPrototype(plugin, type)', function () {\n it('should extend prototype with core plugin methods.',\n function () {\n // generator\n expect(gen).to.respondTo('get');\n expect(gen).to.respondTo('set');\n expect(gen).to.respondTo('getPreset');\n expect(gen).to.respondTo('setPreset');\n expect(gen).to.respondTo('$output');\n expect(gen).to.respondTo('cut');\n expect(gen).to.respondTo('to');\n expect(gen.$p1(true)).to.equal('pass');\n expect(gen.$p2(false)).to.equal('fail');\n // processor\n expect(pro).to.respondTo('get');\n expect(pro).to.respondTo('set');\n expect(pro).to.respondTo('getPreset');\n expect(pro).to.respondTo('setPreset');\n expect(pro).to.respondTo('$bypass');\n expect(pro).to.respondTo('$input');\n expect(pro).to.respondTo('$output');\n expect(pro).to.respondTo('cut');\n expect(pro).to.respondTo('to');\n // analyzer\n expect(ana).to.respondTo('get');\n expect(ana).to.respondTo('set');\n expect(ana).to.respondTo('getPreset');\n expect(ana).to.respondTo('setPreset');\n expect(ana).to.respondTo('$input');\n expect(ana).to.respondTo('cut');\n expect(ana).to.respondTo('to');\n }\n );\n });\n describe('initPreset(plugin, preset)', function () {\n it('should initialize plugin preset from arguments and default preset.',\n function () {\n expect(gen.get('p1')).to.equal(true);\n expect(gen.get('p2')).to.equal(false);\n }\n );\n });\n describe('register(pluginConstructor)', function () {\n it('should register plugin class under namespace WX.',\n function () {\n WX.PlugIn.register(MyGenerator);\n var myGen = WX.MyGenerator();\n expect(myGen).to.respondTo('get');\n expect(myGen).to.respondTo('set');\n expect(myGen).to.respondTo('getPreset');\n expect(myGen).to.respondTo('setPreset');\n expect(myGen).to.respondTo('$output');\n expect(myGen).to.respondTo('cut');\n expect(myGen).to.respondTo('to');\n expect(myGen.$p1(true)).to.equal('pass');\n expect(myGen.$p2(false)).to.equal('fail');\n }\n );\n });\n\n});\n\n// Stock PlugIn: Fader\n// Because Fader is included in the core as 'WX.Master'\ndescribe('Plug-in: Fader', function () {\n it('should set parameters correctly. (BEEP)', function (done) {\n // test patch: osc is needed to run the AudioParam automation\n var osc = WX.OSC();\n var fader = WX.Fader({ bypass: true });\n osc.start(0);\n osc.to(fader._inlet);\n fader.to(WX.Master);\n fader.set('input', 0.25);\n fader.set('dB', -6.0);\n // test preset values\n var preset = fader.getPreset();\n expect(fader._inlet).to.have.property('gain');\n expect(fader._outlet).to.have.property('gain');\n expect(preset.bypass).to.equal(true);\n expect(preset.mute).to.equal(false);\n expect(preset.input).to.equal(0.25);\n expect(preset.dB).to.equal(-6.0);\n expect(fader.info.name).to.equal('Fader');\n // TO FIX (hoch): revise .set method for all 3 browsers. Chrome and Safari\n // work same way, so fix this for the FireFox.\n setTimeout(function () {\n fader._output.gain.cancel(0);\n expect(fader._output.gain.value).to.equal(0.5011872053146362);\n osc.stop(0);\n done();\n }, 100);\n });\n});"
},
{
"path": "test/test-setup.js",
"content": "(function (WX) {\n\n\tvar domClientVersion = document.querySelector('#client-ver'),\n\t \tdomWAAXVersion = document.querySelector('#waax-ver');\n\n\tdomClientVersion.textContent = 'CLIENT VERSION: ' +\n\t\tnavigator.userAgent.toLowerCase();\n\tdomWAAXVersion.textContent = 'WAAX VERSION: ' + WX.getVersion();\n\n})(WX);"
},
{
"path": "test/test-timebase.js",
"content": "/**\n * test-timebase.js\n *\n * @description mocha + chai test suite for WAAX:timebase library\n * @author hoch (hongchan.choi@gmail.com)\n * @version 1.0.0-alpha2\n */\n\n\n// caching\nvar expect = chai.expect,\n should = chai.should();\n\nvar TX = WX.Transport;\n\n// test data\nvar TEST_DATA = [\n [0, 0, 997, 1007], [1, 1, 534, 613], [2, 2, 988, 1102],\n [3, 3, 85, 141], [4, 4, 1001, 1108], [5, 5, 722, 832],\n [6, 6, 751, 779], [7, 7, 720, 730], [8, 8, 1188, 1265],\n [9, 9, 992, 1007], [10, 10, 255, 374], [11, 11, 143, 158],\n [12, 12, 565, 684], [13, 13, 286, 327], [14, 14, 215, 264],\n [15, 15, 806, 833], [16, 16, 255, 269], [17, 17, 134, 216],\n [18, 18, 993, 1102], [19, 19, 1006, 1114], [20, 20, 794, 813],\n [21, 21, 773, 807], [22, 22, 1065, 1088], [23, 23, 1010, 1051],\n [24, 24, 792, 840], [25, 25, 1114, 1178], [26, 26, 266, 318],\n [27, 27, 1005, 1034], [28, 28, 307, 391], [29, 29, 573, 676],\n [30, 30, 701, 805], [31, 31, 648, 687], [32, 32, 437, 474],\n [33, 33, 158, 265], [34, 34, 680, 718], [35, 35, 227, 337],\n [36, 36, 510, 592], [37, 37, 792, 825], [38, 38, 260, 294],\n [39, 39, 518, 590], [40, 40, 350, 419], [41, 41, 493, 562],\n [42, 42, 968, 993], [43, 43, 721, 746], [44, 44, 299, 340],\n [45, 45, 484, 557], [46, 46, 485, 505], [47, 47, 1091, 1149],\n [48, 48, 800, 826], [49, 49, 360, 443], [50, 50, 356, 463],\n [51, 51, 668, 753], [52, 52, 227, 248], [53, 53, 245, 321],\n [54, 54, 457, 487], [55, 55, 1059, 1139], [56, 56, 1148, 1190],\n [57, 57, 12, 31], [58, 58, 799, 852], [59, 59, 515, 529],\n [60, 60, 627, 682], [61, 61, 651, 678], [62, 62, 431, 535],\n [63, 63, 1082, 1147], [64, 64, 1189, 1288], [65, 65, 1085, 1147],\n [66, 66, 819, 935], [67, 67, 658, 685], [68, 68, 941, 1010],\n [69, 69, 587, 702], [70, 70, 434, 495], [71, 71, 35, 60],\n [72, 72, 677, 792], [73, 73, 230, 307], [74, 74, 149, 183],\n [75, 75, 303, 357], [76, 76, 632, 683], [77, 77, 484, 576],\n [78, 78, 415, 432], [79, 79, 781, 838], [80, 80, 556, 577],\n [81, 81, 55, 164], [82, 82, 522, 550], [83, 83, 566, 626],\n [84, 84, 1012, 1061], [85, 85, 734, 789], [86, 86, 587, 685],\n [87, 87, 232, 248], [88, 88, 707, 729], [89, 89, 199, 230],\n [90, 90, 683, 710], [91, 91, 183, 221], [92, 92, 495, 503],\n [93, 93, 271, 291], [94, 94, 34, 137], [95, 95, 392, 454],\n [96, 96, 499, 595], [97, 97, 99, 126], [98, 98, 808, 916],\n [99, 99, 832, 885], [100, 100, 995, 1024], [101, 101, 808, 907],\n [102, 102, 1041, 1148], [103, 103, 126, 225], [104, 104, 467, 570],\n [105, 105, 150, 160], [106, 106, 519, 571], [107, 107, 106, 125],\n [108, 108, 1072, 1184], [109, 109, 1121, 1178], [110, 110, 84, 194],\n [111, 111, 851, 954], [112, 112, 383, 469], [113, 113, 1135, 1187],\n [114, 114, 540, 576], [115, 115, 804, 892], [116, 116, 1146, 1212],\n [117, 117, 244, 353], [118, 118, 359, 468], [119, 119, 311, 362],\n [120, 120, 324, 378], [121, 121, 841, 881], [122, 122, 264, 288],\n [123, 123, 737, 815], [124, 124, 510, 525], [125, 125, 245, 286],\n [126, 126, 222, 266]\n];\n\n\n/**\n * Utilities\n */\n\ndescribe('Timebase: Util', function() {\n\n describe('mbst2tick(mtime)', function () {\n it('should return tick from MBST time.', function () {\n expect(WX.mbst2tick({ beat: 0, tick: 240 })).to.equal(240);\n expect(WX.mbst2tick({ beat: 1, tick: 0 })).to.equal(480);\n expect(WX.mbst2tick({ beat: 1, tick: 240 })).to.equal(720);\n });\n });\n\n describe('tick2mbst(tick)', function () {\n it('should return MBST format from tick.', function () {\n expect(WX.tick2mbst(240)).deep.equal({\n measure: 0, beat: 0, sixteenth: 2, tick: 0\n });\n expect(WX.tick2mbst(480)).deep.equal({\n measure: 0, beat: 1, sixteenth: 0, tick: 0\n });\n expect(WX.tick2mbst(740)).deep.equal({\n measure: 0, beat: 1, sixteenth: 2, tick: 20\n });\n });\n });\n\n});\n\n\n/**\n * @class Note\n */\n\ndescribe('Timebase: Note', function() {\n\n describe('WX.Note(pitch, velocity, start, duration)', function () {\n it('should return a Note object.', function () {\n var note1 = WX.Note(60, 64, 0, 120);\n expect(note1).to.have.property('pitch', 60);\n expect(note1).to.have.property('velocity', 64);\n expect(note1).to.have.property('start', 0);\n expect(note1).to.have.property('duration', 120);\n });\n });\n\n describe('changeDuration(delta)', function () {\n it('should change note duration.', function () {\n var note = WX.Note(60, 64, 0, 120);\n note.changeDuration(120);\n expect(note).to.have.property('duration', 240);\n });\n });\n\n describe('setNote(Note)', function () {\n it('should copy note properties.', function () {\n var note1 = WX.Note(1, 2, 3, 4),\n note2 = WX.Note();\n note2.setNote(note1);\n expect(note2).deep.equal(note1);\n });\n });\n\n describe('translatePitch(delta)', function () {\n it('should move note`s pitch by delta.', function () {\n var note = WX.Note(60, 64, 0, 120);\n note.translatePitch(32);\n expect(note).to.have.property('pitch', 92);\n note.translatePitch(64);\n expect(note).to.have.property('pitch', 127);\n note.translatePitch(-128);\n expect(note).to.have.property('pitch', 0);\n });\n });\n\n describe('translateStart(delta)', function () {\n it('should move a note tick by delta.', function () {\n var note = WX.Note(60, 64, 0, 120);\n note.translateStart(10);\n expect(note).to.have.property('start', 10);\n expect(note.getEnd()).to.equal(130);\n note.translateStart(-20);\n expect(note).to.have.property('start', 0);\n expect(note.getEnd()).to.equal(120);\n });\n });\n\n describe('valueOf()', function () {\n it('should return start time for easier comparison.', function () {\n var note1 = WX.Note(60, 64, 0, 120),\n note2 = WX.Note(60, 64, 120, 240);\n expect(note1 < note2).to.equal(true);\n });\n });\n\n describe('toString()', function () {\n it('should return string from data.', function () {\n var note1 = WX.Note(60, 64, 0, 120);\n expect(note1.toString()).to.equal('60,64,0,120');\n });\n });\n\n});\n\n\n/**\n * @class NoteClip\n */\n\ndescribe('Timebase: NoteClip', function() {\n\n describe('push(note)', function () {\n it('should push multiple notes into a clip.', function () {\n var noteclip = WX.NoteClip();\n for (var i = 0; i < TEST_DATA.length; i++) {\n noteclip.push(WX.Note.apply(WX, TEST_DATA[i]));\n }\n expect(noteclip.getSize()).to.equal(127);\n });\n });\n\n describe('findNoteIdAtPosition(pitch, tick)', function () {\n it('should return a note at pitch/tick position.', function () {\n var noteclip = WX.NoteClip();\n for (var n = 0; n < 10; n++) {\n noteclip.push(WX.Note(60 + n, 64, 120 * n, 120 * n + 120));\n }\n expect(noteclip.findNoteIdAtPosition(60, 60)).to.not.equal(null);\n expect(noteclip.findNoteIdAtPosition(61, 60)).to.equal(null);\n });\n });\n\n describe('findNotesIdInArea(minPitch, maxPitch, startTick, endTick)',\n function () {\n it('should return notes at in pitch/time area.', function () {\n var noteclip = WX.NoteClip();\n for (var n = 0; n < 10; n++) {\n noteclip.push(WX.Note(60 + n, 64, 120 * n, 120 * n + 120));\n }\n expect(noteclip.findNotesIdInArea(62, 64, 60, 240)).to.have.length(1);\n expect(noteclip.findNotesIdInArea(66, 69, 600, 960)).to.have.length(3);\n expect(noteclip.findNotesIdInArea(60, 69, 0, 1200)).to.have.length(10);\n }\n );\n });\n\n describe('scanNotesInTimeSpan(start, end)', function () {\n it('should return notes at between start/end time.', function () {\n var noteclip = WX.NoteClip();\n for (var n = 0; n < 10; n++) {\n noteclip.push(WX.Note(60 + n, 64, 120 * n, 120 * n + 120));\n }\n expect(noteclip.scanNotesInTimeSpan(60, 240)).to.have.length(2);\n expect(noteclip.scanNotesInTimeSpan(600, 960)).to.have.length(4);\n expect(noteclip.scanNotesInTimeSpan(0, 1200)).to.have.length(10);\n });\n });\n\n describe('getSize()', function () {\n it('should return note clip size.', function () {\n var noteclip = WX.NoteClip();\n var data = [];\n for (var n = 0; n < 4; n++) {\n data.push(WX.Note(60 + n, 64, 120 * n, 120 * n + 120));\n }\n var id0 = noteclip.push(data[0]);\n var id1 = noteclip.push(data[1]);\n noteclip.push(data[2]);\n expect(noteclip.getSize()).to.equal(3);\n noteclip.delete(id0);\n expect(noteclip.getSize()).to.equal(2);\n noteclip.delete(id1);\n expect(noteclip.getSize()).to.equal(1);\n });\n });\n\n describe('empty()', function () {\n it('should empty the list.', function () {\n var input = [];\n for (var n = 0; n < 10; n++) {\n var start = ~~(Math.random() * 1200);\n input.push(WX.Note(60, 64, start, start + 120));\n }\n var noteclip = WX.NoteClip();\n for (var i = 0; i < input.length; i++) {\n noteclip.push(input[i]);\n }\n noteclip.empty();\n expect(noteclip.getSize()).to.equal(0);\n });\n });\n\n describe('iterate(callback)', function () {\n it('should iterate all items with callback function.', function () {\n var id = [],\n noteclip = WX.NoteClip();\n for (var n = 0; n < 3; n++) {\n id[n] = noteclip.push(WX.Note(60 + n, 64, 120 * n, 120 * n + 120));\n }\n noteclip.iterate(function (id, note, index) {\n note.duration *= 0.5;\n note.start *= 0.5;\n });\n expect(noteclip.get([id[0]])).to.have.property('start', 0);\n expect(noteclip.get([id[1]])).to.have.property('start', 60);\n expect(noteclip.get([id[2]])).to.have.property('duration', 180);\n });\n });\n\n describe('delete(note)', function () {\n it('should delete items from noteclip.', function () {\n var id, noteclip = WX.NoteClip();\n for (var i = 0; i < TEST_DATA.length; i++) {\n noteclip.push(WX.Note.apply(WX, TEST_DATA[i]));\n }\n id = noteclip.getAllId();\n for (i = 0; i < ~~(TEST_DATA.length / 2); i++) {\n noteclip.delete(id[i]);\n }\n var rest = TEST_DATA.length - ~~(TEST_DATA.length / 2);\n expect(noteclip.getSize()).deep.equal(rest);\n });\n });\n\n describe('hasId(id)', function () {\n it('should return true if a note with a certain id exists in the clip.',\n function () {\n var noteclip = WX.NoteClip(), id;\n for (var i = 0; i < TEST_DATA.length; i++) {\n noteclip.push(WX.Note.apply(WX, TEST_DATA[i]));\n }\n id = noteclip.getAllId();\n expect(noteclip.hasId(id[0])).to.equal(true);\n expect(noteclip.hasId('x071')).to.equal(false);\n }\n );\n });\n\n});\n\n\n/**\n * @class Transporter\n */\n\ndescribe('Timebase: Transport', function() {\n\n beforeEach(function () {\n // this will reset BPM/oldBPM to 120\n TX.setBPM(120);\n TX.setBPM(120);\n TX.setNow(0);\n });\n\n // OK\n describe('tick2sec(tick)', function () {\n it('should convert tick to second.', function () {\n expect(TX.tick2sec(480)).to.equal(0.5);\n TX.setBPM(60);\n expect(TX.tick2sec(480)).to.equal(1.0);\n });\n });\n\n // OK\n describe('sec2tick(sec)', function () {\n it('should convert second to tick.', function () {\n expect(TX.sec2tick(1.0)).to.equal(960);\n TX.setBPM(60);\n expect(TX.sec2tick(1.0)).to.equal(480);\n });\n });\n\n // OK\n describe('setBPM(BPM)', function () {\n it('should set current BPM and rearrange timeline.', function () {\n TX.setBPM(60); // BPM 120 -> BPM 60\n expect(TX._BPM).to.equal(60);\n expect(TX._BIS).to.equal(1);\n expect(TX._TIS).to.be.within(0.002083, 0.002084);\n expect(TX._lookAhead).to.be.within(0.033333, 0.033334);\n });\n });\n\n // OK\n describe('setNow(tick)', function () {\n it('should set current playback position in tick.', function () {\n TX.setNow(240);\n expect(TX.tick2sec(TX.getNow())).to.equal(0.25);\n TX.setBPM(60);\n TX.setNow(240);\n expect(TX.tick2sec(TX.getNow())).to.equal(0.5);\n });\n });\n\n // OK\n describe('setLoop(start, end)', function () {\n it('should set loop points in tick.', function () {\n TX.setLoopStart(120);\n TX.setLoopEnd(480);\n expect(TX._loopStart).to.equal(0.125);\n expect(TX._loopEnd).to.equal(0.5);\n });\n });\n\n describe('getBPM()', function () {\n it('should return current BPM.', function () {\n expect(TX.getBPM()).to.equal(120);\n TX.setBPM(60);\n expect(TX.getBPM()).to.equal(60);\n });\n });\n\n describe('getNow()', function () {\n it('should return current playhead position in tick.', function () {\n TX.setNow(480);\n // logic: tick is musical unit, does not change on BPM change\n TX.setBPM(60);\n expect(TX.getNow()).to.equal(480);\n TX.setBPM(120);\n expect(TX.getNow()).to.equal(480);\n });\n });\n\n describe('Timed operation: start(), pause(), rewind()', function () {\n it('should start, pause and rewind properly.', function (done) {\n TX.start();\n setTimeout(function () {\n expect(TX.isRunning()).to.equal(true);\n // when BPM=120, 500ms is 1 beat, that is 480 tick.\n expect(TX.getNow()).to.be.within(465, 505);\n setTimeout(function () {\n TX.pause();\n expect(TX.isRunning()).to.equal(false);\n // when BPM=120, 1000ms is 2 beats, that is 960 tick.\n expect(TX.getNow()).to.be.within(945, 990);\n TX.rewind();\n expect(TX.getNow()).to.be.equal(0.0);\n done();\n }, 500);\n }, 500);\n });\n });\n\n});"
}
]