diff --git a/docs/uncompiled/artplayer.css b/docs/uncompiled/artplayer.css
index 5b7e5f950..9e371d49d 100644
--- a/docs/uncompiled/artplayer.css
+++ b/docs/uncompiled/artplayer.css
@@ -1,17 +1,17 @@
-.artplayer-video-player .artplayer-video{position:absolute;z-index:10;left:0;top:0;right:0;bottom:0;width:100%;height:100%;background-color:#000;outline:0;cursor:pointer}
-.artplayer-video-player{position:relative;width:100%;height:100%;overflow:hidden;outline:0;font-family:Roboto,Arial,Helvetica,sans-serif;color:#eee;text-align:left;direction:ltr;font-size:14px;line-height:1.3;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);touch-action:manipulation;-ms-high-contrast-adjust:none}.artplayer-video-player *{box-sizing:border-box}.artplayer-video-player .art-icon{display:inline-block;line-height:1.5}.artplayer-video-player .art-icon svg{fill:#fff}
 .artplayer-video-player .artplayer-subtitle{position:absolute;z-index:20;bottom:40px;width:100%;padding:0 20px;text-align:center;color:#fff;text-shadow:.5px .5px .5px rgba(0,0,0,.5);font-size:20px;pointer-events:none}.artplayer-video-player .artplayer-subtitle p{margin:5px 0}
+.artplayer-video-player{position:relative;width:100%;height:100%;overflow:hidden;outline:0;font-family:Roboto,Arial,Helvetica,sans-serif;color:#eee;text-align:left;direction:ltr;font-size:14px;line-height:1.3;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);touch-action:manipulation;-ms-high-contrast-adjust:none}.artplayer-video-player *{box-sizing:border-box}.artplayer-video-player .art-icon{display:inline-block;line-height:1.5}.artplayer-video-player .art-icon svg{fill:#fff}
+.artplayer-video-player .artplayer-video{position:absolute;z-index:10;left:0;top:0;right:0;bottom:0;width:100%;height:100%;background-color:#000;outline:0;cursor:pointer}
 .artplayer-video-player .artplayer-layers{position:absolute;z-index:30;left:0;top:0;right:0;bottom:0;width:100%;height:100%;pointer-events:none}.artplayer-video-player .artplayer-layers .art-layer{pointer-events:all}
 .artplayer-video-player .artplayer-mask{display:none;position:absolute;z-index:40;left:0;top:0;right:0;bottom:0;width:100%;height:100%;pointer-events:none}.artplayer-video-player .artplayer-mask .art-playBig{position:absolute;right:30px;bottom:65px;opacity:.6}
 .artplayer-video-player .artplayer-loading{display:none;position:absolute;z-index:60;left:0;top:0;right:0;bottom:0;width:100%;height:100%;align-items:center;justify-content:center;pointer-events:none}
-.artplayer-video-player .artplayer-bottom{position:absolute;z-index:50;left:0;right:0;bottom:0;height:100px;padding:60px 10px 0;opacity:0;visibility:hidden;transition:all .2s ease-in-out;pointer-events:none;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==) repeat-x bottom}.artplayer-video-player .artplayer-bottom .artplayer-progress{position:relative;pointer-events:all}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress{position:relative;height:5px;padding:1px 0;cursor:pointer}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner{position:relative;height:100%;background:hsla(0,0%,100%,.2)}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-loaded{position:absolute;z-index:10;left:0;top:0;right:0;bottom:0;height:100%;width:0;background:hsla(0,0%,100%,.4)}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-played{position:absolute;z-index:20;left:0;top:0;right:0;bottom:0;height:100%;width:0}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-highlight{position:absolute;z-index:30;left:0;top:0;right:0;bottom:0;height:0}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-highlight span{display:inline-block;position:absolute;left:0;top:0;width:7px;height:3px;background:#fff;border-radius:3px}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-indicator{display:none;position:absolute;z-index:40;top:-5px;left:-6.5px;width:13px;height:13px;border-radius:50%}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-indicator.art-show-indicator{display:block}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-tip{display:none;position:absolute;z-index:50;top:-25px;left:0;height:20px;padding:0 5px;line-height:20px;color:#fff;font-size:12px;text-align:center;background:rgba(0,0,0,.7);border-radius:3px;font-weight:700}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress:hover .art-progress-indicator,.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress:hover .art-progress-tip{display:block}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-thumbnails{display:none;position:absolute;bottom:8px;left:0;pointer-events:none;background-color:rgba(0,0,0,.7)}.artplayer-video-player .artplayer-bottom .artplayer-controls{position:relative;pointer-events:all;display:flex;align-items:center;justify-content:space-between;height:36px}.artplayer-video-player .artplayer-bottom .artplayer-controls .artplayer-controls-left,.artplayer-video-player .artplayer-bottom .artplayer-controls .artplayer-controls-right{display:flex}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control{opacity:.9;font-size:12px;height:36px;line-height:36px;cursor:pointer}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control .art-icon{display:flex;align-items:center;justify-content:center;float:left;height:36px;width:36px}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control:hover{opacity:1}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume .art-volume-panel{position:relative;float:left;width:0;height:100%;transition:margin .2s cubic-bezier(.4,0,1,1),width .2s cubic-bezier(.4,0,1,1);overflow:hidden}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume .art-volume-panel .art-volume-slider-handle{position:absolute;top:50%;left:0;width:12px;height:12px;border-radius:12px;margin-top:-6px;background:#fff}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:before{left:-54px;background:#fff}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:after{left:6px;background:hsla(0,0%,100%,.2)}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:after,.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:before{content:"";position:absolute;display:block;top:50%;height:3px;margin-top:-2px;width:60px}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume:hover .art-volume-panel{width:60px}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-time{padding:0 10px}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-quality{position:relative;z-index:30;padding:0 10px}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-quality .art-qualitys{display:none;position:absolute;left:-15px;bottom:35px;width:100px;padding:5px 0;text-align:center;color:#fff;background:rgba(0,0,0,.7);border-radius:3px}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-quality .art-qualitys .art-quality-item{height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 0 2px rgba(0,0,0,.5)}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-quality .art-qualitys .art-quality-item:hover{background-color:hsla(0,0%,100%,.1)}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-quality:hover .art-qualitys{display:block}.artplayer-video-player.artplayer-controls-show .artplayer-bottom,.artplayer-video-player.artplayer-hover .artplayer-bottom{opacity:1;visibility:visible}.artplayer-video-player.artplayer-destroy .art-progress-indicator,.artplayer-video-player.artplayer-destroy .art-progress-tip,.artplayer-video-player.artplayer-error .art-progress-indicator,.artplayer-video-player.artplayer-error .art-progress-tip{display:none!important}
 .artplayer-video-player .artplayer-notice{display:none;font-size:14px;position:absolute;z-index:70;left:0;top:0;padding:10px;width:100%;pointer-events:none}.artplayer-video-player .artplayer-notice .artplayer-notice-inner{display:inline-block;padding:5px 10px;color:#fff;background:rgba(0,0,0,.6);border-radius:3px}
 .artplayer-video-player .artplayer-contextmenu{display:none;position:absolute;z-index:110;left:0;top:0;min-width:200px;padding:5px 0;background:rgba(0,0,0,.8);border-radius:3px}.artplayer-video-player .artplayer-contextmenu .art-contextmenu{cursor:pointer;font-size:13px;display:block;color:#fff;padding:7px 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 0 2px rgba(0,0,0,.5);border-bottom:1px solid hsla(0,0%,100%,.1)}.artplayer-video-player .artplayer-contextmenu .art-contextmenu a{color:#fff;text-decoration:none}.artplayer-video-player .artplayer-contextmenu .art-contextmenu span{display:inline-block;padding:0 7px}.artplayer-video-player .artplayer-contextmenu .art-contextmenu span.current,.artplayer-video-player .artplayer-contextmenu .art-contextmenu span:hover{color:#00c9ff}.artplayer-video-player .artplayer-contextmenu .art-contextmenu:hover{background-color:hsla(0,0%,100%,.1)}.artplayer-video-player .artplayer-contextmenu .art-contextmenu:last-child{border-bottom:none}
-.artplayer-video-player .artplayer-info{display:none;position:absolute;left:10px;top:10px;z-index:90;width:350px;min-height:150px;padding:10px;color:#fff;font-size:12px;font-family:Noto Sans CJK SC DemiLight,Roboto,Segoe UI,Tahoma,Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;background:rgba(0,0,0,.7)}.artplayer-video-player .artplayer-info .art-info-item{display:flex;margin-bottom:5px}.artplayer-video-player .artplayer-info .art-info-item .art-info-title{width:100px;text-align:right}.artplayer-video-player .artplayer-info .art-info-item .art-info-content{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:5px}.artplayer-video-player .artplayer-info .artplayer-info-close{position:absolute;top:5px;right:5px;cursor:pointer}
+.artplayer-video-player .artplayer-bottom{position:absolute;z-index:50;left:0;right:0;bottom:0;height:100px;padding:60px 10px 0;opacity:0;visibility:hidden;transition:all .2s ease-in-out;pointer-events:none;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==) repeat-x bottom}.artplayer-video-player .artplayer-bottom .artplayer-progress{position:relative;pointer-events:all}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress{position:relative;height:5px;padding:1px 0;cursor:pointer}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner{position:relative;height:100%;background:hsla(0,0%,100%,.2)}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-loaded{position:absolute;z-index:10;left:0;top:0;right:0;bottom:0;height:100%;width:0;background:hsla(0,0%,100%,.4)}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-played{position:absolute;z-index:20;left:0;top:0;right:0;bottom:0;height:100%;width:0}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-highlight{position:absolute;z-index:30;left:0;top:0;right:0;bottom:0;height:0}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-highlight span{display:inline-block;position:absolute;left:0;top:0;width:7px;height:3px;background:#fff;border-radius:3px}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-indicator{display:none;position:absolute;z-index:40;top:-5px;left:-6.5px;width:13px;height:13px;border-radius:50%}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-indicator.art-show-indicator{display:block}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-tip{display:none;position:absolute;z-index:50;top:-25px;left:0;height:20px;padding:0 5px;line-height:20px;color:#fff;font-size:12px;text-align:center;background:rgba(0,0,0,.7);border-radius:3px;font-weight:700}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress:hover .art-progress-indicator,.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress:hover .art-progress-tip{display:block}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-thumbnails{display:none;position:absolute;bottom:8px;left:0;pointer-events:none;background-color:rgba(0,0,0,.7)}.artplayer-video-player .artplayer-bottom .artplayer-controls{position:relative;pointer-events:all;display:flex;align-items:center;justify-content:space-between;height:36px}.artplayer-video-player .artplayer-bottom .artplayer-controls .artplayer-controls-left,.artplayer-video-player .artplayer-bottom .artplayer-controls .artplayer-controls-right{display:flex}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control{opacity:.9;font-size:12px;height:36px;line-height:36px;cursor:pointer}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control .art-icon{display:flex;align-items:center;justify-content:center;float:left;height:36px;width:36px}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control:hover{opacity:1}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume .art-volume-panel{position:relative;float:left;width:0;height:100%;transition:margin .2s cubic-bezier(.4,0,1,1),width .2s cubic-bezier(.4,0,1,1);overflow:hidden}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume .art-volume-panel .art-volume-slider-handle{position:absolute;top:50%;left:0;width:12px;height:12px;border-radius:12px;margin-top:-6px;background:#fff}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:before{left:-54px;background:#fff}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:after{left:6px;background:hsla(0,0%,100%,.2)}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:after,.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:before{content:"";position:absolute;display:block;top:50%;height:3px;margin-top:-2px;width:60px}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume:hover .art-volume-panel{width:60px}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-time{padding:0 10px}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-quality{position:relative;z-index:30;padding:0 10px}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-quality .art-qualitys{display:none;position:absolute;left:-15px;bottom:35px;width:100px;padding:5px 0;text-align:center;color:#fff;background:rgba(0,0,0,.7);border-radius:3px}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-quality .art-qualitys .art-quality-item{height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 0 2px rgba(0,0,0,.5)}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-quality .art-qualitys .art-quality-item:hover{background-color:hsla(0,0%,100%,.1)}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-quality:hover .art-qualitys{display:block}.artplayer-video-player.artplayer-controls-show .artplayer-bottom,.artplayer-video-player.artplayer-hover .artplayer-bottom{opacity:1;visibility:visible}.artplayer-video-player.artplayer-destroy .art-progress-indicator,.artplayer-video-player.artplayer-destroy .art-progress-tip,.artplayer-video-player.artplayer-error .art-progress-indicator,.artplayer-video-player.artplayer-error .art-progress-tip{display:none!important}
 .artplayer-video-player.artplayer-hide-cursor *{cursor:none!important}
 .artplayer-video-player .artplayer-setting{display:none;position:absolute;z-index:80;left:0;top:0;height:100%;width:100%;align-items:center;justify-content:center;pointer-events:none}.artplayer-video-player .artplayer-setting .artplayer-setting-inner{position:relative;width:300px;height:250px;font-size:12px;background:rgba(0,0,0,.8);border-radius:3px;pointer-events:all;overflow:hidden}.artplayer-video-player .artplayer-setting .artplayer-setting-inner .artplayer-setting-body{overflow-y:auto;width:100%;height:100%}.artplayer-video-player .artplayer-setting .artplayer-setting-inner .artplayer-setting-body .art-setting{border-bottom:1px solid hsla(0,0%,100%,.1);padding:12px 20px}.artplayer-video-player .artplayer-setting .artplayer-setting-inner .artplayer-setting-body .art-setting .art-setting-header{color:#fff;margin-bottom:10px}.artplayer-video-player .artplayer-setting .artplayer-setting-inner .artplayer-setting-body .art-setting .art-setting-body{color:hsla(0,0%,100%,.8)}.artplayer-video-player .artplayer-setting .artplayer-setting-inner .artplayer-setting-close{position:absolute;top:0;right:0;width:20px;height:20px;line-height:20px;text-align:center;color:hsla(0,0%,100%,.8);background:rgba(0,0,0,.5);font-size:20px;cursor:pointer}.artplayer-video-player .artplayer-setting .art-setting-btns{display:flex;margin-left:-4px;margin-right:-4px}.artplayer-video-player .artplayer-setting .art-setting-btns .art-setting-btn{flex:1;padding:0 4px}.artplayer-video-player .artplayer-setting .art-setting-btns .art-setting-btn span{display:block;height:20px;line-height:20px;text-align:center;color:#fff;background:hsla(0,0%,100%,.3);border-radius:2px;cursor:pointer}.artplayer-video-player .artplayer-setting .art-setting-btns .art-setting-btn.current span,.artplayer-video-player .artplayer-setting .art-setting-btns .art-setting-btn:hover span{color:#fff;background:#00a1d6}
-.artplayer-video-player[data-aspect-ratio] video{box-sizing:content-box;-o-object-fit:fill;object-fit:fill}
+.artplayer-video-player .artplayer-info{display:none;position:absolute;left:10px;top:10px;z-index:90;width:350px;min-height:150px;padding:10px;color:#fff;font-size:12px;font-family:Noto Sans CJK SC DemiLight,Roboto,Segoe UI,Tahoma,Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;background:rgba(0,0,0,.7)}.artplayer-video-player .artplayer-info .art-info-item{display:flex;margin-bottom:5px}.artplayer-video-player .artplayer-info .art-info-item .art-info-title{width:100px;text-align:right}.artplayer-video-player .artplayer-info .art-info-item .art-info-content{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:5px}.artplayer-video-player .artplayer-info .artplayer-info-close{position:absolute;top:5px;right:5px;cursor:pointer}
 .artplayer-video-player.artplayer-web-fullscreen{position:fixed;z-index:9999;width:100%;height:100%;left:0;top:0;right:0;bottom:0}
+.artplayer-video-player[data-aspect-ratio] video{box-sizing:content-box;-o-object-fit:fill;object-fit:fill}
 .artplayer-video-player .artplayer-pip-header{display:none;position:absolute;z-index:100;left:0;top:0;right:0;height:35px;line-height:35px;color:#fff;background:rgba(0,0,0,.5);align-items:center;justify-content:space-between;opacity:0;visibility:hidden;transition:all .2s ease-in-out}.artplayer-video-player .artplayer-pip-header .artplayer-pip-title{flex:1;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:move}.artplayer-video-player .artplayer-pip-header .artplayer-pip-close{width:35px;text-align:center;font-size:22px;cursor:pointer}.artplayer-video-player.is-dragging{opacity:.7}.artplayer-video-player.artplayer-pip{position:fixed;z-index:9999;right:20px;bottom:20px;width:400px;height:225px;box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 3px 6px 0 rgba(0,0,0,.2)}.artplayer-video-player.artplayer-pip .artplayer-pip-header{display:flex}.artplayer-video-player.artplayer-pip.artplayer-hover .artplayer-pip-header{opacity:1;visibility:visible}.artplayer-video-player.artplayer-pip .artplayer-mask{display:flex;align-items:center;justify-content:center}.artplayer-video-player.artplayer-pip .artplayer-mask .art-icon-playBig{position:static}.artplayer-video-player.artplayer-pip .artplayer-bottom,.artplayer-video-player.artplayer-pip .artplayer-contextmenu,.artplayer-video-player.artplayer-pip .artplayer-danmu,.artplayer-video-player.artplayer-pip .artplayer-info,.artplayer-video-player.artplayer-pip .artplayer-layers,.artplayer-video-player.artplayer-pip .artplayer-notice,.artplayer-video-player.artplayer-pip .artplayer-setting,.artplayer-video-player.artplayer-pip .artplayer-subtitle{display:none!important}
 .artplayer-auto-size{display:flex;align-items:center;justify-content:center}
 .artplayer-video-player[data-flip=horizontal] .artplayer-video{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.artplayer-video-player[data-flip=vertical] .artplayer-video{-webkit-transform:scaleY(-1);transform:scaleY(-1)}
diff --git a/docs/uncompiled/artplayer.js b/docs/uncompiled/artplayer.js
index 5a5a3af1b..3c898b14a 100644
--- a/docs/uncompiled/artplayer.js
+++ b/docs/uncompiled/artplayer.js
@@ -121,34 +121,30 @@
 
   var inherits = _inherits;
 
-  function E () {
-    // Keep this empty so it's easier to inherit from
+  function E() {// Keep this empty so it's easier to inherit from
     // (via https://github.com/lipsmack from https://github.com/scottcorgan/tiny-emitter/issues/3)
   }
 
   E.prototype = {
-    on: function (name, callback, ctx) {
+    on: function on(name, callback, ctx) {
       var e = this.e || (this.e = {});
-
       (e[name] || (e[name] = [])).push({
         fn: callback,
         ctx: ctx
       });
-
       return this;
     },
-
-    once: function (name, callback, ctx) {
+    once: function once(name, callback, ctx) {
       var self = this;
-      function listener () {
+
+      function listener() {
         self.off(name, listener);
         callback.apply(ctx, arguments);
       }
       listener._ = callback;
       return this.on(name, listener, ctx);
     },
-
-    emit: function (name) {
+    emit: function emit(name) {
       var data = [].slice.call(arguments, 1);
       var evtArr = ((this.e || (this.e = {}))[name] || []).slice();
       var i = 0;
@@ -160,35 +156,202 @@
 
       return this;
     },
-
-    off: function (name, callback) {
+    off: function off(name, callback) {
       var e = this.e || (this.e = {});
       var evts = e[name];
       var liveEvents = [];
 
       if (evts && callback) {
         for (var i = 0, len = evts.length; i < len; i++) {
-          if (evts[i].fn !== callback && evts[i].fn._ !== callback)
-            liveEvents.push(evts[i]);
+          if (evts[i].fn !== callback && evts[i].fn._ !== callback) liveEvents.push(evts[i]);
         }
-      }
-
-      // Remove event from queue to prevent memory leak
+      } // Remove event from queue to prevent memory leak
       // Suggested by https://github.com/lazd
       // Ref: https://github.com/scottcorgan/tiny-emitter/commit/c6ebfaa9bc973b33d110a84a307742b7cf94c953#commitcomment-5024910
 
-      (liveEvents.length)
-        ? e[name] = liveEvents
-        : delete e[name];
 
+      liveEvents.length ? e[name] = liveEvents : delete e[name];
       return this;
     }
   };
-
   var tinyEmitter = E;
 
   var optionValidator = createCommonjsModule(function (module, exports) {
-  !function(r,t){module.exports=t();}(commonjsGlobal,function(){function c(r){return (c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(r){return typeof r}:function(r){return r&&"function"==typeof Symbol&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r})(r)}var u=Object.prototype.toString,i=function(r){if(void 0===r)return "undefined";if(null===r)return "null";var t,e,n,o,a,i=c(r);if("boolean"===i)return "boolean";if("string"===i)return "string";if("number"===i)return "number";if("symbol"===i)return "symbol";if("function"===i)return "GeneratorFunction"===f(r)?"generatorfunction":"function";if(t=r,Array.isArray?Array.isArray(t):t instanceof Array)return "array";if(function(r){if(r.constructor&&"function"==typeof r.constructor.isBuffer)return r.constructor.isBuffer(r);return !1}(r))return "buffer";if(function(r){try{if("number"==typeof r.length&&"function"==typeof r.callee)return !0}catch(r){if(-1!==r.message.indexOf("callee"))return !0}return !1}(r))return "arguments";if((e=r)instanceof Date||"function"==typeof e.toDateString&&"function"==typeof e.getDate&&"function"==typeof e.setDate)return "date";if((n=r)instanceof Error||"string"==typeof n.message&&n.constructor&&"number"==typeof n.constructor.stackTraceLimit)return "error";if((o=r)instanceof RegExp||"string"==typeof o.flags&&"boolean"==typeof o.ignoreCase&&"boolean"==typeof o.multiline&&"boolean"==typeof o.global)return "regexp";switch(f(r)){case"Symbol":return "symbol";case"Promise":return "promise";case"WeakMap":return "weakmap";case"WeakSet":return "weakset";case"Map":return "map";case"Set":return "set";case"Int8Array":return "int8array";case"Uint8Array":return "uint8array";case"Uint8ClampedArray":return "uint8clampedarray";case"Int16Array":return "int16array";case"Uint16Array":return "uint16array";case"Int32Array":return "int32array";case"Uint32Array":return "uint32array";case"Float32Array":return "float32array";case"Float64Array":return "float64array"}if("function"==typeof(a=r).throw&&"function"==typeof a.return&&"function"==typeof a.next)return "generator";switch(i=u.call(r)){case"[object Object]":return "object";case"[object Map Iterator]":return "mapiterator";case"[object Set Iterator]":return "setiterator";case"[object String Iterator]":return "stringiterator";case"[object Array Iterator]":return "arrayiterator"}return i.slice(8,-1).toLowerCase().replace(/\s/g,"")};function f(r){return r.constructor?r.constructor.name:null}function a(r,t){var e=2<arguments.length&&void 0!==arguments[2]?arguments[2]:["option"];for(var n in y(r,t,e),l(r,t,e),p(r,t,e),t)if(t.hasOwnProperty(n)){var o=r[n],a=t[n],i=e.concat(n);if(s(r,n,a,i))continue;y(o,a,i),l(o,a,i),p(o,a,i);}}function s(r,t,e,n){if(!Object.prototype.hasOwnProperty.call(r,t)){if(!0===e.__required__||!0===e.required)throw new TypeError("'".concat(n.join("."),"' is required"));return !0}}function y(r,t,e){var n;if("string"===i(t)?n=t:"function"===i(t)?t.___validator__=t:t.__type__?n=t.__type__:t.type&&(n=t.type),n&&"string"===i(n)){n=n.trim().toLowerCase();var o=i(r),a=o===n;if(-1<n.indexOf("|"))a=n.split("|").filter(Boolean).some(function(r){return o===r.trim()});if(!a)throw new TypeError("'".concat(e.join("."),"' require '").concat(n,"' type, but got '").concat(o,"'"))}}function l(r,t,e){var n;if(t.___validator__?n=t.___validator__:t.validator&&(n=t.validator),"function"===i(n)){var o=n(e,r,i(r));if(!0!==o)throw new TypeError("The scheme for '".concat(e.join("."),"' validator function require return true, but got '").concat(o,"'"))}}function p(r,t,e){var n;if(t.___child__?n=t.___child__:t.child&&(n=t.child),"object"===i(n)){var o=i(r);"object"===o?a(r,n,e):"array"===o&&r.forEach(function(r,t){a(r,n,e.concat(t));});}}return a.kindOf=i,window.optionValidator=a});
+    !function (r, t) {
+      module.exports = t();
+    }(commonjsGlobal, function () {
+
+      function c(r) {
+        return (c = "function" == typeof Symbol && "symbol" == _typeof_1(Symbol.iterator) ? function (r) {
+          return _typeof_1(r);
+        } : function (r) {
+          return r && "function" == typeof Symbol && r.constructor === Symbol && r !== Symbol.prototype ? "symbol" : _typeof_1(r);
+        })(r);
+      }
+
+      var u = Object.prototype.toString,
+          i = function i(r) {
+        if (void 0 === r) return "undefined";
+        if (null === r) return "null";
+        var t,
+            e,
+            n,
+            o,
+            a,
+            i = c(r);
+        if ("boolean" === i) return "boolean";
+        if ("string" === i) return "string";
+        if ("number" === i) return "number";
+        if ("symbol" === i) return "symbol";
+        if ("function" === i) return "GeneratorFunction" === f(r) ? "generatorfunction" : "function";
+        if (t = r, Array.isArray ? Array.isArray(t) : t instanceof Array) return "array";
+        if (function (r) {
+          if (r.constructor && "function" == typeof r.constructor.isBuffer) return r.constructor.isBuffer(r);
+          return !1;
+        }(r)) return "buffer";
+        if (function (r) {
+          try {
+            if ("number" == typeof r.length && "function" == typeof r.callee) return !0;
+          } catch (r) {
+            if (-1 !== r.message.indexOf("callee")) return !0;
+          }
+
+          return !1;
+        }(r)) return "arguments";
+        if ((e = r) instanceof Date || "function" == typeof e.toDateString && "function" == typeof e.getDate && "function" == typeof e.setDate) return "date";
+        if ((n = r) instanceof Error || "string" == typeof n.message && n.constructor && "number" == typeof n.constructor.stackTraceLimit) return "error";
+        if ((o = r) instanceof RegExp || "string" == typeof o.flags && "boolean" == typeof o.ignoreCase && "boolean" == typeof o.multiline && "boolean" == typeof o.global) return "regexp";
+
+        switch (f(r)) {
+          case "Symbol":
+            return "symbol";
+
+          case "Promise":
+            return "promise";
+
+          case "WeakMap":
+            return "weakmap";
+
+          case "WeakSet":
+            return "weakset";
+
+          case "Map":
+            return "map";
+
+          case "Set":
+            return "set";
+
+          case "Int8Array":
+            return "int8array";
+
+          case "Uint8Array":
+            return "uint8array";
+
+          case "Uint8ClampedArray":
+            return "uint8clampedarray";
+
+          case "Int16Array":
+            return "int16array";
+
+          case "Uint16Array":
+            return "uint16array";
+
+          case "Int32Array":
+            return "int32array";
+
+          case "Uint32Array":
+            return "uint32array";
+
+          case "Float32Array":
+            return "float32array";
+
+          case "Float64Array":
+            return "float64array";
+        }
+
+        if ("function" == typeof (a = r).throw && "function" == typeof a.return && "function" == typeof a.next) return "generator";
+
+        switch (i = u.call(r)) {
+          case "[object Object]":
+            return "object";
+
+          case "[object Map Iterator]":
+            return "mapiterator";
+
+          case "[object Set Iterator]":
+            return "setiterator";
+
+          case "[object String Iterator]":
+            return "stringiterator";
+
+          case "[object Array Iterator]":
+            return "arrayiterator";
+        }
+
+        return i.slice(8, -1).toLowerCase().replace(/\s/g, "");
+      };
+
+      function f(r) {
+        return r.constructor ? r.constructor.name : null;
+      }
+
+      function a(r, t) {
+        var e = 2 < arguments.length && void 0 !== arguments[2] ? arguments[2] : ["option"];
+
+        for (var n in y(r, t, e), l(r, t, e), p(r, t, e), t) {
+          if (t.hasOwnProperty(n)) {
+            var o = r[n],
+                a = t[n],
+                i = e.concat(n);
+            if (s(r, n, a, i)) continue;
+            y(o, a, i), l(o, a, i), p(o, a, i);
+          }
+        }
+      }
+
+      function s(r, t, e, n) {
+        if (!Object.prototype.hasOwnProperty.call(r, t)) {
+          if (!0 === e.__required__ || !0 === e.required) throw new TypeError("'".concat(n.join("."), "' is required"));
+          return !0;
+        }
+      }
+
+      function y(r, t, e) {
+        var n;
+
+        if ("string" === i(t) ? n = t : "function" === i(t) ? t.___validator__ = t : t.__type__ ? n = t.__type__ : t.type && (n = t.type), n && "string" === i(n)) {
+          n = n.trim().toLowerCase();
+          var o = i(r),
+              a = o === n;
+          if (-1 < n.indexOf("|")) a = n.split("|").filter(Boolean).some(function (r) {
+            return o === r.trim();
+          });
+          if (!a) throw new TypeError("'".concat(e.join("."), "' require '").concat(n, "' type, but got '").concat(o, "'"));
+        }
+      }
+
+      function l(r, t, e) {
+        var n;
+
+        if (t.___validator__ ? n = t.___validator__ : t.validator && (n = t.validator), "function" === i(n)) {
+          var o = n(e, r, i(r));
+          if (!0 !== o) throw new TypeError("The scheme for '".concat(e.join("."), "' validator function require return true, but got '").concat(o, "'"));
+        }
+      }
+
+      function p(r, t, e) {
+        var n;
+
+        if (t.___child__ ? n = t.___child__ : t.child && (n = t.child), "object" === i(n)) {
+          var o = i(r);
+          "object" === o ? a(r, n, e) : "array" === o && r.forEach(function (r, t) {
+            a(r, n, e.concat(t));
+          });
+        }
+      }
+
+      return a.kindOf = i, window.optionValidator = a;
+    });
   });
 
   function _defineProperty(obj, key, value) {
@@ -1358,173 +1521,129 @@
   }
 
   var screenfull = createCommonjsModule(function (module) {
-  /*!
-  * screenfull
-  * v3.3.3 - 2018-09-04
-  * (c) Sindre Sorhus; MIT License
-  */
-  (function () {
+    /*!
+    * screenfull
+    * v3.3.3 - 2018-09-04
+    * (c) Sindre Sorhus; MIT License
+    */
+    (function () {
 
-  	var document = typeof window !== 'undefined' && typeof window.document !== 'undefined' ? window.document : {};
-  	var isCommonjs = module.exports;
-  	var keyboardAllowed = typeof Element !== 'undefined' && 'ALLOW_KEYBOARD_INPUT' in Element;
+      var document = typeof window !== 'undefined' && typeof window.document !== 'undefined' ? window.document : {};
+      var isCommonjs = module.exports;
+      var keyboardAllowed = typeof Element !== 'undefined' && 'ALLOW_KEYBOARD_INPUT' in Element;
 
-  	var fn = (function () {
-  		var val;
+      var fn = function () {
+        var val;
+        var fnMap = [['requestFullscreen', 'exitFullscreen', 'fullscreenElement', 'fullscreenEnabled', 'fullscreenchange', 'fullscreenerror'], // New WebKit
+        ['webkitRequestFullscreen', 'webkitExitFullscreen', 'webkitFullscreenElement', 'webkitFullscreenEnabled', 'webkitfullscreenchange', 'webkitfullscreenerror'], // Old WebKit (Safari 5.1)
+        ['webkitRequestFullScreen', 'webkitCancelFullScreen', 'webkitCurrentFullScreenElement', 'webkitCancelFullScreen', 'webkitfullscreenchange', 'webkitfullscreenerror'], ['mozRequestFullScreen', 'mozCancelFullScreen', 'mozFullScreenElement', 'mozFullScreenEnabled', 'mozfullscreenchange', 'mozfullscreenerror'], ['msRequestFullscreen', 'msExitFullscreen', 'msFullscreenElement', 'msFullscreenEnabled', 'MSFullscreenChange', 'MSFullscreenError']];
+        var i = 0;
+        var l = fnMap.length;
+        var ret = {};
 
-  		var fnMap = [
-  			[
-  				'requestFullscreen',
-  				'exitFullscreen',
-  				'fullscreenElement',
-  				'fullscreenEnabled',
-  				'fullscreenchange',
-  				'fullscreenerror'
-  			],
-  			// New WebKit
-  			[
-  				'webkitRequestFullscreen',
-  				'webkitExitFullscreen',
-  				'webkitFullscreenElement',
-  				'webkitFullscreenEnabled',
-  				'webkitfullscreenchange',
-  				'webkitfullscreenerror'
+        for (; i < l; i++) {
+          val = fnMap[i];
 
-  			],
-  			// Old WebKit (Safari 5.1)
-  			[
-  				'webkitRequestFullScreen',
-  				'webkitCancelFullScreen',
-  				'webkitCurrentFullScreenElement',
-  				'webkitCancelFullScreen',
-  				'webkitfullscreenchange',
-  				'webkitfullscreenerror'
+          if (val && val[1] in document) {
+            for (i = 0; i < val.length; i++) {
+              ret[fnMap[0][i]] = val[i];
+            }
 
-  			],
-  			[
-  				'mozRequestFullScreen',
-  				'mozCancelFullScreen',
-  				'mozFullScreenElement',
-  				'mozFullScreenEnabled',
-  				'mozfullscreenchange',
-  				'mozfullscreenerror'
-  			],
-  			[
-  				'msRequestFullscreen',
-  				'msExitFullscreen',
-  				'msFullscreenElement',
-  				'msFullscreenEnabled',
-  				'MSFullscreenChange',
-  				'MSFullscreenError'
-  			]
-  		];
+            return ret;
+          }
+        }
 
-  		var i = 0;
-  		var l = fnMap.length;
-  		var ret = {};
+        return false;
+      }();
 
-  		for (; i < l; i++) {
-  			val = fnMap[i];
-  			if (val && val[1] in document) {
-  				for (i = 0; i < val.length; i++) {
-  					ret[fnMap[0][i]] = val[i];
-  				}
-  				return ret;
-  			}
-  		}
+      var eventNameMap = {
+        change: fn.fullscreenchange,
+        error: fn.fullscreenerror
+      };
+      var screenfull = {
+        request: function request(elem) {
+          var request = fn.requestFullscreen;
+          elem = elem || document.documentElement; // Work around Safari 5.1 bug: reports support for
+          // keyboard in fullscreen even though it doesn't.
+          // Browser sniffing, since the alternative with
+          // setTimeout is even worse.
 
-  		return false;
-  	})();
+          if (/ Version\/5\.1(?:\.\d+)? Safari\//.test(navigator.userAgent)) {
+            elem[request]();
+          } else {
+            elem[request](keyboardAllowed ? Element.ALLOW_KEYBOARD_INPUT : {});
+          }
+        },
+        exit: function exit() {
+          document[fn.exitFullscreen]();
+        },
+        toggle: function toggle(elem) {
+          if (this.isFullscreen) {
+            this.exit();
+          } else {
+            this.request(elem);
+          }
+        },
+        onchange: function onchange(callback) {
+          this.on('change', callback);
+        },
+        onerror: function onerror(callback) {
+          this.on('error', callback);
+        },
+        on: function on(event, callback) {
+          var eventName = eventNameMap[event];
 
-  	var eventNameMap = {
-  		change: fn.fullscreenchange,
-  		error: fn.fullscreenerror
-  	};
+          if (eventName) {
+            document.addEventListener(eventName, callback, false);
+          }
+        },
+        off: function off(event, callback) {
+          var eventName = eventNameMap[event];
 
-  	var screenfull = {
-  		request: function (elem) {
-  			var request = fn.requestFullscreen;
+          if (eventName) {
+            document.removeEventListener(eventName, callback, false);
+          }
+        },
+        raw: fn
+      };
 
-  			elem = elem || document.documentElement;
+      if (!fn) {
+        if (isCommonjs) {
+          module.exports = false;
+        } else {
+          window.screenfull = false;
+        }
 
-  			// Work around Safari 5.1 bug: reports support for
-  			// keyboard in fullscreen even though it doesn't.
-  			// Browser sniffing, since the alternative with
-  			// setTimeout is even worse.
-  			if (/ Version\/5\.1(?:\.\d+)? Safari\//.test(navigator.userAgent)) {
-  				elem[request]();
-  			} else {
-  				elem[request](keyboardAllowed ? Element.ALLOW_KEYBOARD_INPUT : {});
-  			}
-  		},
-  		exit: function () {
-  			document[fn.exitFullscreen]();
-  		},
-  		toggle: function (elem) {
-  			if (this.isFullscreen) {
-  				this.exit();
-  			} else {
-  				this.request(elem);
-  			}
-  		},
-  		onchange: function (callback) {
-  			this.on('change', callback);
-  		},
-  		onerror: function (callback) {
-  			this.on('error', callback);
-  		},
-  		on: function (event, callback) {
-  			var eventName = eventNameMap[event];
-  			if (eventName) {
-  				document.addEventListener(eventName, callback, false);
-  			}
-  		},
-  		off: function (event, callback) {
-  			var eventName = eventNameMap[event];
-  			if (eventName) {
-  				document.removeEventListener(eventName, callback, false);
-  			}
-  		},
-  		raw: fn
-  	};
+        return;
+      }
 
-  	if (!fn) {
-  		if (isCommonjs) {
-  			module.exports = false;
-  		} else {
-  			window.screenfull = false;
-  		}
+      Object.defineProperties(screenfull, {
+        isFullscreen: {
+          get: function get() {
+            return Boolean(document[fn.fullscreenElement]);
+          }
+        },
+        element: {
+          enumerable: true,
+          get: function get() {
+            return document[fn.fullscreenElement];
+          }
+        },
+        enabled: {
+          enumerable: true,
+          get: function get() {
+            // Coerce to boolean in case of old WebKit
+            return Boolean(document[fn.fullscreenEnabled]);
+          }
+        }
+      });
 
-  		return;
-  	}
-
-  	Object.defineProperties(screenfull, {
-  		isFullscreen: {
-  			get: function () {
-  				return Boolean(document[fn.fullscreenElement]);
-  			}
-  		},
-  		element: {
-  			enumerable: true,
-  			get: function () {
-  				return document[fn.fullscreenElement];
-  			}
-  		},
-  		enabled: {
-  			enumerable: true,
-  			get: function () {
-  				// Coerce to boolean in case of old WebKit
-  				return Boolean(document[fn.fullscreenEnabled]);
-  			}
-  		}
-  	});
-
-  	if (isCommonjs) {
-  		module.exports = screenfull;
-  	} else {
-  		window.screenfull = screenfull;
-  	}
-  })();
+      if (isCommonjs) {
+        module.exports = screenfull;
+      } else {
+        window.screenfull = screenfull;
+      }
+    })();
   });
 
   function fullscreenMix(art, player) {
@@ -1621,1324 +1740,1286 @@
   }
 
   var getSize = createCommonjsModule(function (module) {
-  /*!
-   * getSize v2.0.3
-   * measure size of elements
-   * MIT license
-   */
-
-  /* jshint browser: true, strict: true, undef: true, unused: true */
-  /* globals console: false */
-
-  ( function( window, factory ) {
-    /* jshint strict: false */ /* globals define, module */
-    if ( module.exports ) {
-      // CommonJS
-      module.exports = factory();
-    } else {
-      // browser global
-      window.getSize = factory();
-    }
-
-  })( window, function factory() {
-
-  // -------------------------- helpers -------------------------- //
-
-  // get a number from a string, not a percentage
-  function getStyleSize( value ) {
-    var num = parseFloat( value );
-    // not a percent like '100%', and a number
-    var isValid = value.indexOf('%') == -1 && !isNaN( num );
-    return isValid && num;
-  }
-
-  function noop() {}
-
-  var logError = typeof console == 'undefined' ? noop :
-    function( message ) {
-      console.error( message );
-    };
-
-  // -------------------------- measurements -------------------------- //
-
-  var measurements = [
-    'paddingLeft',
-    'paddingRight',
-    'paddingTop',
-    'paddingBottom',
-    'marginLeft',
-    'marginRight',
-    'marginTop',
-    'marginBottom',
-    'borderLeftWidth',
-    'borderRightWidth',
-    'borderTopWidth',
-    'borderBottomWidth'
-  ];
-
-  var measurementsLength = measurements.length;
-
-  function getZeroSize() {
-    var size = {
-      width: 0,
-      height: 0,
-      innerWidth: 0,
-      innerHeight: 0,
-      outerWidth: 0,
-      outerHeight: 0
-    };
-    for ( var i=0; i < measurementsLength; i++ ) {
-      var measurement = measurements[i];
-      size[ measurement ] = 0;
-    }
-    return size;
-  }
-
-  // -------------------------- getStyle -------------------------- //
-
-  /**
-   * getStyle, get style of element, check for Firefox bug
-   * https://bugzilla.mozilla.org/show_bug.cgi?id=548397
-   */
-  function getStyle( elem ) {
-    var style = getComputedStyle( elem );
-    if ( !style ) {
-      logError( 'Style returned ' + style +
-        '. Are you running this code in a hidden iframe on Firefox? ' +
-        'See https://bit.ly/getsizebug1' );
-    }
-    return style;
-  }
-
-  // -------------------------- setup -------------------------- //
-
-  var isSetup = false;
-
-  var isBoxSizeOuter;
-
-  /**
-   * setup
-   * check isBoxSizerOuter
-   * do on first getSize() rather than on page load for Firefox bug
-   */
-  function setup() {
-    // setup once
-    if ( isSetup ) {
-      return;
-    }
-    isSetup = true;
-
-    // -------------------------- box sizing -------------------------- //
-
-    /**
-     * Chrome & Safari measure the outer-width on style.width on border-box elems
-     * IE11 & Firefox<29 measures the inner-width
+    /*!
+     * getSize v2.0.3
+     * measure size of elements
+     * MIT license
      */
-    var div = document.createElement('div');
-    div.style.width = '200px';
-    div.style.padding = '1px 2px 3px 4px';
-    div.style.borderStyle = 'solid';
-    div.style.borderWidth = '1px 2px 3px 4px';
-    div.style.boxSizing = 'border-box';
 
-    var body = document.body || document.documentElement;
-    body.appendChild( div );
-    var style = getStyle( div );
-    // round value for browser zoom. desandro/masonry#928
-    isBoxSizeOuter = Math.round( getStyleSize( style.width ) ) == 200;
-    getSize.isBoxSizeOuter = isBoxSizeOuter;
+    /* jshint browser: true, strict: true, undef: true, unused: true */
 
-    body.removeChild( div );
-  }
+    /* globals console: false */
+    (function (window, factory) {
+      /* jshint strict: false */
 
-  // -------------------------- getSize -------------------------- //
+      /* globals define, module */
+      if (module.exports) {
+        // CommonJS
+        module.exports = factory();
+      } else {
+        // browser global
+        window.getSize = factory();
+      }
+    })(window, function factory() {
+      // get a number from a string, not a percentage
 
-  function getSize( elem ) {
-    setup();
+      function getStyleSize(value) {
+        var num = parseFloat(value); // not a percent like '100%', and a number
 
-    // use querySeletor if elem is string
-    if ( typeof elem == 'string' ) {
-      elem = document.querySelector( elem );
-    }
+        var isValid = value.indexOf('%') == -1 && !isNaN(num);
+        return isValid && num;
+      }
 
-    // do not proceed on non-objects
-    if ( !elem || typeof elem != 'object' || !elem.nodeType ) {
-      return;
-    }
+      function noop() {}
 
-    var style = getStyle( elem );
+      var logError = typeof console == 'undefined' ? noop : function (message) {
+        console.error(message);
+      }; // -------------------------- measurements -------------------------- //
 
-    // if hidden, everything is 0
-    if ( style.display == 'none' ) {
-      return getZeroSize();
-    }
+      var measurements = ['paddingLeft', 'paddingRight', 'paddingTop', 'paddingBottom', 'marginLeft', 'marginRight', 'marginTop', 'marginBottom', 'borderLeftWidth', 'borderRightWidth', 'borderTopWidth', 'borderBottomWidth'];
+      var measurementsLength = measurements.length;
 
-    var size = {};
-    size.width = elem.offsetWidth;
-    size.height = elem.offsetHeight;
+      function getZeroSize() {
+        var size = {
+          width: 0,
+          height: 0,
+          innerWidth: 0,
+          innerHeight: 0,
+          outerWidth: 0,
+          outerHeight: 0
+        };
 
-    var isBorderBox = size.isBorderBox = style.boxSizing == 'border-box';
+        for (var i = 0; i < measurementsLength; i++) {
+          var measurement = measurements[i];
+          size[measurement] = 0;
+        }
 
-    // get all measurements
-    for ( var i=0; i < measurementsLength; i++ ) {
-      var measurement = measurements[i];
-      var value = style[ measurement ];
-      var num = parseFloat( value );
-      // any 'auto', 'medium' value will be 0
-      size[ measurement ] = !isNaN( num ) ? num : 0;
-    }
+        return size;
+      } // -------------------------- getStyle -------------------------- //
 
-    var paddingWidth = size.paddingLeft + size.paddingRight;
-    var paddingHeight = size.paddingTop + size.paddingBottom;
-    var marginWidth = size.marginLeft + size.marginRight;
-    var marginHeight = size.marginTop + size.marginBottom;
-    var borderWidth = size.borderLeftWidth + size.borderRightWidth;
-    var borderHeight = size.borderTopWidth + size.borderBottomWidth;
+      /**
+       * getStyle, get style of element, check for Firefox bug
+       * https://bugzilla.mozilla.org/show_bug.cgi?id=548397
+       */
 
-    var isBorderBoxSizeOuter = isBorderBox && isBoxSizeOuter;
 
-    // overwrite width and height if we can get it from style
-    var styleWidth = getStyleSize( style.width );
-    if ( styleWidth !== false ) {
-      size.width = styleWidth +
-        // add padding and border unless it's already including it
-        ( isBorderBoxSizeOuter ? 0 : paddingWidth + borderWidth );
-    }
+      function getStyle(elem) {
+        var style = getComputedStyle(elem);
 
-    var styleHeight = getStyleSize( style.height );
-    if ( styleHeight !== false ) {
-      size.height = styleHeight +
-        // add padding and border unless it's already including it
-        ( isBorderBoxSizeOuter ? 0 : paddingHeight + borderHeight );
-    }
+        if (!style) {
+          logError('Style returned ' + style + '. Are you running this code in a hidden iframe on Firefox? ' + 'See https://bit.ly/getsizebug1');
+        }
 
-    size.innerWidth = size.width - ( paddingWidth + borderWidth );
-    size.innerHeight = size.height - ( paddingHeight + borderHeight );
+        return style;
+      } // -------------------------- setup -------------------------- //
 
-    size.outerWidth = size.width + marginWidth;
-    size.outerHeight = size.height + marginHeight;
 
-    return size;
-  }
+      var isSetup = false;
+      var isBoxSizeOuter;
+      /**
+       * setup
+       * check isBoxSizerOuter
+       * do on first getSize() rather than on page load for Firefox bug
+       */
 
-  return getSize;
+      function setup() {
+        // setup once
+        if (isSetup) {
+          return;
+        }
 
-  });
+        isSetup = true; // -------------------------- box sizing -------------------------- //
+
+        /**
+         * Chrome & Safari measure the outer-width on style.width on border-box elems
+         * IE11 & Firefox<29 measures the inner-width
+         */
+
+        var div = document.createElement('div');
+        div.style.width = '200px';
+        div.style.padding = '1px 2px 3px 4px';
+        div.style.borderStyle = 'solid';
+        div.style.borderWidth = '1px 2px 3px 4px';
+        div.style.boxSizing = 'border-box';
+        var body = document.body || document.documentElement;
+        body.appendChild(div);
+        var style = getStyle(div); // round value for browser zoom. desandro/masonry#928
+
+        isBoxSizeOuter = Math.round(getStyleSize(style.width)) == 200;
+        getSize.isBoxSizeOuter = isBoxSizeOuter;
+        body.removeChild(div);
+      } // -------------------------- getSize -------------------------- //
+
+
+      function getSize(elem) {
+        setup(); // use querySeletor if elem is string
+
+        if (typeof elem == 'string') {
+          elem = document.querySelector(elem);
+        } // do not proceed on non-objects
+
+
+        if (!elem || _typeof_1(elem) != 'object' || !elem.nodeType) {
+          return;
+        }
+
+        var style = getStyle(elem); // if hidden, everything is 0
+
+        if (style.display == 'none') {
+          return getZeroSize();
+        }
+
+        var size = {};
+        size.width = elem.offsetWidth;
+        size.height = elem.offsetHeight;
+        var isBorderBox = size.isBorderBox = style.boxSizing == 'border-box'; // get all measurements
+
+        for (var i = 0; i < measurementsLength; i++) {
+          var measurement = measurements[i];
+          var value = style[measurement];
+          var num = parseFloat(value); // any 'auto', 'medium' value will be 0
+
+          size[measurement] = !isNaN(num) ? num : 0;
+        }
+
+        var paddingWidth = size.paddingLeft + size.paddingRight;
+        var paddingHeight = size.paddingTop + size.paddingBottom;
+        var marginWidth = size.marginLeft + size.marginRight;
+        var marginHeight = size.marginTop + size.marginBottom;
+        var borderWidth = size.borderLeftWidth + size.borderRightWidth;
+        var borderHeight = size.borderTopWidth + size.borderBottomWidth;
+        var isBorderBoxSizeOuter = isBorderBox && isBoxSizeOuter; // overwrite width and height if we can get it from style
+
+        var styleWidth = getStyleSize(style.width);
+
+        if (styleWidth !== false) {
+          size.width = styleWidth + ( // add padding and border unless it's already including it
+          isBorderBoxSizeOuter ? 0 : paddingWidth + borderWidth);
+        }
+
+        var styleHeight = getStyleSize(style.height);
+
+        if (styleHeight !== false) {
+          size.height = styleHeight + ( // add padding and border unless it's already including it
+          isBorderBoxSizeOuter ? 0 : paddingHeight + borderHeight);
+        }
+
+        size.innerWidth = size.width - (paddingWidth + borderWidth);
+        size.innerHeight = size.height - (paddingHeight + borderHeight);
+        size.outerWidth = size.width + marginWidth;
+        size.outerHeight = size.height + marginHeight;
+        return size;
+      }
+
+      return getSize;
+    });
   });
 
   var evEmitter = createCommonjsModule(function (module) {
-  /**
-   * EvEmitter v1.1.0
-   * Lil' event emitter
-   * MIT License
-   */
+    /**
+     * EvEmitter v1.1.0
+     * Lil' event emitter
+     * MIT License
+     */
 
-  /* jshint unused: true, undef: true, strict: true */
+    /* jshint unused: true, undef: true, strict: true */
+    (function (global, factory) {
+      // universal module definition
 
-  ( function( global, factory ) {
-    // universal module definition
-    /* jshint strict: false */ /* globals define, module, window */
-    if ( module.exports ) {
-      // CommonJS - Browserify, Webpack
-      module.exports = factory();
-    } else {
-      // Browser globals
-      global.EvEmitter = factory();
-    }
+      /* jshint strict: false */
 
-  }( typeof window != 'undefined' ? window : commonjsGlobal, function() {
-
-  function EvEmitter() {}
-
-  var proto = EvEmitter.prototype;
-
-  proto.on = function( eventName, listener ) {
-    if ( !eventName || !listener ) {
-      return;
-    }
-    // set events hash
-    var events = this._events = this._events || {};
-    // set listeners array
-    var listeners = events[ eventName ] = events[ eventName ] || [];
-    // only add once
-    if ( listeners.indexOf( listener ) == -1 ) {
-      listeners.push( listener );
-    }
-
-    return this;
-  };
-
-  proto.once = function( eventName, listener ) {
-    if ( !eventName || !listener ) {
-      return;
-    }
-    // add event
-    this.on( eventName, listener );
-    // set once flag
-    // set onceEvents hash
-    var onceEvents = this._onceEvents = this._onceEvents || {};
-    // set onceListeners object
-    var onceListeners = onceEvents[ eventName ] = onceEvents[ eventName ] || {};
-    // set flag
-    onceListeners[ listener ] = true;
-
-    return this;
-  };
-
-  proto.off = function( eventName, listener ) {
-    var listeners = this._events && this._events[ eventName ];
-    if ( !listeners || !listeners.length ) {
-      return;
-    }
-    var index = listeners.indexOf( listener );
-    if ( index != -1 ) {
-      listeners.splice( index, 1 );
-    }
-
-    return this;
-  };
-
-  proto.emitEvent = function( eventName, args ) {
-    var listeners = this._events && this._events[ eventName ];
-    if ( !listeners || !listeners.length ) {
-      return;
-    }
-    // copy over to avoid interference if .off() in listener
-    listeners = listeners.slice(0);
-    args = args || [];
-    // once stuff
-    var onceListeners = this._onceEvents && this._onceEvents[ eventName ];
-
-    for ( var i=0; i < listeners.length; i++ ) {
-      var listener = listeners[i];
-      var isOnce = onceListeners && onceListeners[ listener ];
-      if ( isOnce ) {
-        // remove listener
-        // remove before trigger to prevent recursion
-        this.off( eventName, listener );
-        // unset once flag
-        delete onceListeners[ listener ];
+      /* globals define, module, window */
+      if (module.exports) {
+        // CommonJS - Browserify, Webpack
+        module.exports = factory();
+      } else {
+        // Browser globals
+        global.EvEmitter = factory();
       }
-      // trigger listener
-      listener.apply( this, args );
-    }
+    })(typeof window != 'undefined' ? window : commonjsGlobal, function () {
 
-    return this;
-  };
+      function EvEmitter() {}
 
-  proto.allOff = function() {
-    delete this._events;
-    delete this._onceEvents;
-  };
+      var proto = EvEmitter.prototype;
 
-  return EvEmitter;
+      proto.on = function (eventName, listener) {
+        if (!eventName || !listener) {
+          return;
+        } // set events hash
 
-  }));
+
+        var events = this._events = this._events || {}; // set listeners array
+
+        var listeners = events[eventName] = events[eventName] || []; // only add once
+
+        if (listeners.indexOf(listener) == -1) {
+          listeners.push(listener);
+        }
+
+        return this;
+      };
+
+      proto.once = function (eventName, listener) {
+        if (!eventName || !listener) {
+          return;
+        } // add event
+
+
+        this.on(eventName, listener); // set once flag
+        // set onceEvents hash
+
+        var onceEvents = this._onceEvents = this._onceEvents || {}; // set onceListeners object
+
+        var onceListeners = onceEvents[eventName] = onceEvents[eventName] || {}; // set flag
+
+        onceListeners[listener] = true;
+        return this;
+      };
+
+      proto.off = function (eventName, listener) {
+        var listeners = this._events && this._events[eventName];
+
+        if (!listeners || !listeners.length) {
+          return;
+        }
+
+        var index = listeners.indexOf(listener);
+
+        if (index != -1) {
+          listeners.splice(index, 1);
+        }
+
+        return this;
+      };
+
+      proto.emitEvent = function (eventName, args) {
+        var listeners = this._events && this._events[eventName];
+
+        if (!listeners || !listeners.length) {
+          return;
+        } // copy over to avoid interference if .off() in listener
+
+
+        listeners = listeners.slice(0);
+        args = args || []; // once stuff
+
+        var onceListeners = this._onceEvents && this._onceEvents[eventName];
+
+        for (var i = 0; i < listeners.length; i++) {
+          var listener = listeners[i];
+          var isOnce = onceListeners && onceListeners[listener];
+
+          if (isOnce) {
+            // remove listener
+            // remove before trigger to prevent recursion
+            this.off(eventName, listener); // unset once flag
+
+            delete onceListeners[listener];
+          } // trigger listener
+
+
+          listener.apply(this, args);
+        }
+
+        return this;
+      };
+
+      proto.allOff = function () {
+        delete this._events;
+        delete this._onceEvents;
+      };
+
+      return EvEmitter;
+    });
   });
 
   var unipointer = createCommonjsModule(function (module) {
-  /*!
-   * Unipointer v2.3.0
-   * base class for doing one thing with pointer event
-   * MIT license
-   */
+    /*!
+     * Unipointer v2.3.0
+     * base class for doing one thing with pointer event
+     * MIT license
+     */
 
-  /*jshint browser: true, undef: true, unused: true, strict: true */
+    /*jshint browser: true, undef: true, unused: true, strict: true */
+    (function (window, factory) {
+      // universal module definition
 
-  ( function( window, factory ) {
-    // universal module definition
-    /* jshint strict: false */ /*global define, module, require */
-    if ( module.exports ) {
-      // CommonJS
-      module.exports = factory(
-        window,
-        evEmitter
-      );
-    } else {
-      // browser global
-      window.Unipointer = factory(
-        window,
-        window.EvEmitter
-      );
-    }
+      /* jshint strict: false */
 
-  }( window, function factory( window, EvEmitter ) {
-
-  function noop() {}
-
-  function Unipointer() {}
-
-  // inherit EvEmitter
-  var proto = Unipointer.prototype = Object.create( EvEmitter.prototype );
-
-  proto.bindStartEvent = function( elem ) {
-    this._bindStartEvent( elem, true );
-  };
-
-  proto.unbindStartEvent = function( elem ) {
-    this._bindStartEvent( elem, false );
-  };
-
-  /**
-   * Add or remove start event
-   * @param {Boolean} isAdd - remove if falsey
-   */
-  proto._bindStartEvent = function( elem, isAdd ) {
-    // munge isAdd, default to true
-    isAdd = isAdd === undefined ? true : isAdd;
-    var bindMethod = isAdd ? 'addEventListener' : 'removeEventListener';
-
-    // default to mouse events
-    var startEvent = 'mousedown';
-    if ( window.PointerEvent ) {
-      // Pointer Events
-      startEvent = 'pointerdown';
-    } else if ( 'ontouchstart' in window ) {
-      // Touch Events. iOS Safari
-      startEvent = 'touchstart';
-    }
-    elem[ bindMethod ]( startEvent, this );
-  };
-
-  // trigger handler methods for events
-  proto.handleEvent = function( event ) {
-    var method = 'on' + event.type;
-    if ( this[ method ] ) {
-      this[ method ]( event );
-    }
-  };
-
-  // returns the touch that we're keeping track of
-  proto.getTouch = function( touches ) {
-    for ( var i=0; i < touches.length; i++ ) {
-      var touch = touches[i];
-      if ( touch.identifier == this.pointerIdentifier ) {
-        return touch;
+      /*global define, module, require */
+      if (module.exports) {
+        // CommonJS
+        module.exports = factory(window, evEmitter);
+      } else {
+        // browser global
+        window.Unipointer = factory(window, window.EvEmitter);
       }
-    }
-  };
+    })(window, function factory(window, EvEmitter) {
 
-  // ----- start event ----- //
+      function noop() {}
 
-  proto.onmousedown = function( event ) {
-    // dismiss clicks from right or middle buttons
-    var button = event.button;
-    if ( button && ( button !== 0 && button !== 1 ) ) {
-      return;
-    }
-    this._pointerDown( event, event );
-  };
-
-  proto.ontouchstart = function( event ) {
-    this._pointerDown( event, event.changedTouches[0] );
-  };
-
-  proto.onpointerdown = function( event ) {
-    this._pointerDown( event, event );
-  };
-
-  /**
-   * pointer start
-   * @param {Event} event
-   * @param {Event or Touch} pointer
-   */
-  proto._pointerDown = function( event, pointer ) {
-    // dismiss right click and other pointers
-    // button = 0 is okay, 1-4 not
-    if ( event.button || this.isPointerDown ) {
-      return;
-    }
-
-    this.isPointerDown = true;
-    // save pointer identifier to match up touch events
-    this.pointerIdentifier = pointer.pointerId !== undefined ?
-      // pointerId for pointer events, touch.indentifier for touch events
-      pointer.pointerId : pointer.identifier;
-
-    this.pointerDown( event, pointer );
-  };
-
-  proto.pointerDown = function( event, pointer ) {
-    this._bindPostStartEvents( event );
-    this.emitEvent( 'pointerDown', [ event, pointer ] );
-  };
-
-  // hash of events to be bound after start event
-  var postStartEvents = {
-    mousedown: [ 'mousemove', 'mouseup' ],
-    touchstart: [ 'touchmove', 'touchend', 'touchcancel' ],
-    pointerdown: [ 'pointermove', 'pointerup', 'pointercancel' ],
-  };
-
-  proto._bindPostStartEvents = function( event ) {
-    if ( !event ) {
-      return;
-    }
-    // get proper events to match start event
-    var events = postStartEvents[ event.type ];
-    // bind events to node
-    events.forEach( function( eventName ) {
-      window.addEventListener( eventName, this );
-    }, this );
-    // save these arguments
-    this._boundPointerEvents = events;
-  };
-
-  proto._unbindPostStartEvents = function() {
-    // check for _boundEvents, in case dragEnd triggered twice (old IE8 bug)
-    if ( !this._boundPointerEvents ) {
-      return;
-    }
-    this._boundPointerEvents.forEach( function( eventName ) {
-      window.removeEventListener( eventName, this );
-    }, this );
-
-    delete this._boundPointerEvents;
-  };
-
-  // ----- move event ----- //
-
-  proto.onmousemove = function( event ) {
-    this._pointerMove( event, event );
-  };
-
-  proto.onpointermove = function( event ) {
-    if ( event.pointerId == this.pointerIdentifier ) {
-      this._pointerMove( event, event );
-    }
-  };
-
-  proto.ontouchmove = function( event ) {
-    var touch = this.getTouch( event.changedTouches );
-    if ( touch ) {
-      this._pointerMove( event, touch );
-    }
-  };
-
-  /**
-   * pointer move
-   * @param {Event} event
-   * @param {Event or Touch} pointer
-   * @private
-   */
-  proto._pointerMove = function( event, pointer ) {
-    this.pointerMove( event, pointer );
-  };
-
-  // public
-  proto.pointerMove = function( event, pointer ) {
-    this.emitEvent( 'pointerMove', [ event, pointer ] );
-  };
-
-  // ----- end event ----- //
+      function Unipointer() {} // inherit EvEmitter
 
 
-  proto.onmouseup = function( event ) {
-    this._pointerUp( event, event );
-  };
+      var proto = Unipointer.prototype = Object.create(EvEmitter.prototype);
 
-  proto.onpointerup = function( event ) {
-    if ( event.pointerId == this.pointerIdentifier ) {
-      this._pointerUp( event, event );
-    }
-  };
+      proto.bindStartEvent = function (elem) {
+        this._bindStartEvent(elem, true);
+      };
 
-  proto.ontouchend = function( event ) {
-    var touch = this.getTouch( event.changedTouches );
-    if ( touch ) {
-      this._pointerUp( event, touch );
-    }
-  };
+      proto.unbindStartEvent = function (elem) {
+        this._bindStartEvent(elem, false);
+      };
+      /**
+       * Add or remove start event
+       * @param {Boolean} isAdd - remove if falsey
+       */
 
-  /**
-   * pointer up
-   * @param {Event} event
-   * @param {Event or Touch} pointer
-   * @private
-   */
-  proto._pointerUp = function( event, pointer ) {
-    this._pointerDone();
-    this.pointerUp( event, pointer );
-  };
 
-  // public
-  proto.pointerUp = function( event, pointer ) {
-    this.emitEvent( 'pointerUp', [ event, pointer ] );
-  };
+      proto._bindStartEvent = function (elem, isAdd) {
+        // munge isAdd, default to true
+        isAdd = isAdd === undefined ? true : isAdd;
+        var bindMethod = isAdd ? 'addEventListener' : 'removeEventListener'; // default to mouse events
 
-  // ----- pointer done ----- //
+        var startEvent = 'mousedown';
 
-  // triggered on pointer up & pointer cancel
-  proto._pointerDone = function() {
-    this._pointerReset();
-    this._unbindPostStartEvents();
-    this.pointerDone();
-  };
+        if (window.PointerEvent) {
+          // Pointer Events
+          startEvent = 'pointerdown';
+        } else if ('ontouchstart' in window) {
+          // Touch Events. iOS Safari
+          startEvent = 'touchstart';
+        }
 
-  proto._pointerReset = function() {
-    // reset properties
-    this.isPointerDown = false;
-    delete this.pointerIdentifier;
-  };
+        elem[bindMethod](startEvent, this);
+      }; // trigger handler methods for events
 
-  proto.pointerDone = noop;
 
-  // ----- pointer cancel ----- //
+      proto.handleEvent = function (event) {
+        var method = 'on' + event.type;
 
-  proto.onpointercancel = function( event ) {
-    if ( event.pointerId == this.pointerIdentifier ) {
-      this._pointerCancel( event, event );
-    }
-  };
+        if (this[method]) {
+          this[method](event);
+        }
+      }; // returns the touch that we're keeping track of
 
-  proto.ontouchcancel = function( event ) {
-    var touch = this.getTouch( event.changedTouches );
-    if ( touch ) {
-      this._pointerCancel( event, touch );
-    }
-  };
 
-  /**
-   * pointer cancel
-   * @param {Event} event
-   * @param {Event or Touch} pointer
-   * @private
-   */
-  proto._pointerCancel = function( event, pointer ) {
-    this._pointerDone();
-    this.pointerCancel( event, pointer );
-  };
+      proto.getTouch = function (touches) {
+        for (var i = 0; i < touches.length; i++) {
+          var touch = touches[i];
 
-  // public
-  proto.pointerCancel = function( event, pointer ) {
-    this.emitEvent( 'pointerCancel', [ event, pointer ] );
-  };
+          if (touch.identifier == this.pointerIdentifier) {
+            return touch;
+          }
+        }
+      }; // ----- start event ----- //
 
-  // -----  ----- //
 
-  // utility function for getting x/y coords from event
-  Unipointer.getPointerPoint = function( pointer ) {
-    return {
-      x: pointer.pageX,
-      y: pointer.pageY
-    };
-  };
+      proto.onmousedown = function (event) {
+        // dismiss clicks from right or middle buttons
+        var button = event.button;
 
-  // -----  ----- //
+        if (button && button !== 0 && button !== 1) {
+          return;
+        }
 
-  return Unipointer;
+        this._pointerDown(event, event);
+      };
 
-  }));
+      proto.ontouchstart = function (event) {
+        this._pointerDown(event, event.changedTouches[0]);
+      };
+
+      proto.onpointerdown = function (event) {
+        this._pointerDown(event, event);
+      };
+      /**
+       * pointer start
+       * @param {Event} event
+       * @param {Event or Touch} pointer
+       */
+
+
+      proto._pointerDown = function (event, pointer) {
+        // dismiss right click and other pointers
+        // button = 0 is okay, 1-4 not
+        if (event.button || this.isPointerDown) {
+          return;
+        }
+
+        this.isPointerDown = true; // save pointer identifier to match up touch events
+
+        this.pointerIdentifier = pointer.pointerId !== undefined ? // pointerId for pointer events, touch.indentifier for touch events
+        pointer.pointerId : pointer.identifier;
+        this.pointerDown(event, pointer);
+      };
+
+      proto.pointerDown = function (event, pointer) {
+        this._bindPostStartEvents(event);
+
+        this.emitEvent('pointerDown', [event, pointer]);
+      }; // hash of events to be bound after start event
+
+
+      var postStartEvents = {
+        mousedown: ['mousemove', 'mouseup'],
+        touchstart: ['touchmove', 'touchend', 'touchcancel'],
+        pointerdown: ['pointermove', 'pointerup', 'pointercancel']
+      };
+
+      proto._bindPostStartEvents = function (event) {
+        if (!event) {
+          return;
+        } // get proper events to match start event
+
+
+        var events = postStartEvents[event.type]; // bind events to node
+
+        events.forEach(function (eventName) {
+          window.addEventListener(eventName, this);
+        }, this); // save these arguments
+
+        this._boundPointerEvents = events;
+      };
+
+      proto._unbindPostStartEvents = function () {
+        // check for _boundEvents, in case dragEnd triggered twice (old IE8 bug)
+        if (!this._boundPointerEvents) {
+          return;
+        }
+
+        this._boundPointerEvents.forEach(function (eventName) {
+          window.removeEventListener(eventName, this);
+        }, this);
+
+        delete this._boundPointerEvents;
+      }; // ----- move event ----- //
+
+
+      proto.onmousemove = function (event) {
+        this._pointerMove(event, event);
+      };
+
+      proto.onpointermove = function (event) {
+        if (event.pointerId == this.pointerIdentifier) {
+          this._pointerMove(event, event);
+        }
+      };
+
+      proto.ontouchmove = function (event) {
+        var touch = this.getTouch(event.changedTouches);
+
+        if (touch) {
+          this._pointerMove(event, touch);
+        }
+      };
+      /**
+       * pointer move
+       * @param {Event} event
+       * @param {Event or Touch} pointer
+       * @private
+       */
+
+
+      proto._pointerMove = function (event, pointer) {
+        this.pointerMove(event, pointer);
+      }; // public
+
+
+      proto.pointerMove = function (event, pointer) {
+        this.emitEvent('pointerMove', [event, pointer]);
+      }; // ----- end event ----- //
+
+
+      proto.onmouseup = function (event) {
+        this._pointerUp(event, event);
+      };
+
+      proto.onpointerup = function (event) {
+        if (event.pointerId == this.pointerIdentifier) {
+          this._pointerUp(event, event);
+        }
+      };
+
+      proto.ontouchend = function (event) {
+        var touch = this.getTouch(event.changedTouches);
+
+        if (touch) {
+          this._pointerUp(event, touch);
+        }
+      };
+      /**
+       * pointer up
+       * @param {Event} event
+       * @param {Event or Touch} pointer
+       * @private
+       */
+
+
+      proto._pointerUp = function (event, pointer) {
+        this._pointerDone();
+
+        this.pointerUp(event, pointer);
+      }; // public
+
+
+      proto.pointerUp = function (event, pointer) {
+        this.emitEvent('pointerUp', [event, pointer]);
+      }; // ----- pointer done ----- //
+      // triggered on pointer up & pointer cancel
+
+
+      proto._pointerDone = function () {
+        this._pointerReset();
+
+        this._unbindPostStartEvents();
+
+        this.pointerDone();
+      };
+
+      proto._pointerReset = function () {
+        // reset properties
+        this.isPointerDown = false;
+        delete this.pointerIdentifier;
+      };
+
+      proto.pointerDone = noop; // ----- pointer cancel ----- //
+
+      proto.onpointercancel = function (event) {
+        if (event.pointerId == this.pointerIdentifier) {
+          this._pointerCancel(event, event);
+        }
+      };
+
+      proto.ontouchcancel = function (event) {
+        var touch = this.getTouch(event.changedTouches);
+
+        if (touch) {
+          this._pointerCancel(event, touch);
+        }
+      };
+      /**
+       * pointer cancel
+       * @param {Event} event
+       * @param {Event or Touch} pointer
+       * @private
+       */
+
+
+      proto._pointerCancel = function (event, pointer) {
+        this._pointerDone();
+
+        this.pointerCancel(event, pointer);
+      }; // public
+
+
+      proto.pointerCancel = function (event, pointer) {
+        this.emitEvent('pointerCancel', [event, pointer]);
+      }; // -----  ----- //
+      // utility function for getting x/y coords from event
+
+
+      Unipointer.getPointerPoint = function (pointer) {
+        return {
+          x: pointer.pageX,
+          y: pointer.pageY
+        };
+      }; // -----  ----- //
+
+
+      return Unipointer;
+    });
   });
 
   var unidragger = createCommonjsModule(function (module) {
-  /*!
-   * Unidragger v2.3.0
-   * Draggable base class
-   * MIT license
-   */
+    /*!
+     * Unidragger v2.3.0
+     * Draggable base class
+     * MIT license
+     */
 
-  /*jshint browser: true, unused: true, undef: true, strict: true */
+    /*jshint browser: true, unused: true, undef: true, strict: true */
+    (function (window, factory) {
+      // universal module definition
 
-  ( function( window, factory ) {
-    // universal module definition
-    /*jshint strict: false */ /*globals define, module, require */
+      /*jshint strict: false */
 
-    if ( module.exports ) {
-      // CommonJS
-      module.exports = factory(
-        window,
-        unipointer
-      );
-    } else {
-      // browser global
-      window.Unidragger = factory(
-        window,
-        window.Unipointer
-      );
-    }
-
-  }( window, function factory( window, Unipointer ) {
-
-  // -------------------------- Unidragger -------------------------- //
-
-  function Unidragger() {}
-
-  // inherit Unipointer & EvEmitter
-  var proto = Unidragger.prototype = Object.create( Unipointer.prototype );
-
-  // ----- bind start ----- //
-
-  proto.bindHandles = function() {
-    this._bindHandles( true );
-  };
-
-  proto.unbindHandles = function() {
-    this._bindHandles( false );
-  };
-
-  /**
-   * Add or remove start event
-   * @param {Boolean} isAdd
-   */
-  proto._bindHandles = function( isAdd ) {
-    // munge isAdd, default to true
-    isAdd = isAdd === undefined ? true : isAdd;
-    // bind each handle
-    var bindMethod = isAdd ? 'addEventListener' : 'removeEventListener';
-    var touchAction = isAdd ? this._touchActionValue : '';
-    for ( var i=0; i < this.handles.length; i++ ) {
-      var handle = this.handles[i];
-      this._bindStartEvent( handle, isAdd );
-      handle[ bindMethod ]( 'click', this );
-      // touch-action: none to override browser touch gestures. metafizzy/flickity#540
-      if ( window.PointerEvent ) {
-        handle.style.touchAction = touchAction;
+      /*globals define, module, require */
+      if (module.exports) {
+        // CommonJS
+        module.exports = factory(window, unipointer);
+      } else {
+        // browser global
+        window.Unidragger = factory(window, window.Unipointer);
       }
-    }
-  };
+    })(window, function factory(window, Unipointer) {
 
-  // prototype so it can be overwriteable by Flickity
-  proto._touchActionValue = 'none';
+      function Unidragger() {} // inherit Unipointer & EvEmitter
 
-  // ----- start event ----- //
 
-  /**
-   * pointer start
-   * @param {Event} event
-   * @param {Event or Touch} pointer
-   */
-  proto.pointerDown = function( event, pointer ) {
-    var isOkay = this.okayPointerDown( event );
-    if ( !isOkay ) {
-      return;
-    }
-    // track start event position
-    this.pointerDownPointer = pointer;
+      var proto = Unidragger.prototype = Object.create(Unipointer.prototype); // ----- bind start ----- //
 
-    event.preventDefault();
-    this.pointerDownBlur();
-    // bind move and end events
-    this._bindPostStartEvents( event );
-    this.emitEvent( 'pointerDown', [ event, pointer ] );
-  };
+      proto.bindHandles = function () {
+        this._bindHandles(true);
+      };
 
-  // nodes that have text fields
-  var cursorNodes = {
-    TEXTAREA: true,
-    INPUT: true,
-    SELECT: true,
-    OPTION: true,
-  };
+      proto.unbindHandles = function () {
+        this._bindHandles(false);
+      };
+      /**
+       * Add or remove start event
+       * @param {Boolean} isAdd
+       */
 
-  // input types that do not have text fields
-  var clickTypes = {
-    radio: true,
-    checkbox: true,
-    button: true,
-    submit: true,
-    image: true,
-    file: true,
-  };
 
-  // dismiss inputs with text fields. flickity#403, flickity#404
-  proto.okayPointerDown = function( event ) {
-    var isCursorNode = cursorNodes[ event.target.nodeName ];
-    var isClickType = clickTypes[ event.target.type ];
-    var isOkay = !isCursorNode || isClickType;
-    if ( !isOkay ) {
-      this._pointerReset();
-    }
-    return isOkay;
-  };
+      proto._bindHandles = function (isAdd) {
+        // munge isAdd, default to true
+        isAdd = isAdd === undefined ? true : isAdd; // bind each handle
 
-  // kludge to blur previously focused input
-  proto.pointerDownBlur = function() {
-    var focused = document.activeElement;
-    // do not blur body for IE10, metafizzy/flickity#117
-    var canBlur = focused && focused.blur && focused != document.body;
-    if ( canBlur ) {
-      focused.blur();
-    }
-  };
+        var bindMethod = isAdd ? 'addEventListener' : 'removeEventListener';
+        var touchAction = isAdd ? this._touchActionValue : '';
 
-  // ----- move event ----- //
+        for (var i = 0; i < this.handles.length; i++) {
+          var handle = this.handles[i];
 
-  /**
-   * drag move
-   * @param {Event} event
-   * @param {Event or Touch} pointer
-   */
-  proto.pointerMove = function( event, pointer ) {
-    var moveVector = this._dragPointerMove( event, pointer );
-    this.emitEvent( 'pointerMove', [ event, pointer, moveVector ] );
-    this._dragMove( event, pointer, moveVector );
-  };
+          this._bindStartEvent(handle, isAdd);
 
-  // base pointer move logic
-  proto._dragPointerMove = function( event, pointer ) {
-    var moveVector = {
-      x: pointer.pageX - this.pointerDownPointer.pageX,
-      y: pointer.pageY - this.pointerDownPointer.pageY
-    };
-    // start drag if pointer has moved far enough to start drag
-    if ( !this.isDragging && this.hasDragStarted( moveVector ) ) {
-      this._dragStart( event, pointer );
-    }
-    return moveVector;
-  };
+          handle[bindMethod]('click', this); // touch-action: none to override browser touch gestures. metafizzy/flickity#540
 
-  // condition if pointer has moved far enough to start drag
-  proto.hasDragStarted = function( moveVector ) {
-    return Math.abs( moveVector.x ) > 3 || Math.abs( moveVector.y ) > 3;
-  };
+          if (window.PointerEvent) {
+            handle.style.touchAction = touchAction;
+          }
+        }
+      }; // prototype so it can be overwriteable by Flickity
 
-  // ----- end event ----- //
 
-  /**
-   * pointer up
-   * @param {Event} event
-   * @param {Event or Touch} pointer
-   */
-  proto.pointerUp = function( event, pointer ) {
-    this.emitEvent( 'pointerUp', [ event, pointer ] );
-    this._dragPointerUp( event, pointer );
-  };
+      proto._touchActionValue = 'none'; // ----- start event ----- //
 
-  proto._dragPointerUp = function( event, pointer ) {
-    if ( this.isDragging ) {
-      this._dragEnd( event, pointer );
-    } else {
-      // pointer didn't move enough for drag to start
-      this._staticClick( event, pointer );
-    }
-  };
+      /**
+       * pointer start
+       * @param {Event} event
+       * @param {Event or Touch} pointer
+       */
 
-  // -------------------------- drag -------------------------- //
+      proto.pointerDown = function (event, pointer) {
+        var isOkay = this.okayPointerDown(event);
 
-  // dragStart
-  proto._dragStart = function( event, pointer ) {
-    this.isDragging = true;
-    // prevent clicks
-    this.isPreventingClicks = true;
-    this.dragStart( event, pointer );
-  };
+        if (!isOkay) {
+          return;
+        } // track start event position
 
-  proto.dragStart = function( event, pointer ) {
-    this.emitEvent( 'dragStart', [ event, pointer ] );
-  };
 
-  // dragMove
-  proto._dragMove = function( event, pointer, moveVector ) {
-    // do not drag if not dragging yet
-    if ( !this.isDragging ) {
-      return;
-    }
+        this.pointerDownPointer = pointer;
+        event.preventDefault();
+        this.pointerDownBlur(); // bind move and end events
 
-    this.dragMove( event, pointer, moveVector );
-  };
+        this._bindPostStartEvents(event);
 
-  proto.dragMove = function( event, pointer, moveVector ) {
-    event.preventDefault();
-    this.emitEvent( 'dragMove', [ event, pointer, moveVector ] );
-  };
+        this.emitEvent('pointerDown', [event, pointer]);
+      }; // nodes that have text fields
 
-  // dragEnd
-  proto._dragEnd = function( event, pointer ) {
-    // set flags
-    this.isDragging = false;
-    // re-enable clicking async
-    setTimeout( function() {
-      delete this.isPreventingClicks;
-    }.bind( this ) );
 
-    this.dragEnd( event, pointer );
-  };
+      var cursorNodes = {
+        TEXTAREA: true,
+        INPUT: true,
+        SELECT: true,
+        OPTION: true
+      }; // input types that do not have text fields
 
-  proto.dragEnd = function( event, pointer ) {
-    this.emitEvent( 'dragEnd', [ event, pointer ] );
-  };
+      var clickTypes = {
+        radio: true,
+        checkbox: true,
+        button: true,
+        submit: true,
+        image: true,
+        file: true
+      }; // dismiss inputs with text fields. flickity#403, flickity#404
 
-  // ----- onclick ----- //
+      proto.okayPointerDown = function (event) {
+        var isCursorNode = cursorNodes[event.target.nodeName];
+        var isClickType = clickTypes[event.target.type];
+        var isOkay = !isCursorNode || isClickType;
 
-  // handle all clicks and prevent clicks when dragging
-  proto.onclick = function( event ) {
-    if ( this.isPreventingClicks ) {
-      event.preventDefault();
-    }
-  };
+        if (!isOkay) {
+          this._pointerReset();
+        }
 
-  // ----- staticClick ----- //
+        return isOkay;
+      }; // kludge to blur previously focused input
 
-  // triggered after pointer down & up with no/tiny movement
-  proto._staticClick = function( event, pointer ) {
-    // ignore emulated mouse up clicks
-    if ( this.isIgnoringMouseUp && event.type == 'mouseup' ) {
-      return;
-    }
 
-    this.staticClick( event, pointer );
+      proto.pointerDownBlur = function () {
+        var focused = document.activeElement; // do not blur body for IE10, metafizzy/flickity#117
 
-    // set flag for emulated clicks 300ms after touchend
-    if ( event.type != 'mouseup' ) {
-      this.isIgnoringMouseUp = true;
-      // reset flag after 300ms
-      setTimeout( function() {
-        delete this.isIgnoringMouseUp;
-      }.bind( this ), 400 );
-    }
-  };
+        var canBlur = focused && focused.blur && focused != document.body;
 
-  proto.staticClick = function( event, pointer ) {
-    this.emitEvent( 'staticClick', [ event, pointer ] );
-  };
+        if (canBlur) {
+          focused.blur();
+        }
+      }; // ----- move event ----- //
 
-  // ----- utils ----- //
+      /**
+       * drag move
+       * @param {Event} event
+       * @param {Event or Touch} pointer
+       */
 
-  Unidragger.getPointerPoint = Unipointer.getPointerPoint;
 
-  // -----  ----- //
+      proto.pointerMove = function (event, pointer) {
+        var moveVector = this._dragPointerMove(event, pointer);
 
-  return Unidragger;
+        this.emitEvent('pointerMove', [event, pointer, moveVector]);
 
-  }));
+        this._dragMove(event, pointer, moveVector);
+      }; // base pointer move logic
+
+
+      proto._dragPointerMove = function (event, pointer) {
+        var moveVector = {
+          x: pointer.pageX - this.pointerDownPointer.pageX,
+          y: pointer.pageY - this.pointerDownPointer.pageY
+        }; // start drag if pointer has moved far enough to start drag
+
+        if (!this.isDragging && this.hasDragStarted(moveVector)) {
+          this._dragStart(event, pointer);
+        }
+
+        return moveVector;
+      }; // condition if pointer has moved far enough to start drag
+
+
+      proto.hasDragStarted = function (moveVector) {
+        return Math.abs(moveVector.x) > 3 || Math.abs(moveVector.y) > 3;
+      }; // ----- end event ----- //
+
+      /**
+       * pointer up
+       * @param {Event} event
+       * @param {Event or Touch} pointer
+       */
+
+
+      proto.pointerUp = function (event, pointer) {
+        this.emitEvent('pointerUp', [event, pointer]);
+
+        this._dragPointerUp(event, pointer);
+      };
+
+      proto._dragPointerUp = function (event, pointer) {
+        if (this.isDragging) {
+          this._dragEnd(event, pointer);
+        } else {
+          // pointer didn't move enough for drag to start
+          this._staticClick(event, pointer);
+        }
+      }; // -------------------------- drag -------------------------- //
+      // dragStart
+
+
+      proto._dragStart = function (event, pointer) {
+        this.isDragging = true; // prevent clicks
+
+        this.isPreventingClicks = true;
+        this.dragStart(event, pointer);
+      };
+
+      proto.dragStart = function (event, pointer) {
+        this.emitEvent('dragStart', [event, pointer]);
+      }; // dragMove
+
+
+      proto._dragMove = function (event, pointer, moveVector) {
+        // do not drag if not dragging yet
+        if (!this.isDragging) {
+          return;
+        }
+
+        this.dragMove(event, pointer, moveVector);
+      };
+
+      proto.dragMove = function (event, pointer, moveVector) {
+        event.preventDefault();
+        this.emitEvent('dragMove', [event, pointer, moveVector]);
+      }; // dragEnd
+
+
+      proto._dragEnd = function (event, pointer) {
+        // set flags
+        this.isDragging = false; // re-enable clicking async
+
+        setTimeout(function () {
+          delete this.isPreventingClicks;
+        }.bind(this));
+        this.dragEnd(event, pointer);
+      };
+
+      proto.dragEnd = function (event, pointer) {
+        this.emitEvent('dragEnd', [event, pointer]);
+      }; // ----- onclick ----- //
+      // handle all clicks and prevent clicks when dragging
+
+
+      proto.onclick = function (event) {
+        if (this.isPreventingClicks) {
+          event.preventDefault();
+        }
+      }; // ----- staticClick ----- //
+      // triggered after pointer down & up with no/tiny movement
+
+
+      proto._staticClick = function (event, pointer) {
+        // ignore emulated mouse up clicks
+        if (this.isIgnoringMouseUp && event.type == 'mouseup') {
+          return;
+        }
+
+        this.staticClick(event, pointer); // set flag for emulated clicks 300ms after touchend
+
+        if (event.type != 'mouseup') {
+          this.isIgnoringMouseUp = true; // reset flag after 300ms
+
+          setTimeout(function () {
+            delete this.isIgnoringMouseUp;
+          }.bind(this), 400);
+        }
+      };
+
+      proto.staticClick = function (event, pointer) {
+        this.emitEvent('staticClick', [event, pointer]);
+      }; // ----- utils ----- //
+
+
+      Unidragger.getPointerPoint = Unipointer.getPointerPoint; // -----  ----- //
+
+      return Unidragger;
+    });
   });
 
   var draggabilly = createCommonjsModule(function (module) {
-  /*!
-   * Draggabilly v2.2.0
-   * Make that shiz draggable
-   * https://draggabilly.desandro.com
-   * MIT license
-   */
+    /*!
+     * Draggabilly v2.2.0
+     * Make that shiz draggable
+     * https://draggabilly.desandro.com
+     * MIT license
+     */
 
-  /*jshint browser: true, strict: true, undef: true, unused: true */
+    /*jshint browser: true, strict: true, undef: true, unused: true */
+    (function (window, factory) {
+      // universal module definition
 
-  ( function( window, factory ) {
-    // universal module definition
-    /* jshint strict: false */ /*globals define, module, require */
-    if ( module.exports ) {
-      // CommonJS
-      module.exports = factory(
-        window,
-        getSize,
-        unidragger
-      );
-    } else {
-      // browser global
-      window.Draggabilly = factory(
-        window,
-        window.getSize,
-        window.Unidragger
-      );
-    }
+      /* jshint strict: false */
 
-  }( window, function factory( window, getSize$$1, Unidragger ) {
+      /*globals define, module, require */
+      if (module.exports) {
+        // CommonJS
+        module.exports = factory(window, getSize, unidragger);
+      } else {
+        // browser global
+        window.Draggabilly = factory(window, window.getSize, window.Unidragger);
+      }
+    })(window, function factory(window, getSize$$1, Unidragger) {
+      // extend objects
 
-  // -------------------------- helpers & variables -------------------------- //
+      function extend(a, b) {
+        for (var prop in b) {
+          a[prop] = b[prop];
+        }
 
-  // extend objects
-  function extend( a, b ) {
-    for ( var prop in b ) {
-      a[ prop ] = b[ prop ];
-    }
-    return a;
-  }
+        return a;
+      }
 
-  function noop() {}
+      function noop() {}
 
-  var jQuery = window.jQuery;
+      var jQuery = window.jQuery; // --------------------------  -------------------------- //
 
-  // --------------------------  -------------------------- //
+      function Draggabilly(element, options) {
+        // querySelector if string
+        this.element = typeof element == 'string' ? document.querySelector(element) : element;
 
-  function Draggabilly( element, options ) {
-    // querySelector if string
-    this.element = typeof element == 'string' ?
-      document.querySelector( element ) : element;
+        if (jQuery) {
+          this.$element = jQuery(this.element);
+        } // options
 
-    if ( jQuery ) {
-      this.$element = jQuery( this.element );
-    }
 
-    // options
-    this.options = extend( {}, this.constructor.defaults );
-    this.option( options );
+        this.options = extend({}, this.constructor.defaults);
+        this.option(options);
 
-    this._create();
-  }
+        this._create();
+      } // inherit Unidragger methods
 
-  // inherit Unidragger methods
-  var proto = Draggabilly.prototype = Object.create( Unidragger.prototype );
 
-  Draggabilly.defaults = {
-  };
+      var proto = Draggabilly.prototype = Object.create(Unidragger.prototype);
+      Draggabilly.defaults = {};
+      /**
+       * set options
+       * @param {Object} opts
+       */
 
-  /**
-   * set options
-   * @param {Object} opts
-   */
-  proto.option = function( opts ) {
-    extend( this.options, opts );
-  };
+      proto.option = function (opts) {
+        extend(this.options, opts);
+      }; // css position values that don't need to be set
 
-  // css position values that don't need to be set
-  var positionValues = {
-    relative: true,
-    absolute: true,
-    fixed: true
-  };
 
-  proto._create = function() {
-    // properties
-    this.position = {};
-    this._getPosition();
+      var positionValues = {
+        relative: true,
+        absolute: true,
+        fixed: true
+      };
 
-    this.startPoint = { x: 0, y: 0 };
-    this.dragPoint = { x: 0, y: 0 };
+      proto._create = function () {
+        // properties
+        this.position = {};
 
-    this.startPosition = extend( {}, this.position );
+        this._getPosition();
 
-    // set relative positioning
-    var style = getComputedStyle( this.element );
-    if ( !positionValues[ style.position ] ) {
-      this.element.style.position = 'relative';
-    }
+        this.startPoint = {
+          x: 0,
+          y: 0
+        };
+        this.dragPoint = {
+          x: 0,
+          y: 0
+        };
+        this.startPosition = extend({}, this.position); // set relative positioning
 
-    // events, bridge jQuery events from vanilla
-    this.on( 'pointerDown', this.onPointerDown );
-    this.on( 'pointerMove', this.onPointerMove );
-    this.on( 'pointerUp', this.onPointerUp );
+        var style = getComputedStyle(this.element);
 
-    this.enable();
-    this.setHandles();
-  };
+        if (!positionValues[style.position]) {
+          this.element.style.position = 'relative';
+        } // events, bridge jQuery events from vanilla
 
-  /**
-   * set this.handles and bind start events to 'em
-   */
-  proto.setHandles = function() {
-    this.handles = this.options.handle ?
-      this.element.querySelectorAll( this.options.handle ) : [ this.element ];
 
-    this.bindHandles();
-  };
+        this.on('pointerDown', this.onPointerDown);
+        this.on('pointerMove', this.onPointerMove);
+        this.on('pointerUp', this.onPointerUp);
+        this.enable();
+        this.setHandles();
+      };
+      /**
+       * set this.handles and bind start events to 'em
+       */
 
-  /**
-   * emits events via EvEmitter and jQuery events
-   * @param {String} type - name of event
-   * @param {Event} event - original event
-   * @param {Array} args - extra arguments
-   */
-  proto.dispatchEvent = function( type, event, args ) {
-    var emitArgs = [ event ].concat( args );
-    this.emitEvent( type, emitArgs );
-    this.dispatchJQueryEvent( type, event, args );
-  };
 
-  proto.dispatchJQueryEvent = function( type, event, args ) {
-    var jQuery = window.jQuery;
-    // trigger jQuery event
-    if ( !jQuery || !this.$element ) {
-      return;
-    }
-    // create jQuery event
-    var $event = jQuery.Event( event );
-    $event.type = type;
-    this.$element.trigger( $event, args );
-  };
+      proto.setHandles = function () {
+        this.handles = this.options.handle ? this.element.querySelectorAll(this.options.handle) : [this.element];
+        this.bindHandles();
+      };
+      /**
+       * emits events via EvEmitter and jQuery events
+       * @param {String} type - name of event
+       * @param {Event} event - original event
+       * @param {Array} args - extra arguments
+       */
 
-  // -------------------------- position -------------------------- //
 
-  // get x/y position from style
-  proto._getPosition = function() {
-    var style = getComputedStyle( this.element );
-    var x = this._getPositionCoord( style.left, 'width' );
-    var y = this._getPositionCoord( style.top, 'height' );
-    // clean up 'auto' or other non-integer values
-    this.position.x = isNaN( x ) ? 0 : x;
-    this.position.y = isNaN( y ) ? 0 : y;
+      proto.dispatchEvent = function (type, event, args) {
+        var emitArgs = [event].concat(args);
+        this.emitEvent(type, emitArgs);
+        this.dispatchJQueryEvent(type, event, args);
+      };
 
-    this._addTransformPosition( style );
-  };
+      proto.dispatchJQueryEvent = function (type, event, args) {
+        var jQuery = window.jQuery; // trigger jQuery event
 
-  proto._getPositionCoord = function( styleSide, measure ) {
-    if ( styleSide.indexOf('%') != -1 ) {
-      // convert percent into pixel for Safari, #75
-      var parentSize = getSize$$1( this.element.parentNode );
-      // prevent not-in-DOM element throwing bug, #131
-      return !parentSize ? 0 :
-        ( parseFloat( styleSide ) / 100 ) * parentSize[ measure ];
-    }
-    return parseInt( styleSide, 10 );
-  };
+        if (!jQuery || !this.$element) {
+          return;
+        } // create jQuery event
 
-  // add transform: translate( x, y ) to position
-  proto._addTransformPosition = function( style ) {
-    var transform = style.transform;
-    // bail out if value is 'none'
-    if ( transform.indexOf('matrix') !== 0 ) {
-      return;
-    }
-    // split matrix(1, 0, 0, 1, x, y)
-    var matrixValues = transform.split(',');
-    // translate X value is in 12th or 4th position
-    var xIndex = transform.indexOf('matrix3d') === 0 ? 12 : 4;
-    var translateX = parseInt( matrixValues[ xIndex ], 10 );
-    // translate Y value is in 13th or 5th position
-    var translateY = parseInt( matrixValues[ xIndex + 1 ], 10 );
-    this.position.x += translateX;
-    this.position.y += translateY;
-  };
 
-  // -------------------------- events -------------------------- //
+        var $event = jQuery.Event(event);
+        $event.type = type;
+        this.$element.trigger($event, args);
+      }; // -------------------------- position -------------------------- //
+      // get x/y position from style
 
-  proto.onPointerDown = function( event, pointer ) {
-    this.element.classList.add('is-pointer-down');
-    this.dispatchJQueryEvent( 'pointerDown', event, [ pointer ] );
-  };
 
-  /**
-   * drag start
-   * @param {Event} event
-   * @param {Event or Touch} pointer
-   */
-  proto.dragStart = function( event, pointer ) {
-    if ( !this.isEnabled ) {
-      return;
-    }
-    this._getPosition();
-    this.measureContainment();
-    // position _when_ drag began
-    this.startPosition.x = this.position.x;
-    this.startPosition.y = this.position.y;
-    // reset left/top style
-    this.setLeftTop();
+      proto._getPosition = function () {
+        var style = getComputedStyle(this.element);
 
-    this.dragPoint.x = 0;
-    this.dragPoint.y = 0;
+        var x = this._getPositionCoord(style.left, 'width');
 
-    this.element.classList.add('is-dragging');
-    this.dispatchEvent( 'dragStart', event, [ pointer ] );
-    // start animation
-    this.animate();
-  };
+        var y = this._getPositionCoord(style.top, 'height'); // clean up 'auto' or other non-integer values
 
-  proto.measureContainment = function() {
-    var container = this.getContainer();
-    if ( !container ) {
-      return;
-    }
 
-    var elemSize = getSize$$1( this.element );
-    var containerSize = getSize$$1( container );
-    var elemRect = this.element.getBoundingClientRect();
-    var containerRect = container.getBoundingClientRect();
+        this.position.x = isNaN(x) ? 0 : x;
+        this.position.y = isNaN(y) ? 0 : y;
 
-    var borderSizeX = containerSize.borderLeftWidth + containerSize.borderRightWidth;
-    var borderSizeY = containerSize.borderTopWidth + containerSize.borderBottomWidth;
+        this._addTransformPosition(style);
+      };
 
-    var position = this.relativeStartPosition = {
-      x: elemRect.left - ( containerRect.left + containerSize.borderLeftWidth ),
-      y: elemRect.top - ( containerRect.top + containerSize.borderTopWidth )
-    };
+      proto._getPositionCoord = function (styleSide, measure) {
+        if (styleSide.indexOf('%') != -1) {
+          // convert percent into pixel for Safari, #75
+          var parentSize = getSize$$1(this.element.parentNode); // prevent not-in-DOM element throwing bug, #131
 
-    this.containSize = {
-      width: ( containerSize.width - borderSizeX ) - position.x - elemSize.width,
-      height: ( containerSize.height - borderSizeY ) - position.y - elemSize.height
-    };
-  };
+          return !parentSize ? 0 : parseFloat(styleSide) / 100 * parentSize[measure];
+        }
 
-  proto.getContainer = function() {
-    var containment = this.options.containment;
-    if ( !containment ) {
-      return;
-    }
-    var isElement = containment instanceof HTMLElement;
-    // use as element
-    if ( isElement ) {
-      return containment;
-    }
-    // querySelector if string
-    if ( typeof containment == 'string' ) {
-      return document.querySelector( containment );
-    }
-    // fallback to parent element
-    return this.element.parentNode;
-  };
+        return parseInt(styleSide, 10);
+      }; // add transform: translate( x, y ) to position
 
-  // ----- move event ----- //
 
-  proto.onPointerMove = function( event, pointer, moveVector ) {
-    this.dispatchJQueryEvent( 'pointerMove', event, [ pointer, moveVector ] );
-  };
+      proto._addTransformPosition = function (style) {
+        var transform = style.transform; // bail out if value is 'none'
 
-  /**
-   * drag move
-   * @param {Event} event
-   * @param {Event or Touch} pointer
-   */
-  proto.dragMove = function( event, pointer, moveVector ) {
-    if ( !this.isEnabled ) {
-      return;
-    }
-    var dragX = moveVector.x;
-    var dragY = moveVector.y;
+        if (transform.indexOf('matrix') !== 0) {
+          return;
+        } // split matrix(1, 0, 0, 1, x, y)
 
-    var grid = this.options.grid;
-    var gridX = grid && grid[0];
-    var gridY = grid && grid[1];
 
-    dragX = applyGrid( dragX, gridX );
-    dragY = applyGrid( dragY, gridY );
+        var matrixValues = transform.split(','); // translate X value is in 12th or 4th position
 
-    dragX = this.containDrag( 'x', dragX, gridX );
-    dragY = this.containDrag( 'y', dragY, gridY );
+        var xIndex = transform.indexOf('matrix3d') === 0 ? 12 : 4;
+        var translateX = parseInt(matrixValues[xIndex], 10); // translate Y value is in 13th or 5th position
 
-    // constrain to axis
-    dragX = this.options.axis == 'y' ? 0 : dragX;
-    dragY = this.options.axis == 'x' ? 0 : dragY;
+        var translateY = parseInt(matrixValues[xIndex + 1], 10);
+        this.position.x += translateX;
+        this.position.y += translateY;
+      }; // -------------------------- events -------------------------- //
 
-    this.position.x = this.startPosition.x + dragX;
-    this.position.y = this.startPosition.y + dragY;
-    // set dragPoint properties
-    this.dragPoint.x = dragX;
-    this.dragPoint.y = dragY;
 
-    this.dispatchEvent( 'dragMove', event, [ pointer, moveVector ] );
-  };
+      proto.onPointerDown = function (event, pointer) {
+        this.element.classList.add('is-pointer-down');
+        this.dispatchJQueryEvent('pointerDown', event, [pointer]);
+      };
+      /**
+       * drag start
+       * @param {Event} event
+       * @param {Event or Touch} pointer
+       */
 
-  function applyGrid( value, grid, method ) {
-    method = method || 'round';
-    return grid ? Math[ method ]( value / grid ) * grid : value;
-  }
 
-  proto.containDrag = function( axis, drag, grid ) {
-    if ( !this.options.containment ) {
-      return drag;
-    }
-    var measure = axis == 'x' ? 'width' : 'height';
+      proto.dragStart = function (event, pointer) {
+        if (!this.isEnabled) {
+          return;
+        }
 
-    var rel = this.relativeStartPosition[ axis ];
-    var min = applyGrid( -rel, grid, 'ceil' );
-    var max = this.containSize[ measure ];
-    max = applyGrid( max, grid, 'floor' );
-    return  Math.max( min, Math.min( max, drag ) );
-  };
+        this._getPosition();
 
-  // ----- end event ----- //
+        this.measureContainment(); // position _when_ drag began
 
-  /**
-   * pointer up
-   * @param {Event} event
-   * @param {Event or Touch} pointer
-   */
-  proto.onPointerUp = function( event, pointer ) {
-    this.element.classList.remove('is-pointer-down');
-    this.dispatchJQueryEvent( 'pointerUp', event, [ pointer ] );
-  };
+        this.startPosition.x = this.position.x;
+        this.startPosition.y = this.position.y; // reset left/top style
 
-  /**
-   * drag end
-   * @param {Event} event
-   * @param {Event or Touch} pointer
-   */
-  proto.dragEnd = function( event, pointer ) {
-    if ( !this.isEnabled ) {
-      return;
-    }
-    // use top left position when complete
-    this.element.style.transform = '';
-    this.setLeftTop();
-    this.element.classList.remove('is-dragging');
-    this.dispatchEvent( 'dragEnd', event, [ pointer ] );
-  };
+        this.setLeftTop();
+        this.dragPoint.x = 0;
+        this.dragPoint.y = 0;
+        this.element.classList.add('is-dragging');
+        this.dispatchEvent('dragStart', event, [pointer]); // start animation
 
-  // -------------------------- animation -------------------------- //
+        this.animate();
+      };
 
-  proto.animate = function() {
-    // only render and animate if dragging
-    if ( !this.isDragging ) {
-      return;
-    }
+      proto.measureContainment = function () {
+        var container = this.getContainer();
 
-    this.positionDrag();
+        if (!container) {
+          return;
+        }
 
-    var _this = this;
-    requestAnimationFrame( function animateFrame() {
-      _this.animate();
+        var elemSize = getSize$$1(this.element);
+        var containerSize = getSize$$1(container);
+        var elemRect = this.element.getBoundingClientRect();
+        var containerRect = container.getBoundingClientRect();
+        var borderSizeX = containerSize.borderLeftWidth + containerSize.borderRightWidth;
+        var borderSizeY = containerSize.borderTopWidth + containerSize.borderBottomWidth;
+        var position = this.relativeStartPosition = {
+          x: elemRect.left - (containerRect.left + containerSize.borderLeftWidth),
+          y: elemRect.top - (containerRect.top + containerSize.borderTopWidth)
+        };
+        this.containSize = {
+          width: containerSize.width - borderSizeX - position.x - elemSize.width,
+          height: containerSize.height - borderSizeY - position.y - elemSize.height
+        };
+      };
+
+      proto.getContainer = function () {
+        var containment = this.options.containment;
+
+        if (!containment) {
+          return;
+        }
+
+        var isElement = containment instanceof HTMLElement; // use as element
+
+        if (isElement) {
+          return containment;
+        } // querySelector if string
+
+
+        if (typeof containment == 'string') {
+          return document.querySelector(containment);
+        } // fallback to parent element
+
+
+        return this.element.parentNode;
+      }; // ----- move event ----- //
+
+
+      proto.onPointerMove = function (event, pointer, moveVector) {
+        this.dispatchJQueryEvent('pointerMove', event, [pointer, moveVector]);
+      };
+      /**
+       * drag move
+       * @param {Event} event
+       * @param {Event or Touch} pointer
+       */
+
+
+      proto.dragMove = function (event, pointer, moveVector) {
+        if (!this.isEnabled) {
+          return;
+        }
+
+        var dragX = moveVector.x;
+        var dragY = moveVector.y;
+        var grid = this.options.grid;
+        var gridX = grid && grid[0];
+        var gridY = grid && grid[1];
+        dragX = applyGrid(dragX, gridX);
+        dragY = applyGrid(dragY, gridY);
+        dragX = this.containDrag('x', dragX, gridX);
+        dragY = this.containDrag('y', dragY, gridY); // constrain to axis
+
+        dragX = this.options.axis == 'y' ? 0 : dragX;
+        dragY = this.options.axis == 'x' ? 0 : dragY;
+        this.position.x = this.startPosition.x + dragX;
+        this.position.y = this.startPosition.y + dragY; // set dragPoint properties
+
+        this.dragPoint.x = dragX;
+        this.dragPoint.y = dragY;
+        this.dispatchEvent('dragMove', event, [pointer, moveVector]);
+      };
+
+      function applyGrid(value, grid, method) {
+        method = method || 'round';
+        return grid ? Math[method](value / grid) * grid : value;
+      }
+
+      proto.containDrag = function (axis, drag, grid) {
+        if (!this.options.containment) {
+          return drag;
+        }
+
+        var measure = axis == 'x' ? 'width' : 'height';
+        var rel = this.relativeStartPosition[axis];
+        var min = applyGrid(-rel, grid, 'ceil');
+        var max = this.containSize[measure];
+        max = applyGrid(max, grid, 'floor');
+        return Math.max(min, Math.min(max, drag));
+      }; // ----- end event ----- //
+
+      /**
+       * pointer up
+       * @param {Event} event
+       * @param {Event or Touch} pointer
+       */
+
+
+      proto.onPointerUp = function (event, pointer) {
+        this.element.classList.remove('is-pointer-down');
+        this.dispatchJQueryEvent('pointerUp', event, [pointer]);
+      };
+      /**
+       * drag end
+       * @param {Event} event
+       * @param {Event or Touch} pointer
+       */
+
+
+      proto.dragEnd = function (event, pointer) {
+        if (!this.isEnabled) {
+          return;
+        } // use top left position when complete
+
+
+        this.element.style.transform = '';
+        this.setLeftTop();
+        this.element.classList.remove('is-dragging');
+        this.dispatchEvent('dragEnd', event, [pointer]);
+      }; // -------------------------- animation -------------------------- //
+
+
+      proto.animate = function () {
+        // only render and animate if dragging
+        if (!this.isDragging) {
+          return;
+        }
+
+        this.positionDrag();
+
+        var _this = this;
+
+        requestAnimationFrame(function animateFrame() {
+          _this.animate();
+        });
+      }; // left/top positioning
+
+
+      proto.setLeftTop = function () {
+        this.element.style.left = this.position.x + 'px';
+        this.element.style.top = this.position.y + 'px';
+      };
+
+      proto.positionDrag = function () {
+        this.element.style.transform = 'translate3d( ' + this.dragPoint.x + 'px, ' + this.dragPoint.y + 'px, 0)';
+      }; // ----- staticClick ----- //
+
+
+      proto.staticClick = function (event, pointer) {
+        this.dispatchEvent('staticClick', event, [pointer]);
+      }; // ----- methods ----- //
+
+      /**
+       * @param {Number} x
+       * @param {Number} y
+       */
+
+
+      proto.setPosition = function (x, y) {
+        this.position.x = x;
+        this.position.y = y;
+        this.setLeftTop();
+      };
+
+      proto.enable = function () {
+        this.isEnabled = true;
+      };
+
+      proto.disable = function () {
+        this.isEnabled = false;
+
+        if (this.isDragging) {
+          this.dragEnd();
+        }
+      };
+
+      proto.destroy = function () {
+        this.disable(); // reset styles
+
+        this.element.style.transform = '';
+        this.element.style.left = '';
+        this.element.style.top = '';
+        this.element.style.position = ''; // unbind handles
+
+        this.unbindHandles(); // remove jQuery data
+
+        if (this.$element) {
+          this.$element.removeData('draggabilly');
+        }
+      }; // ----- jQuery bridget ----- //
+      // required for jQuery bridget
+
+
+      proto._init = noop;
+
+      if (jQuery && jQuery.bridget) {
+        jQuery.bridget('draggabilly', Draggabilly);
+      } // -----  ----- //
+
+
+      return Draggabilly;
     });
-
-  };
-
-  // left/top positioning
-  proto.setLeftTop = function() {
-    this.element.style.left = this.position.x + 'px';
-    this.element.style.top  = this.position.y + 'px';
-  };
-
-  proto.positionDrag = function() {
-    this.element.style.transform = 'translate3d( ' + this.dragPoint.x +
-      'px, ' + this.dragPoint.y + 'px, 0)';
-  };
-
-  // ----- staticClick ----- //
-
-  proto.staticClick = function( event, pointer ) {
-    this.dispatchEvent( 'staticClick', event, [ pointer ] );
-  };
-
-  // ----- methods ----- //
-
-  /**
-   * @param {Number} x
-   * @param {Number} y
-   */
-  proto.setPosition = function( x, y ) {
-    this.position.x = x;
-    this.position.y = y;
-    this.setLeftTop();
-  };
-
-  proto.enable = function() {
-    this.isEnabled = true;
-  };
-
-  proto.disable = function() {
-    this.isEnabled = false;
-    if ( this.isDragging ) {
-      this.dragEnd();
-    }
-  };
-
-  proto.destroy = function() {
-    this.disable();
-    // reset styles
-    this.element.style.transform = '';
-    this.element.style.left = '';
-    this.element.style.top = '';
-    this.element.style.position = '';
-    // unbind handles
-    this.unbindHandles();
-    // remove jQuery data
-    if ( this.$element ) {
-      this.$element.removeData('draggabilly');
-    }
-  };
-
-  // ----- jQuery bridget ----- //
-
-  // required for jQuery bridget
-  proto._init = noop;
-
-  if ( jQuery && jQuery.bridget ) {
-    jQuery.bridget( 'draggabilly', Draggabilly );
-  }
-
-  // -----  ----- //
-
-  return Draggabilly;
-
-  }));
   });
 
   function nativePip(art, player) {
@@ -4592,258 +4673,320 @@
   }
 
   var ContentRect_1 = createCommonjsModule(function (module, exports) {
-  Object.defineProperty(exports, "__esModule", { value: true });
-  var ContentRect = function (target) {
-      if ('getBBox' in target) {
-          var box = target.getBBox();
-          return Object.freeze({
-              height: box.height,
-              left: 0,
-              top: 0,
-              width: box.width,
-          });
-      }
-      else { // if (target instanceof HTMLElement) { // also includes all other non-SVGGraphicsElements
-          var styles = window.getComputedStyle(target);
-          return Object.freeze({
-              height: parseFloat(styles.height || '0'),
-              left: parseFloat(styles.paddingLeft || '0'),
-              top: parseFloat(styles.paddingTop || '0'),
-              width: parseFloat(styles.width || '0'),
-          });
-      }
-  };
-  exports.ContentRect = ContentRect;
-  //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29udGVudFJlY3QuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi9zcmMvQ29udGVudFJlY3QudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7QUFPQSxJQUFNLFdBQVcsR0FBRyxVQUFDLE1BQWU7SUFDaEMsSUFBSSxTQUFTLElBQUssTUFBNkIsRUFBRTtRQUM3QyxJQUFNLEdBQUcsR0FBSSxNQUE2QixDQUFDLE9BQU8sRUFBRSxDQUFDO1FBQ3JELE9BQU8sTUFBTSxDQUFDLE1BQU0sQ0FBQztZQUNqQixNQUFNLEVBQUUsR0FBRyxDQUFDLE1BQU07WUFDbEIsSUFBSSxFQUFFLENBQUM7WUFDUCxHQUFHLEVBQUUsQ0FBQztZQUNOLEtBQUssRUFBRSxHQUFHLENBQUMsS0FBSztTQUNuQixDQUFDLENBQUM7S0FDTjtTQUFNLEVBQUUsMEZBQTBGO1FBQy9GLElBQU0sTUFBTSxHQUFHLE1BQU0sQ0FBQyxnQkFBZ0IsQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUMvQyxPQUFPLE1BQU0sQ0FBQyxNQUFNLENBQUM7WUFDakIsTUFBTSxFQUFFLFVBQVUsQ0FBQyxNQUFNLENBQUMsTUFBTSxJQUFJLEdBQUcsQ0FBQztZQUN4QyxJQUFJLEVBQUUsVUFBVSxDQUFDLE1BQU0sQ0FBQyxXQUFXLElBQUksR0FBRyxDQUFDO1lBQzNDLEdBQUcsRUFBRSxVQUFVLENBQUMsTUFBTSxDQUFDLFVBQVUsSUFBSSxHQUFHLENBQUM7WUFDekMsS0FBSyxFQUFFLFVBQVUsQ0FBQyxNQUFNLENBQUMsS0FBSyxJQUFJLEdBQUcsQ0FBQztTQUN6QyxDQUFDLENBQUM7S0FDTjtBQUNMLENBQUMsQ0FBQztBQUVPLGtDQUFXIn0=
-  });
 
+    Object.defineProperty(exports, "__esModule", {
+      value: true
+    });
+
+    var ContentRect = function ContentRect(target) {
+      if ('getBBox' in target) {
+        var box = target.getBBox();
+        return Object.freeze({
+          height: box.height,
+          left: 0,
+          top: 0,
+          width: box.width
+        });
+      } else {
+        // if (target instanceof HTMLElement) { // also includes all other non-SVGGraphicsElements
+        var styles = window.getComputedStyle(target);
+        return Object.freeze({
+          height: parseFloat(styles.height || '0'),
+          left: parseFloat(styles.paddingLeft || '0'),
+          top: parseFloat(styles.paddingTop || '0'),
+          width: parseFloat(styles.width || '0')
+        });
+      }
+    };
+
+    exports.ContentRect = ContentRect;
+  });
   unwrapExports(ContentRect_1);
   var ContentRect_2 = ContentRect_1.ContentRect;
 
   var ResizeObservation_1 = createCommonjsModule(function (module, exports) {
-  Object.defineProperty(exports, "__esModule", { value: true });
 
-  var ResizeObservation = /** @class */ (function () {
+    Object.defineProperty(exports, "__esModule", {
+      value: true
+    });
+
+    var ResizeObservation =
+    /** @class */
+    function () {
       function ResizeObservation(target) {
-          this.target = target;
-          this.$$broadcastWidth = this.$$broadcastHeight = 0;
+        this.target = target;
+        this.$$broadcastWidth = this.$$broadcastHeight = 0;
       }
+
       Object.defineProperty(ResizeObservation.prototype, "broadcastWidth", {
-          get: function () {
-              return this.$$broadcastWidth;
-          },
-          enumerable: true,
-          configurable: true
+        get: function get() {
+          return this.$$broadcastWidth;
+        },
+        enumerable: true,
+        configurable: true
       });
       Object.defineProperty(ResizeObservation.prototype, "broadcastHeight", {
-          get: function () {
-              return this.$$broadcastHeight;
-          },
-          enumerable: true,
-          configurable: true
+        get: function get() {
+          return this.$$broadcastHeight;
+        },
+        enumerable: true,
+        configurable: true
       });
-      ResizeObservation.prototype.isActive = function () {
-          var cr = ContentRect_1.ContentRect(this.target);
-          return !!cr
-              && (cr.width !== this.broadcastWidth
-                  || cr.height !== this.broadcastHeight);
-      };
-      return ResizeObservation;
-  }());
-  exports.ResizeObservation = ResizeObservation;
-  //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmVzaXplT2JzZXJ2YXRpb24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi9zcmMvUmVzaXplT2JzZXJ2YXRpb24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7QUFBQSw2Q0FBNEM7QUFFNUM7SUFlSSwyQkFBWSxNQUFlO1FBQ3ZCLElBQUksQ0FBQyxNQUFNLEdBQUcsTUFBTSxDQUFDO1FBQ3JCLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxJQUFJLENBQUMsaUJBQWlCLEdBQUcsQ0FBQyxDQUFDO0lBQ3ZELENBQUM7SUFWRCxzQkFBVyw2Q0FBYzthQUF6QjtZQUNJLE9BQU8sSUFBSSxDQUFDLGdCQUFnQixDQUFDO1FBQ2pDLENBQUM7OztPQUFBO0lBQ0Qsc0JBQVcsOENBQWU7YUFBMUI7WUFDSSxPQUFPLElBQUksQ0FBQyxpQkFBaUIsQ0FBQztRQUNsQyxDQUFDOzs7T0FBQTtJQU9NLG9DQUFRLEdBQWY7UUFDSSxJQUFNLEVBQUUsR0FBRyx5QkFBVyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUVwQyxPQUFPLENBQUMsQ0FBQyxFQUFFO2VBQ0osQ0FDQyxFQUFFLENBQUMsS0FBSyxLQUFLLElBQUksQ0FBQyxjQUFjO21CQUM3QixFQUFFLENBQUMsTUFBTSxLQUFLLElBQUksQ0FBQyxlQUFlLENBQ3hDLENBQUM7SUFDVixDQUFDO0lBQ0wsd0JBQUM7QUFBRCxDQUFDLEFBN0JELElBNkJDO0FBRVEsOENBQWlCIn0=
-  });
 
+      ResizeObservation.prototype.isActive = function () {
+        var cr = ContentRect_1.ContentRect(this.target);
+        return !!cr && (cr.width !== this.broadcastWidth || cr.height !== this.broadcastHeight);
+      };
+
+      return ResizeObservation;
+    }();
+
+    exports.ResizeObservation = ResizeObservation;
+  });
   unwrapExports(ResizeObservation_1);
   var ResizeObservation_2 = ResizeObservation_1.ResizeObservation;
 
   var ResizeObserverEntry_1 = createCommonjsModule(function (module, exports) {
-  Object.defineProperty(exports, "__esModule", { value: true });
 
-  var ResizeObserverEntry = /** @class */ (function () {
+    Object.defineProperty(exports, "__esModule", {
+      value: true
+    });
+
+    var ResizeObserverEntry =
+    /** @class */
+    function () {
       function ResizeObserverEntry(target) {
-          this.target = target;
-          this.contentRect = ContentRect_1.ContentRect(target);
+        this.target = target;
+        this.contentRect = ContentRect_1.ContentRect(target);
       }
-      return ResizeObserverEntry;
-  }());
-  exports.ResizeObserverEntry = ResizeObserverEntry;
-  //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmVzaXplT2JzZXJ2ZXJFbnRyeS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uL3NyYy9SZXNpemVPYnNlcnZlckVudHJ5LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7O0FBQUEsNkNBQTRDO0FBRTVDO0lBR0ksNkJBQVksTUFBZTtRQUN2QixJQUFJLENBQUMsTUFBTSxHQUFHLE1BQU0sQ0FBQztRQUNyQixJQUFJLENBQUMsV0FBVyxHQUFHLHlCQUFXLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDM0MsQ0FBQztJQUNMLDBCQUFDO0FBQUQsQ0FBQyxBQVBELElBT0M7QUFFUSxrREFBbUIifQ==
-  });
 
+      return ResizeObserverEntry;
+    }();
+
+    exports.ResizeObserverEntry = ResizeObserverEntry;
+  });
   unwrapExports(ResizeObserverEntry_1);
   var ResizeObserverEntry_2 = ResizeObserverEntry_1.ResizeObserverEntry;
 
   var ResizeObserver_1 = createCommonjsModule(function (module, exports) {
-  Object.defineProperty(exports, "__esModule", { value: true });
 
+    Object.defineProperty(exports, "__esModule", {
+      value: true
+    });
+    var resizeObservers = [];
 
-  var resizeObservers = [];
-  var ResizeObserver = /** @class */ (function () {
+    var ResizeObserver =
+    /** @class */
+    function () {
       function ResizeObserver(callback) {
-          /** @internal */
-          this.$$observationTargets = [];
-          /** @internal */
-          this.$$activeTargets = [];
-          /** @internal */
-          this.$$skippedTargets = [];
-          var message = callbackGuard(callback);
-          if (message) {
-              throw TypeError(message);
-          }
-          this.$$callback = callback;
-          resizeObservers.push(this);
+        /** @internal */
+        this.$$observationTargets = [];
+        /** @internal */
+
+        this.$$activeTargets = [];
+        /** @internal */
+
+        this.$$skippedTargets = [];
+        var message = callbackGuard(callback);
+
+        if (message) {
+          throw TypeError(message);
+        }
+
+        this.$$callback = callback;
+        resizeObservers.push(this);
       }
+
       ResizeObserver.prototype.observe = function (target) {
-          var message = targetGuard('observe', target);
-          if (message) {
-              throw TypeError(message);
-          }
-          var index = findTargetIndex(this.$$observationTargets, target);
-          if (index > 0) {
-              return;
-          }
-          this.$$observationTargets.push(new ResizeObservation_1.ResizeObservation(target));
-          startLoop();
+        var message = targetGuard('observe', target);
+
+        if (message) {
+          throw TypeError(message);
+        }
+
+        var index = findTargetIndex(this.$$observationTargets, target);
+
+        if (index > 0) {
+          return;
+        }
+
+        this.$$observationTargets.push(new ResizeObservation_1.ResizeObservation(target));
+        startLoop();
       };
+
       ResizeObserver.prototype.unobserve = function (target) {
-          var message = targetGuard('unobserve', target);
-          if (message) {
-              throw TypeError(message);
-          }
-          var index = findTargetIndex(this.$$observationTargets, target);
-          if (index < 0) {
-              return;
-          }
-          this.$$observationTargets.splice(index, 1);
-          checkStopLoop();
+        var message = targetGuard('unobserve', target);
+
+        if (message) {
+          throw TypeError(message);
+        }
+
+        var index = findTargetIndex(this.$$observationTargets, target);
+
+        if (index < 0) {
+          return;
+        }
+
+        this.$$observationTargets.splice(index, 1);
+        checkStopLoop();
       };
+
       ResizeObserver.prototype.disconnect = function () {
-          this.$$observationTargets = [];
-          this.$$activeTargets = [];
+        this.$$observationTargets = [];
+        this.$$activeTargets = [];
       };
+
       return ResizeObserver;
-  }());
-  exports.ResizeObserver = ResizeObserver;
-  function callbackGuard(callback) {
-      if (typeof (callback) === 'undefined') {
-          return "Failed to construct 'ResizeObserver': 1 argument required, but only 0 present.";
+    }();
+
+    exports.ResizeObserver = ResizeObserver;
+
+    function callbackGuard(callback) {
+      if (typeof callback === 'undefined') {
+        return "Failed to construct 'ResizeObserver': 1 argument required, but only 0 present.";
       }
-      if (typeof (callback) !== 'function') {
-          return "Failed to construct 'ResizeObserver': The callback provided as parameter 1 is not a function.";
+
+      if (typeof callback !== 'function') {
+        return "Failed to construct 'ResizeObserver': The callback provided as parameter 1 is not a function.";
       }
-  }
-  function targetGuard(functionName, target) {
-      if (typeof (target) === 'undefined') {
-          return "Failed to execute '" + functionName + "' on 'ResizeObserver': 1 argument required, but only 0 present.";
+    }
+
+    function targetGuard(functionName, target) {
+      if (typeof target === 'undefined') {
+        return "Failed to execute '" + functionName + "' on 'ResizeObserver': 1 argument required, but only 0 present.";
       }
+
       if (!(target instanceof window.Element)) {
-          return "Failed to execute '" + functionName + "' on 'ResizeObserver': parameter 1 is not of type 'Element'.";
+        return "Failed to execute '" + functionName + "' on 'ResizeObserver': parameter 1 is not of type 'Element'.";
       }
-  }
-  function findTargetIndex(collection, target) {
+    }
+
+    function findTargetIndex(collection, target) {
       for (var index = 0; index < collection.length; index += 1) {
-          if (collection[index].target === target) {
-              return index;
-          }
+        if (collection[index].target === target) {
+          return index;
+        }
       }
+
       return -1;
-  }
-  var gatherActiveObservationsAtDepth = function (depth) {
+    }
+
+    var gatherActiveObservationsAtDepth = function gatherActiveObservationsAtDepth(depth) {
       resizeObservers.forEach(function (ro) {
-          ro.$$activeTargets = [];
-          ro.$$skippedTargets = [];
-          ro.$$observationTargets.forEach(function (ot) {
-              if (ot.isActive()) {
-                  var targetDepth = calculateDepthForNode(ot.target);
-                  if (targetDepth > depth) {
-                      ro.$$activeTargets.push(ot);
-                  }
-                  else {
-                      ro.$$skippedTargets.push(ot);
-                  }
-              }
-          });
+        ro.$$activeTargets = [];
+        ro.$$skippedTargets = [];
+        ro.$$observationTargets.forEach(function (ot) {
+          if (ot.isActive()) {
+            var targetDepth = calculateDepthForNode(ot.target);
+
+            if (targetDepth > depth) {
+              ro.$$activeTargets.push(ot);
+            } else {
+              ro.$$skippedTargets.push(ot);
+            }
+          }
+        });
       });
-  };
-  var hasActiveObservations = function () {
-      return resizeObservers.some(function (ro) { return !!ro.$$activeTargets.length; });
-  };
-  var hasSkippedObservations = function () {
-      return resizeObservers.some(function (ro) { return !!ro.$$skippedTargets.length; });
-  };
-  var broadcastActiveObservations = function () {
+    };
+
+    var hasActiveObservations = function hasActiveObservations() {
+      return resizeObservers.some(function (ro) {
+        return !!ro.$$activeTargets.length;
+      });
+    };
+
+    var hasSkippedObservations = function hasSkippedObservations() {
+      return resizeObservers.some(function (ro) {
+        return !!ro.$$skippedTargets.length;
+      });
+    };
+
+    var broadcastActiveObservations = function broadcastActiveObservations() {
       var shallowestTargetDepth = Infinity;
       resizeObservers.forEach(function (ro) {
-          if (!ro.$$activeTargets.length) {
-              return;
+        if (!ro.$$activeTargets.length) {
+          return;
+        }
+
+        var entries = [];
+        ro.$$activeTargets.forEach(function (obs) {
+          var entry = new ResizeObserverEntry_1.ResizeObserverEntry(obs.target);
+          entries.push(entry);
+          obs.$$broadcastWidth = entry.contentRect.width;
+          obs.$$broadcastHeight = entry.contentRect.height;
+          var targetDepth = calculateDepthForNode(obs.target);
+
+          if (targetDepth < shallowestTargetDepth) {
+            shallowestTargetDepth = targetDepth;
           }
-          var entries = [];
-          ro.$$activeTargets.forEach(function (obs) {
-              var entry = new ResizeObserverEntry_1.ResizeObserverEntry(obs.target);
-              entries.push(entry);
-              obs.$$broadcastWidth = entry.contentRect.width;
-              obs.$$broadcastHeight = entry.contentRect.height;
-              var targetDepth = calculateDepthForNode(obs.target);
-              if (targetDepth < shallowestTargetDepth) {
-                  shallowestTargetDepth = targetDepth;
-              }
-          });
-          ro.$$callback(entries, ro);
-          ro.$$activeTargets = [];
+        });
+        ro.$$callback(entries, ro);
+        ro.$$activeTargets = [];
       });
       return shallowestTargetDepth;
-  };
-  var deliverResizeLoopErrorNotification = function () {
+    };
+
+    var deliverResizeLoopErrorNotification = function deliverResizeLoopErrorNotification() {
       var errorEvent = new window.ErrorEvent('ResizeLoopError', {
-          message: 'ResizeObserver loop completed with undelivered notifications.',
+        message: 'ResizeObserver loop completed with undelivered notifications.'
       });
       window.dispatchEvent(errorEvent);
-  };
-  var calculateDepthForNode = function (target) {
+    };
+
+    var calculateDepthForNode = function calculateDepthForNode(target) {
       var depth = 0;
+
       while (target.parentNode) {
-          target = target.parentNode;
-          depth += 1;
+        target = target.parentNode;
+        depth += 1;
       }
+
       return depth;
-  };
-  var notificationIteration = function () {
+    };
+
+    var notificationIteration = function notificationIteration() {
       var depth = 0;
       gatherActiveObservationsAtDepth(depth);
-      while (hasActiveObservations()) {
-          depth = broadcastActiveObservations();
-          gatherActiveObservationsAtDepth(depth);
-      }
-      if (hasSkippedObservations()) {
-          deliverResizeLoopErrorNotification();
-      }
-  };
-  var animationFrameCancelToken;
-  var startLoop = function () {
-      if (animationFrameCancelToken)
-          return;
-      runLoop();
-  };
-  var runLoop = function () {
-      animationFrameCancelToken = window.requestAnimationFrame(function () {
-          notificationIteration();
-          runLoop();
-      });
-  };
-  var checkStopLoop = function () {
-      if (animationFrameCancelToken && !resizeObservers.some(function (ro) { return !!ro.$$observationTargets.length; })) {
-          window.cancelAnimationFrame(animationFrameCancelToken);
-          animationFrameCancelToken = undefined;
-      }
-  };
-  var install = function () {
-      return window.ResizeObserver = ResizeObserver;
-  };
-  exports.install = install;
-  //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmVzaXplT2JzZXJ2ZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi9zcmMvUmVzaXplT2JzZXJ2ZXIudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7QUFBQSx5REFBd0Q7QUFFeEQsNkRBQTREO0FBRTVELElBQU0sZUFBZSxHQUFHLEVBQXNCLENBQUM7QUFFL0M7SUFVSSx3QkFBWSxRQUFnQztRQVA1QyxnQkFBZ0I7UUFDVCx5QkFBb0IsR0FBRyxFQUF5QixDQUFDO1FBQ3hELGdCQUFnQjtRQUNULG9CQUFlLEdBQUcsRUFBeUIsQ0FBQztRQUNuRCxnQkFBZ0I7UUFDVCxxQkFBZ0IsR0FBRyxFQUF5QixDQUFDO1FBR2hELElBQU0sT0FBTyxHQUFHLGFBQWEsQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUN4QyxJQUFJLE9BQU8sRUFBRTtZQUNULE1BQU0sU0FBUyxDQUFDLE9BQU8sQ0FBQyxDQUFDO1NBQzVCO1FBQ0QsSUFBSSxDQUFDLFVBQVUsR0FBRyxRQUFRLENBQUM7UUFDM0IsZUFBZSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUMvQixDQUFDO0lBRU0sZ0NBQU8sR0FBZCxVQUFlLE1BQWU7UUFDMUIsSUFBTSxPQUFPLEdBQUcsV0FBVyxDQUFDLFNBQVMsRUFBRSxNQUFNLENBQUMsQ0FBQztRQUMvQyxJQUFJLE9BQU8sRUFBRTtZQUNULE1BQU0sU0FBUyxDQUFDLE9BQU8sQ0FBQyxDQUFDO1NBQzVCO1FBQ0QsSUFBTSxLQUFLLEdBQUcsZUFBZSxDQUFDLElBQUksQ0FBQyxvQkFBb0IsRUFBRSxNQUFNLENBQUMsQ0FBQztRQUNqRSxJQUFJLEtBQUssR0FBRyxDQUFDLEVBQUU7WUFDWCxPQUFPO1NBQ1Y7UUFDRCxJQUFJLENBQUMsb0JBQW9CLENBQUMsSUFBSSxDQUFDLElBQUkscUNBQWlCLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQztRQUM5RCxTQUFTLEVBQUUsQ0FBQztJQUNoQixDQUFDO0lBRU0sa0NBQVMsR0FBaEIsVUFBaUIsTUFBZTtRQUM1QixJQUFNLE9BQU8sR0FBRyxXQUFXLENBQUMsV0FBVyxFQUFFLE1BQU0sQ0FBQyxDQUFDO1FBQ2pELElBQUksT0FBTyxFQUFFO1lBQ1QsTUFBTSxTQUFTLENBQUMsT0FBTyxDQUFDLENBQUM7U0FDNUI7UUFDRCxJQUFNLEtBQUssR0FBRyxlQUFlLENBQUMsSUFBSSxDQUFDLG9CQUFvQixFQUFFLE1BQU0sQ0FBQyxDQUFDO1FBQ2pFLElBQUksS0FBSyxHQUFHLENBQUMsRUFBRTtZQUNYLE9BQU87U0FDVjtRQUNELElBQUksQ0FBQyxvQkFBb0IsQ0FBQyxNQUFNLENBQUMsS0FBSyxFQUFFLENBQUMsQ0FBQyxDQUFDO1FBQzNDLGFBQWEsRUFBRSxDQUFDO0lBQ3BCLENBQUM7SUFFTSxtQ0FBVSxHQUFqQjtRQUNJLElBQUksQ0FBQyxvQkFBb0IsR0FBRyxFQUFFLENBQUM7UUFDL0IsSUFBSSxDQUFDLGVBQWUsR0FBRyxFQUFFLENBQUM7SUFDOUIsQ0FBQztJQUNMLHFCQUFDO0FBQUQsQ0FBQyxBQWpERCxJQWlEQztBQXVJRyx3Q0FBYztBQXJJbEIsU0FBUyxhQUFhLENBQUMsUUFBZ0M7SUFDbkQsSUFBSSxPQUFNLENBQUMsUUFBUSxDQUFDLEtBQUssV0FBVyxFQUFFO1FBQ2xDLE9BQU8sZ0ZBQWdGLENBQUM7S0FDM0Y7SUFDRCxJQUFJLE9BQU0sQ0FBQyxRQUFRLENBQUMsS0FBSyxVQUFVLEVBQUU7UUFDakMsT0FBTywrRkFBK0YsQ0FBQztLQUMxRztBQUNMLENBQUM7QUFFRCxTQUFTLFdBQVcsQ0FBQyxZQUFvQixFQUFFLE1BQWU7SUFDdEQsSUFBSSxPQUFNLENBQUMsTUFBTSxDQUFDLEtBQUssV0FBVyxFQUFFO1FBQ2hDLE9BQU8sd0JBQXNCLFlBQVksb0VBQWlFLENBQUM7S0FDOUc7SUFDRCxJQUFJLENBQUMsQ0FBQyxNQUFNLFlBQWEsTUFBYyxDQUFDLE9BQU8sQ0FBQyxFQUFFO1FBQzlDLE9BQU8sd0JBQXNCLFlBQVksaUVBQThELENBQUM7S0FDM0c7QUFDTCxDQUFDO0FBRUQsU0FBUyxlQUFlLENBQUMsVUFBK0IsRUFBRSxNQUFlO0lBQ3JFLEtBQUssSUFBSSxLQUFLLEdBQUcsQ0FBQyxFQUFFLEtBQUssR0FBRyxVQUFVLENBQUMsTUFBTSxFQUFFLEtBQUssSUFBSSxDQUFDLEVBQUU7UUFDdkQsSUFBSSxVQUFVLENBQUMsS0FBSyxDQUFDLENBQUMsTUFBTSxLQUFLLE1BQU0sRUFBRTtZQUNyQyxPQUFPLEtBQUssQ0FBQztTQUNoQjtLQUNKO0lBQ0QsT0FBTyxDQUFDLENBQUMsQ0FBQztBQUNkLENBQUM7QUFFRCxJQUFNLCtCQUErQixHQUFHLFVBQUMsS0FBYTtJQUNsRCxlQUFlLENBQUMsT0FBTyxDQUFDLFVBQUMsRUFBRTtRQUN2QixFQUFFLENBQUMsZUFBZSxHQUFHLEVBQUUsQ0FBQztRQUN4QixFQUFFLENBQUMsZ0JBQWdCLEdBQUcsRUFBRSxDQUFDO1FBQ3pCLEVBQUUsQ0FBQyxvQkFBb0IsQ0FBQyxPQUFPLENBQUMsVUFBQyxFQUFFO1lBQy9CLElBQUksRUFBRSxDQUFDLFFBQVEsRUFBRSxFQUFFO2dCQUNmLElBQU0sV0FBVyxHQUFHLHFCQUFxQixDQUFDLEVBQUUsQ0FBQyxNQUFNLENBQUMsQ0FBQztnQkFDckQsSUFBSSxXQUFXLEdBQUcsS0FBSyxFQUFFO29CQUNyQixFQUFFLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQztpQkFDL0I7cUJBQU07b0JBQ0gsRUFBRSxDQUFDLGdCQUFnQixDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQztpQkFDaEM7YUFDSjtRQUNMLENBQUMsQ0FBQyxDQUFDO0lBQ1AsQ0FBQyxDQUFDLENBQUM7QUFDUCxDQUFDLENBQUM7QUFFRixJQUFNLHFCQUFxQixHQUFHO0lBQzFCLE9BQUEsZUFBZSxDQUFDLElBQUksQ0FBQyxVQUFDLEVBQUUsSUFBSyxPQUFBLENBQUMsQ0FBQyxFQUFFLENBQUMsZUFBZSxDQUFDLE1BQU0sRUFBM0IsQ0FBMkIsQ0FBQztBQUF6RCxDQUF5RCxDQUFDO0FBRTlELElBQU0sc0JBQXNCLEdBQUc7SUFDM0IsT0FBQSxlQUFlLENBQUMsSUFBSSxDQUFDLFVBQUMsRUFBRSxJQUFLLE9BQUEsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxnQkFBZ0IsQ0FBQyxNQUFNLEVBQTVCLENBQTRCLENBQUM7QUFBMUQsQ0FBMEQsQ0FBQztBQUUvRCxJQUFNLDJCQUEyQixHQUFHO0lBQ2hDLElBQUkscUJBQXFCLEdBQUcsUUFBUSxDQUFDO0lBQ3JDLGVBQWUsQ0FBQyxPQUFPLENBQUMsVUFBQyxFQUFFO1FBQ3ZCLElBQUksQ0FBQyxFQUFFLENBQUMsZUFBZSxDQUFDLE1BQU0sRUFBRTtZQUM1QixPQUFPO1NBQ1Y7UUFFRCxJQUFNLE9BQU8sR0FBRyxFQUEyQixDQUFDO1FBQzVDLEVBQUUsQ0FBQyxlQUFlLENBQUMsT0FBTyxDQUFDLFVBQUMsR0FBRztZQUMzQixJQUFNLEtBQUssR0FBRyxJQUFJLHlDQUFtQixDQUFDLEdBQUcsQ0FBQyxNQUFNLENBQUMsQ0FBQztZQUNsRCxPQUFPLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1lBQ3BCLEdBQUcsQ0FBQyxnQkFBZ0IsR0FBRyxLQUFLLENBQUMsV0FBVyxDQUFDLEtBQUssQ0FBQztZQUMvQyxHQUFHLENBQUMsaUJBQWlCLEdBQUcsS0FBSyxDQUFDLFdBQVcsQ0FBQyxNQUFNLENBQUM7WUFDakQsSUFBTSxXQUFXLEdBQUcscUJBQXFCLENBQUMsR0FBRyxDQUFDLE1BQU0sQ0FBQyxDQUFDO1lBQ3RELElBQUksV0FBVyxHQUFHLHFCQUFxQixFQUFFO2dCQUNyQyxxQkFBcUIsR0FBRyxXQUFXLENBQUM7YUFDdkM7UUFDTCxDQUFDLENBQUMsQ0FBQztRQUVILEVBQUUsQ0FBQyxVQUFVLENBQUMsT0FBTyxFQUFFLEVBQUUsQ0FBQyxDQUFDO1FBQzNCLEVBQUUsQ0FBQyxlQUFlLEdBQUcsRUFBRSxDQUFDO0lBQzVCLENBQUMsQ0FBQyxDQUFDO0lBRUgsT0FBTyxxQkFBcUIsQ0FBQztBQUNqQyxDQUFDLENBQUM7QUFFRixJQUFNLGtDQUFrQyxHQUFHO0lBQ3ZDLElBQU0sVUFBVSxHQUFHLElBQUssTUFBYyxDQUFDLFVBQVUsQ0FBQyxpQkFBaUIsRUFBRTtRQUNqRSxPQUFPLEVBQUUsK0RBQStEO0tBQzNFLENBQUMsQ0FBQztJQUVILE1BQU0sQ0FBQyxhQUFhLENBQUMsVUFBVSxDQUFDLENBQUM7QUFDckMsQ0FBQyxDQUFDO0FBRUYsSUFBTSxxQkFBcUIsR0FBRyxVQUFDLE1BQVk7SUFDdkMsSUFBSSxLQUFLLEdBQUcsQ0FBQyxDQUFDO0lBQ2QsT0FBTyxNQUFNLENBQUMsVUFBVSxFQUFFO1FBQ3RCLE1BQU0sR0FBRyxNQUFNLENBQUMsVUFBVSxDQUFDO1FBQzNCLEtBQUssSUFBSSxDQUFDLENBQUM7S0FDZDtJQUNELE9BQU8sS0FBSyxDQUFDO0FBQ2pCLENBQUMsQ0FBQztBQUVGLElBQU0scUJBQXFCLEdBQUc7SUFDMUIsSUFBSSxLQUFLLEdBQUcsQ0FBQyxDQUFDO0lBQ2QsK0JBQStCLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDdkMsT0FBTyxxQkFBcUIsRUFBRSxFQUFFO1FBQzVCLEtBQUssR0FBRywyQkFBMkIsRUFBRSxDQUFDO1FBQ3RDLCtCQUErQixDQUFDLEtBQUssQ0FBQyxDQUFDO0tBQzFDO0lBRUQsSUFBSSxzQkFBc0IsRUFBRSxFQUFFO1FBQzFCLGtDQUFrQyxFQUFFLENBQUM7S0FDeEM7QUFDTCxDQUFDLENBQUM7QUFFRixJQUFJLHlCQUE2QyxDQUFDO0FBRWxELElBQU0sU0FBUyxHQUFHO0lBQ2QsSUFBSSx5QkFBeUI7UUFBRSxPQUFPO0lBRXRDLE9BQU8sRUFBRSxDQUFDO0FBQ2QsQ0FBQyxDQUFDO0FBRUYsSUFBTSxPQUFPLEdBQUc7SUFDWix5QkFBeUIsR0FBRyxNQUFNLENBQUMscUJBQXFCLENBQUM7UUFDckQscUJBQXFCLEVBQUUsQ0FBQztRQUN4QixPQUFPLEVBQUUsQ0FBQztJQUNkLENBQUMsQ0FBQyxDQUFDO0FBQ1AsQ0FBQyxDQUFDO0FBRUYsSUFBTSxhQUFhLEdBQUc7SUFDbEIsSUFBSSx5QkFBeUIsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsVUFBQyxFQUFFLElBQUssT0FBQSxDQUFDLENBQUMsRUFBRSxDQUFDLG9CQUFvQixDQUFDLE1BQU0sRUFBaEMsQ0FBZ0MsQ0FBQyxFQUFFO1FBQzlGLE1BQU0sQ0FBQyxvQkFBb0IsQ0FBQyx5QkFBeUIsQ0FBQyxDQUFDO1FBQ3ZELHlCQUF5QixHQUFHLFNBQVMsQ0FBQztLQUN6QztBQUNMLENBQUMsQ0FBQztBQUVGLElBQU0sT0FBTyxHQUFHO0lBQ1osT0FBQyxNQUFjLENBQUMsY0FBYyxHQUFHLGNBQWM7QUFBL0MsQ0FBK0MsQ0FBQztBQUdoRCwwQkFBTyJ9
-  });
 
+      while (hasActiveObservations()) {
+        depth = broadcastActiveObservations();
+        gatherActiveObservationsAtDepth(depth);
+      }
+
+      if (hasSkippedObservations()) {
+        deliverResizeLoopErrorNotification();
+      }
+    };
+
+    var animationFrameCancelToken;
+
+    var startLoop = function startLoop() {
+      if (animationFrameCancelToken) return;
+      runLoop();
+    };
+
+    var runLoop = function runLoop() {
+      animationFrameCancelToken = window.requestAnimationFrame(function () {
+        notificationIteration();
+        runLoop();
+      });
+    };
+
+    var checkStopLoop = function checkStopLoop() {
+      if (animationFrameCancelToken && !resizeObservers.some(function (ro) {
+        return !!ro.$$observationTargets.length;
+      })) {
+        window.cancelAnimationFrame(animationFrameCancelToken);
+        animationFrameCancelToken = undefined;
+      }
+    };
+
+    var install = function install() {
+      return window.ResizeObserver = ResizeObserver;
+    };
+
+    exports.install = install;
+  });
   unwrapExports(ResizeObserver_1);
   var ResizeObserver_2 = ResizeObserver_1.ResizeObserver;
   var ResizeObserver_3 = ResizeObserver_1.install;
@@ -5415,7 +5558,6 @@
 
       _this = possibleConstructorReturn(this, getPrototypeOf(Artplayer).call(this));
       _this.option = mergeDeep(Artplayer.DEFAULTS, option);
-      console.log(_this.option);
       optionValidator(_this.option, scheme);
 
       _this.init();
@@ -5560,4 +5702,3 @@
   Object.defineProperty(exports, '__esModule', { value: true });
 
 })));
-//# sourceMappingURL=artplayer.js.map