<!DOCTYPE html>
<html>
<head>
<link data-require="fontawesome@4.5.0" data-semver="4.5.0" rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.css" />
<script src="//unpkg.com/show-current-browser-url"></script>
<script src="//unpkg.com/angular@1.6.1/angular.js"></script>
<script src="//unpkg.com/oclazyload@1.0.9/dist/ocLazyLoad.min.js"></script>
<script src="//unpkg.com/angular-ui-router@1.0.0-rc.1/release/angular-ui-router.js"></script>
<script src="//unpkg.com/ui-router-visualizer@3"></script>
<script src="_main.js"></script>
<script src="_components.js"></script>
<title>UI-Router State and Transition visualizer</title>
<style>.active { font-weight: bold }</style>
</head>
<body ng-app="vis">
<button ui-sref="home" ui-sref-active="active">home</button>
<button ui-sref="about" ui-sref-active="active">about</button>
<button ui-sref="deepnest" ui-sref-active="active">deepnest</button>
<div ui-view="">ui-view not populated (no state is activated)</div>
</body>
</html>
"use babel";
var Visualizer = window['ui-router-visualizer'].Visualizer;
// Depend on 'ui.router.visualizer'
var app = angular.module('vis', ['ui.router', 'oc.lazyLoad']);
app.run(function($uiRouter, $trace) {
// Auto-collapse children in state visualizer
var registry = $uiRouter.stateRegistry;
registry.get('deepnest').$$state()._collapsed = true;
registry.get('deepnest.nest1').$$state()._collapsed = true;
registry.get('deepnest.nest2').$$state()._collapsed = true;
registry.get('deepnest.nest3').$$state()._collapsed = true;
var pluginInstance = $uiRouter.plugin(Visualizer);
$trace.enable('TRANSITION')
})
app.config(function($stateProvider, $urlRouterProvider) {
$stateProvider.state({ name: 'home', component: 'home', url: '/home' });
$stateProvider.state({ name: 'about', component: 'about', url: '/about' });
$stateProvider.state({
name: 'about.lazy.**',
url: '/lazy',
lazyLoad: (trans) =>
trans.injector().get('$ocLazyLoad').load('./_lazy.js').then()
});
$stateProvider.state({
name: 'home.foo',
url: '/foo',
resolve: {
fooData: function() {
return ['foo', 'FOO', 'Fu'];
}
},
component: 'foo'
});
$stateProvider.state({
name: 'home.bar',
url: '/bar',
resolve: {
barData: function() {
return ['bar', 'snickers', 'cheers'];
}
},
component: 'bar'
});
function makeDeepNestState(name, component, links) {
return {
name: name,
component: component,
url: '/' + name.split(".").pop(),
resolve: {
state: () => name,
links: () => links,
}
}
}
$stateProvider.state(makeDeepNestState('deepnest', 'deepNest', ['.nest1', '.nest2', '.nest3']));
$stateProvider.state(makeDeepNestState('deepnest.nest1', 'autoNest', ['.sub1', '.sub2', '.sub3']));
$stateProvider.state(makeDeepNestState('deepnest.nest2', 'autoNest', ['.sub1', '.sub2']));
$stateProvider.state(makeDeepNestState('deepnest.nest3', 'autoNest', ['.sub1', '.sub2']));
$stateProvider.state(makeDeepNestState('deepnest.nest1.sub1', 'autoNest', []));
$stateProvider.state(makeDeepNestState('deepnest.nest1.sub2', 'autoNest', []));
$stateProvider.state(makeDeepNestState('deepnest.nest1.sub3', 'autoNest', []));
$stateProvider.state(makeDeepNestState('deepnest.nest2.sub1', 'autoNest', []));
$stateProvider.state(makeDeepNestState('deepnest.nest2.sub2', 'autoNest', []));
$stateProvider.state(makeDeepNestState('deepnest.nest3.sub1', 'autoNest', []));
$stateProvider.state(makeDeepNestState('deepnest.nest3.sub2', 'autoNest', []));
});
# UI-Router State and Transition Visualizer
----
This visualizer is written in React.
It works with any UI-Router 1.0 and above.
To use the visualizer, add it to your app and get a reference to the exports.
# Add to app
## As a script:
```
<script src="//unpkg.com/ui-router-visualizer@3"></script>
<script>
// Get the library off the window, then get the Visualizer plugin from that.
var Visualizer = window['ui-router-visualizer'].Visualizer;
</script>
```
## Using require:
```js
var Visualizer = require('ui-router-visualizer').Visualizer;
```
# Register the Visualizer as a plugin
```js
var pluginInstance = routerInstance.plugin(Visualizer);
```
In Angular 1, get the router instance by injecting it into a `.run()` block:
```js
app.run(function($uiRouter) {
$uiRouter.plugin(Visualizer);
});
```
In Angular 2, get the router instance from your `UIRouterConfig.configure()` method:
```js
import { Visualizer } from "ui-router-visualizer";
export function configureUIRouter(router: UIRouter) {
router.plugin(Visualizer);
}
```
In React, create the router instance manually:
```js
var Visualizer = require("ui-router-visualizer").Visualizer;
var router = new UIRouterReact();
router.plugin(Visualizer);
```
or pass it in to the `<UIRouter>` component as the `plugins` prop.
```html
<UIRouter states={...} plugins={[ Visualizer ]}></UIRouter>
```
!function(t,n){"object"==typeof exports&&"object"==typeof module?module.exports=n():"function"==typeof define&&define.amd?define("ui-router-visualizer",[],n):"object"==typeof exports?exports["ui-router-visualizer"]=n():t["ui-router-visualizer"]=n()}(this,function(){return function(t){function n(r){if(e[r])return e[r].exports;var i=e[r]={exports:{},id:r,loaded:!1};return t[r].call(i.exports,i,i.exports,n),i.loaded=!0,i.exports}var e={};return n.m=t,n.c=e,n.p="/bundles/",n(0)}([function(t,n,e){"use strict";function r(t){var n=function(){return null};i.render(i.h(n,null),document.body,t)}var i=e(1),o=e(2);n.StateSelector=o.StateSelector;var a=e(3);n.StateVisualizer=a.StateVisualizer;var s=e(10);n.StateTree=s.StateTree;var l=e(20);n.TransitionVisualizer=l.TransitionVisualizer;var u=function(t){return t.plugin(A)};n.visualizer=u;var c={state:!0,transition:!0},A=function(){function t(t,n){this.router=t,this.name="visualizer",n=Object.assign({},c,n),n.state&&(this.stateVisualizerEl=a.StateVisualizer.create(t)),n.transition&&(this.transitionVisualizerEl=l.TransitionVisualizer.create(t))}return t.prototype.dispose=function(t){this.stateVisualizerEl&&r(this.stateVisualizerEl),this.transitionVisualizerEl&&r(this.transitionVisualizerEl),this.stateVisualizerEl=null,this.transitionVisualizerEl=null},t}();n.Visualizer=A},function(t,n,e){!function(t,e){e(n)}(this,function(t){function n(t,n,e){this.nodeName=t,this.attributes=n,this.children=e,this.key=n&&n.key}function e(t,e){var r,i,o,a,s;for(s=arguments.length;s-- >2;)U.push(arguments[s]);for(e&&e.children&&(U.length||U.push(e.children),delete e.children);U.length;)if((o=U.pop())instanceof Array)for(s=o.length;s--;)U.push(o[s]);else null!=o&&o!==!0&&o!==!1&&("number"==typeof o&&(o=String(o)),a="string"==typeof o,a&&i?r[r.length-1]+=o:((r||(r=[])).push(o),i=a));var l=new n(t,e||void 0,r||F);return P.vnode&&P.vnode(l),l}function r(t,n){if(n)for(var e in n)t[e]=n[e];return t}function i(t){return r({},t)}function o(t,n){for(var e=n.split("."),r=0;r<e.length&&t;r++)t=t[e[r]];return t}function a(t){return"function"==typeof t}function s(t){return"string"==typeof t}function l(t){var n="";for(var e in t)t[e]&&(n&&(n+=" "),n+=e);return n}function u(t,n){return e(t.nodeName,r(i(t.attributes),n),arguments.length>2?[].slice.call(arguments,2):t.children)}function c(t,n,e){var r=n.split(".");return function(n){for(var i=n&&n.target||this,a={},l=a,u=s(e)?o(n,e):i.nodeName?i.type.match(/^che|rad/)?i.checked:i.value:n,c=0;c<r.length-1;c++)l=l[r[c]]||(l[r[c]]=!c&&t.state[r[c]]||{});l[r[c]]=u,t.setState(a)}}function A(t){!t._dirty&&(t._dirty=!0)&&1==G.push(t)&&(P.debounceRendering||Y)(p)}function p(){var t,n=G;for(G=[];t=n.pop();)t._dirty&&R(t)}function h(t){var n=t&&t.nodeName;return n&&a(n)&&!(n.prototype&&n.prototype.render)}function d(t,n){return t.nodeName(g(t),n||Q)}function f(t,n){return s(n)?t instanceof Text:s(n.nodeName)?!t._componentConstructor&&m(t,n.nodeName):a(n.nodeName)?!t._componentConstructor||t._componentConstructor===n.nodeName||h(n):void 0}function m(t,n){return t.normalizedNodeName===n||L(t.nodeName)===L(n)}function g(t){var n=i(t.attributes);n.children=t.children;var e=t.nodeName.defaultProps;if(e)for(var r in e)void 0===n[r]&&(n[r]=e[r]);return n}function y(t){var n=t.parentNode;n&&n.removeChild(t)}function C(t,n,e,r,i){if("className"===n&&(n="class"),"class"===n&&r&&"object"==typeof r&&(r=l(r)),"key"===n);else if("class"!==n||i)if("style"===n){if((!r||s(r)||s(e))&&(t.style.cssText=r||""),r&&"object"==typeof r){if(!s(e))for(var o in e)o in r||(t.style[o]="");for(var o in r)t.style[o]="number"!=typeof r[o]||q[o]?r[o]:r[o]+"px"}}else if("dangerouslySetInnerHTML"===n)r&&(t.innerHTML=r.__html||"");else if("o"==n[0]&&"n"==n[1]){var u=t._listeners||(t._listeners={});n=L(n.substring(2)),r?u[n]||t.addEventListener(n,B,!!X[n]):u[n]&&t.removeEventListener(n,B,!!X[n]),u[n]=r}else if("list"!==n&&"type"!==n&&!i&&n in t)v(t,n,null==r?"":r),null!=r&&r!==!1||t.removeAttribute(n);else{var c=i&&n.match(/^xlink\:?(.+)/);null==r||r===!1?c?t.removeAttributeNS("http://www.w3.org/1999/xlink",L(c[1])):t.removeAttribute(n):"object"==typeof r||a(r)||(c?t.setAttributeNS("http://www.w3.org/1999/xlink",L(c[1]),r):t.setAttribute(n,r))}else t.className=r||""}function v(t,n,e){try{t[n]=e}catch(t){}}function B(t){return this._listeners[t.type](P.event&&P.event(t)||t)}function b(t){if(y(t),t instanceof Element){t._component=t._componentConstructor=null;var n=t.normalizedNodeName||L(t.nodeName);(K[n]||(K[n]=[])).push(t)}}function x(t,n){var e=L(t),r=K[e]&&K[e].pop()||(n?document.createElementNS("http://www.w3.org/2000/svg",t):document.createElement(t));return r.normalizedNodeName=e,r}function w(){for(var t;t=J.pop();)P.afterMount&&P.afterMount(t),t.componentDidMount&&t.componentDidMount()}function k(t,n,e,r,i,o){Z++||($=i&&"undefined"!=typeof i.ownerSVGElement,tt=t&&!(H in t));var a=E(t,n,e,r);return i&&a.parentNode!==i&&i.appendChild(a),--Z||(tt=!1,o||w()),a}function E(t,n,e,r){for(var i=n&&n.attributes&&n.attributes.ref;h(n);)n=d(n,e);if(null==n&&(n=""),s(n))return t&&t instanceof Text&&t.parentNode?t.nodeValue!=n&&(t.nodeValue=n):(t&&S(t),t=document.createTextNode(n)),t;if(a(n.nodeName))return _(t,n,e,r);var o=t,l=String(n.nodeName),u=$,c=n.children;if($="svg"===l||"foreignObject"!==l&&$,t){if(!m(t,l)){for(o=x(l,$);t.firstChild;)o.appendChild(t.firstChild);t.parentNode&&t.parentNode.replaceChild(o,t),S(t)}}else o=x(l,$);var A=o.firstChild,p=o[H];if(!p){o[H]=p={};for(var f=o.attributes,g=f.length;g--;)p[f[g].name]=f[g].value}return!tt&&c&&1===c.length&&"string"==typeof c[0]&&A&&A instanceof Text&&!A.nextSibling?A.nodeValue!=c[0]&&(A.nodeValue=c[0]):(c&&c.length||A)&&D(o,c,e,r,!!p.dangerouslySetInnerHTML),N(o,n.attributes,p),i&&(p.ref=i)(o),$=u,o}function D(t,n,e,r,i){var o,a,s,l,u=t.childNodes,c=[],A={},p=0,h=0,d=u.length,m=0,g=n&&n.length;if(d)for(var C=0;C<d;C++){var v=u[C],B=v[H],b=g?(a=v._component)?a.__key:B?B.key:null:null;null!=b?(p++,A[b]=v):(tt||i||B||v instanceof Text)&&(c[m++]=v)}if(g)for(var C=0;C<g;C++){s=n[C],l=null;var b=s.key;if(null!=b)p&&b in A&&(l=A[b],A[b]=void 0,p--);else if(!l&&h<m)for(o=h;o<m;o++)if(a=c[o],a&&f(a,s)){l=a,c[o]=void 0,o===m-1&&m--,o===h&&h++;break}l=E(l,s,e,r),l&&l!==t&&(C>=d?t.appendChild(l):l!==u[C]&&(l===u[C+1]&&y(u[C]),t.insertBefore(l,u[C]||null)))}if(p)for(var C in A)A[C]&&S(A[C]);for(;h<=m;)l=c[m--],l&&S(l)}function S(t,n){var e=t._component;if(e)T(e,!n);else{t[H]&&t[H].ref&&t[H].ref(null),n||b(t);for(var r;r=t.lastChild;)S(r,n)}}function N(t,n,e){var r;for(r in e)n&&r in n||null==e[r]||C(t,r,e[r],e[r]=void 0,$);if(n)for(r in n)"children"===r||"innerHTML"===r||r in e&&n[r]===("value"===r||"checked"===r?t[r]:e[r])||C(t,r,e[r],e[r]=n[r],$)}function I(t){var n=t.constructor.name,e=nt[n];e?e.push(t):nt[n]=[t]}function M(t,n,e){var r=new t(n,e),i=nt[t.name];if(O.call(r,n,e),i)for(var o=i.length;o--;)if(i[o].constructor===t){r.nextBase=i[o].nextBase,i.splice(o,1);break}return r}function z(t,n,e,r,i){t._disable||(t._disable=!0,(t.__ref=n.ref)&&delete n.ref,(t.__key=n.key)&&delete n.key,!t.base||i?t.componentWillMount&&t.componentWillMount():t.componentWillReceiveProps&&t.componentWillReceiveProps(n,r),r&&r!==t.context&&(t.prevContext||(t.prevContext=t.context),t.context=r),t.prevProps||(t.prevProps=t.props),t.props=n,t._disable=!1,0!==e&&(1!==e&&P.syncComponentUpdates===!1&&t.base?A(t):R(t,1,i)),t.__ref&&t.__ref(t))}function R(t,n,e,o){if(!t._disable){var s,l,u,c,A=t.props,p=t.state,f=t.context,m=t.prevProps||A,y=t.prevState||p,C=t.prevContext||f,v=t.base,B=t.nextBase,b=v||B,x=t._component;if(v&&(t.props=m,t.state=y,t.context=C,2!==n&&t.shouldComponentUpdate&&t.shouldComponentUpdate(A,p,f)===!1?s=!0:t.componentWillUpdate&&t.componentWillUpdate(A,p,f),t.props=A,t.state=p,t.context=f),t.prevProps=t.prevState=t.prevContext=t.nextBase=null,t._dirty=!1,!s){for(t.render&&(l=t.render(A,p,f)),t.getChildContext&&(f=r(i(f),t.getChildContext()));h(l);)l=d(l,f);var E,D,N=l&&l.nodeName;if(a(N)){var I=g(l);u=x,u&&u.constructor===N&&I.key==u.__key?z(u,I,1,f):(E=u,u=M(N,I,f),u.nextBase=u.nextBase||B,u._parentComponent=t,t._component=u,z(u,I,0,f),R(u,1,e,!0)),D=u.base}else c=b,E=x,E&&(c=t._component=null),(b||1===n)&&(c&&(c._component=null),D=k(c,l,f,e||!v,b&&b.parentNode,!0));if(b&&D!==b&&u!==x){var _=b.parentNode;_&&D!==_&&(_.replaceChild(D,b),E||(b._component=null,S(b)))}if(E&&T(E,D!==b),t.base=D,D&&!o){for(var O=t,j=t;j=j._parentComponent;)(O=j).base=D;D._component=O,D._componentConstructor=O.constructor}}!v||e?J.unshift(t):s||(t.componentDidUpdate&&t.componentDidUpdate(m,y,C),P.afterUpdate&&P.afterUpdate(t));var U,F=t._renderCallbacks;if(F)for(;U=F.pop();)U.call(t);Z||o||w()}}function _(t,n,e,r){for(var i=t&&t._component,o=i,a=t,s=i&&t._componentConstructor===n.nodeName,l=s,u=g(n);i&&!l&&(i=i._parentComponent);)l=i.constructor===n.nodeName;return i&&l&&(!r||i._component)?(z(i,u,3,e,r),t=i.base):(o&&!s&&(T(o,!0),t=a=null),i=M(n.nodeName,u,e),t&&!i.nextBase&&(i.nextBase=t,a=null),z(i,u,1,e,r),t=i.base,a&&t!==a&&(a._component=null,S(a))),t}function T(t,n){P.beforeUnmount&&P.beforeUnmount(t);var e=t.base;t._disable=!0,t.componentWillUnmount&&t.componentWillUnmount(),t.base=null;var r=t._component;if(r)T(r,n);else if(e){e[H]&&e[H].ref&&e[H].ref(null),t.nextBase=e,n&&(y(e),I(t));for(var i;i=e.lastChild;)S(i,!n)}t.__ref&&t.__ref(null),t.componentDidUnmount&&t.componentDidUnmount()}function O(t,n){this._dirty=!0,this.context=n,this.props=t,this.state||(this.state={})}function j(t,n,e){return k(e,t,{},!1,n)}var P={},U=[],F=[],V={},L=function(t){return V[t]||(V[t]=t.toLowerCase())},W="undefined"!=typeof Promise&&Promise.resolve(),Y=W?function(t){W.then(t)}:setTimeout,Q={},H="undefined"!=typeof Symbol?Symbol.for("preactattr"):"__preactattr_",q={boxFlex:1,boxFlexGroup:1,columnCount:1,fillOpacity:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,fontWeight:1,lineClamp:1,lineHeight:1,opacity:1,order:1,orphans:1,strokeOpacity:1,widows:1,zIndex:1,zoom:1},X={blur:1,error:1,focus:1,load:1,resize:1,scroll:1},G=[],K={},J=[],Z=0,$=!1,tt=!1,nt={};r(O.prototype,{linkState:function(t,n){var e=this._linkedStates||(this._linkedStates={});return e[t+n]||(e[t+n]=c(this,t,n))},setState:function(t,n){var e=this.state;this.prevState||(this.prevState=i(e)),r(e,a(t)?t(e,this.props):t),n&&(this._renderCallbacks=this._renderCallbacks||[]).push(n),A(this)},forceUpdate:function(){R(this,2)},render:function(){}}),t.h=e,t.cloneElement=u,t.Component=O,t.render=j,t.rerender=p,t.options=P})},function(t,n,e){"use strict";var r=this&&this.__extends||function(t,n){function e(){this.constructor=t}for(var r in n)n.hasOwnProperty(r)&&(t[r]=n[r]);t.prototype=null===n?Object.create(n):(e.prototype=n.prototype,new e)},i=e(1),o=function(t){function n(){var n=null!==t&&t.apply(this,arguments)||this;return n.state={current:null,states:[],deregisterFn:null},n.selectState=function(t){var e=n.props.router.stateService,r=t.target.value;r&&e.go(r)},n}return r(n,t),n.prototype.componentDidMount=function(){var t=this,n=this.props.router,e=function(){return t.setState({states:n.stateRegistry.get().map(function(t){return t.name})})},r=function(n){return t.setState({current:n.to().name})};n.stateRegistry.onStatesChanged&&(this.deregisterStateListenerFn=n.stateRegistry.onStatesChanged(e));var i=n.transitionService.onSuccess({},r);this.setState({current:n.globals.current.name,states:[],deregisterFn:i}),e()},n.prototype.componentWillUnmount=function(){this.state.deregisterFn&&this.state.deregisterFn(),this.deregisterStateListenerFn&&this.deregisterStateListenerFn()},n.prototype.render=function(){return i.h("select",{value:this.state.current||"",onChange:this.selectState,style:{maxWidth:120}},i.h("option",{value:""},"Choose a state"),this.state.states.map(function(t){return i.h("option",{key:t,value:t},t)}))},n}(i.Component);n.StateSelector=o},function(t,n,e){"use strict";var r=this&&this.__extends||function(t,n){function e(){this.constructor=t}for(var r in n)n.hasOwnProperty(r)&&(t[r]=n[r]);t.prototype=null===n?Object.create(n):(e.prototype=n.prototype,new e)},i=this&&this.__assign||Object.assign||function(t){for(var n,e=1,r=arguments.length;e<r;e++){n=arguments[e];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(t[i]=n[i])}return t},o=e(1);e(4);var a=e(2),s=e(8),l=e(9),u=e(10),c=e(16),A=e(19),p=function(t){function n(){var n=null!==t&&t.apply(this,arguments)||this;return n.state={height:null,width:null,presetName:"Tree",renderer:c.DEFAULT_RENDERER},n.deregisterFns=[],n.minimize=function(t){t&&t.preventDefault(),t&&t.stopPropagation();var e=n.el,r=e.getBoundingClientRect();n.top=r.top+"px",n.left=r.left+"px",n.right=window.innerWidth-r.right+"px",n.bottom=window.innerHeight-r.bottom+"px",e.style.top="auto",e.style.left="auto",e.style.right=n.right,e.style.bottom=n.bottom;var i=function(){e.style.top="auto",e.style.left="auto",e.style.right=n.right,e.style.bottom=n.bottom,s.toggleClass("minimized")(e),e.removeEventListener("click",i);var t=function(n){var r=e.getBoundingClientRect();e.style.top=r.top+"px",e.style.left=r.left+"px",e.style.right="auto",e.style.bottom="auto",e.removeEventListener("transitionend",t)};e.addEventListener("transitionend",t)};s.addClass("minimized")(e),e.addEventListener("click",i),setTimeout(function(){return e.style.right=e.style.bottom="0"},50)},n.svgWidth=function(){return n.props.width||n.state.width||350},n.svgHeight=function(){return(n.props.height||n.state.height||250)-25},n}return r(n,t),n.create=function(t,e,r){void 0===r&&(r={}),e||(e=document.createElement("div"),e.id="uirStateVisualizer",document.body.appendChild(e));var i=Object.assign({},r,{router:t,minimizeAfter:2500}),a=o.render(o.h(n,i),e);return document.addEventListener("DOMContentLoaded",a,!1),e},n.prototype.handleClick=function(){this.minimizeTimeout&&(clearTimeout(this.minimizeTimeout),this.minimizeTimeout=null)},n.prototype.componentWillUnmount=function(){this.deregisterFns.forEach(function(t){return t()})},n.prototype.componentDidMount=function(){var t=this.el.querySelector(".uirStateVisControls"),n=this.el.querySelector(".statevis");this.deregisterFns.push(l.draggable(t,l.dragActions.move(this.el))),this.deregisterFns.push(l.draggable(n,l.dragActions.move(this.el))),this.monitorResizeEvents(),this.props.minimizeAfter&&(this.minimizeTimeout=setTimeout(this.minimize.bind(this),this.props.minimizeAfter))},n.prototype.monitorResizeEvents=function(){var t=this,n=this.el.style.width,e=this.el.style.height,r=new MutationObserver(function(r){r.forEach(function(r){if("style"==r.attributeName){var i=r.target,o=i.style.width,a=i.style.height;if(o!==n||a!==e){n=o,e=a;var s=parseInt(o.replace(/px$/,"")),l=parseInt(a.replace(/px$/,""));t.setState({width:s,height:l})}}})}),i={attributes:!0,childList:!1,characterData:!1,subtree:!1,attributeFilter:["style"]};r.observe(this.el,i),this.deregisterFns.push(function(){return r.disconnect()})},n.prototype.handleZoom=function(t){var n=t.target,e=parseFloat(n.value),r=i({},this.state.renderer,{zoom:e});this.setState({renderer:r})},n.prototype.handleLayout=function(t){var n=t.target.value,e=c.RENDERER_PRESETS[n],r=i({},this.state.renderer,e);this.setState({renderer:r,presetName:n})},n.prototype.render=function(){var t=this,n=[2,1.5,1,.9,.8,.7,.6,.5,.4,.3];return o.h("div",{ref:function(n){return t.el=n},className:"uirStateVisContainer",onClick:this.handleClick.bind(this)},o.h("div",{className:"uirStateVisControls"},o.h("div",null," Current State: ",o.h(a.StateSelector,{router:this.props.router})),o.h("div",null,o.h("select",{onChange:this.handleLayout.bind(this),value:this.state.presetName,style:{maxWidth:100}},Object.keys(c.RENDERER_PRESETS).map(function(t){return o.h("option",{value:t},t)})),o.h("select",{onChange:this.handleZoom.bind(this),value:this.state.renderer.zoom+"",style:{maxWidth:100}},n.map(function(t){return o.h("option",{value:t+""},t,"x")}))),o.h("button",{onClick:this.minimize},o.h("img",{src:A,style:{cursor:"pointer"}}))),o.h(u.StateTree,{router:this.props.router,width:this.svgWidth(),height:this.svgHeight(),renderer:this.state.renderer}))},n}(o.Component);n.StateVisualizer=p},function(t,n,e){var r=e(5);"string"==typeof r&&(r=[[t.id,r,""]]);e(7)(r,{});r.locals&&(t.exports=r.locals)},function(t,n,e){n=t.exports=e(6)(),n.push([t.id,'.uirStateVisContainer{z-index:3;position:fixed;right:2em;bottom:4em;display:flex;flex-direction:column;align-items:center;background-color:hsla(0,0%,100%,.8);transform:scale(1);transform-origin:right bottom;transition:right .5s ease,bottom .5s ease,transform .5s ease;resize:both;overflow:hidden}.uirStateVisContainer:hover{outline:3px solid rgba(0,0,0,.35)}.uirStateVisContainer.minimized{cursor:pointer;transform:scale(.25)}.uirStateVisContainer .uirStateVisControls{width:100%;display:flex;flex-flow:row nowrap;justify-content:space-between;flex:1 0 auto}.uirStateVisContainer .statevis{flex:1 1 auto;transition:all 1s ease}.statevis circle{fill:#fff;stroke:grey;transition-property:r,fill,stroke,stroke-width;transition-duration:.35s;transition-timing-function:ease-in-out;cursor:pointer}.statevis text{transition-property:x,y,font-size,stroke,stroke-width;transition-duration:.35s;transition-timing-function:ease-in-out}.statevis circle.future{stroke:grey;stroke-dasharray:7,5}.statevis circle.entered{stroke:#000;fill:#90ee90}.statevis circle.entered:after{content:"<text>Entered</text>"}.statevis circle.active{fill:green;stroke:#000}.statevis circle.collapsed{stroke-dasharray:2,2}.statevis text{font-family:sans-serif}.statevis .link{fill:none;stroke:#ccc}.statevis text.label{fill:grey;alignment-baseline:middle}.draggable{cursor:move}',"",{version:3,sources:["/./src/state/stateVisualizer.css"],names:[],mappings:"AACA,sBACI,UAAW,AACX,eAAgB,AAChB,UAAW,AACX,WAAY,AACZ,aAAc,AACd,sBAAuB,AACvB,mBAAoB,AACpB,oCAA2C,AAC3C,mBAAoB,AACpB,8BAA+B,AAC/B,6DAAmE,AACnE,YAAa,AACb,eAAiB,CACpB,AAGD,4BACI,iCAAmC,CACtC,AAED,gCACI,eAAgB,AAChB,oBAAuB,CAC1B,AAED,2CACI,WAAY,AACZ,aAAc,AACd,qBAAsB,AACtB,8BAA+B,AAC/B,aAAe,CAClB,AAED,gCACI,cAAe,AACf,sBAAwB,CAC3B,AAED,iBAEI,UAAW,AACX,YAAa,AAGb,+CAAmD,AACnD,yBAA2B,AAC3B,uCAAwC,AAExC,cAAgB,CACnB,AAED,eACI,sDAA2D,AAC3D,yBAA2B,AAC3B,sCAAwC,CAC3C,AAED,wBAEI,YAAa,AACb,oBAAsB,CAEzB,AAED,yBAEI,YAAc,AACd,YAAiB,CACpB,AAED,+BACI,8BAA+B,CAClC,AAED,wBAEI,WAAY,AACZ,WAAc,CACjB,AAED,2BACI,oBAAsB,CACzB,AAED,eACI,sBAAwB,CAC3B,AAED,gBACI,UAAW,AACX,WAAa,CAEhB,AAED,qBACI,UAAW,AACX,yBAA2B,CAC9B,AAGD,WACI,WAAa,CAChB",file:"stateVisualizer.css",sourcesContent:['\n.uirStateVisContainer {\n z-index: 3;\n position: fixed;\n right: 2em;\n bottom: 4em;\n display: flex;\n flex-direction: column;\n align-items: center;\n background-color: rgba(255, 255, 255, 0.8);\n transform: scale(1);\n transform-origin: right bottom;\n transition: right 0.5s ease, bottom 0.5s ease, transform 0.5s ease;\n resize: both;\n overflow: hidden;\n}\n\n\n.uirStateVisContainer:hover {\n outline: 3px solid rgba(0,0,0,0.35)\n}\n\n.uirStateVisContainer.minimized {\n cursor: pointer;\n transform: scale(0.25);\n}\n\n.uirStateVisContainer .uirStateVisControls {\n width: 100%;\n display: flex;\n flex-flow: row nowrap;\n justify-content: space-between;\n flex: 1 0 auto;\n}\n\n.uirStateVisContainer .statevis {\n flex: 1 1 auto;\n transition: all 1s ease;\n}\n\n.statevis circle {\n /*r: 10;*/\n fill: #fff;\n stroke: grey;\n /*stroke-width: 3px;*/\n\n transition-property: r, fill, stroke, stroke-width;\n transition-duration: 350ms;\n transition-timing-function: ease-in-out;\n\n cursor: pointer;\n}\n\n.statevis text {\n transition-property: x, y, font-size, stroke, stroke-width;\n transition-duration: 350ms;\n transition-timing-function: ease-in-out;\n}\n\n.statevis circle.future {\n /*r: 10;*/\n stroke: grey;\n stroke-dasharray: 7,5;\n /*stroke-width: 1px;*/\n}\n\n.statevis circle.entered {\n /*r: 10;*/\n stroke: black;\n fill: lightgreen;\n}\n\n.statevis circle.entered:after {\n content: "<text>Entered</text>"\n}\n\n.statevis circle.active {\n /*r: 15;*/\n fill: green;\n stroke: black;\n}\n\n.statevis circle.collapsed {\n stroke-dasharray: 2, 2\n}\n\n.statevis text {\n font-family: sans-serif;\n}\n\n.statevis .link {\n fill: none;\n stroke: #ccc;\n /*stroke-width: 2px;*/\n}\n\n.statevis text.label {\n fill: grey;\n alignment-baseline: middle;\n}\n\n\n.draggable {\n cursor: move;\n}\n\n/*.draggable:hover {*/\n /*outline: 3px solid rgba(0,0,0,0.15)*/\n/*}*/'],sourceRoot:"webpack://"}])},function(t,n){t.exports=function(){var t=[];return t.toString=function(){for(var t=[],n=0;n<this.length;n++){var e=this[n];e[2]?t.push("@media "+e[2]+"{"+e[1]+"}"):t.push(e[1])}return t.join("")},t.i=function(n,e){"string"==typeof n&&(n=[[null,n,""]]);for(var r={},i=0;i<this.length;i++){var o=this[i][0];"number"==typeof o&&(r[o]=!0)}for(i=0;i<n.length;i++){var a=n[i];"number"==typeof a[0]&&r[a[0]]||(e&&!a[2]?a[2]=e:e&&(a[2]="("+a[2]+") and ("+e+")"),t.push(a))}},t}},function(t,n,e){function r(t,n){for(var e=0;e<t.length;e++){var r=t[e],i=h[r.id];if(i){i.refs++;for(var o=0;o<i.parts.length;o++)i.parts[o](r.parts[o]);for(;o<r.parts.length;o++)i.parts.push(u(r.parts[o],n))}else{for(var a=[],o=0;o<r.parts.length;o++)a.push(u(r.parts[o],n));h[r.id]={id:r.id,refs:1,parts:a}}}}function i(t){for(var n=[],e={},r=0;r<t.length;r++){var i=t[r],o=i[0],a=i[1],s=i[2],l=i[3],u={css:a,media:s,sourceMap:l};e[o]?e[o].parts.push(u):n.push(e[o]={id:o,parts:[u]})}return n}function o(t,n){var e=m(),r=C[C.length-1];if("top"===t.insertAt)r?r.nextSibling?e.insertBefore(n,r.nextSibling):e.appendChild(n):e.insertBefore(n,e.firstChild),C.push(n);else{if("bottom"!==t.insertAt)throw new Error("Invalid value for parameter 'insertAt'. Must be 'top' or 'bottom'.");e.appendChild(n)}}function a(t){t.parentNode.removeChild(t);var n=C.indexOf(t);n>=0&&C.splice(n,1)}function s(t){var n=document.createElement("style");return n.type="text/css",o(t,n),n}function l(t){var n=document.createElement("link");return n.rel="stylesheet",o(t,n),n}function u(t,n){var e,r,i;if(n.singleton){var o=y++;e=g||(g=s(n)),r=c.bind(null,e,o,!1),i=c.bind(null,e,o,!0)}else t.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(e=l(n),r=p.bind(null,e),i=function(){a(e),e.href&&URL.revokeObjectURL(e.href)}):(e=s(n),r=A.bind(null,e),i=function(){a(e)});return r(t),function(n){if(n){if(n.css===t.css&&n.media===t.media&&n.sourceMap===t.sourceMap)return;r(t=n)}else i()}}function c(t,n,e,r){var i=e?"":r.css;if(t.styleSheet)t.styleSheet.cssText=v(n,i);else{var o=document.createTextNode(i),a=t.childNodes;a[n]&&t.removeChild(a[n]),a.length?t.insertBefore(o,a[n]):t.appendChild(o)}}function A(t,n){var e=n.css,r=n.media;if(r&&t.setAttribute("media",r),t.styleSheet)t.styleSheet.cssText=e;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(e))}}function p(t,n){var e=n.css,r=n.sourceMap;r&&(e+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(r))))+" */");var i=new Blob([e],{type:"text/css"}),o=t.href;t.href=URL.createObjectURL(i),o&&URL.revokeObjectURL(o)}var h={},d=function(t){var n;return function(){return"undefined"==typeof n&&(n=t.apply(this,arguments)),n}},f=d(function(){return/msie [6-9]\b/.test(window.navigator.userAgent.toLowerCase())}),m=d(function(){return document.head||document.getElementsByTagName("head")[0]}),g=null,y=0,C=[];t.exports=function(t,n){n=n||{},"undefined"==typeof n.singleton&&(n.singleton=f()),"undefined"==typeof n.insertAt&&(n.insertAt="bottom");var e=i(t);return r(e,n),function(t){for(var o=[],a=0;a<e.length;a++){var s=e[a],l=h[s.id];l.refs--,o.push(l)}if(t){var u=i(t);r(u,n)}for(var a=0;a<o.length;a++){var l=o[a];if(0===l.refs){for(var c=0;c<l.parts.length;c++)l.parts[c]();delete h[l.id]}}}};var v=function(){var t=[];return function(n,e){return t[n]=e,t.filter(Boolean).join("\n")}}()},function(t,n){"use strict";n.hasClass=function(t){return function(n){return!!new RegExp("\\b"+t+"\\b").exec(n.className)}},n.addClass=function(t){return function(n){return n.className=n.className+" "+t}},n.removeClass=function(t){return function(n){return n.className=n.className.replace(new RegExp("\\b"+t+"\\b","g"),"")}},n.toggleClass=function(t){return function(e){n.hasClass(t)(e)?n.removeClass(t)(e):n.addClass(t)(e)}}},function(t,n,e){"use strict";function r(t,n){var e=!0,r=!1,o=0,a=0,s=0,l=0,u=function(i){if(e){r=!0,s=o=i.clientX,l=a=i.clientY;var u=function(i){if(e&&r){i.preventDefault();var u=i.clientX,c=i.clientY;n(t,i,{initialClientX:o,initialClientY:a,lastClientX:s,lastClientY:l,newClientX:u,newClientY:c}),s=u,l=c}},c=function(t){r=!1,document.removeEventListener("mousemove",u),document.removeEventListener("mouseup",c)};document.addEventListener("mousemove",u),document.addEventListener("mouseup",c)}};return i.addClass("draggable")(t),t.addEventListener("mousedown",u),function(){return t.removeEventListener("mousedown",u)}}var i=e(8),o=function(t){return function(n,e,r){var i=(r.initialClientX,r.initialClientY,r.lastClientX),o=r.lastClientY,a=r.newClientX,s=r.newClientY,l=t,u=l.getBoundingClientRect(),c=u.left,A=u.top,p=a-i,h=s-o;l.style.right="auto",l.style.bottom="auto",l.style.left=c+p+"px",l.style.top=A+h+"px"}};n.dragActions={move:o},n.draggable=r},function(t,n,e){"use strict";var r=this&&this.__extends||function(t,n){function e(){this.constructor=t}for(var r in n)n.hasOwnProperty(r)&&(t[r]=n[r]);t.prototype=null===n?Object.create(n):(e.prototype=n.prototype,new e)},i=e(1),o=e(11),a=e(12),s=e(13),l=e(16),u=e(18),c={label:"",highlight:!1,active:!1,future:!1,retained:!1,entered:!1,exited:!1,inactive:!0},A=function(t){function n(){var n=null!==t&&t.apply(this,arguments)||this;return n.state={nodes:[],layout:{}},n.nodes=[],n.unmounted=!1,n.cancelCurrentAnimation=function(){return null},n.doLayoutAnimation=function(){n.cancelCurrentAnimation();var t=n.getNodes();if(t.length){var e=t.filter(function(t){return""===t.name})[0];n.props.renderer.layoutFn(e);var r=n.dimensions(),i=function(t){return t*r.scaleX+r.offsetX},o=function(t){return t*r.scaleY+r.offsetY},l=function(t){return{x:t.animX||n.props.width/2,y:t.animY||n.props.height/2}},u=t.map(l).map(function(t){return[t.x,t.y]}).reduce(function(t,n){return t.concat(n)},[]),c=t.map(function(t){return[i(t.x),o(t.y)]}).reduce(function(t,n){return t.concat(n)},[]),A=function(e){for(var r=e.length/2,i=0;i<r&&i<t.length;i++){var o=t[i];o.animX=e[2*i],o.animY=e[2*i+1]}n.setState({nodes:t})};n.cancelCurrentAnimation=a.animatePath(c,u,500,A,function(){return null},s.easing.easeInOutExpo)}},n.nodeForState=function(t,n){return t.filter(function(t){return t.name===n.name})[0]},n.updateStates=function(){var t=n.props.router,e=t.stateService.get().map(function(t){return t.$$state()}),r=n.nodes.map(Object.getPrototypeOf),i=e.filter(function(t){return r.indexOf(t)===-1}),o=r.filter(function(t){return e.indexOf(t)===-1}),a=n.nodes=n.nodes.slice();(i.length||o.length)&&(i.map(function(t){return u.createStateVisNode(t)}).forEach(function(t){return a.push(t)}),o.map(function(t){return a.filter(function(n){return t.isPrototypeOf(n)})}).reduce(function(t,n){return t.concat(n)},[]).forEach(function(t){return a.splice(a.indexOf(t),1)}),a.forEach(function(t){return t._children=[]}),a.forEach(function(t){if(t&&t.parent){var e=n.nodeForState(a,t.parent);e&&(e._children.push(t),t._parent=e)}}),a.forEach(function(t){return t.future=!!t.lazyLoad})),n.unmounted||n.deregisterStateListenerFn||setTimeout(n.updateStates,1e3),n.setState({nodes:a},n.doLayoutAnimation)},n.updateNodes=function(t){var e=n.nodes.map(function(t){return Object.assign(t,c)});if(e.forEach(function(t){return t.future=!!t.lazyLoad}),t){var r=t.treeChanges(),i=function(t){return n.nodeForState(n.nodes,t.state)};r.retained.concat(r.entering).map(i).filter(function(t){return t}).forEach(function(t){return t.entered=!0}),r.retained.map(i).filter(function(t){return t}).forEach(function(t){return t.retained=!0}),r.exiting.map(i).filter(function(t){return t}).forEach(function(t){return t.exited=!0}),r.to.slice(-1).map(i).filter(function(t){return t}).forEach(function(t){t.active=!0,t.label="active"})}n.setState({nodes:n.nodes},n.doLayoutAnimation)},n}return r(n,t),n.create=function(t,e,r){void 0===r&&(r={}),e||(e=document.createElement("div"),e.id="uirStateTree",document.body.appendChild(e));var o=Object.assign({},r,{router:t,sizes:l.DEFAULT_RENDERER}),a=i.render(i.h(n,o),e);return document.addEventListener("DOMContentLoaded",a,!1),e},n.prototype.componentDidMount=function(){var t=this,n=this.props.router.stateRegistry,e=this.props.router.transitionService;n.onStatesChanged&&(this.deregisterStateListenerFn=n.onStatesChanged(function(){return t.updateStates()})),this.updateStates(),this.deregisterHookFn=e.onSuccess({},function(n){return t.updateNodes(n)}),this.updateNodes()},n.prototype.componentWillReceiveProps=function(){var t=this.state.nodes;this.setState({nodes:t},this.updateStates)},n.prototype.dimensions=function(){var t={},n=15,e=0,r=2*n,i=this.props.height||500,o=this.props.width||500,a=t.scaleX||o-2*e,s=t.scaleY||i-2*r;return{radius:n,offsetX:e,offsetY:r,scaleX:a,scaleY:s}},n.prototype.componentWillUnmount=function(){this.unmounted=!0,this.deregisterHookFn&&this.deregisterHookFn()},n.prototype.getNodes=function(){return this.nodes.slice().sort(this.props.renderer.sortNodesFn)},n.prototype.render=function(){var t=this,n=this.props.renderer,e=this.getNodes().filter(function(t){return t.visible&&t.animX&&t.animY});return i.h("div",{className:"statevis"},i.h("svg",{width:this.props.width,height:this.props.height},e.filter(function(t){return!!t.parent}).map(function(t){return n.edgeRenderFn(t,n)}),e.map(function(n){return i.h(o.StateNode,{key:n.name,node:n,router:t.props.router,renderer:t.props.renderer,doLayout:t.doLayoutAnimation.bind(t),x:n.animX,y:n.animY})})))},n}(i.Component);n.StateTree=A},function(t,n,e){"use strict";var r=this&&this.__extends||function(t,n){function e(){this.constructor=t}for(var r in n)n.hasOwnProperty(r)&&(t[r]=n[r]);t.prototype=null===n?Object.create(n):(e.prototype=n.prototype,new e)},i=e(1),o=function(t){function n(){var n=null!==t&&t.apply(this,arguments)||this;return n.goTimeout=null,n.handleCollapseClicked=function(t){clearTimeout(n.goTimeout),n.props.node._collapsed=!n.props.node._collapsed,n.props.doLayout()},n.handleGoClicked=function(t){clearTimeout(n.goTimeout);var e=n.props.node.name;e=e.replace(/\.\*\*$/,""),n.goTimeout=setTimeout(function(){return n.props.router.stateService.go(e)},200)},n}return r(n,t),n.prototype.render=function(){var t=this.props.renderer,n=this.props,e=n.node,r=n.x,o=n.y,a=t.baseRadius,s=t.baseFontSize,l=t.baseNodeStrokeWidth,u=t.zoom,c=a*u,A=s*u,p=l*(e.entered?1.5:1)*u,h=["entered","retained","exited","active","inactive","future","highlight","collapsed"],d=h.reduce(function(t,n){return t+(e[n]?" "+n+" ":"")},""),f=e.collapsed?e.totalDescendents:0;return i.h("g",{transform:"translate("+r+", "+o+")",onClick:this.handleGoClicked,onDblClick:this.handleCollapseClicked},i.h("circle",{className:d,"stroke-width":p,r:c}),e.collapsed?i.h("text",{className:"label","text-anchor":"middle","font-size":A*(f<10?1:.8)},"(",f,")"):"",t.labelRenderFn(r,o,e,t),i.h("text",{className:"label","text-anchor":"middle","font-size":A,transform:"translate(0, "+2*c+")"},e.label))},n}(i.Component);n.StateNode=o},function(t,n,e){"use strict";function r(t,n,e,r,a,s){void 0===a&&(a=function(){}),void 0===s&&(s=i.easing.easeOutElastic);var l=null,u=o.interpolateArray(n,t),c=function(t){if(e===-1)return a();null==l&&(l=t);var n=t-l,i=1;n<e&&(requestAnimationFrame(c),i=s(n,0,1,e)),r(u(i))};return requestAnimationFrame(c),function(){e=-1}}var i=e(13),o=e(14);n.animatePath=r},function(t,n){"use strict";n.easing={easeInOutQuad:function(t,n,e,r){return(t/=r/2)<1?e/2*t*t+n:-e/2*(--t*(t-2)-1)+n},
easeInOutCubic:function(t,n,e,r){return(t/=r/2)<1?e/2*t*t*t+n:e/2*((t-=2)*t*t+2)+n},easeInOutQuart:function(t,n,e,r){return(t/=r/2)<1?e/2*t*t*t*t+n:-e/2*((t-=2)*t*t*t-2)+n},easeInOutQuint:function(t,n,e,r){return(t/=r/2)<1?e/2*t*t*t*t*t+n:e/2*((t-=2)*t*t*t*t+2)+n},easeInOutSine:function(t,n,e,r){return-e/2*(Math.cos(Math.PI*t/r)-1)+n},easeInOutExpo:function(t,n,e,r){return 0==t?n:t==r?n+e:(t/=r/2)<1?e/2*Math.pow(2,10*(t-1))+n:e/2*(-Math.pow(2,-10*--t)+2)+n},easeInOutCirc:function(t,n,e,r){return(t/=r/2)<1?-e/2*(Math.sqrt(1-t*t)-1)+n:e/2*(Math.sqrt(1-(t-=2)*t)+1)+n},easeInElastic:function(t,n,e,r){var i=1.70158,o=0,a=e;if(0==t)return n;if(1==(t/=r))return n+e;if(o||(o=.3*r),a<Math.abs(e)){a=e;var i=o/4}else var i=o/(2*Math.PI)*Math.asin(e/a);return-(a*Math.pow(2,10*(t-=1))*Math.sin((t*r-i)*(2*Math.PI)/o))+n},easeOutElastic:function(t,n,e,r){var i=1.70158,o=0,a=e;if(0==t)return n;if(1==(t/=r))return n+e;if(o||(o=.3*r),a<Math.abs(e)){a=e;var i=o/4}else var i=o/(2*Math.PI)*Math.asin(e/a);return a*Math.pow(2,-10*t)*Math.sin((t*r-i)*(2*Math.PI)/o)+e+n},easeInOutElastic:function(t,n,e,r){var i=1.70158,o=0,a=e;if(0==t)return n;if(2==(t/=r/2))return n+e;if(o||(o=r*(.3*1.5)),a<Math.abs(e)){a=e;var i=o/4}else var i=o/(2*Math.PI)*Math.asin(e/a);return t<1?-.5*(a*Math.pow(2,10*(t-=1))*Math.sin((t*r-i)*(2*Math.PI)/o))+n:a*Math.pow(2,-10*(t-=1))*Math.sin((t*r-i)*(2*Math.PI)/o)*.5+e+n},easeInOutBack:function(t,n,e,r,i){return void 0==i&&(i=1.70158),(t/=r/2)<1?e/2*(t*t*(((i*=1.525)+1)*t-i))+n:e/2*((t-=2)*t*(((i*=1.525)+1)*t+i)+2)+n}}},function(t,n,e){!function(t,r){r(n,e(15))}(this,function(t,n){"use strict";function e(t,n,e,r,i){var o=t*t,a=o*t;return((1-3*t+3*o-a)*n+(4-6*o+3*a)*e+(1+3*t+3*o-3*a)*r+a*i)/6}function r(t,n){return function(e){return t+e*n}}function i(t,n,e){return t=Math.pow(t,e),n=Math.pow(n,e)-t,e=1/e,function(r){return Math.pow(t+r*n,e)}}function o(t,n){var e=n-t;return e?r(t,e>180||e<-180?e-360*Math.round(e/360):e):D(isNaN(t)?n:t)}function a(t){return 1===(t=+t)?s:function(n,e){return e-n?i(n,e,t):D(isNaN(n)?e:n)}}function s(t,n){var e=n-t;return e?r(t,e):D(isNaN(t)?n:t)}function l(t){return function(e){var r,i,o=e.length,a=new Array(o),s=new Array(o),l=new Array(o);for(r=0;r<o;++r)i=n.rgb(e[r]),a[r]=i.r||0,s[r]=i.g||0,l[r]=i.b||0;return a=t(a),s=t(s),l=t(l),i.opacity=1,function(t){return i.r=a(t),i.g=s(t),i.b=l(t),i+""}}}function u(t){return function(){return t}}function c(t){return function(n){return t(n)+""}}function A(t){return"none"===t?V:(B||(B=document.createElement("DIV"),b=document.documentElement,x=document.defaultView),B.style.transform=t,t=x.getComputedStyle(b.appendChild(B),null).getPropertyValue("transform"),b.removeChild(B),t=t.slice(7,-1).split(","),L(+t[0],+t[1],+t[2],+t[3],+t[4],+t[5]))}function p(t){return null==t?V:(w||(w=document.createElementNS("http://www.w3.org/2000/svg","g")),w.setAttribute("transform",t),(t=w.transform.baseVal.consolidate())?(t=t.matrix,L(t.a,t.b,t.c,t.d,t.e,t.f)):V)}function h(t,n,e,r){function i(t){return t.length?t.pop()+" ":""}function o(t,r,i,o,a,s){if(t!==i||r!==o){var l=a.push("translate(",null,n,null,e);s.push({i:l-4,x:R(t,i)},{i:l-2,x:R(r,o)})}else(i||o)&&a.push("translate("+i+n+o+e)}function a(t,n,e,o){t!==n?(t-n>180?n+=360:n-t>180&&(t+=360),o.push({i:e.push(i(e)+"rotate(",null,r)-2,x:R(t,n)})):n&&e.push(i(e)+"rotate("+n+r)}function s(t,n,e,o){t!==n?o.push({i:e.push(i(e)+"skewX(",null,r)-2,x:R(t,n)}):n&&e.push(i(e)+"skewX("+n+r)}function l(t,n,e,r,o,a){if(t!==e||n!==r){var s=o.push(i(o)+"scale(",null,",",null,")");a.push({i:s-4,x:R(t,e)},{i:s-2,x:R(n,r)})}else 1===e&&1===r||o.push(i(o)+"scale("+e+","+r+")")}return function(n,e){var r=[],i=[];return n=t(n),e=t(e),o(n.translateX,n.translateY,e.translateX,e.translateY,r,i),a(n.rotate,e.rotate,r,i),s(n.skewX,e.skewX,r,i),l(n.scaleX,n.scaleY,e.scaleX,e.scaleY,r,i),n=e=null,function(t){for(var n,e=-1,o=i.length;++e<o;)r[(n=i[e]).i]=n.x(t);return r.join("")}}}function d(t){return((t=Math.exp(t))+1/t)/2}function f(t){return((t=Math.exp(t))-1/t)/2}function m(t){return((t=Math.exp(2*t))-1)/(t+1)}function g(t){return function(e,r){var i=t((e=n.hsl(e)).h,(r=n.hsl(r)).h),o=s(e.s,r.s),a=s(e.l,r.l),l=s(e.opacity,r.opacity);return function(t){return e.h=i(t),e.s=o(t),e.l=a(t),e.opacity=l(t),e+""}}}function y(t,e){var r=s((t=n.lab(t)).l,(e=n.lab(e)).l),i=s(t.a,e.a),o=s(t.b,e.b),a=s(t.opacity,e.opacity);return function(n){return t.l=r(n),t.a=i(n),t.b=o(n),t.opacity=a(n),t+""}}function C(t){return function(e,r){var i=t((e=n.hcl(e)).h,(r=n.hcl(r)).h),o=s(e.c,r.c),a=s(e.l,r.l),l=s(e.opacity,r.opacity);return function(t){return e.h=i(t),e.c=o(t),e.l=a(t),e.opacity=l(t),e+""}}}function v(t){return function e(r){function i(e,i){var o=t((e=n.cubehelix(e)).h,(i=n.cubehelix(i)).h),a=s(e.s,i.s),l=s(e.l,i.l),u=s(e.opacity,i.opacity);return function(t){return e.h=o(t),e.s=a(t),e.l=l(Math.pow(t,r)),e.opacity=u(t),e+""}}return r=+r,i.gamma=e,i}(1)}var B,b,x,w,k=function(t){var n=t.length-1;return function(r){var i=r<=0?r=0:r>=1?(r=1,n-1):Math.floor(r*n),o=t[i],a=t[i+1],s=i>0?t[i-1]:2*o-a,l=i<n-1?t[i+2]:2*a-o;return e((r-i/n)*n,s,o,a,l)}},E=function(t){var n=t.length;return function(r){var i=Math.floor(((r%=1)<0?++r:r)*n),o=t[(i+n-1)%n],a=t[i%n],s=t[(i+1)%n],l=t[(i+2)%n];return e((r-i/n)*n,o,a,s,l)}},D=function(t){return function(){return t}},S=function t(e){function r(t,e){var r=i((t=n.rgb(t)).r,(e=n.rgb(e)).r),o=i(t.g,e.g),a=i(t.b,e.b),l=s(t.opacity,e.opacity);return function(n){return t.r=r(n),t.g=o(n),t.b=a(n),t.opacity=l(n),t+""}}var i=a(e);return r.gamma=t,r}(1),N=l(k),I=l(E),M=function(t,n){var e,r=n?n.length:0,i=t?Math.min(r,t.length):0,o=new Array(r),a=new Array(r);for(e=0;e<i;++e)o[e]=P(t[e],n[e]);for(;e<r;++e)a[e]=n[e];return function(t){for(e=0;e<i;++e)a[e]=o[e](t);return a}},z=function(t,n){var e=new Date;return t=+t,n-=t,function(r){return e.setTime(t+n*r),e}},R=function(t,n){return t=+t,n-=t,function(e){return t+n*e}},_=function(t,n){var e,r={},i={};null!==t&&"object"==typeof t||(t={}),null!==n&&"object"==typeof n||(n={});for(e in n)e in t?r[e]=P(t[e],n[e]):i[e]=n[e];return function(t){for(e in r)i[e]=r[e](t);return i}},T=/[-+]?(?:\d+\.?\d*|\.?\d+)(?:[eE][-+]?\d+)?/g,O=new RegExp(T.source,"g"),j=function(t,n){var e,r,i,o=T.lastIndex=O.lastIndex=0,a=-1,s=[],l=[];for(t+="",n+="";(e=T.exec(t))&&(r=O.exec(n));)(i=r.index)>o&&(i=n.slice(o,i),s[a]?s[a]+=i:s[++a]=i),(e=e[0])===(r=r[0])?s[a]?s[a]+=r:s[++a]=r:(s[++a]=null,l.push({i:a,x:R(e,r)})),o=O.lastIndex;return o<n.length&&(i=n.slice(o),s[a]?s[a]+=i:s[++a]=i),s.length<2?l[0]?c(l[0].x):u(n):(n=l.length,function(t){for(var e,r=0;r<n;++r)s[(e=l[r]).i]=e.x(t);return s.join("")})},P=function(t,e){var r,i=typeof e;return null==e||"boolean"===i?D(e):("number"===i?R:"string"===i?(r=n.color(e))?(e=r,S):j:e instanceof n.color?S:e instanceof Date?z:Array.isArray(e)?M:isNaN(e)?_:R)(t,e)},U=function(t,n){return t=+t,n-=t,function(e){return Math.round(t+n*e)}},F=180/Math.PI,V={translateX:0,translateY:0,rotate:0,skewX:0,scaleX:1,scaleY:1},L=function(t,n,e,r,i,o){var a,s,l;return(a=Math.sqrt(t*t+n*n))&&(t/=a,n/=a),(l=t*e+n*r)&&(e-=t*l,r-=n*l),(s=Math.sqrt(e*e+r*r))&&(e/=s,r/=s,l/=s),t*r<n*e&&(t=-t,n=-n,l=-l,a=-a),{translateX:i,translateY:o,rotate:Math.atan2(n,t)*F,skewX:Math.atan(l)*F,scaleX:a,scaleY:s}},W=h(A,"px, ","px)","deg)"),Y=h(p,", ",")",")"),Q=Math.SQRT2,H=2,q=4,X=1e-12,G=function(t,n){var e,r,i=t[0],o=t[1],a=t[2],s=n[0],l=n[1],u=n[2],c=s-i,A=l-o,p=c*c+A*A;if(p<X)r=Math.log(u/a)/Q,e=function(t){return[i+t*c,o+t*A,a*Math.exp(Q*t*r)]};else{var h=Math.sqrt(p),g=(u*u-a*a+q*p)/(2*a*H*h),y=(u*u-a*a-q*p)/(2*u*H*h),C=Math.log(Math.sqrt(g*g+1)-g),v=Math.log(Math.sqrt(y*y+1)-y);r=(v-C)/Q,e=function(t){var n=t*r,e=d(C),s=a/(H*h)*(e*m(Q*n+C)-f(C));return[i+s*c,o+s*A,a*e/d(Q*n+C)]}}return e.duration=1e3*r,e},K=g(o),J=g(s),Z=C(o),$=C(s),tt=v(o),nt=v(s),et=function(t,n){for(var e=new Array(n),r=0;r<n;++r)e[r]=t(r/(n-1));return e};t.interpolate=P,t.interpolateArray=M,t.interpolateBasis=k,t.interpolateBasisClosed=E,t.interpolateDate=z,t.interpolateNumber=R,t.interpolateObject=_,t.interpolateRound=U,t.interpolateString=j,t.interpolateTransformCss=W,t.interpolateTransformSvg=Y,t.interpolateZoom=G,t.interpolateRgb=S,t.interpolateRgbBasis=N,t.interpolateRgbBasisClosed=I,t.interpolateHsl=K,t.interpolateHslLong=J,t.interpolateLab=y,t.interpolateHcl=Z,t.interpolateHclLong=$,t.interpolateCubehelix=tt,t.interpolateCubehelixLong=nt,t.quantize=et,Object.defineProperty(t,"__esModule",{value:!0})})},function(t,n,e){!function(t,e){e(n)}(this,function(t){"use strict";function n(t,n){var e=Object.create(t.prototype);for(var r in n)e[r]=n[r];return e}function e(){}function r(t){var n;return t=(t+"").trim().toLowerCase(),(n=R.exec(t))?(n=parseInt(n[1],16),new l(n>>8&15|n>>4&240,n>>4&15|240&n,(15&n)<<4|15&n,1)):(n=_.exec(t))?i(parseInt(n[1],16)):(n=T.exec(t))?new l(n[1],n[2],n[3],1):(n=O.exec(t))?new l(255*n[1]/100,255*n[2]/100,255*n[3]/100,1):(n=j.exec(t))?o(n[1],n[2],n[3],n[4]):(n=P.exec(t))?o(255*n[1]/100,255*n[2]/100,255*n[3]/100,n[4]):(n=U.exec(t))?u(n[1],n[2]/100,n[3]/100,1):(n=F.exec(t))?u(n[1],n[2]/100,n[3]/100,n[4]):V.hasOwnProperty(t)?i(V[t]):"transparent"===t?new l(NaN,NaN,NaN,0):null}function i(t){return new l(t>>16&255,t>>8&255,255&t,1)}function o(t,n,e,r){return r<=0&&(t=n=e=NaN),new l(t,n,e,r)}function a(t){return t instanceof e||(t=r(t)),t?(t=t.rgb(),new l(t.r,t.g,t.b,t.opacity)):new l}function s(t,n,e,r){return 1===arguments.length?a(t):new l(t,n,e,null==r?1:r)}function l(t,n,e,r){this.r=+t,this.g=+n,this.b=+e,this.opacity=+r}function u(t,n,e,r){return r<=0?t=n=e=NaN:e<=0||e>=1?t=n=NaN:n<=0&&(t=NaN),new p(t,n,e,r)}function c(t){if(t instanceof p)return new p(t.h,t.s,t.l,t.opacity);if(t instanceof e||(t=r(t)),!t)return new p;if(t instanceof p)return t;t=t.rgb();var n=t.r/255,i=t.g/255,o=t.b/255,a=Math.min(n,i,o),s=Math.max(n,i,o),l=NaN,u=s-a,c=(s+a)/2;return u?(l=n===s?(i-o)/u+6*(i<o):i===s?(o-n)/u+2:(n-i)/u+4,u/=c<.5?s+a:2-s-a,l*=60):u=c>0&&c<1?0:l,new p(l,u,c,t.opacity)}function A(t,n,e,r){return 1===arguments.length?c(t):new p(t,n,e,null==r?1:r)}function p(t,n,e,r){this.h=+t,this.s=+n,this.l=+e,this.opacity=+r}function h(t,n,e){return 255*(t<60?n+(e-n)*t/60:t<180?e:t<240?n+(e-n)*(240-t)/60:n)}function d(t){if(t instanceof m)return new m(t.l,t.a,t.b,t.opacity);if(t instanceof x){var n=t.h*L;return new m(t.l,Math.cos(n)*t.c,Math.sin(n)*t.c,t.opacity)}t instanceof l||(t=a(t));var e=v(t.r),r=v(t.g),i=v(t.b),o=g((.4124564*e+.3575761*r+.1804375*i)/Q),s=g((.2126729*e+.7151522*r+.072175*i)/H),u=g((.0193339*e+.119192*r+.9503041*i)/q);return new m(116*s-16,500*(o-s),200*(s-u),t.opacity)}function f(t,n,e,r){return 1===arguments.length?d(t):new m(t,n,e,null==r?1:r)}function m(t,n,e,r){this.l=+t,this.a=+n,this.b=+e,this.opacity=+r}function g(t){return t>J?Math.pow(t,1/3):t/K+X}function y(t){return t>G?t*t*t:K*(t-X)}function C(t){return 255*(t<=.0031308?12.92*t:1.055*Math.pow(t,1/2.4)-.055)}function v(t){return(t/=255)<=.04045?t/12.92:Math.pow((t+.055)/1.055,2.4)}function B(t){if(t instanceof x)return new x(t.h,t.c,t.l,t.opacity);t instanceof m||(t=d(t));var n=Math.atan2(t.b,t.a)*W;return new x(n<0?n+360:n,Math.sqrt(t.a*t.a+t.b*t.b),t.l,t.opacity)}function b(t,n,e,r){return 1===arguments.length?B(t):new x(t,n,e,null==r?1:r)}function x(t,n,e,r){this.h=+t,this.c=+n,this.l=+e,this.opacity=+r}function w(t){if(t instanceof E)return new E(t.h,t.s,t.l,t.opacity);t instanceof l||(t=a(t));var n=t.r/255,e=t.g/255,r=t.b/255,i=(ot*r+rt*n-it*e)/(ot+rt-it),o=r-i,s=(et*(e-i)-tt*o)/nt,u=Math.sqrt(s*s+o*o)/(et*i*(1-i)),c=u?Math.atan2(s,o)*W-120:NaN;return new E(c<0?c+360:c,u,i,t.opacity)}function k(t,n,e,r){return 1===arguments.length?w(t):new E(t,n,e,null==r?1:r)}function E(t,n,e,r){this.h=+t,this.s=+n,this.l=+e,this.opacity=+r}var D=function(t,n,e){t.prototype=n.prototype=e,e.constructor=t},S=.7,N=1/S,I="\\s*([+-]?\\d+)\\s*",M="\\s*([+-]?\\d*\\.?\\d+(?:[eE][+-]?\\d+)?)\\s*",z="\\s*([+-]?\\d*\\.?\\d+(?:[eE][+-]?\\d+)?)%\\s*",R=/^#([0-9a-f]{3})$/,_=/^#([0-9a-f]{6})$/,T=new RegExp("^rgb\\("+[I,I,I]+"\\)$"),O=new RegExp("^rgb\\("+[z,z,z]+"\\)$"),j=new RegExp("^rgba\\("+[I,I,I,M]+"\\)$"),P=new RegExp("^rgba\\("+[z,z,z,M]+"\\)$"),U=new RegExp("^hsl\\("+[M,z,z]+"\\)$"),F=new RegExp("^hsla\\("+[M,z,z,M]+"\\)$"),V={aliceblue:15792383,antiquewhite:16444375,aqua:65535,aquamarine:8388564,azure:15794175,beige:16119260,bisque:16770244,black:0,blanchedalmond:16772045,blue:255,blueviolet:9055202,brown:10824234,burlywood:14596231,cadetblue:6266528,chartreuse:8388352,chocolate:13789470,coral:16744272,cornflowerblue:6591981,cornsilk:16775388,crimson:14423100,cyan:65535,darkblue:139,darkcyan:35723,darkgoldenrod:12092939,darkgray:11119017,darkgreen:25600,darkgrey:11119017,darkkhaki:12433259,darkmagenta:9109643,darkolivegreen:5597999,darkorange:16747520,darkorchid:10040012,darkred:9109504,darksalmon:15308410,darkseagreen:9419919,darkslateblue:4734347,darkslategray:3100495,darkslategrey:3100495,darkturquoise:52945,darkviolet:9699539,deeppink:16716947,deepskyblue:49151,dimgray:6908265,dimgrey:6908265,dodgerblue:2003199,firebrick:11674146,floralwhite:16775920,forestgreen:2263842,fuchsia:16711935,gainsboro:14474460,ghostwhite:16316671,gold:16766720,goldenrod:14329120,gray:8421504,green:32768,greenyellow:11403055,grey:8421504,honeydew:15794160,hotpink:16738740,indianred:13458524,indigo:4915330,ivory:16777200,khaki:15787660,lavender:15132410,lavenderblush:16773365,lawngreen:8190976,lemonchiffon:16775885,lightblue:11393254,lightcoral:15761536,lightcyan:14745599,lightgoldenrodyellow:16448210,lightgray:13882323,lightgreen:9498256,lightgrey:13882323,lightpink:16758465,lightsalmon:16752762,lightseagreen:2142890,lightskyblue:8900346,lightslategray:7833753,lightslategrey:7833753,lightsteelblue:11584734,lightyellow:16777184,lime:65280,limegreen:3329330,linen:16445670,magenta:16711935,maroon:8388608,mediumaquamarine:6737322,mediumblue:205,mediumorchid:12211667,mediumpurple:9662683,mediumseagreen:3978097,mediumslateblue:8087790,mediumspringgreen:64154,mediumturquoise:4772300,mediumvioletred:13047173,midnightblue:1644912,mintcream:16121850,mistyrose:16770273,moccasin:16770229,navajowhite:16768685,navy:128,oldlace:16643558,olive:8421376,olivedrab:7048739,orange:16753920,orangered:16729344,orchid:14315734,palegoldenrod:15657130,palegreen:10025880,paleturquoise:11529966,palevioletred:14381203,papayawhip:16773077,peachpuff:16767673,peru:13468991,pink:16761035,plum:14524637,powderblue:11591910,purple:8388736,rebeccapurple:6697881,red:16711680,rosybrown:12357519,royalblue:4286945,saddlebrown:9127187,salmon:16416882,sandybrown:16032864,seagreen:3050327,seashell:16774638,sienna:10506797,silver:12632256,skyblue:8900331,slateblue:6970061,slategray:7372944,slategrey:7372944,snow:16775930,springgreen:65407,steelblue:4620980,tan:13808780,teal:32896,thistle:14204888,tomato:16737095,turquoise:4251856,violet:15631086,wheat:16113331,white:16777215,whitesmoke:16119285,yellow:16776960,yellowgreen:10145074};D(e,r,{displayable:function(){return this.rgb().displayable()},toString:function(){return this.rgb()+""}}),D(l,s,n(e,{brighter:function(t){return t=null==t?N:Math.pow(N,t),new l(this.r*t,this.g*t,this.b*t,this.opacity)},darker:function(t){return t=null==t?S:Math.pow(S,t),new l(this.r*t,this.g*t,this.b*t,this.opacity)},rgb:function(){return this},displayable:function(){return 0<=this.r&&this.r<=255&&0<=this.g&&this.g<=255&&0<=this.b&&this.b<=255&&0<=this.opacity&&this.opacity<=1},toString:function(){var t=this.opacity;return t=isNaN(t)?1:Math.max(0,Math.min(1,t)),(1===t?"rgb(":"rgba(")+Math.max(0,Math.min(255,Math.round(this.r)||0))+", "+Math.max(0,Math.min(255,Math.round(this.g)||0))+", "+Math.max(0,Math.min(255,Math.round(this.b)||0))+(1===t?")":", "+t+")")}})),D(p,A,n(e,{brighter:function(t){return t=null==t?N:Math.pow(N,t),new p(this.h,this.s,this.l*t,this.opacity)},darker:function(t){return t=null==t?S:Math.pow(S,t),new p(this.h,this.s,this.l*t,this.opacity)},rgb:function(){var t=this.h%360+360*(this.h<0),n=isNaN(t)||isNaN(this.s)?0:this.s,e=this.l,r=e+(e<.5?e:1-e)*n,i=2*e-r;return new l(h(t>=240?t-240:t+120,i,r),h(t,i,r),h(t<120?t+240:t-120,i,r),this.opacity)},displayable:function(){return(0<=this.s&&this.s<=1||isNaN(this.s))&&0<=this.l&&this.l<=1&&0<=this.opacity&&this.opacity<=1}}));var L=Math.PI/180,W=180/Math.PI,Y=18,Q=.95047,H=1,q=1.08883,X=4/29,G=6/29,K=3*G*G,J=G*G*G;D(m,f,n(e,{brighter:function(t){return new m(this.l+Y*(null==t?1:t),this.a,this.b,this.opacity)},darker:function(t){return new m(this.l-Y*(null==t?1:t),this.a,this.b,this.opacity)},rgb:function(){var t=(this.l+16)/116,n=isNaN(this.a)?t:t+this.a/500,e=isNaN(this.b)?t:t-this.b/200;return t=H*y(t),n=Q*y(n),e=q*y(e),new l(C(3.2404542*n-1.5371385*t-.4985314*e),C(-.969266*n+1.8760108*t+.041556*e),C(.0556434*n-.2040259*t+1.0572252*e),this.opacity)}})),D(x,b,n(e,{brighter:function(t){return new x(this.h,this.c,this.l+Y*(null==t?1:t),this.opacity)},darker:function(t){return new x(this.h,this.c,this.l-Y*(null==t?1:t),this.opacity)},rgb:function(){return d(this).rgb()}}));var Z=-.14861,$=1.78277,tt=-.29227,nt=-.90649,et=1.97294,rt=et*nt,it=et*$,ot=$*tt-nt*Z;D(E,k,n(e,{brighter:function(t){return t=null==t?N:Math.pow(N,t),new E(this.h,this.s,this.l*t,this.opacity)},darker:function(t){return t=null==t?S:Math.pow(S,t),new E(this.h,this.s,this.l*t,this.opacity)},rgb:function(){var t=isNaN(this.h)?0:(this.h+120)*L,n=+this.l,e=isNaN(this.s)?0:this.s*n*(1-n),r=Math.cos(t),i=Math.sin(t);return new l(255*(n+e*(Z*r+$*i)),255*(n+e*(tt*r+nt*i)),255*(n+e*(et*r)),this.opacity)}})),t.color=r,t.rgb=s,t.hsl=A,t.lab=f,t.hcl=b,t.cubehelix=k,Object.defineProperty(t,"__esModule",{value:!0})})},function(t,n,e){"use strict";function r(t,n){var e=n.layoutY-t.layoutY;if(0!==e)return e;var r=t.layoutX-n.layoutX;return r}function i(t,n){var e=t.layoutY-n.layoutY;if(0!==e)return e;var r=t.layoutX-n.layoutX;return r}function o(t){var n=f.hierarchy(t),e=f.tree();return u(e(n))}function a(t){var n=f.hierarchy(t),e=f.cluster();return u(e(n))}function s(t,n){var e=(t-90)/180*Math.PI,r=n,i=.5;return{x:i+r*Math.cos(e),y:i+r*Math.sin(e)}}function l(t){var n=f.hierarchy(t),e=f.cluster().size([360,.4]).separation(function(t,n){return(t.parent==n.parent?1:2)/t.depth}),r=e(n);r.each(function(t){var n=s(t.x,t.y),e=t.data;e.layoutX=t.x,e.layoutY=t.y,e.x=n.x,e.y=n.y})}function u(t){return t.each(function(t){t.data.layoutX=t.data.x=t.x,t.data.layoutY=t.data.y=t.y}),t}function c(t,n,e,r){var i=r.baseFontSize,o=r.zoom,a=i*o,s=e.name.split("."),l=s.pop();"**"==l&&(l=s.pop()+".**");var u=e.layoutX||0,c=u<180==!!e.children?"start":"end",A=u<180?u-90:u+90,p=("start"===c?15:-15)*o,h="rotate("+A+"),translate("+p+", 0)";return d.h("text",{className:"name","text-anchor":c,transform:h,"font-size":a}," ",l," ")}function A(t,n,e,r){var i=(r.baseRadius,r.baseFontSize),o=(r.baseStrokeWidth,r.baseNodeStrokeWidth,r.zoom),a=i*o,s=e.name.split("."),l=s.pop();"**"==l&&(l=s.pop()+".**");var u="rotate(-15),translate(0, "+-15*o+")";return d.h("text",{className:"name","text-anchor":"middle",transform:u,"font-size":a}," ",l," ")}function p(t,n){var e=n.baseStrokeWidth*n.zoom,r=function(t){var n={x:t.animX,y:t.animY},e={x:t._parent.animX,y:t._parent.animY};return"M"+[n.x,n.y]+" "+[e.x,e.y]};return d.h("path",{d:r(t),"stroke-width":e,className:"link"})}function h(t,n){var e=n.baseStrokeWidth*n.zoom,r=function(t){var n={x:t.animX,y:t.animY},e={x:t._parent.animX,y:t._parent.animY},r=(n.y+e.y)/2;return"M "+n.x+" "+n.y+" C "+n.x+" "+r+", "+e.x+" "+r+", "+e.x+" "+e.y};return d.h("path",{d:r(t),"stroke-width":e,className:"link"})}var d=e(1),f=e(17);n.RENDERER_PRESETS={Tree:{layoutFn:o,sortNodesFn:i,labelRenderFn:A,edgeRenderFn:h},Cluster:{layoutFn:a,sortNodesFn:i,labelRenderFn:A,edgeRenderFn:h},Radial:{layoutFn:l,sortNodesFn:r,labelRenderFn:c,edgeRenderFn:p}};var m=n.RENDERER_PRESETS.Tree;n.DEFAULT_RENDERER={baseRadius:10,baseFontSize:12,baseStrokeWidth:2,baseNodeStrokeWidth:2,zoom:1,layoutFn:m.layoutFn,sortNodesFn:m.sortNodesFn,labelRenderFn:m.labelRenderFn,edgeRenderFn:m.edgeRenderFn},n.BOTTOM_TO_TOP_SORT=r,n.TOP_TO_BOTTOM_SORT=i,n.TREE_LAYOUT=o,n.CLUSTER_LAYOUT=a,n.RADIAL_LAYOUT=l,n.RADIAL_TEXT=c,n.SLANTED_TEXT=A,n.RADIAL_EDGE=p,n.TREE_EDGE=h},function(t,n,e){!function(t,e){e(n)}(this,function(t){"use strict";function n(t,n){return t.parent===n.parent?1:2}function e(t){return t.reduce(r,0)/t.length}function r(t,n){return t+n.x}function i(t){return 1+t.reduce(o,0)}function o(t,n){return Math.max(t,n.y)}function a(t){for(var n;n=t.children;)t=n[0];return t}function s(t){for(var n;n=t.children;)t=n[n.length-1];return t}function l(t,n){if(t===n)return t;var e=t.ancestors(),r=n.ancestors(),i=null;for(t=e.pop(),n=r.pop();t===n;)i=t,t=e.pop(),n=r.pop();return i}function u(t,n){var e,r,i,o,a,s=new d(t),l=+t.value&&(s.value=t.value),u=[s];for(null==n&&(n=A);e=u.pop();)if(l&&(e.value=+e.data.value),(i=n(e.data))&&(a=i.length))for(e.children=new Array(a),o=a-1;o>=0;--o)u.push(r=e.children[o]=new d(i[o])),r.parent=e,r.depth=e.depth+1;return s.eachBefore(h)}function c(){return u(this).eachBefore(p)}function A(t){return t.children}function p(t){t.data=t.data.data}function h(t){var n=0;do t.height=n;while((t=t.parent)&&t.height<++n)}function d(t){this.data=t,this.depth=this.height=0,this.parent=null}function f(t){this._=t,this.next=null}function m(t,n){var e=n.x-t.x,r=n.y-t.y,i=t.r-n.r;return i*i+1e-6>e*e+r*r}function g(t,n){var e,r,i,o=null,a=t.head;switch(n.length){case 1:e=y(n[0]);break;case 2:e=C(n[0],n[1]);break;case 3:e=v(n[0],n[1],n[2])}for(;a;)i=a._,r=a.next,e&&m(e,i)?o=a:(o?(t.tail=o,o.next=null):t.head=t.tail=null,n.push(i),e=g(t,n),n.pop(),t.head?(a.next=t.head,t.head=a):(a.next=null,t.head=t.tail=a),o=t.tail,o.next=r),a=r;return t.tail=o,e}function y(t){return{x:t.x,y:t.y,r:t.r}}function C(t,n){var e=t.x,r=t.y,i=t.r,o=n.x,a=n.y,s=n.r,l=o-e,u=a-r,c=s-i,A=Math.sqrt(l*l+u*u);return{x:(e+o+l/A*c)/2,y:(r+a+u/A*c)/2,r:(A+i+s)/2}}function v(t,n,e){var r=t.x,i=t.y,o=t.r,a=n.x,s=n.y,l=n.r,u=e.x,c=e.y,A=e.r,p=2*(r-a),h=2*(i-s),d=2*(l-o),f=r*r+i*i-o*o-a*a-s*s+l*l,m=2*(r-u),g=2*(i-c),y=2*(A-o),C=r*r+i*i-o*o-u*u-c*c+A*A,v=m*h-p*g,B=(h*C-g*f)/v-r,b=(g*d-h*y)/v,x=(m*f-p*C)/v-i,w=(p*y-m*d)/v,k=b*b+w*w-1,E=2*(B*b+x*w+o),D=B*B+x*x-o*o,S=(-E-Math.sqrt(E*E-4*k*D))/(2*k);return{x:B+b*S+r,y:x+w*S+i,r:S}}function B(t,n,e){var r=t.x,i=t.y,o=n.r+e.r,a=t.r+e.r,s=n.x-r,l=n.y-i,u=s*s+l*l;if(u){var c=.5+((a*=a)-(o*=o))/(2*u),A=Math.sqrt(Math.max(0,2*o*(a+u)-(a-=u)*a-o*o))/(2*u);e.x=r+c*s+A*l,e.y=i+c*l-A*s}else e.x=r+a,e.y=i}function b(t,n){var e=n.x-t.x,r=n.y-t.y,i=t.r+n.r;return i*i>e*e+r*r}function x(t,n,e){var r=t.x-n,i=t.y-e;return r*r+i*i}function w(t){this._=t,this.next=null,this.previous=null}function k(t){if(!(i=t.length))return 0;var n,e,r,i;if(n=t[0],n.x=0,n.y=0,!(i>1))return n.r;if(e=t[1],n.x=-e.r,e.x=n.r,e.y=0,!(i>2))return n.r+e.r;B(e,n,r=t[2]);var o,a,s,l,u,c,A,p=n.r*n.r,h=e.r*e.r,d=r.r*r.r,f=p+h+d,m=p*n.x+h*e.x+d*r.x,g=p*n.y+h*e.y+d*r.y;n=new w(n),e=new w(e),r=new w(r),n.next=r.previous=e,e.next=n.previous=r,r.next=e.previous=n;t:for(s=3;s<i;++s){if(B(n._,e._,r=t[s]),r=new w(r),(u=n.previous)===(l=e.next)){if(b(l._,r._)){n=e,e=l,--s;continue t}}else{c=l._.r,A=u._.r;do if(c<=A){if(b(l._,r._)){e=l,n.next=e,e.previous=n,--s;continue t}l=l.next,c+=l._.r}else{if(b(u._,r._)){n=u,n.next=e,e.previous=n,--s;continue t}u=u.previous,A+=u._.r}while(l!==u.next)}for(r.previous=n,r.next=e,n.next=e.previous=e=r,f+=d=r._.r*r._.r,m+=d*r._.x,g+=d*r._.y,p=x(n._,o=m/f,a=g/f);(r=r.next)!==e;)(d=x(r._,o,a))<p&&(n=r,p=d);e=n.next}for(n=[e._],r=e;(r=r.next)!==e;)n.push(r._);for(r=et(n),s=0;s<i;++s)n=t[s],n.x-=r.x,n.y-=r.y;return r.r}function E(t){return null==t?null:D(t)}function D(t){if("function"!=typeof t)throw new Error;return t}function S(){return 0}function N(t){return Math.sqrt(t.value)}function I(t){return function(n){n.children||(n.r=Math.max(0,+t(n)||0))}}function M(t,n){return function(e){if(r=e.children){var r,i,o,a=r.length,s=t(e)*n||0;if(s)for(i=0;i<a;++i)r[i].r+=s;if(o=k(r),s)for(i=0;i<a;++i)r[i].r-=s;e.r=o+s}}}function z(t){return function(n){var e=n.parent;n.r*=t,e&&(n.x=e.x+t*n.x,n.y=e.y+t*n.y)}}function R(t){return t.id}function _(t){return t.parentId}function T(t,n){return t.parent===n.parent?1:2}function O(t){var n=t.children;return n?n[0]:t.t}function j(t){var n=t.children;return n?n[n.length-1]:t.t}function P(t,n,e){var r=e/(n.i-t.i);n.c-=r,n.s+=e,t.c+=r,n.z+=e,n.m+=e}function U(t){for(var n,e=0,r=0,i=t.children,o=i.length;--o>=0;)n=i[o],n.z+=e,n.m+=e,e+=n.s+(r+=n.c)}function F(t,n,e){return t.a.parent===n.parent?t.a:e}function V(t,n){this._=t,this.parent=null,this.children=null,this.A=null,this.a=this,this.z=0,this.m=0,this.c=0,this.s=0,this.t=null,this.i=n}function L(t){for(var n,e,r,i,o,a=new V(t,0),s=[a];n=s.pop();)if(r=n._.children)for(n.children=new Array(o=r.length),i=o-1;i>=0;--i)s.push(e=n.children[i]=new V(r[i],i)),e.parent=n;return(a.parent=new V(null,0)).children=[a],a}function W(t,n,e,r,i,o){for(var a,s,l,u,c,A,p,h,d,f,m,g=[],y=n.children,C=0,v=0,B=y.length,b=n.value;C<B;){l=i-e,u=o-r;do c=y[v++].value;while(!c&&v<B);for(A=p=c,f=Math.max(u/l,l/u)/(b*t),m=c*c*f,d=Math.max(p/m,m/A);v<B;++v){if(c+=s=y[v].value,s<A&&(A=s),s>p&&(p=s),m=c*c*f,h=Math.max(p/m,m/A),h>d){c-=s;break}d=h}g.push(a={value:c,dice:l<u,children:y.slice(C,v)}),a.dice?st(a,e,r,i,b?r+=u*c/b:o):dt(a,e,r,b?e+=l*c/b:i,o),b-=c,C=v}return g}var Y=function(){function t(t){var n,c=0;t.eachAfter(function(t){var o=t.children;o?(t.x=e(o),t.y=i(o)):(t.x=n?c+=r(t,n):0,t.y=0,n=t)});var A=a(t),p=s(t),h=A.x-r(A,p)/2,d=p.x+r(p,A)/2;return t.eachAfter(u?function(n){n.x=(n.x-t.x)*o,n.y=(t.y-n.y)*l}:function(n){n.x=(n.x-h)/(d-h)*o,n.y=(1-(t.y?n.y/t.y:1))*l})}var r=n,o=1,l=1,u=!1;return t.separation=function(n){return arguments.length?(r=n,t):r},t.size=function(n){return arguments.length?(u=!1,o=+n[0],l=+n[1],t):u?null:[o,l]},t.nodeSize=function(n){return arguments.length?(u=!0,o=+n[0],l=+n[1],t):u?[o,l]:null},t},Q=function(t){var n,e,r,i,o=this,a=[o];do for(n=a.reverse(),a=[];o=n.pop();)if(t(o),e=o.children)for(r=0,i=e.length;r<i;++r)a.push(e[r]);while(a.length);return this},H=function(t){for(var n,e,r=this,i=[r];r=i.pop();)if(t(r),n=r.children)for(e=n.length-1;e>=0;--e)i.push(n[e]);return this},q=function(t){for(var n,e,r,i=this,o=[i],a=[];i=o.pop();)if(a.push(i),n=i.children)for(e=0,r=n.length;e<r;++e)o.push(n[e]);for(;i=a.pop();)t(i);return this},X=function(t){return this.eachAfter(function(n){for(var e=+t(n.data)||0,r=n.children,i=r&&r.length;--i>=0;)e+=r[i].value;n.value=e})},G=function(t){return this.eachBefore(function(n){n.children&&n.children.sort(t)})},K=function(t){for(var n=this,e=l(n,t),r=[n];n!==e;)n=n.parent,r.push(n);for(var i=r.length;t!==e;)r.splice(i,0,t),t=t.parent;return r},J=function(){for(var t=this,n=[t];t=t.parent;)n.push(t);return n},Z=function(){var t=[];return this.each(function(n){t.push(n)}),t},$=function(){var t=[];return this.eachBefore(function(n){n.children||t.push(n)}),t},tt=function(){var t=this,n=[];return t.each(function(e){e!==t&&n.push({source:e.parent,target:e})}),n};d.prototype=u.prototype={constructor:d,each:Q,eachAfter:q,eachBefore:H,sum:X,sort:G,path:K,ancestors:J,descendants:Z,leaves:$,links:tt,copy:c};var nt=function(t){for(var n,e=(t=t.slice()).length,r=null,i=r;e;){var o=new f(t[e-1]);i=i?i.next=o:r=o,t[n]=t[--e]}return{head:r,tail:i}},et=function(t){return g(nt(t),[])},rt=function(t){return k(t),t},it=function(t){return function(){return t}},ot=function(){function t(t){return t.x=e/2,t.y=r/2,n?t.eachBefore(I(n)).eachAfter(M(i,.5)).eachBefore(z(1)):t.eachBefore(I(N)).eachAfter(M(S,1)).eachAfter(M(i,t.r/Math.min(e,r))).eachBefore(z(Math.min(e,r)/(2*t.r))),t}var n=null,e=1,r=1,i=S;return t.radius=function(e){return arguments.length?(n=E(e),t):n},t.size=function(n){return arguments.length?(e=+n[0],r=+n[1],t):[e,r]},t.padding=function(n){return arguments.length?(i="function"==typeof n?n:it(+n),t):i},t},at=function(t){t.x0=Math.round(t.x0),t.y0=Math.round(t.y0),t.x1=Math.round(t.x1),t.y1=Math.round(t.y1)},st=function(t,n,e,r,i){for(var o,a=t.children,s=-1,l=a.length,u=t.value&&(r-n)/t.value;++s<l;)o=a[s],o.y0=e,o.y1=i,o.x0=n,o.x1=n+=o.value*u},lt=function(){function t(t){var a=t.height+1;return t.x0=t.y0=i,t.x1=e,t.y1=r/a,t.eachBefore(n(r,a)),o&&t.eachBefore(at),t}function n(t,n){return function(e){e.children&&st(e,e.x0,t*(e.depth+1)/n,e.x1,t*(e.depth+2)/n);var r=e.x0,o=e.y0,a=e.x1-i,s=e.y1-i;a<r&&(r=a=(r+a)/2),s<o&&(o=s=(o+s)/2),e.x0=r,e.y0=o,e.x1=a,e.y1=s}}var e=1,r=1,i=0,o=!1;return t.round=function(n){return arguments.length?(o=!!n,t):o},t.size=function(n){return arguments.length?(e=+n[0],r=+n[1],t):[e,r]},t.padding=function(n){return arguments.length?(i=+n,t):i},t},ut="$",ct={depth:-1},At={},pt=function(){function t(t){var r,i,o,a,s,l,u,c=t.length,A=new Array(c),p={};for(i=0;i<c;++i)r=t[i],s=A[i]=new d(r),null!=(l=n(r,i,t))&&(l+="")&&(u=ut+(s.id=l),p[u]=u in p?At:s);for(i=0;i<c;++i)if(s=A[i],l=e(t[i],i,t),null!=l&&(l+="")){if(a=p[ut+l],!a)throw new Error("missing: "+l);if(a===At)throw new Error("ambiguous: "+l);a.children?a.children.push(s):a.children=[s],s.parent=a}else{if(o)throw new Error("multiple roots");o=s}if(!o)throw new Error("no root");if(o.parent=ct,o.eachBefore(function(t){t.depth=t.parent.depth+1,--c}).eachBefore(h),o.parent=null,c>0)throw new Error("cycle");return o}var n=R,e=_;return t.id=function(e){return arguments.length?(n=D(e),t):n},t.parentId=function(n){return arguments.length?(e=D(n),t):e},t};V.prototype=Object.create(d.prototype);var ht=function(){function t(t){var r=L(t);if(r.eachAfter(n),r.parent.m=-r.z,r.eachBefore(e),l)t.eachBefore(i);else{var u=t,c=t,A=t;t.eachBefore(function(t){t.x<u.x&&(u=t),t.x>c.x&&(c=t),t.depth>A.depth&&(A=t)});var p=u===c?1:o(u,c)/2,h=p-u.x,d=a/(c.x+p+h),f=s/(A.depth||1);t.eachBefore(function(t){t.x=(t.x+h)*d,t.y=t.depth*f})}return t}function n(t){var n=t.children,e=t.parent.children,i=t.i?e[t.i-1]:null;if(n){U(t);var a=(n[0].z+n[n.length-1].z)/2;i?(t.z=i.z+o(t._,i._),t.m=t.z-a):t.z=a}else i&&(t.z=i.z+o(t._,i._));t.parent.A=r(t,i,t.parent.A||e[0])}function e(t){t._.x=t.z+t.parent.m,t.m+=t.parent.m}function r(t,n,e){if(n){for(var r,i=t,a=t,s=n,l=i.parent.children[0],u=i.m,c=a.m,A=s.m,p=l.m;s=j(s),i=O(i),s&&i;)l=O(l),a=j(a),a.a=t,r=s.z+A-i.z-u+o(s._,i._),r>0&&(P(F(s,t,e),t,r),u+=r,c+=r),A+=s.m,u+=i.m,p+=l.m,c+=a.m;s&&!j(a)&&(a.t=s,a.m+=A-c),i&&!O(l)&&(l.t=i,l.m+=u-p,e=t)}return e}function i(t){t.x*=a,t.y=t.depth*s}var o=T,a=1,s=1,l=null;return t.separation=function(n){return arguments.length?(o=n,t):o},t.size=function(n){return arguments.length?(l=!1,a=+n[0],s=+n[1],t):l?null:[a,s]},t.nodeSize=function(n){return arguments.length?(l=!0,a=+n[0],s=+n[1],t):l?[a,s]:null},t},dt=function(t,n,e,r,i){for(var o,a=t.children,s=-1,l=a.length,u=t.value&&(i-e)/t.value;++s<l;)o=a[s],o.x0=n,o.x1=r,o.y0=e,o.y1=e+=o.value*u},ft=(1+Math.sqrt(5))/2,mt=function t(n){function e(t,e,r,i,o){W(n,t,e,r,i,o)}return e.ratio=function(n){return t((n=+n)>1?n:1)},e}(ft),gt=function(){function t(t){return t.x0=t.y0=0,t.x1=i,t.y1=o,t.eachBefore(n),a=[0],r&&t.eachBefore(at),t}function n(t){var n=a[t.depth],r=t.x0+n,i=t.y0+n,o=t.x1-n,p=t.y1-n;o<r&&(r=o=(r+o)/2),p<i&&(i=p=(i+p)/2),t.x0=r,t.y0=i,t.x1=o,t.y1=p,t.children&&(n=a[t.depth+1]=s(t)/2,r+=A(t)-n,i+=l(t)-n,o-=u(t)-n,p-=c(t)-n,o<r&&(r=o=(r+o)/2),p<i&&(i=p=(i+p)/2),e(t,r,i,o,p))}var e=mt,r=!1,i=1,o=1,a=[0],s=S,l=S,u=S,c=S,A=S;return t.round=function(n){return arguments.length?(r=!!n,t):r},t.size=function(n){return arguments.length?(i=+n[0],o=+n[1],t):[i,o]},t.tile=function(n){return arguments.length?(e=D(n),t):e},t.padding=function(n){return arguments.length?t.paddingInner(n).paddingOuter(n):t.paddingInner()},t.paddingInner=function(n){return arguments.length?(s="function"==typeof n?n:it(+n),t):s},t.paddingOuter=function(n){return arguments.length?t.paddingTop(n).paddingRight(n).paddingBottom(n).paddingLeft(n):t.paddingTop()},t.paddingTop=function(n){return arguments.length?(l="function"==typeof n?n:it(+n),t):l},t.paddingRight=function(n){return arguments.length?(u="function"==typeof n?n:it(+n),t):u},t.paddingBottom=function(n){
return arguments.length?(c="function"==typeof n?n:it(+n),t):c},t.paddingLeft=function(n){return arguments.length?(A="function"==typeof n?n:it(+n),t):A},t},yt=function(t,n,e,r,i){function o(t,n,e,r,i,a,s){if(t>=n-1){var u=l[t];return u.x0=r,u.y0=i,u.x1=a,u.y1=s,void 0}for(var A=c[t],p=e/2+A,h=t+1,d=n-1;h<d;){var f=h+d>>>1;c[f]<p?h=f+1:d=f}var m=c[h]-A,g=e-m;if(s-i>a-r){var y=(i*g+s*m)/e;o(t,h,m,r,i,a,y),o(h,n,g,r,y,a,s)}else{var C=(r*g+a*m)/e;o(t,h,m,r,i,C,s),o(h,n,g,C,i,a,s)}}var a,s,l=t.children,u=l.length,c=new Array(u+1);for(c[0]=s=a=0;a<u;++a)c[a+1]=s+=l[a].value;o(0,u,t.value,n,e,r,i)},Ct=function(t,n,e,r,i){(1&t.depth?dt:st)(t,n,e,r,i)},vt=function t(n){function e(t,e,r,i,o){if((a=t._squarify)&&a.ratio===n)for(var a,s,l,u,c,A=-1,p=a.length,h=t.value;++A<p;){for(s=a[A],l=s.children,u=s.value=0,c=l.length;u<c;++u)s.value+=l[u].value;s.dice?st(s,e,r,i,r+=(o-r)*s.value/h):dt(s,e,r,e+=(i-e)*s.value/h,o),h-=s.value}else t._squarify=a=W(n,t,e,r,i,o),a.ratio=n}return e.ratio=function(n){return t((n=+n)>1?n:1)},e}(ft);t.cluster=Y,t.hierarchy=u,t.pack=ot,t.packSiblings=rt,t.packEnclose=et,t.partition=lt,t.stratify=pt,t.tree=ht,t.treemap=gt,t.treemapBinary=yt,t.treemapDice=st,t.treemapSlice=dt,t.treemapSliceDice=Ct,t.treemapSquarify=mt,t.treemapResquarify=vt,Object.defineProperty(t,"__esModule",{value:!0})})},function(t,n){"use strict";function e(t){var n=Object.create(t);return Object.defineProperty(n,"visible",{get:function(){if(this.entered)return!0;var t=this._parent&&(this._parent.collapsed||!this._parent.visible);return!t}}),Object.defineProperty(n,"children",{get:function(){return this._children.filter(function(t){return t.visible})}}),Object.defineProperty(n,"totalDescendents",{get:function(){return this._children.reduce(function(t,n){return t+n.totalDescendents},this._children.length)}}),Object.defineProperty(n,"collapsed",{get:function(){return!this.entered&&this._collapsed&&this._children.length}}),n}n.createStateVisNode=e},function(t,n){t.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAAeklEQVQ4je2PwQmAMBAEpwuJLfkSJQ+txBKsT0RsxQj6uUAMXkTx4cOF+2R39i7w61X1wACYRMZIpo+NDthkJqXEiOdzXWiWgEuUxLAT5qAaWILQDORABozB+wq02h/tySXxZqvB2iXh5uYK1kpuwV6VlDyCvQqZD2sHTn0xdO0A9D4AAAAASUVORK5CYII="},function(t,n,e){"use strict";var r=this&&this.__extends||function(t,n){function e(){this.constructor=t}for(var r in n)n.hasOwnProperty(r)&&(t[r]=n[r]);t.prototype=null===n?Object.create(n):(e.prototype=n.prototype,new e)},i=e(1);e(21);var o=e(31),a=e(13),s=e(12),l=function(t){function n(){var n=null!==t&&t.apply(this,arguments)||this;return n.deregisterFns=[],n.state={transitions:[],pointerEvents:"auto"},n.cancelPreviousAnim=null,n.onMouseMove=function(t){var e=Math.max(document.documentElement.clientHeight,window.innerHeight||0),r=e-t.clientY<65?"auto":"none";n.state.pointerEvents!=r&&n.setState({pointerEvents:r})},n}return r(n,t),n.create=function(t,e,r){void 0===r&&(r={}),e||(e=document.createElement("div"),e.id="uirTransitionVisualizer",document.body.appendChild(e));var o=Object.assign({},r,{router:t}),a=i.render(i.h(n,o),e);return document.addEventListener("DOMContentLoaded",a,!1),e},n.prototype.componentDidMount=function(){var t=this,n=this.props.router.transitionService.onBefore({},function(n){t.setState({transitions:t.state.transitions.concat(n)});var e=750,r=t._div.children[0],i=function(){var n=r.scrollWidth-r.clientWidth+200;t.cancelPreviousAnim&&t.cancelPreviousAnim();var i=[n],o=[r.scrollLeft],l=t.props.maximumTransitions,u=function(){var n=t.state.transitions;n.length<=l||t.setState({transitions:n.slice(n.length-l)})},c=function(t){return r.scrollLeft=t[0]};t.cancelPreviousAnim=s.animatePath(i,o,e,c,u,a.easing.easeInOutCubic)};setTimeout(i,25)});this.deregisterFns.push(n),document.body.addEventListener("mousemove",this.onMouseMove),this.deregisterFns.push(function(){return document.body.removeEventListener("mousemove",t.onMouseMove)})},n.prototype.componentWillUnmount=function(){for(;this.deregisterFns.length;)this.deregisterFns.pop()()},n.prototype.render=function(){var t=this,n=this.state.pointerEvents;return i.h("div",{ref:function(n){return t._div=n}},i.h("div",{className:"transitionHistory",style:{pointerEvents:n}},this.state.transitions.map(function(t){return i.h("div",{key:t.$id},i.h(o.TransitionView,{transition:t}),i.h("div",{style:{minWidth:"18em",border:"1px solid transparent"}}))}),i.h("div",{style:{width:"200px",height:"1px"}})))},n}(i.Component);l.defaultProps={router:null,maximumTransitions:15},n.TransitionVisualizer=l},function(t,n,e){var r=e(22);"string"==typeof r&&(r=[[t.id,r,""]]);e(7)(r,{});r.locals&&(t.exports=r.locals)},function(t,n,e){n=t.exports=e(6)(),n.push([t.id,'.transitionHistory{display:flex;align-items:flex-end;position:fixed;left:0;bottom:0;right:0;padding:0 1em;overflow-x:scroll;z-index:2;pointer-events:none}.transitionHistory *{pointer-events:all;flex:0 0 auto}.fullScreen .transitionHistory{top:0}.transitionHistory .historyEntry{position:relative;text-align:center;padding:12px 30px;margin-bottom:6px;margin-right:6px;color:#000;cursor:pointer}.historyEntry:after,.transitionHistory .historyEntry:before{content:"";position:absolute;background:#a9a9a9;left:0;height:50.2%;width:100%;border:1px solid #000;box-sizing:border-box;z-index:-1}.transitionHistory .historyEntry:before{top:0;border-bottom:0;-webkit-transform:skew(40deg,0deg);transform:skew(40deg,0deg)}.transitionHistory .historyEntry:after{bottom:0;border-top:0;-webkit-transform:skew(-40deg,0deg);transform:skew(-40deg,0deg)}.historyEntry .summary{color:#fff;white-space:nowrap;font-size:small}.historyEntry .summary .transid{position:absolute;top:.1em;left:.85em;font-size:smaller}.historyEntry .summary .status{position:absolute;bottom:.1em;left:.85em;font-size:smaller}.historyEntry .summary .transname{font-weight:700;display:flex;flex-flow:row nowrap;align-items:center;justify-content:center}.historyEntry:after,.transitionHistory .historyEntry:before{background:#737373}.historyEntry:hover:after,.transitionHistory .historyEntry:hover:before{background:#a6a6a6}.historyEntry.success:after,.transitionHistory .historyEntry.success:before{background:#45803b}.historyEntry.success:hover:after,.transitionHistory .historyEntry.success:hover:before{background:#19a600}.historyEntry.error:after,.transitionHistory .historyEntry.error:before{background:#bf1f1d}.historyEntry.error:hover:after,.transitionHistory .historyEntry.error:hover:before{background:#e62622}.historyEntry.ignored:after,.transitionHistory .historyEntry.ignored:before{background:#e68b05}.historyEntry.ignored:hover:after,.transitionHistory .historyEntry.ignored:hover:before{background:#ff9808}.historyEntry.redirected:after,.transitionHistory .historyEntry.redirected:before{background:#e68b05}.historyEntry.redirected:hover:after,.transitionHistory .historyEntry.redirected:hover:before{background:#ff9808}.transitionHistory .keyvalue{display:flex;flex-flow:row nowrap;justify-content:space-between}.transitionDetail{border:1px solid #d3d3d3;font-size:small;transition:box-shadow .5s ease,border 1s ease}.transitionDetail .downArrow{position:relative;width:100%;bottom:-10px;margin-bottom:10px}.transitionDetail .downArrow:after,.transitionDetail .downArrow:before{content:"";position:absolute;border-left:10px solid transparent;border-right:10px solid transparent;top:100%;left:50%;margin-left:-10px}.transitionDetail .downArrow:before{border-top:10px solid #d3d3d3}.transitionDetail .downArrow:after{border-top:10px solid #fff;margin-top:-1px;z-index:1}.transitionDetail .panel-heading{text-align:center}.transitionDetail table{border-collapse:collapse}.transitionDetail th{text-align:center;font-size:small}.transitionDetail .uir-header>*{flex:0 1 auto}.transitionDetail .uir-header>* i{transition:all .5s ease}.transitionDetail table.paths{min-width:25em}.transitionDetail table.paths td{color:#fff;border:0;font-size:small;min-width:10em}.transitionDetail .summary .keyvalue{justify-content:flex-start!important;align-items:baseline}.transitionDetail .summary .keyvalue>div:nth-child(2){padding-left:.5em;font-weight:400}.transitionDetail table.summary{max-width:400px}.transitionDetail table.summary td{font-size:small;vertical-align:top}.transitionDetail table.summary td:first-child{white-space:nowrap}.transitionDetail table.summary td:nth-child(2){font-weight:700;padding-left:1em}.transitionDetail td{padding:0}.transitionDetail td .flowArrowCell{display:flex;flex-flow:column nowrap;align-items:stretch;justify-content:space-between;width:1em;transition:width .25s ease;height:auto}.transitionDetail.expand td .flowArrowCell{width:2em}.transitionDetail .exit .flowArrowSvg{right:0}.transitionDetail .enter .flowArrowSvg{left:0}.transitionDetail .flowArrowSvg.bottom{bottom:0}.transitionDetail .flowArrowSvg.top{top:0}.transitionDetail .flowArrowSvg{position:absolute;width:100%;height:auto;transition:width .25s ease}.transitionDetail .retain{background-color:#737273}.transitionDetail .exit{background-color:#7c1010}.transitionDetail .enter{background-color:#31592a}.transitionDetail .deemphasize{color:#eaeaea;font-size:x-small}.transitionDetail .params{background-color:hsla(0,0%,100%,.15);padding:0;opacity:0;overflow:hidden;transition:opacity 1s ease;max-height:0;max-width:150px}.transitionDetail.expand .params{display:block;border-radius:4px;box-shadow:1px 1px 2px #000;padding:.5em;max-height:250px;max-width:300px;overflow-y:auto;opacity:1;margin:.5em 0}.transitionDetail.pin{box-shadow:4px 4px 12px rgba(0,0,0,.3);border:1px solid #000}.transitionDetail.pin .downArrow:before{border-top-color:#000}.transitionDetail.expand table.paths td{max-height:100px;vertical-align:top}.transitionDetail .uirTransVisRow{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:stretch}.transitionDetail .uirTransVisRow>div{flex:1 0 50%}.transitionDetail .uirNodeContent{display:flex;flex-flow:row nowrap;min-height:1em;transition:min-height .25s ease}.transitionDetail.expand .uirNodeContent{min-height:5em}.transitionDetail .uirNodeDetail{flex:1 0 auto;padding:.2em .5em}.transitionDetail .statename{font-weight:bolder;margin-right:1em;margin-left:0}.transitionDetail .enter .statename{margin-right:0;margin-left:1em}.transitionDetail .nowrap{white-space:nowrap}.transitionHistory .paramid{font-weight:bolder;color:#eaeaea;margin-right:.5em}.transitionHistory .paramslabel,.transitionHistory .resolvelabel{color:#fff;margin-top:-.5em;text-align:center;font-weight:700}.transitionHistory .paramvalue{color:#e6e6e6}span.link{cursor:pointer;text-decoration:underline}.tooltip-right{display:inline;position:relative;transition:all 1.5s ease}.tooltip-right:after{color:transparent;text-decoration:none;transition:all 1.5s ease}.tooltip-right:hover:after{bottom:0;color:rgba(0,0,0,.5);content:attr(title);display:block;position:absolute;white-space:nowrap;font-size:smaller}.uir-modal .btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}.uir-modal .btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px}.btn-group-xs>.btn,.uir-modal .btn-xs{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.transitionDetail span.link{color:#fff}.transitionHistory :not(.fa):not(pre){font-family:Arial,Helvetica,sans-serif}.transitionDetail .enter .uir-header{flex-flow:row nowrap}.transitionDetail .uir-header{display:flex;flex-flow:row-reverse nowrap;justify-content:space-between;align-items:baseline}.transitionDetail .retain .uir-header{justify-content:center}.uir-panel{margin-bottom:20px;background-color:#fff;border:1px solid #d3d3d3;border-radius:4px;box-shadow:0 1px 1px rgba(0,0,0,.05)}.uir-panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd;padding:10px 15px;border-bottom:1px solid transparent;border-top-left-radius:3px;border-top-right-radius:3px}.uir-panel-title{margin-top:0;margin-bottom:0;font-size:16px;color:inherit}.uir-panel-body{padding:15px}.uir-fade{opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear}.uir-fade.in{opacity:1}.uir-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.uir-modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}.uir-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:block;overflow-y:auto;-webkit-overflow-scrolling:touch;outline:0}.uir-modal-dialog{position:relative;width:auto;margin:10px}.uir-modal-content{position:relative;background-color:#fff;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;outline:0;box-shadow:0 3px 9px rgba(0,0,0,.5)}.uir-modal-header{padding:15px;border-bottom:1px solid #e5e5e5}.uir-resolve-header{display:flex;flex-flow:row nowrap;justify-content:space-between;background-color:#6495ed}.uir-modal-body{color:#000;position:relative;padding:15px}.uir-modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.uir-icon{display:inline-block;height:1em;width:1em;margin:.25em;background-size:cover;background-position:0 0}.uir-spin{animation:uirspin 2s infinite;transform:rotate(0deg)}.uir-rotate-35{transform:rotate(35deg);opacity:.5}@keyframes uirspin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.uir-iconw-spinner{background-image:url('+e(23)+")}.uir-iconw-check{background-image:url("+e(24)+")}.uir-iconw-circle-o{background-image:url("+e(25)+")}.uir-iconw-share{background-image:url("+e(26)+")}.uir-iconw-close{background-image:url("+e(27)+")}.uir-icon-thumb-tack{background-image:url("+e(28)+")}.uir-icon-toggle-on{background-image:url("+e(29)+")}.uir-icon-toggle-off{background-image:url("+e(30)+")}","",{version:3,sources:["/./src/transition/transitionVisualizer.css"],names:[],mappings:"AAMA,mBACI,aAAc,AACd,qBAAsB,AACtB,eAAgB,AAChB,OAAQ,AACR,SAAU,AACV,QAAS,AACT,cAAe,AACf,kBAAmB,AACnB,UAAW,AAEX,mBAAqB,CACxB,AAED,qBAEI,mBAAoB,AACpB,aAAe,CAClB,AAID,+BACI,KAAO,CACV,AAGD,iCACI,kBAAmB,AACnB,kBAAmB,AACnB,kBAAmB,AACnB,kBAAmB,AACnB,iBAAkB,AAClB,WAAY,AACZ,cAAgB,CACnB,AAID,4DACI,WAAY,AACZ,kBAAmB,AACnB,mBAAqB,AACrB,OAAQ,AACR,aAAc,AACd,WAAY,AACZ,sBAAwB,AACxB,sBAAuB,AACvB,UAAY,CACf,AAED,wCACI,MAAO,AACP,gBAAiB,AACjB,mCAAqC,AAErC,0BAA6B,CAChC,AAED,uCACI,SAAU,AACV,aAAc,AACd,oCAAsC,AAEtC,2BAA8B,CACjC,AAKD,uBACI,WAAa,AACb,mBAAoB,AACpB,eAAiB,CACpB,AAED,gCACI,kBAAmB,AACnB,SAAW,AACX,WAAa,AACb,iBAAmB,CACtB,AAED,+BACI,kBAAmB,AACnB,YAAc,AACd,WAAa,AACb,iBAAmB,CACtB,AACD,kCACI,gBAAkB,AAClB,aAAc,AACd,qBAAsB,AACtB,mBAAoB,AACpB,sBAAuB,CAC1B,AAGD,4DACI,kBAAoB,CACvB,AACD,wEACI,kBAAoB,CACvB,AAED,4EACI,kBAAoB,CACvB,AACD,wFACI,kBAAoB,CACvB,AAGD,wEACI,kBAAoB,CACvB,AACD,oFACI,kBAAoB,CACvB,AAGD,4EACI,kBAAoB,CACvB,AACD,wFACI,kBAAoB,CACvB,AAED,kFACI,kBAAoB,CACvB,AACD,8FACI,kBAAoB,CACvB,AAED,6BACI,aAAc,AACd,qBAAsB,AACtB,6BAA+B,CAClC,AASD,kBACI,yBAA4B,AAC5B,gBAAiB,AACjB,6CAAmD,CACtD,AAGD,6BACI,kBAAmB,AACnB,WAAY,AACZ,aAAc,AACd,kBAAoB,CACvB,AAED,uEACI,WAAY,AACZ,kBAAmB,AACnB,mCAAoC,AACpC,oCAAqC,AACrC,SAAU,AACV,SAAU,AACV,iBAAmB,CACtB,AAED,oCACI,6BAAiC,CACpC,AAED,mCACI,2BAA6B,AAC7B,gBAAiB,AACjB,SAAW,CACd,AAID,iCACI,iBAAmB,CACtB,AAED,wBACI,wBAA0B,CAC7B,AAED,qBACI,kBAAmB,AACnB,eAAiB,CACpB,AASD,gCACI,aAAe,CAClB,AAED,kCACI,uBAA0B,CAC7B,AAED,8BACI,cAAgB,CACnB,AAED,iCACI,WAAa,AACb,SAAU,AACV,gBAAiB,AACjB,cAAgB,CACnB,AAED,qCACI,qCAAuC,AACvC,oBAAsB,CACzB,AAED,sDACI,kBAAoB,AACpB,eAAoB,CACvB,AAGD,gCACI,eAAiB,CACpB,AAED,mCACI,gBAAiB,AACjB,kBAAoB,CACvB,AAED,+CACI,kBAAoB,CACvB,AAED,gDACI,gBAAkB,AAClB,gBAAkB,CACrB,AAGD,qBACI,SAAW,CACd,AAED,oCACI,aAAc,AACd,wBAAyB,AACzB,oBAAqB,AACrB,8BAA+B,AAC/B,UAAW,AACX,2BAA6B,AAC7B,WAAa,CAChB,AACD,2CAA6C,SAAW,CAAE,AAE1D,sCAAkD,OAAS,CAAE,AAC7D,uCAAkD,MAAQ,CAAE,AAC5D,uCAAkD,QAAS,CAAE,AAC7D,oCAAkD,KAAM,CAAE,AAC1D,gCACI,kBAAmB,AACnB,WAAY,AACZ,YAAa,AACb,0BAA6B,CAChC,AAGD,0BACI,wBAA0B,CAC7B,AAED,wBACI,wBAA0B,CAC7B,AAED,yBACI,wBAA0B,CAC7B,AAED,+BACI,cAAe,AACf,iBAAmB,CACtB,AAGD,0BACI,qCAAyC,AACzC,UAAW,AACX,UAAW,AACX,gBAAiB,AACjB,2BAA4B,AAC5B,aAAc,AACd,eAAiB,CACpB,AAED,iCACI,cAAe,AACf,kBAAmB,AACnB,4BAA8B,AAC9B,aAAe,AACf,iBAAkB,AAClB,gBAAiB,AACjB,gBAAiB,AACjB,UAAW,AACX,aAAgB,CACnB,AAED,sBACI,uCAAyC,AACzC,qBAAwB,CAC3B,AAED,wCACI,qBAAwB,CAC3B,AAID,wCACI,iBAAkB,AAClB,kBAAoB,CACvB,AAED,kCACI,aAAc,AACd,qBAAsB,AACtB,8BAA+B,AAC/B,mBAAqB,CACxB,AAED,sCACI,YAAc,CACjB,AAED,kCACI,aAAc,AACd,qBAAsB,AACtB,eAAgB,AAChB,+BAAkC,CACrC,AAED,yCACI,cAAgB,CACnB,AAED,iCACI,cAAe,AACf,iBAAqB,CACxB,AAED,6BACI,mBAAoB,AACpB,iBAAkB,AAClB,aAAe,CAClB,AACD,oCACI,eAAgB,AAChB,eAAiB,CACpB,AAED,0BACI,kBAAoB,CACvB,AAED,4BACI,mBAAoB,AACpB,cAAe,AACf,iBAAoB,CACvB,AASD,iEACI,WAAa,AACb,iBAAmB,AACnB,kBAAmB,AACnB,eAAkB,CACrB,AAED,+BACI,aAAe,CAClB,AAID,UACI,eAAgB,AAChB,yBAA2B,CAC9B,AAGD,eACI,eAAgB,AAChB,kBAAmB,AACnB,wBAA0B,CAC7B,AAED,qBACI,kBAAqB,AACrB,qBAAsB,AACtB,wBAA0B,CAC7B,AAED,2BACI,SAAU,AACV,qBAAuB,AACvB,oBAAqB,AACrB,cAAe,AACf,kBAAmB,AACnB,mBAAoB,AACpB,iBAAmB,CACtB,AAMD,wBACI,WAAY,AACZ,yBAA0B,AAC1B,oBAAsB,CACzB,AAED,gBACI,qBAAsB,AACtB,iBAAkB,AAClB,gBAAiB,AACjB,eAAgB,AAChB,gBAAoB,AACpB,uBAAwB,AACxB,kBAAmB,AACnB,mBAAoB,AACpB,sBAAuB,AACvB,8BAA+B,AAC/B,0BAA2B,AAC3B,eAAgB,AAChB,yBAA0B,AAC1B,sBAAuB,AACvB,qBAAsB,AACtB,iBAAkB,AAClB,sBAAuB,AACvB,6BAA8B,AAC9B,iBAAmB,CACtB,AAED,sCACI,gBAAiB,AACjB,eAAgB,AAChB,gBAAiB,AACjB,iBAAmB,CACtB,AAGD,4BACI,UAAa,CAChB,AAED,sCACI,sCAA0C,CAC7C,AAED,qCACI,oBAAsB,CACzB,AACD,8BACI,aAAc,AACd,6BAA8B,AAC9B,8BAA+B,AAC/B,oBAAsB,CACzB,AAED,sCACI,sBAAwB,CAC3B,AAED,WACI,mBAAoB,AACpB,sBAAuB,AACvB,yBAA4B,AAC5B,kBAAmB,AAEnB,oCAAyC,CAC5C,AAED,mBACI,WAAY,AACZ,yBAA0B,AAC1B,kBAAmB,AAEnB,kBAAmB,AACnB,oCAAqC,AACrC,2BAA4B,AAC5B,2BAA6B,CAChC,AAED,iBACI,aAAc,AACd,gBAAiB,AACjB,eAAgB,AAChB,aAAe,CAClB,AAED,gBACI,YAAc,CACjB,AAOD,UACI,UAAW,AACX,uCAAwC,AAExC,8BAAgC,CACnC,AAED,aACI,SAAW,CACd,AAED,oBACI,eAAgB,AAChB,MAAO,AACP,QAAS,AACT,SAAU,AACV,OAAQ,AACR,aAAc,AACd,qBAAuB,CAC1B,AAED,uBACI,yBAA0B,AAC1B,UAAY,CACf,AAED,WACI,eAAgB,AAChB,MAAO,AACP,QAAS,AACT,SAAU,AACV,OAAQ,AACR,aAAc,AACd,cAAe,AACf,gBAAiB,AACjB,iCAAkC,AAClC,SAAW,CACd,AAGD,kBACI,kBAAmB,AACnB,WAAY,AACZ,WAAa,CAChB,AAED,mBACI,kBAAmB,AACnB,sBAAuB,AAEvB,4BAA6B,AAC7B,sBAAuB,AACvB,gCAAoC,AACpC,kBAAmB,AACnB,UAAW,AAEX,mCAAwC,CAC3C,AAED,kBACI,aAAc,AACd,+BAAiC,CACpC,AAED,oBACI,aAAc,AACd,qBAAsB,AACtB,8BAA+B,AAC/B,wBAAiC,CACpC,AAED,gBACI,WAAa,AACb,kBAAmB,AACnB,YAAc,CACjB,AAED,kBACI,aAAc,AACd,iBAAkB,AAClB,4BAA8B,CACjC,AAED,UACI,qBAAsB,AACtB,WAAY,AAAC,UAAW,AACxB,aAAe,AACf,sBAAuB,AACvB,uBAAyB,CAC5B,AAED,UACI,8BAA+B,AAC/B,sBAAwB,CAC3B,AAED,eACI,wBAAyB,AACzB,UAAa,CAChB,AAED,mBACI,GAAK,sBAAwB,CAAE,AAC/B,GAAO,uBAA0B,CAAE,CACtC,AAGD,mBAA2B,8CAAuD,CAAE,AACpF,iBAA2B,8CAAqD,CAAE,AAClF,oBAA2B,8CAAwD,CAAE,AACrF,iBAA2B,8CAAqD,CAAE,AAClF,iBAA2B,8CAAqD,CAAE,AAElF,qBAA2B,8CAAwD,CAAE,AACrF,oBAA2B,8CAAuD,CAAE,AACpF,qBAA2B,8CAAwD,CAAE",file:"transitionVisualizer.css",sourcesContent:['/*\n .transitionHistory is the breadcrumbs and transition details block.\n It fills the footer of the screen, and scrolls horizontally.\n Mouse clicks should pass through to the elements underneath.\n*/\n\n.transitionHistory {\n display: flex;\n align-items: flex-end;\n position: fixed;\n left: 0;\n bottom: 0;\n right: 0;\n padding: 0 1em;\n overflow-x: scroll;\n z-index: 2;\n /* disable mouse clicks, hover, etc, for the overall div */\n pointer-events: none;\n}\n\n.transitionHistory * {\n /* Enable mouse for any sub-elements (the breadcrumb elemetns and detail elements) */\n pointer-events: all;\n flex: 0 0 auto;\n}\n\n/* workaround for modal screen, and chrome and safari not allowing it to be\n visible outside the .transitionHistory overflow while the .transitionHistory div is scrolled */\n.fullScreen .transitionHistory {\n top: 0;\n}\n\n/* A single history entry (breadcrumb) arrow looking thing */\n.transitionHistory .historyEntry {\n position: relative;\n text-align: center;\n padding: 12px 30px;\n margin-bottom: 6px;\n margin-right: 6px;\n color: #000;\n cursor: pointer;\n}\n\n\n/* History entry arrow CSS */\n.transitionHistory .historyEntry:before,.historyEntry:after {\n content: \'\';\n position: absolute;\n background: darkgrey;\n left: 0;\n height: 50.2%; /* +0.2% so firefox doesn\'t render a white line down the center */\n width: 100%;\n border: 1px solid black;\n box-sizing: border-box;\n z-index: -1;\n}\n\n.transitionHistory .historyEntry:before {\n top: 0;\n border-bottom: 0;\n -webkit-transform: skew(40deg, 0deg);\n -ms-transform: skew(40deg, 0deg);\n transform: skew(40deg, 0deg);\n}\n\n.transitionHistory .historyEntry:after {\n bottom: 0;\n border-top: 0;\n -webkit-transform: skew(-40deg, 0deg);\n -ms-transform: skew(-40deg, 0deg);\n transform: skew(-40deg, 0deg);\n}\n\n/*.historyEntry::before height: 51% (|| ::after) */\n\n/* Styling for breadcrumb contents */\n.historyEntry .summary {\n color: white;\n white-space: nowrap;\n font-size: small;\n}\n\n.historyEntry .summary .transid {\n position: absolute;\n top: 0.1em;\n left: 0.85em;\n font-size: smaller;\n}\n\n.historyEntry .summary .status {\n position: absolute;\n bottom: 0.1em;\n left: 0.85em;\n font-size: smaller;\n}\n.historyEntry .summary .transname {\n font-weight: bold;\n display: flex;\n flex-flow: row nowrap;\n align-items: center;\n justify-content: center\n}\n\n/* breadcrumb/history entry color coding */\n.transitionHistory .historyEntry:before,.historyEntry:after {\n background: #737373;\n}\n.transitionHistory .historyEntry:hover:before,.historyEntry:hover:after {\n background: #a6a6a6;\n}\n\n.transitionHistory .historyEntry.success:before,.historyEntry.success:after {\n background: #45803b;\n}\n.transitionHistory .historyEntry.success:hover:before,.historyEntry.success:hover:after {\n background: #19a600;\n}\n\n\n.transitionHistory .historyEntry.error:before,.historyEntry.error:after {\n background: #bf1f1d;\n}\n.transitionHistory .historyEntry.error:hover:before,.historyEntry.error:hover:after {\n background: #e62622;\n}\n\n\n.transitionHistory .historyEntry.ignored:before,.historyEntry.ignored:after {\n background: #e68b05;\n}\n.transitionHistory .historyEntry.ignored:hover:before,.historyEntry.ignored:hover:after {\n background: #ff9808;\n}\n\n.transitionHistory .historyEntry.redirected:before,.historyEntry.redirected:after {\n background: #e68b05;\n}\n.transitionHistory .historyEntry.redirected:hover:before,.historyEntry.redirected:hover:after {\n background: #ff9808;\n}\n\n.transitionHistory .keyvalue {\n display: flex;\n flex-flow: row nowrap;\n justify-content: space-between;\n}\n\n\n\n\n\n\n\n/* The transition detail popover (when hovering over a breadcrumb) */\n.transitionDetail {\n border: 1px solid lightgrey;\n font-size: small;\n transition: box-shadow 0.5s ease, border 1.0s ease\n}\n\n/* Pointer element points from the transitionDetail to the breadcrumb */\n.transitionDetail .downArrow {\n position: relative;\n width: 100%;\n bottom: -10px;\n margin-bottom: 10px;\n}\n\n.transitionDetail .downArrow:before, .transitionDetail .downArrow:after {\n content: "";\n position: absolute;\n border-left: 10px solid transparent;\n border-right: 10px solid transparent;\n top: 100%;\n left: 50%;\n margin-left: -10px;\n}\n\n.transitionDetail .downArrow:before {\n border-top: 10px solid lightgray;\n}\n\n.transitionDetail .downArrow:after{\n border-top: 10px solid white;\n margin-top: -1px;\n z-index: 1;\n}\n\n\n/* The layout and styling of the transition detail popover */\n.transitionDetail .panel-heading {\n text-align: center;\n}\n\n.transitionDetail table {\n border-collapse: collapse;\n}\n\n.transitionDetail th {\n text-align: center;\n font-size: small;\n}\n\n.transitionDetail .uir-header {\n display: flex;\n flex-flow: row-reverse nowrap;\n justify-content: space-between;\n align-items: baseline;\n}\n\n.transitionDetail .uir-header > * {\n flex: 0 1 auto;\n}\n\n.transitionDetail .uir-header > * i {\n transition: all 0.5s ease;\n}\n\n.transitionDetail table.paths {\n min-width: 25em;\n}\n\n.transitionDetail table.paths td {\n color: white;\n border: 0;\n font-size: small;\n min-width: 10em;\n}\n\n.transitionDetail .summary .keyvalue {\n justify-content: flex-start !important;\n align-items: baseline;\n}\n\n.transitionDetail .summary .keyvalue > div:nth-child(2){\n padding-left: 0.5em;\n font-weight: normal;\n}\n\n\n.transitionDetail table.summary {\n max-width: 400px;\n}\n\n.transitionDetail table.summary td {\n font-size: small;\n vertical-align: top;\n}\n\n.transitionDetail table.summary td:nth-child(1) {\n white-space: nowrap;\n}\n\n.transitionDetail table.summary td:nth-child(2) {\n font-weight: bold;\n padding-left: 1em;\n}\n\n\n.transitionDetail td {\n padding: 0;\n}\n\n.transitionDetail td .flowArrowCell {\n display: flex;\n flex-flow: column nowrap;\n align-items: stretch;\n justify-content: space-between;\n width: 1em;\n transition: width 0.25s ease;\n height: auto;\n}\n.transitionDetail.expand td .flowArrowCell { width: 2em; }\n\n.transitionDetail .exit .flowArrowSvg { right: 0; }\n.transitionDetail .enter .flowArrowSvg { left: 0; }\n.transitionDetail .flowArrowSvg.bottom { bottom: 0 }\n.transitionDetail .flowArrowSvg.top { top: 0 }\n.transitionDetail .flowArrowSvg {\n position: absolute;\n width: 100%;\n height: auto;\n transition: width 0.25s ease;\n}\n\n/* color code path elements by retained/exited/entered */\n.transitionDetail .retain {\n background-color: #737273;\n}\n\n.transitionDetail .exit {\n background-color: #7c1010;\n}\n\n.transitionDetail .enter {\n background-color: #31592a;\n}\n\n.transitionDetail .deemphasize {\n color: #eaeaea;\n font-size: x-small;\n}\n\n/* Styling for parameter values and resolve values */\n.transitionDetail .params {\n background-color: rgba(255,255,255,0.15);\n padding: 0;\n opacity: 0;\n overflow: hidden;\n transition: opacity 1s ease;\n max-height: 0;\n max-width: 150px;\n}\n\n.transitionDetail.expand .params {\n display: block;\n border-radius: 4px;\n box-shadow: 1px 1px 2px black;\n padding: 0.5em;\n max-height: 250px;\n max-width: 300px;\n overflow-y: auto;\n opacity: 1;\n margin: 0.5em 0;\n}\n\n.transitionDetail.pin {\n box-shadow: 4px 4px 12px rgba(0,0,0,0.3);\n border: 1px solid black;\n}\n\n.transitionDetail.pin .downArrow:before {\n border-top-color: black;\n}\n\n\n/* When showing expanded details, put space between path elements */\n.transitionDetail.expand table.paths td {\n max-height: 100px;\n vertical-align: top;\n}\n\n.transitionDetail .uirTransVisRow {\n display: flex;\n flex-flow: row nowrap;\n justify-content: space-between;\n align-items: stretch;\n}\n\n.transitionDetail .uirTransVisRow > div {\n flex: 1 0 50%;\n}\n\n.transitionDetail .uirNodeContent {\n display: flex;\n flex-flow: row nowrap;\n min-height: 1em;\n transition: min-height 0.25s ease;\n}\n\n.transitionDetail.expand .uirNodeContent {\n min-height: 5em;\n}\n\n.transitionDetail .uirNodeDetail {\n flex: 1 0 auto;\n padding: 0.2em 0.5em;\n}\n\n.transitionDetail .statename {\n font-weight: bolder;\n margin-right: 1em;\n margin-left: 0;\n}\n.transitionDetail .enter .statename {\n margin-right: 0;\n margin-left: 1em;\n}\n\n.transitionDetail .nowrap {\n white-space: nowrap;\n}\n\n.transitionHistory .paramid {\n font-weight: bolder;\n color: #eaeaea;\n margin-right: 0.5em;\n}\n\n.transitionHistory .paramslabel {\n color: white;\n margin-top: -0.5em;\n text-align: center;\n font-weight: bold;\n}\n\n.transitionHistory .resolvelabel {\n color: white;\n margin-top: -0.5em;\n text-align: center;\n font-weight: bold;\n}\n\n.transitionHistory .paramvalue {\n color: #e6e6e6;\n}\n\n\n\nspan.link {\n cursor: pointer;\n text-decoration: underline;\n}\n\n\n.tooltip-right {\n display: inline;\n position: relative;\n transition: all 1.5s ease;\n}\n\n.tooltip-right:after {\n color: rgba(0,0,0,0);\n text-decoration: none;\n transition: all 1.5s ease;\n}\n\n.tooltip-right:hover:after {\n bottom: 0;\n color: rgba(0,0,0,0.5);\n content: attr(title);\n display: block;\n position: absolute;\n white-space: nowrap;\n font-size: smaller;\n}\n\n\n\n/* Bootstrap stuff */\n\n.uir-modal .btn-primary {\n color: #fff;\n background-color: #337ab7;\n border-color: #2e6da4;\n}\n\n.uir-modal .btn {\n display: inline-block;\n padding: 6px 12px;\n margin-bottom: 0;\n font-size: 14px;\n font-weight: normal;\n line-height: 1.42857143;\n text-align: center;\n white-space: nowrap;\n vertical-align: middle;\n -ms-touch-action: manipulation;\n touch-action: manipulation;\n cursor: pointer;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n background-image: none;\n border: 1px solid transparent;\n border-radius: 4px;\n}\n\n.uir-modal .btn-xs, .btn-group-xs > .btn {\n padding: 1px 5px;\n font-size: 12px;\n line-height: 1.5;\n border-radius: 3px;\n}\n\n\n.transitionDetail span.link {\n color: white;\n}\n\n.transitionHistory *:not(.fa):not(pre) {\n font-family: Arial, Helvetica, sans-serif;\n}\n\n.transitionDetail .enter .uir-header {\n flex-flow: row nowrap;\n}\n.transitionDetail .uir-header {\n display: flex;\n flex-flow: row-reverse nowrap;\n justify-content: space-between;\n align-items: baseline;\n}\n\n.transitionDetail .retain .uir-header {\n justify-content: center;\n}\n\n.uir-panel {\n margin-bottom: 20px;\n background-color: #fff;\n border: 1px solid lightgrey;\n border-radius: 4px;\n -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);\n box-shadow: 0 1px 1px rgba(0, 0, 0, .05);\n}\n\n.uir-panel-heading {\n color: #333;\n background-color: #f5f5f5;\n border-color: #ddd;\n\n padding: 10px 15px;\n border-bottom: 1px solid transparent;\n border-top-left-radius: 3px;\n border-top-right-radius: 3px;\n}\n\n.uir-panel-title {\n margin-top: 0;\n margin-bottom: 0;\n font-size: 16px;\n color: inherit;\n}\n\n.uir-panel-body {\n padding: 15px;\n}\n\n\n\n\n\n/* Styles go here */\n.uir-fade {\n opacity: 0;\n -webkit-transition: opacity .15s linear;\n -o-transition: opacity .15s linear;\n transition: opacity .15s linear;\n}\n\n.uir-fade.in {\n opacity: 1;\n}\n\n.uir-modal-backdrop {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 1040;\n background-color: #000;\n}\n\n.uir-modal-backdrop.in {\n filter: alpha(opacity=50);\n opacity: .5;\n}\n\n.uir-modal {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 1050;\n display: block;\n overflow-y: auto;\n -webkit-overflow-scrolling: touch;\n outline: 0;\n}\n\n\n.uir-modal-dialog {\n position: relative;\n width: auto;\n margin: 10px;\n}\n\n.uir-modal-content {\n position: relative;\n background-color: #fff;\n -webkit-background-clip: padding-box;\n background-clip: padding-box;\n border: 1px solid #999;\n border: 1px solid rgba(0, 0, 0, .2);\n border-radius: 6px;\n outline: 0;\n -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);\n box-shadow: 0 3px 9px rgba(0, 0, 0, .5);\n}\n\n.uir-modal-header {\n padding: 15px;\n border-bottom: 1px solid #e5e5e5;\n}\n\n.uir-resolve-header {\n display: flex;\n flex-flow: row nowrap;\n justify-content: space-between;\n background-color: cornflowerblue;\n}\n\n.uir-modal-body {\n color: black;\n position: relative;\n padding: 15px;\n}\n\n.uir-modal-footer {\n padding: 15px;\n text-align: right;\n border-top: 1px solid #e5e5e5;\n}\n\n.uir-icon {\n display: inline-block;\n height: 1em; width: 1em;\n margin: 0.25em;\n background-size: cover;\n background-position: 0 0;\n}\n\n.uir-spin {\n animation: uirspin 2s infinite;\n transform: rotate(0deg);\n}\n\n.uir-rotate-35 {\n transform: rotate(35deg);\n opacity: 0.5;\n}\n\n@keyframes uirspin {\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n}\n\n\n.uir-iconw-spinner { background-image: url("../../images/w/16/spinner.png"); }\n.uir-iconw-check { background-image: url("../../images/w/16/check.png"); }\n.uir-iconw-circle-o { background-image: url("../../images/w/16/circle-o.png"); }\n.uir-iconw-share { background-image: url("../../images/w/16/share.png"); }\n.uir-iconw-close { background-image: url("../../images/w/16/close.png"); }\n\n.uir-icon-thumb-tack { background-image: url("../../images/16/thumb-tack.png"); }\n.uir-icon-toggle-on { background-image: url("../../images/16/toggle-on.png"); }\n.uir-icon-toggle-off { background-image: url("../../images/16/toggle-off.png"); }\n'],
sourceRoot:"webpack://"}])},function(t,n){t.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAABCElEQVQ4ja2SMU4CYRCF34Db6RISmi04gCZacgDuYElDYcFZLLWx1c4b6BE0sbaysBEh0aCdm3w2szKQ/1cTmGSz+795897Mzm/KBGCSjv14bWbkuDmBCcuY5HitUNAGxsDQoSrwKuAAeATegVHKcexuX0AFdIELf7rAVejoranbCRpPkmpJU0kfZvYp6SQYvARu/F7pogJ2M7k94BS4BPbXkwYUSdW0WOFb+gFugVeg94/iHjADbqTlFlh7/6mzwt14hK0E0AHugbNfOOfAHVA2WLwHpaRDhdman2pmc4cGko4kdSQtUg79Rt3nnPl2CsdKoB9rYgcys+dwrCU9eEe15xdJ503iGzoj4fOiDj0FAAAAAElFTkSuQmCC"},function(t,n){t.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAAc0lEQVQ4jeXQuwmAQBCE4SvEOwOtwjK0KEEQDOzORyD28Rt4wnLoPYwEJ935Jlil/hUgB0agfItXzuyAScFG4Cu1WyqAAdARuHOxBjZ7nIFM4MWLbbFxShNQRWEx0uJPH/Osp5Ew9ozE45uRdCxGdLj1hRzpQwNP2Cwv6wAAAABJRU5ErkJggg=="},function(t,n){t.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAAzElEQVQ4jaWTPQ7CMAyFnzkL7IUNRtoDlPugSkxciwlWFrr0CHCGfgw4qGrTFBVLUST7+fnnJdKfZjEnYJLWkpbuaiTdzYxJRuAA1AytBsqp5BPQesIFOPu5uK8FqlTlFngCeSSeAy/HlP2gddreJzrMHfPwPX0Dm9B2csYPNoyTSdLC/WHb1ykCSTe/V12C2RYIGr93P+RsezmDJQ4U6OCK6BI9GGR8jchYjMrYAVU/PKRjckCg9Bb79ohVjn4mJ8rkUklqzOyerDzX3pD9HgkYdWTVAAAAAElFTkSuQmCC"},function(t,n){t.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAA0UlEQVQ4jb2SvQ4BQRSFz/WXSESF0G6j8g7iAXQa4QE0ai+ip9ZIRDTeQUGjUJJ4BUs+hdlkbVixEqeZyZ05352ZM9K/BCyAzi+AA3AFuuF65s3mvKSqpLKkoivnJaUlTQHfzGZRUw4YAGvgQrz8p+sAFWDzwfQK0gwAyy/NAEfAE+AlNNeD7r3IscZAC6gB2UgKz2aXQsnNb5LaZraKSfMkqWVm+/AD9h15HmMUMAp3Di80HGAYB3inlJltJe0knRMB3DjR45clE1AAvMSAX3QHLbpPOaoNWa0AAAAASUVORK5CYII="},function(t,n){t.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAAlElEQVQ4jd3QMQqDQBhEYU8kpBZio41pTBov5B31IEFEhC+NkkU2a7pABrYZeI+dP8v+L7ggj/Q5LmdwgxkT6qCvt25GkxKM3pk2cIf3jClBi+UgCeEF7dmM2/bVYxbck3Ag6SOC/lv4imdEMKE6g6vI5uNNPkswHODH9kLJkBJ0WHc46HfJiu5sRoki0hcok/BP8gJcS0AygPBo+gAAAABJRU5ErkJggg=="},function(t,n){t.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAArElEQVQ4jbXSPQ5BQRiF4cdfZQWXpdgBW1LZjaugsgoqDdFfKpVEQ2huMcb9E3GSU8yXM2/OZD5+VKtglmCMTjR/YI1THTTFs8TzJq0myHDBLbic5c0aKc29CQBpUbDdlFimvwJ6ub9SHyvcff7AHcs8U6pZwcXYs6onjBq0fMvEm5hgEJwXOGAazDLBNnYjwMn7qu5wxLasTgyItce5KlAHOOBak6lUgmFV4AV5rTJf7ROKuAAAAABJRU5ErkJggg=="},function(t,n){t.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAApUlEQVQ4jcXSPQrCQBQE4E9B8Rg2gmW0UvEyegQP41XsDWirheDPIbQRtBAtTEACu4opMrDFsjPvvZl9VI1a4d5BF60A/4Y9TsWHPtZ4Bs4DG6Q4Y4VeLh7hGhEv0P5o1sQsKzSQjRMSL9EI2JngKCJ+YhwQ885vFytwRz1SAObfCD+htIVYiKlwiFMcYKjkN0LivRyxRdpmE10ybpL7+MTfq1wdXiIXWWLHZLTUAAAAAElFTkSuQmCC"},function(t,n){t.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAA4UlEQVQ4jcXSsUoDURAF0JPFDWmsrOxshBQKwcqI+Re3ttLCT/AP9FsEI2gW0wqSJUEb/YKk0ybEYp+wbHbXwiIXXvFm7p2Zd+exabRK93100anhf2OG93KBI9wE8QTbOESEZ3wFXgcHmOIcL3CCOS7QLnTbwx0eEBfibVwGzbEwTlIzcowRripyCd4gs+5FEaf4rIi3kEV4xKqhwBi72CnFV3iKGoTFTo346wkDfNQUziK5q2c14hjXuK3IJdiCvuY1Dn+JAWtrhJ7crAVSvGIpNyrFfThp4IyD5v9fefP4AeEQL7aw+eK/AAAAAElFTkSuQmCC"},function(t,n,e){"use strict";var r=this&&this.__extends||function(t,n){function e(){this.constructor=t}for(var r in n)n.hasOwnProperty(r)&&(t[r]=n[r]);t.prototype=null===n?Object.create(n):(e.prototype=n.prototype,new e)},i=e(1),o=e(32),a=e(43),s=e(39),l=e(44),u=function(t){function n(){var n=null!==t&&t.apply(this,arguments)||this;return n.transitionPromise=null,n.state={status:"running",message:null,rejection:null,pinned:!1,expanded:!1,open:!1,deregisterFunctions:[]},n.togglePin=function(){return n.setState({pinned:!n.state.pinned})},n.toggleExpand=function(){return n.setState({expanded:!n.state.expanded})},n.open=function(){return n.setState({open:!0})},n.close=function(){return n.setState({open:!1})},n}return r(n,t),n.prototype.componentDidMount=function(){var t=this,n=this.props.transition,e=function(n){t.transitionPromise.isCanceled||t.setState({message:n})},r=function(t){return t.name||"(root)"},i=[];i.push(n.onStart({},function(){return e("Starting...")},{priority:1e4})),i.push(n.onExit({},function(t,n){return e("Exiting "+r(n))},{priority:1e4})),i.push(n.onRetain({},function(t,n){return e("Retained "+r(n))},{priority:1e4})),i.push(n.onEnter({},function(t,n){return e("Entering "+r(n))},{priority:1e4})),i.push(n.onFinish({},function(){return e("Finishing...")})),this.setState({deregisterFunctions:i});var o=function(){return t.setState({status:"success",message:null})},a=function(n){if(!n.isCanceled){var e="error",r=null;if(n){r=n&&n.message;var i=n&&n.type;if(2==i&&n.redirected===!0){e="redirected";var o=n.detail,a=o.name(),l=JSON.stringify(o.params());r=s.maxLength(100,a+"("+l)+")"}5==i&&(e="ignored",r="All states and parameters in the To and From paths are identical.")}t.setState({status:e,rejection:r,message:null})}};this.transitionPromise=l.makeCancelable(n.promise),this.transitionPromise.promise.then(o,a)},n.prototype.componentWillUnmount=function(){this.transitionPromise.cancel(),this.state.deregisterFunctions&&this.state.deregisterFunctions.forEach(function(t){return t()})},n.prototype.render=function(){return i.h("div",{onMouseEnter:this.open,onMouseLeave:this.close},i.h(o.TransitionPopover,{transition:this.props.transition,status:this.state.status,rejection:this.state.rejection,pinned:this.state.pinned,expanded:this.state.expanded,open:this.state.open,togglePinned:this.togglePin,toggleExpand:this.toggleExpand}),i.h(a.BreadcrumbArrow,{transition:this.props.transition,status:this.state.status,message:this.state.message,toggleExpand:this.toggleExpand}))},n}(i.Component);n.TransitionView=u},function(t,n,e){"use strict";var r=this&&this.__extends||function(t,n){function e(){this.constructor=t}for(var r in n)n.hasOwnProperty(r)&&(t[r]=n[r]);t.prototype=null===n?Object.create(n):(e.prototype=n.prototype,new e)},i=e(1),o=e(33),a=e(34),s=e(40),l=function(t){function n(){return null!==t&&t.apply(this,arguments)||this}return r(n,t),n.prototype.render=function(){var t=this;if(!this.props.open&&!this.props.pinned)return null;var n=function(){return"transitionDetail uir-panel panel-default "+(t.props.pinned?"pin ":"")+(t.props.expanded?"expand ":"")+(t.props.open?"showDetail ":"")};return i.h("div",{className:n()},i.h(o.PopoverHeading,{transition:this.props.transition,pinned:this.props.pinned,expanded:this.props.expanded,togglePinned:this.props.togglePinned,toggleExpand:this.props.toggleExpand}),i.h("div",{className:"uir-panel-body"},i.h(a.TransSummary,{trans:this.props.transition,status:this.props.status,rejection:this.props.rejection}),i.h("hr",null),i.h(s.NodePaths,{transition:this.props.transition})),i.h("div",{className:"downArrow"}))},n}(i.Component);n.TransitionPopover=l},function(t,n,e){"use strict";var r=this&&this.__extends||function(t,n){function e(){this.constructor=t}for(var r in n)n.hasOwnProperty(r)&&(t[r]=n[r]);t.prototype=null===n?Object.create(n):(e.prototype=n.prototype,new e)},i=e(1),o=function(t){function n(){return null!==t&&t.apply(this,arguments)||this}return r(n,t),n.prototype.render=function(){var t=this,n=function(){return"uir-icon uir-icon-thumb-tack "+(t.props.pinned?"":"uir-rotate-35")},e=function(){return"uir-icon tooltip-right "+(t.props.expanded?"uir-icon-toggle-on":"uir-icon-toggle-off")};return i.h("div",{className:"uir-panel-heading uir-header"},i.h("div",{style:{cursor:"pointer"},onClick:this.props.togglePinned},i.h("i",{className:n()})),i.h("h3",{className:"uir-panel-title"},"Transition #",this.props.transition.$id),i.h("div",{style:{cursor:"pointer"},onClick:this.props.toggleExpand},i.h("i",{className:e()})))},n}(i.Component);n.PopoverHeading=o},function(t,n,e){"use strict";var r=this&&this.__extends||function(t,n){function e(){this.constructor=t}for(var r in n)n.hasOwnProperty(r)&&(t[r]=n[r]);t.prototype=null===n?Object.create(n):(e.prototype=n.prototype,new e)},i=e(1),o=e(35),a=function(t){function n(){return null!==t&&t.apply(this,arguments)||this}return r(n,t),n.prototype.render=function(){return i.h("table",{className:"summary"},i.h("tbody",null,i.h("tr",null,i.h("td",null,"From State:"),i.h("td",null,this.props.trans.from().name||"(root)")),i.h("tr",null,i.h("td",null,"To State:"),i.h("td",null,this.props.trans.to().name||"(root)")),i.h("tr",null,i.h("td",{colSpan:1},"Parameters:"),i.h("td",{colSpan:1},i.h(o.KeysAndValues,{data:this.props.trans.params(),labels:{section:"",modalTitle:"Parameter value: "},classes:{outerdiv:"",keyvaldiv:"keyvalue",section:"",_key:"",value:""}}))),i.h("tr",null,i.h("td",null,"Outcome:"),i.h("td",null,this.props.status,this.props.rejection?i.h("span",null,": ",this.props.rejection):null))))},n}(i.Component);n.TransSummary=a},function(t,n,e){"use strict";var r=this&&this.__extends||function(t,n){function e(){this.constructor=t}for(var r in n)n.hasOwnProperty(r)&&(t[r]=n[r]);t.prototype=null===n?Object.create(n):(e.prototype=n.prototype,new e)},i=e(1),o=e(36),a=e(37),s=e(39),l=function(t){return"object"==typeof t},u=function(t){return void 0===t?"undefined":null===t?"null":"string"==typeof t?'"'+s.maxLength(100,t)+'"':Array.isArray(t)?"[Array]":l(t)?"[Object]":"function"==typeof t.toString?s.maxLength(100,t.toString()):t},c={outerdiv:"param",keyvaldiv:"keyvalue",section:"paramslabel deemphasize",_key:"paramid",value:"paramvalue"},A=function(t){function n(){var n=null!==t&&t.apply(this,arguments)||this;return n.isEmpty=function(){return!n.props.data||0===Object.keys(n.props.data).length},n.class=function(t){return n.props.classes&&void 0!==n.props.classes[t]?n.props.classes[t]:c[t]},n}return r(n,t),n.prototype.render=function(){var t=this,n=function(n,e){return l(e)?i.h("span",{className:"link",onClick:function(){return o.Modal.show(t.props.labels,n,e,a.ResolveData)}},"[Object]"):i.h("div",{className:t.props.classes.value},u(e))};return this.isEmpty()?null:i.h("div",{className:this.class("outerdiv")},i.h("div",{className:this.class("section")},this.props.labels.section),Object.keys(this.props.data).map(function(e){return i.h("div",{key:e,className:t.class("keyvaldiv")},i.h("div",{className:t.class("_key")},e,":"),i.h("div",{className:t.class("value")},n(e,t.props.data[e])))}))},n}(i.Component);n.KeysAndValues=A},function(t,n,e){"use strict";var r=this&&this.__extends||function(t,n){function e(){this.constructor=t}for(var r in n)n.hasOwnProperty(r)&&(t[r]=n[r]);t.prototype=null===n?Object.create(n):(e.prototype=n.prototype,new e)},i=e(1),o=function(t){function n(){return null!==t&&t.apply(this,arguments)||this}return r(n,t),n.prototype.componentDidMount=function(){var t=this._ref;setTimeout(function(){var n=t.getElementsByClassName("uir-fade");[].slice.apply(n).forEach(function(t){return t.className+=" in"})},35)},n.prototype.render=function(){var t=this;return i.h("div",{ref:function(n){return t._ref=n}},i.h("div",{className:"uir-modal-backdrop uir-fade",style:{zIndex:1040}}),i.h("div",{tabIndex:-1,className:"uir-modal uir-fade",style:{zIndex:1050,display:"block"}},i.h("div",{className:"uir-modal-dialog modal-lg"},i.h("div",{className:"uir-modal-content"},this.props.children))))},n}(i.Component);o.show=function(t,n,e,r){var o=document.body.querySelector("#uir-modal");o||(o=document.createElement("div"),o.id="uir-modal",document.body.appendChild(o));var a=function(){return null},s=function(){return i.render(i.h(a,null),document.body,o)};i.render(i.h(r,{close:s,labels:t,key:n,value:e}),o)},n.Modal=o},function(t,n,e){"use strict";var r=this&&this.__extends||function(t,n){function e(){this.constructor=t}for(var r in n)n.hasOwnProperty(r)&&(t[r]=n[r]);t.prototype=null===n?Object.create(n):(e.prototype=n.prototype,new e)},i=e(1),o=e(36),a=e(38),s=function(t){function n(){var n=null!==t&&t.apply(this,arguments)||this;return n.close=function(){return n.props.close()},n}return r(n,t),n.prototype.render=function(){return i.h("div",null,i.h(o.Modal,null,i.h("div",{className:"uir-modal-header uir-resolve-header"},i.h("div",{style:{fontSize:"1.5em"}},this.props.labels.modalTitle,": ",this.props.id),i.h("button",{className:"btn btn-xs btn-primary",onClick:this.close},i.h("i",{className:"uir-icon uir-iconw-close"}))),i.h("div",{className:"uir-modal-body"},i.h(a.Pretty,{data:this.props.value})),i.h("div",{className:"uir-modal-footer"},i.h("button",{className:"btn btn-primary",onClick:this.close},"Close"))))},n}(i.Component);n.ResolveData=s},function(t,n,e){"use strict";var r=this&&this.__extends||function(t,n){function e(){this.constructor=t}for(var r in n)n.hasOwnProperty(r)&&(t[r]=n[r]);t.prototype=null===n?Object.create(n):(e.prototype=n.prototype,new e)},i=e(1),o=function(t){function n(){var n=null!==t&&t.apply(this,arguments)||this;return n.preStyle={display:"block",padding:"10px 30px",margin:"0"},n.state={show:!0},n}return r(n,t),n.prototype.toggle=function(){this.setState({show:!this.state.show})},n.prototype.render=function(){return i.h("div",null,!!this.state.show&&i.h("pre",{style:this.preStyle},JSON.stringify(this.props.data,null,2)))},n}(i.Component);n.Pretty=o},function(t,n){"use strict";function e(t,n){return n.length<=t?n:n.substr(0,t-3)+"..."}function r(t){return void 0===t?"undefined":null===t?"null":"object"==typeof t&&"function"==typeof t.then?"[Promise]":t}function i(t){function n(t){if("object"==typeof t){if(e.indexOf(t)!==-1)return"[circular ref]";e.push(t)}return r(t)}var e=[];return JSON.stringify(t,function(t,e){return n(e)}).replace(/\\"/g,'"')}n.maxLength=e,n.stringify=i},function(t,n,e){"use strict";var r=this&&this.__extends||function(t,n){function e(){this.constructor=t}for(var r in n)n.hasOwnProperty(r)&&(t[r]=n[r]);t.prototype=null===n?Object.create(n):(e.prototype=n.prototype,new e)},i=e(1),o=e(41),a=e(42),s=function(t){function n(){var n=null!==t&&t.apply(this,arguments)||this;return n.state={retained:[],enterExit:[]},n}return r(n,t),n.prototype.componentDidMount=function(){var t=this.props.transition,n=Object.assign({},t.treeChanges());["entering","exiting","retained"].forEach(function(t){return n[t]=n[t].filter(function(t){return!!t.state.name})});for(var e=function(t,e){var r=n[t][e];return r?r.state.name:""},r=function(n,r,i){return t.$id+"."+e(n,i)+"-"+e(r,i)},i=n.retained.map(function(t,n){return{key:r("retained","retained",n),to:t,toType:"retain",from:t,fromType:"retain"}}),o=[],a=Math.max(n.exiting.length,n.entering.length),s=0;s<a;s++)o.push({key:r("exiting","entering",s),to:n.entering[s],toType:n.entering[s]&&"enter",from:n.exiting[s],fromType:n.exiting[s]&&"exit"});this.setState({retained:i,enterExit:o})},n.prototype.render=function(){var t=this.state.retained||[],n=this.state.enterExit||[],e=n.filter(function(t){return!!t.toType}).length-1;return i.h("table",{className:"paths"},i.h("thead",null,i.h("tr",null,i.h("th",null,"From Path"),i.h("th",null,"To Path"))),i.h("tbody",null,t.map(function(t){return i.h("tr",{key:t.key},i.h("td",{className:t.fromType,colSpan:2},i.h(o.NodeDetail,{node:t.from,type:t.fromType})))}),n.map(function(t,n){return i.h("tr",{key:t.key},i.h("td",{colSpan:2},i.h("div",{className:"uirTransVisRow"},i.h("div",{className:""+t.fromType},t.fromType?i.h("div",null,i.h("div",{className:"uirNodeContent"},i.h(o.NodeDetail,{node:t.from,type:t.fromType}),i.h(a.FlowArrow,{bottom:"V",top:n?"V":t.toType?"RU":"AU"}))):null),i.h("div",{className:""+t.toType},t.toType?i.h("div",null,i.h("div",{className:"uirNodeContent"},i.h(a.FlowArrow,{top:n?"V":t.fromType?"RD":"V",bottom:n==e?"AD":"V"}),i.h(o.NodeDetail,{node:t.to,type:t.toType}))):null))))})))},n}(i.Component);n.NodePaths=s},function(t,n,e){"use strict";var r=this&&this.__extends||function(t,n){function e(){this.constructor=t}for(var r in n)n.hasOwnProperty(r)&&(t[r]=n[r]);t.prototype=null===n?Object.create(n):(e.prototype=n.prototype,new e)},i=e(1),o=e(39),a=e(35),s=function(t){function n(){return null!==t&&t.apply(this,arguments)||this}return r(n,t),n.prototype.stateName=function(){var t=this.props.node,n=t&&t.state&&t.state.name;return""===n&&(n="(root)"),n&&n.split(".").reverse()[0]},n.prototype.params=function(){var t=this.props.node;return t&&t.paramSchema.reduce(function(n,e){return n[e.id]=t.paramValues[e.id],n},{})},n.prototype.resolves=function(){var t=function(t){return"string"==typeof t?t:o.maxLength(30,o.stringify(t))},n=this.props.node,e=["$stateParams","$transition$"];return n&&n.resolvables.filter(function(t){return e.indexOf(t.token)===-1}).reduce(function(n,e){return n[t(e.token)]=e.data,n},{})},n.prototype.render=function(){return this.props.node?i.h("div",{className:"uirNodeDetail"},i.h("div",{className:"uir-header"},i.h("div",{className:"nowrap deemphasize"},"(",this.props.type," state)"),i.h("div",{className:"statename"},this.stateName())),i.h(a.KeysAndValues,{data:this.params(),classes:{outerdiv:"params",section:"paramslabel deemphasize"},labels:{section:"Parameter values",modalTitle:"Parameter value: "}}),i.h(a.KeysAndValues,{data:this.resolves(),classes:{outerdiv:"params resolve",section:"resolvelabel deemphasize"},labels:{section:"Resolved data",modalTitle:"Resolved value: "}})):null},n}(i.Component);n.NodeDetail=s},function(t,n,e){"use strict";var r=this&&this.__extends||function(t,n){function e(){this.constructor=t}for(var r in n)n.hasOwnProperty(r)&&(t[r]=n[r]);t.prototype=null===n?Object.create(n):(e.prototype=n.prototype,new e)},i=e(1),o=function(t){function n(){var n=null!==t&&t.apply(this,arguments)||this;return n.height=1e3,n.renderCurve=function(){return i.h("path",{stroke:"white","stroke-width":"20",fill:"none",d:"M50 "+n.height+" V 70 Q50 20, 100 20 Q150 20, 150 70 V "+n.height})},n.renderVerticalLine=function(){return i.h("svg",{viewBox:"0 70 100 "+(n.height-70),className:"flowArrowSvg"},n.renderCurve())},n.renderCurveRU=function(){return i.h("svg",{viewBox:"0 0 100 "+n.height,className:"flowArrowSvg top"},n.renderCurve())},n.renderCurveRD=function(){return i.h("svg",{viewBox:"100 0 100 "+n.height,className:"flowArrowSvg top"},n.renderCurve())},n.renderArrowU=function(){return i.h("svg",{viewBox:"0 0 100 "+n.height,className:"flowArrowSvg top"},i.h("path",{stroke:"white","stroke-width":"20",fill:"none",d:"M50 "+n.height+" V 20 "}),i.h("polygon",{fill:"white",stroke:"white","stroke-width":"20",points:"50,20 35,40 65,40"}))},n.renderArrowD=function(){return i.h("svg",{viewBox:"0 0 100 "+n.height,className:"flowArrowSvg bottom"},i.h("path",{stroke:"white","stroke-width":"20",fill:"none",d:"M50 0 V "+(n.height-20)}),i.h("polygon",{fill:"white",stroke:"white","stroke-width":"20",points:"50,"+(n.height-20)+" 35,"+(n.height-40)+" 65,"+(n.height-40)}))},n}return r(n,t),n.prototype.render=function(){var t=this,n=function(n){switch(n){case"V":return t.renderVerticalLine();case"RU":return t.renderCurveRU();case"RD":return t.renderCurveRD();case"AU":return t.renderArrowU();case"AD":return t.renderArrowD();default:return null}};return i.h("div",{className:"flowArrowCell"},i.h("div",{style:{overflow:"hidden",position:"relative",flex:"1"}},n(this.props.top)),i.h("div",{style:{overflow:"hidden",position:"relative",flex:"1"}},n(this.props.bottom)))},n}(i.Component);n.FlowArrow=o},function(t,n,e){"use strict";var r=this&&this.__extends||function(t,n){function e(){this.constructor=t}for(var r in n)n.hasOwnProperty(r)&&(t[r]=n[r]);t.prototype=null===n?Object.create(n):(e.prototype=n.prototype,new e)},i=e(1),o=function(t){function n(){var n=null!==t&&t.apply(this,arguments)||this;return n.handleClick=function(){return n.props.toggleExpand()},n}return r(n,t),n.prototype.iconClass=function(){var t={running:"uir-icon uir-spin uir-iconw-spinner",success:"uir-icon uir-iconw-check",redirected:"uir-icon uir-iconw-share",ignored:"uir-icon uir-iconw-circle-o",error:"uir-icon uir-iconw-close"};return t[this.props.status]},n.prototype.render=function(){return this.props.transition?i.h("div",{className:this.props.status+" historyEntry",onClick:this.handleClick},i.h("div",{className:"summary"},i.h("div",{className:"transid"},this.props.transition.$id),i.h("div",{className:"status"},this.props.status,this.props.message?i.h("span",null,": ",this.props.message):null),i.h("div",{className:"transname"},i.h("i",{className:this.iconClass()})," ",this.props.transition.to().name))):null},n}(i.Component);n.BreadcrumbArrow=o},function(t,n){"use strict";n.makeCancelable=function(t){var n=!1,e=new Promise(function(e,r){t.then(function(t){return n?r({isCanceled:!0}):e(t)},function(t){return r(n?{isCanceled:!0}:t)})}),r={promise:e,isCanceled:!1,cancel:function(){r.isCanceled=n=!0}};return r}}])});
//# sourceMappingURL=visualizer.min.js.map
"use babel";
(function() {
var app = angular.module('vis');
class HomeController {
$onInit() {
console.log("Hellow from home component!")
}
}
app.component('home', {
template: `
<h1>home state loaded</h1>
<h4>This state has two substates: </h4>
<a ui-sref="home.foo" ui-sref-active="active">home.foo</a>
<a ui-sref="home.bar" ui-sref-active="active">home.bar</a>
<div ui-view></div>
`,
controller: HomeController
})
app.component('about', {
template: `
<h1>about state loaded</h1>
<h4>This state has a nested state tree that is lazy loaded: </h4>
<a ui-sref="about.lazy" ui-sref-active="active">about.lazy</a>
<div ui-view></div>
`,
})
app.component('deepNest', {
template: `
<h1>Top of deeply nested state tree loaded</h1>
<h4>The state visualizer automatically collapses this state's children</h4>
<h4>Double click a state in the state visualizer to toggle auto-collapsing.</h4>
<button ng-repeat="link in $ctrl.links" ui-state="link" ui-sref-active="active">
{{ link }}
</button>
<div ui-view></div>
`,
bindings: { state: '<', links: '<' },
});
app.component('autoNest', {
template: `
<h1>{{ $ctrl.state }} state loaded (deep nested subtree)</h1>
<button ng-repeat="link in $ctrl.links" ui-state="link" ui-sref-active="active">
{{ link }}
</button>
<div ui-view></div>
`,
bindings: { state: '<', links: '<' },
});
app.component('bar', {
template: `
<h1>bar state loaded</h1>
<h4>This state has some resolve data:</h4>
<ul><li ng-repeat="bar in $ctrl.barData">{{bar}}</li></ul>
<div ui-view></div>
`,
bindings: { barData: "<" }
})
app.component('foo', {
template: `
<h1>foo state loaded</h1>
<h4>This state has some resolve data:</h4>
<ul><li ng-repeat="foo in $ctrl.fooData">{{foo}}</li></ul>
<div ui-view></div>
`,
bindings: { fooData: "<" }
})
})();
(function() {
let app = angular.module('lazy', ['ui.router']);
app.run(function($uiRouter) {
let registry = $uiRouter.stateRegistry
registry.register({ name: 'about.lazy', component: 'lazy', url: '/lazy', });
registry.register({ name: 'about.lazy.child', component: 'lazyChild', url: '/child', });
});
app.component('lazy', {
template: "<h1>Lazy state</h1>" +
"<a ui-sref='.child' ui-sref-active='active'>lazy.child</a>" +
"<ui-view></ui-view>"
});
app.component('lazyChild', {
template: "<h1>Lazy Child</h1>" +
"<ui-view></ui-view>"
});
})()