@3dwayfinder/wayfinder-vue-components 1.0.90 → 1.0.94

package/dist/wayfinder-vue-components.esm.js

@@ -1873,6 +1873,10 @@ const __vue_component__$e = /*#__PURE__*/normalizeComponent({
 var script$d = {
   name: 'GroupsMenu',
   props: {
+    parent: {
+      type: Number,
+      default: -1
+    },
     showPOICount: {
       type: Boolean,
       default: false
@@ -1927,12 +1931,15 @@ var script$d = {
       let arr = []; // Copy arr for sorting
 
       let topic;
+      let groups = this.poiGroups;
 
-      for (let i in this.poiGroups) {
-        topic = this.poiGroups[i];
+      for (let i in groups) {
+        topic = groups[i];
 
         if (topic && topic.getShowInMenu() && topic.getName(this.language)) {
-          arr.push(topic);
+          if (!(this.parent > -1 && parseInt(topic.parent_id) !== this.parent)) {
+            arr.push(topic);
+          }
         }
       }
 
@@ -2039,6 +2046,8 @@ var __vue_render__$d = function () {
       }), _vm._v(" "), _vm.showPOICount ? _c('label', {
         staticClass: "count"
       }, [_vm._v(_vm._s(topic.pois.length))]) : _vm._e()];
+    }, {
+      "group": topic
     })], 2), _vm._v(" "), topic.childGroups.length > 0 && _vm.showSubGroups ? _c('ul', {
       directives: [{
         name: "show",
@@ -2058,6 +2067,8 @@ var __vue_render__$d = function () {
         }), _vm._v(" "), _vm.showPOICount ? _c('label', {
           staticClass: "count"
         }, [_vm._v(_vm._s(subtopic.pois.length))]) : _vm._e()];
+      }, {
+        "group": subtopic
       })], 2);
     }), 0) : _vm._e(), _vm._v(" "), topic.pois.length > 0 && _vm.showPOIs ? _c('ul', {
       directives: [{
@@ -2102,8 +2113,8 @@ var __vue_staticRenderFns__$d = [];
 
 const __vue_inject_styles__$d = function (inject) {
   if (!inject) return;
-  inject("data-v-746c33b6_0", {
-    source: ".az-menu[data-v-746c33b6]{overflow:hidden;user-select:none}.az-menu .list-item[data-v-746c33b6]{list-style:none}.az-menu ul[data-v-746c33b6]{margin:0;padding:0}",
+  inject("data-v-616120b3_0", {
+    source: ".az-menu[data-v-616120b3]{overflow:hidden;user-select:none}.az-menu .list-item[data-v-616120b3]{list-style:none}.az-menu ul[data-v-616120b3]{margin:0;padding:0}",
     map: undefined,
     media: undefined
   });
@@ -2111,7 +2122,7 @@ const __vue_inject_styles__$d = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$d = "data-v-746c33b6";
+const __vue_scope_id__$d = "data-v-616120b3";
 /* module identifier */
 
 const __vue_module_identifier__$d = undefined;
@@ -3306,3228 +3317,81 @@ const __vue_component__$3 = /*#__PURE__*/normalizeComponent({
   staticRenderFns: __vue_staticRenderFns__$3
 }, __vue_inject_styles__$3, __vue_script__$3, __vue_scope_id__$3, __vue_is_functional_template__$3, __vue_module_identifier__$3, false, createInjector, undefined, undefined);
 
-/*!
- * better-scroll / core
- * (c) 2016-2019 ustbhuangyi
- * Released under the MIT License.
- */
-/*! *****************************************************************************
-Copyright (c) Microsoft Corporation. All rights reserved.
-Licensed under the Apache License, Version 2.0 (the "License"); you may not use
-this file except in compliance with the License. You may obtain a copy of the
-License at http://www.apache.org/licenses/LICENSE-2.0
-
-THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
-KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
-WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
-MERCHANTABLITY OR NON-INFRINGEMENT.
-
-See the Apache Version 2.0 License for specific language governing permissions
-and limitations under the License.
-***************************************************************************** */
-/* global Reflect, Promise */
-
-var extendStatics = function(d, b) {
-    extendStatics = Object.setPrototypeOf ||
-        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-        function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-    return extendStatics(d, b);
-};
+var scrollarea_common = createCommonjsModule(function (module) {
+module.exports=function(t){var e={};function i(n){if(e[n])return e[n].exports;var s=e[n]={i:n,l:!1,exports:{}};return t[n].call(s.exports,s,s.exports,i),s.l=!0,s.exports}return i.m=t,i.c=e,i.d=function(t,e,n){i.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:n});},i.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0});},i.t=function(t,e){if(1&e&&(t=i(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var n=Object.create(null);if(i.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var s in t)i.d(n,s,function(e){return t[e]}.bind(null,s));return n},i.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return i.d(e,"a",e),e},i.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},i.p="",i(i.s=1)}([function(t,e){t.exports={create:function(){return [0,0]},clone:function(t){var e=new Array(2);return e[0]=t[0],e[1]=t[1],e},fromValues:function(t,e){var i=new Array(2);return i[0]=t,i[1]=e,i},copy:function(t,e){return t[0]=e[0],t[1]=e[1],t},set:function(t,e,i){return t[0]=e,t[1]=i,t},add:function(t,e,i){return t[0]=e[0]+i[0],t[1]=e[1]+i[1],t},sub:function(t,e,i){return t[0]=e[0]-i[0],t[1]=e[1]-i[1],t},mul:function(t,e,i){return t[0]=e[0]*i[0],t[1]=e[1]*i[1],t},div:function(t,e,i){return t[0]=e[0]/i[0],t[1]=e[1]/i[1],t},min:function(t,e,i){return t[0]=Math.min(e[0],i[0]),t[1]=Math.min(e[1],i[1]),t},max:function(t,e,i){return t[0]=Math.max(e[0],i[0]),t[1]=Math.max(e[1],i[1]),t},scale:function(t,e,i){return t[0]=e[0]*i,t[1]=e[1]*i,t},dist:function(t,e){var i=e[0]-t[0],n=e[1]-t[1];return Math.sqrt(i*i+n*n)},sqrDist:function(t,e){var i=e[0]-t[0],n=e[1]-t[1];return i*i+n*n},len:function(t){var e=t[0],i=t[1];return Math.sqrt(e*e+i*i)},length:function(t){var e=t[0],i=t[1];return Math.sqrt(e*e+i*i)},sqrLen:function(t){var e=t[0],i=t[1];return e*e+i*i},negate:function(t,e){return t[0]=-e[0],t[1]=-e[1],t},normalize:function(t,e){var i=e[0],n=e[1],s=i*i+n*n;return s>0&&(s=1/Math.sqrt(s),t[0]=e[0]*s,t[1]=e[1]*s),t},dot:function(t,e){return t[0]*e[0]+t[1]*e[1]},cross:function(t,e,i){var n=e[0]*i[1]-e[1]*i[0];return t[0]=t[1]=0,t[2]=n,t},lerp:function(t,e,i,n){var s=e[0],o=e[1];return t[0]=s+n*(i[0]-s),t[1]=o+n*(i[1]-o),t},transformMat2:function(t,e,i){var n=e[0],s=e[1];return t[0]=n*i[0]+s*i[1],t[1]=n*i[2]+s*i[3],t},str:function(t){return "this("+t[0]+", "+t[1]+")"}};},function(t,e,i){i.r(e),i.d(e,"ScrollArea",(function(){return a}));var n=i(0),s=i.n(n);class o{constructor(t,e){this.position=s.a.create(),this.contentSize=t,this.viewSize=e,this._maxPosition=s.a.create(),this._minPosition=s.a.create(),this._vec2cache=s.a.create();}getViewPosition(){return this.position}getContentPosition(){return this.position}clampPosition(){s.a.max(this._maxPosition,this.getViewSize(),this.getContentSize()),s.a.min(this._minPosition,this.getViewSize(),this.getContentSize()),s.a.sub(this._maxPosition,this._maxPosition,this._minPosition),this.position=this.clamp(this.position,s.a.create(),this._maxPosition);}setViewPosition(t){!isNaN(parseFloat(t[0]))&&isFinite(t[0])&&!isNaN(parseFloat(t[1]))&&isFinite(t[1])&&(this.position=t,this.clampPosition());}move(t){t&&this.setViewPosition(s.a.add(t,this.getViewPosition(),t));}setViewSize(t,e){this.viewSize=s.a.fromValues(t,e),this.clampPosition();}setContentSize(t,e){this.contentSize=s.a.fromValues(t,e),this.clampPosition();}isContentLonger(){return this.viewSize[1]<=this.contentSize[1]}isContentWider(){return this.viewSize[0]<=this.contentSize[0]}getContentSize(){return this.contentSize}getViewSize(){return this.viewSize}clamp(t,e,i){var n=s.a.clone(t);return s.a.max(n,n,e),s.a.min(n,n,i),n}getPercentagePosition(){return s.a.div(s.a.create(),this.position,this.viewSize)}getRelativePosition(){return s.a.sub(this._vec2cache,this.getViewSize(),this.getContentSize()),0!==s.a.len(this._vec2cache)&&s.a.div(this._vec2cache,this.getViewPosition(),s.a.sub(this._vec2cache,this.getViewSize(),this.getContentSize())),this._vec2cache}}class r{constructor(t,e,i){this.vertical=void 0===i||!i,this.position=0,this.containerSize=1,this.contentSize=1,this.mouseDelta=s.a.create(),this.onScroll=!1,this.parentElement=t,this.element=document.createElement("div"),this.element.classList.add("sa-scrollbar"),this.element.classList.add("sa-scrollbar-position-"+e),this.element.style.position="absolute",this.element.style.right="0",this.element.style.top="0",this.element.style.bottom="0",this.bar=document.createElement("div"),this.bar.style.minWidth="1px",this.bar.classList.add("sa-bar"),this.element.appendChild(this.bar),t.appendChild(this.element),this.attachEvents(this.element),this.view=new o(s.a.fromValues(this.bar.clientWidth,this.bar.clientHeight),s.a.fromValues(this.element.clientWidth,this.element.clientHeight));}attachEvents(t){if(t.addEventListener("mousedown",t=>{this.mousedown=!0,t.stopPropagation(),t.preventDefault();}),window.addEventListener("mousemove",t=>{if(this.mousedown){var e=s.a.fromValues(t.movementX,t.movementY);this.deltaMove=e,this.lastTime=Date.now(),this.getOption("reverse"),this.scroll(e);}}),window.addEventListener("mouseup",t=>{this.onEndDrag(this.deltaMove,Date.now()-this.lastTime),this.mousedown=!1;}),t.addEventListener("touchstart",t=>{t.touches&&t.touches.length>0&&(this.lastTouch=s.a.fromValues(t.touches[0].screenX,t.touches[0].screenY));},!1),window.addEventListener("touchend",t=>{this.lastTouch=null;},!1),window.addEventListener("touchcancel",t=>{this.lastTouch=null;},!1),window.addEventListener("touchmove",t=>{if(console.log("touchmove",t),t.touches&&t.touches.length>0){if(this.lastTouch){var e=s.a.fromValues(t.touches[0].screenX,t.touches[0].screenY);this.getOption("reverse")?this.scroll(s.a.sub(e,this.lastTouch,e)):this.scroll(s.a.sub(e,e,this.lastTouch));}this.lastTouch=s.a.fromValues(t.touches[0].screenX,t.touches[0].screenY);}},!1),"undefined"!=typeof ResizeObserver&&t){var e=this;this.resizeObserver=new ResizeObserver((function(){e.resize();})),this.resizeObserver.observe(t);}}scroll(t){var e=this;window.requestAnimationFrame((function(){e.view.move(t),t=s.a.clone(e.view.getContentPosition()),e.setPosition(t),e.updateCallback&&"function"==typeof e.updateCallback&&e.updateCallback(me);}));}setPosition(t){var e=1;this.getOption("swapContainers")&&(e=-1),this.bar.style.transform="translate("+t[0]*e+"px,"+t[1]*e+"px)",this.scrolling=!1,this.checkContentPosition();}checkContentPosition(){var t=this.view.getRelativePosition(),e=[];0===t[0]&&e.push("on-left"),0===t[1]&&e.push("on-top"),1===t[0]&&e.push("on-right"),1===t[1]&&e.push("on-bottom"),e!==this.positionClassNames&&(this.container.classList.remove(...this.positionClassNames),e&&e.length>0&&this.container.classList.add(...e),this.positionClassNames=e);}clear(){this.position=0,this.setPosition(0);}getBarLength(){return this.vertical?parseInt(this.bar.height()):parseInt(this.bar.width())}getViewLength(){return this.vertical?this.view.getViewSize()[1]:this.view.getViewSize()[0]}getContentLength(){return this.vertical?this.view.getContentSize()[1]:this.view.getContentSize()[0]}setContentPosition(t){var e=s.a.create(),i=this.containerSize/this.contentSize;s.a.scale(e,t,i),this.view.setViewPosition(e),this.setPosition(this.view.getContentPosition());}getPercentage(){return s.a.len(this.view.getViewPosition())/this.getViewLength()}resize(){this.view.setViewSize(parseInt(this.element.clientWidth),parseInt(this.bar.clientHeight)),this.view.setContentSize(parseInt(this.element.clientWidth),parseInt(this.bar.clientHeight)),this.checkIfScrollIsNeeded();}checkIfScrollIsNeeded(){this.view.isContentLonger()&&this.element.classList.add("content-longer"),this.view.isContentWider()&&this.element.classList.add("content-wider");}}class a{constructor(t,e,i){this.container=null,this.content=null,this.options={smooth:!0,reverse:!0,swapContainers:!0,updateInterval:10,wheelSpeed:50},void 0!==i&&i&&(this.options=this.chooseOptions(this.options,i)),console.log("vec2",s.a,s.a.create),this.setContainer(t),this.events={change:[],layout:[],ready:[]},this.lastTouch=null,this.deltaMove=s.a.create(),this.lastTime=0,this.smoothDistance=null,this.timeout=null,this.smoothCoeficent=s.a.fromValues(11,11),this.positionClassNames=[],this.mousedown=!1,this.touchstart=!1,this._vec2cache=s.a.create();this.container;this.getOption("swapContainers")?this.view=new o(s.a.fromValues(this.container.clientWidth,this.container.clientHeight),s.a.fromValues(this.content.clientWidth,this.content.clientHeight)):(this.content,this.view=new o(s.a.fromValues(this.content.clientWidth,this.content.clientHeight),s.a.fromValues(this.container.clientWidth,this.container.clientHeight))),this.container.style.position="relative",this.container.style.overflow="hidden",this.container.style.overflow="hidden",this.container.style.userSelect="none",this.attachEvents(this.container),this.scrollbar=new r(this.container,"right"),this.construct();}attachEvents(t){if(t.addEventListener("mousewheel",(function(t){var i=0;t.originalEvent&&(t=t.originalEvent),i="wheelDelta"in t?t.wheelDelta<0?1:t.wheelDelta>0?-1:1:t.deltaY>0?1:t.deltaY<0?-1:1,e.scroll(s.a.fromValues(0,e.getOption("wheelSpeed")*i));})),t.addEventListener("mousedown",t=>{this.mousedown=!0,t.stopPropagation(),t.preventDefault();}),window.addEventListener("mousemove",t=>{if(this.mousedown){var e=s.a.fromValues(t.movementX,t.movementY);this.deltaMove=e,this.lastTime=Date.now(),this.getOption("reverse"),this.scroll(e);}}),window.addEventListener("mouseup",t=>{this.mousedown=!1;}),t.addEventListener("touchstart",t=>{t.touches&&t.touches.length>0&&(this.lastTouch=s.a.fromValues(t.touches[0].screenX,t.touches[0].screenY));},!1),window.addEventListener("touchend",t=>{this.lastTouch=null;},!1),window.addEventListener("touchcancel",t=>{this.lastTouch=null;},!1),window.addEventListener("touchmove",t=>{if(console.log("touchmove",t),t.touches&&t.touches.length>0){if(this.lastTouch){var e=s.a.fromValues(t.touches[0].screenX,t.touches[0].screenY);this.getOption("reverse")?this.scroll(s.a.sub(e,this.lastTouch,e)):this.scroll(s.a.sub(e,e,this.lastTouch));}this.lastTouch=s.a.fromValues(t.touches[0].screenX,t.touches[0].screenY);}},!1),"undefined"!=typeof ResizeObserver&&t){var e=this;this.resizeObserver=new ResizeObserver((function(){e.resize();})),this.resizeObserver.observe(t);}}onEndDrag(t,e){var i=s.a.div(0,Math.abs(event.velocity));if(this.getOption("smooth")&&sqrLen(i)>.3){var n=fromValues(event.deltaX,event.deltaY),o=s.a.create();s.a.multiply(o,n,i),this.getOption("reverse");var r=this;this.stop();var a=create(),h=function(){div(a,o,r.smoothCoeficent),sqrLen(a)>3?(sub(o,o,a),requestAnimFrame(h,r.getOption("updateInterval")),negate(a,a),r.scroll(a)):r.scrolling=!1;};this.timeout=requestAnimFrame(h,r.updateInterval);}else this.scrolling=!1;}resize(){console.log("resize",this.content.clientWidth,this.content.clientHeight,"container",this.container.clientWidth,this.container.clientHeight),this.getOption("swapContainers")?(this.view.setViewSize(parseInt(this.content.clientWidth),parseInt(this.content.clientHeight)),this.view.setContentSize(parseInt(this.container.clientWidth),parseInt(this.container.clientHeight))):(this.view.setViewSize(parseInt(this.container.clientWidth),parseInt(this.container.clientHeight)),this.view.setContentSize(parseInt(this.content.clientWidth),parseInt(this.content.clientHeight))),this.checkIfScrollIsNeeded();}checkIfScrollIsNeeded(){this.view.isContentLonger()&&this.container.classList.add("content-longer"),this.view.isContentWider()&&this.container.classList.add("content-wider");}chooseOptions(t,e){for(var i in e)t[i]&&(t[i]=e[i]);return t}setContainer(t){switch(typeof t){case"undefined":this.container=document.createElement("div"),this.container.classList.add("keyboard"),document.body.appendChild(this.container);break;case"string":this.container=document.getElementById(t);break;default:this.container=t;}this.container&&(this.content=this.container.firstElementChild);}getOption(t){return this.options[t]}on(t,e){"object"!=typeof this.events[t]&&(this.events[t]=[]),this.events[t].push(e);}trigger(){let t=Array.prototype.slice.call(arguments);if(t.length>0){let e=t[0];if(t.shift(),this.events[e]){let i;for(let n=0,s=this.events[e].length;n<s;n++)i=this.events[e][n],"function"==typeof i&&i.apply(this,t);}}}clear(){}construct(){this.clear(),this.resize();}scroll(t){var e=this;window.requestAnimationFrame((function(){e.view.move(t),t=s.a.clone(e.view.getContentPosition()),e.setContentOffset(t),e.updateCallback&&"function"==typeof e.updateCallback&&e.updateCallback(me);}));}setContentOffset(t){var e=1;this.getOption("swapContainers")&&(e=-1),this.content.style.transform="translate("+t[0]*e+"px,"+t[1]*e+"px)",this.scrolling=!1,this.checkContentPosition();}checkContentPosition(){var t=this.view.getRelativePosition(),e=[];0===t[0]&&e.push("on-left"),0===t[1]&&e.push("on-top"),1===t[0]&&e.push("on-right"),1===t[1]&&e.push("on-bottom"),e!==this.positionClassNames&&(this.container.classList.remove(...this.positionClassNames),e&&e.length>0&&this.container.classList.add(...e),this.positionClassNames=e);}}}]).ScrollArea;
+});
 
-function __extends(d, b) {
-    extendStatics(d, b);
-    function __() { this.constructor = d; }
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-}
+//
+var script$2 = {
+  name: 'ScrollableArea',
+  data: () => ({
+    scroll: null
+  }),
 
-var __assign = function() {
-    __assign = Object.assign || function __assign(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
+  updated() {
+    this.$nextTick(() => {
+      if (this.scroll) {
+        this.scroll.resize();
+      }
+    });
+  },
 
-function warn$2(msg) {
-    console.error("[BScroll warn]: " + msg);
-}
+  mounted() {
+    this.$nextTick(() => {
+      if (!this.scroll) {
+        this.scroll = new scrollarea_common(this.$refs.area);
+      }
+    });
+  },
 
-// ssr support
-var inBrowser$2 = typeof window !== 'undefined';
-var ua$2 = inBrowser$2 && navigator.userAgent.toLowerCase();
-ua$2 && /wechatdevtools/.test(ua$2);
-var isAndroid = ua$2 && ua$2.indexOf('android') > 0;
+  methods: {
+    activate() {
+      this.makeScroll();
+    },
 
-function getNow() {
-    return window.performance && window.performance.now
-        ? window.performance.now() + window.performance.timing.navigationStart
-        : +new Date();
-}
-function extend$1(target) {
-    var rest = [];
-    for (var _i = 1; _i < arguments.length; _i++) {
-        rest[_i - 1] = arguments[_i];
-    }
-    for (var i = 0; i < rest.length; i++) {
-        var source = rest[i];
-        for (var key in source) {
-            target[key] = source[key];
+    reset() {
+      this.$nextTick(() => {
+        if (this.scroll) {
+          this.scroll.refresh();
         }
+      });
     }
-    return target;
-}
-function isUndef(v) {
-    return v === undefined || v === null;
-}
 
-var elementStyle$2 = (inBrowser$2 &&
-    document.createElement('div').style);
-var vendor$2 = (function () {
-    if (!inBrowser$2) {
-        return false;
-    }
-    var transformNames = {
-        webkit: 'webkitTransform',
-        Moz: 'MozTransform',
-        O: 'OTransform',
-        ms: 'msTransform',
-        standard: 'transform'
-    };
-    for (var key in transformNames) {
-        if (elementStyle$2[transformNames[key]] !== undefined) {
-            return key;
-        }
-    }
-    return false;
-})();
-function prefixStyle$2(style) {
-    if (vendor$2 === false) {
-        return style;
-    }
-    if (vendor$2 === 'standard') {
-        if (style === 'transitionEnd') {
-            return 'transitionend';
-        }
-        return style;
-    }
-    return vendor$2 + style.charAt(0).toUpperCase() + style.substr(1);
-}
-function getElement(el) {
-    return (typeof el === 'string'
-        ? document.querySelector(el)
-        : el);
-}
-function addEvent$2(el, type, fn, capture) {
-    el.addEventListener(type, fn, {
-        passive: false,
-        capture: !!capture
-    });
-}
-function removeEvent$2(el, type, fn, capture) {
-    el.removeEventListener(type, fn, {
-        capture: !!capture
-    });
-}
-function offset(el) {
-    var left = 0;
-    var top = 0;
-    while (el) {
-        left -= el.offsetLeft;
-        top -= el.offsetTop;
-        el = el.offsetParent;
-    }
-    return {
-        left: left,
-        top: top
-    };
-}
-vendor$2 && vendor$2 !== 'standard' ? '-' + vendor$2.toLowerCase() + '-' : '';
-var transform$2 = prefixStyle$2('transform');
-var transition$2 = prefixStyle$2('transition');
-var hasPerspective = inBrowser$2 && prefixStyle$2('perspective') in elementStyle$2;
-// fix issue #361
-var hasTransition = inBrowser$2 && transition$2 in elementStyle$2;
-var style$1 = {
-    transform: transform$2,
-    transition: transition$2,
-    transitionTimingFunction: prefixStyle$2('transitionTimingFunction'),
-    transitionDuration: prefixStyle$2('transitionDuration'),
-    transitionDelay: prefixStyle$2('transitionDelay'),
-    transformOrigin: prefixStyle$2('transformOrigin'),
-    transitionEnd: prefixStyle$2('transitionEnd')
-};
-var eventTypeMap = {
-    touchstart: 1,
-    touchmove: 1,
-    touchend: 1,
-    mousedown: 2,
-    mousemove: 2,
-    mouseup: 2
+  }
 };
-function getRect(el) {
-    if (el instanceof window.SVGElement) {
-        var rect = el.getBoundingClientRect();
-        return {
-            top: rect.top,
-            left: rect.left,
-            width: rect.width,
-            height: rect.height
-        };
-    }
-    else {
-        return {
-            top: el.offsetTop,
-            left: el.offsetLeft,
-            width: el.offsetWidth,
-            height: el.offsetHeight
-        };
-    }
-}
-function preventDefaultExceptionFn$1(el, exceptions) {
-    for (var i in exceptions) {
-        if (exceptions[i].test(el[i])) {
-            return true;
-        }
-    }
-    return false;
-}
-var tagExceptionFn = preventDefaultExceptionFn$1;
-function tap(e, eventName) {
-    var ev = document.createEvent('Event');
-    ev.initEvent(eventName, true, true);
-    ev.pageX = e.pageX;
-    ev.pageY = e.pageY;
-    e.target.dispatchEvent(ev);
-}
-function click(e, event) {
-    if (event === void 0) { event = 'click'; }
-    var eventSource;
-    if (e.type === 'mouseup') {
-        eventSource = e;
-    }
-    else if (e.type === 'touchend' || e.type === 'touchcancel') {
-        eventSource = e.changedTouches[0];
-    }
-    var posSrc = {};
-    if (eventSource) {
-        posSrc.screenX = eventSource.screenX || 0;
-        posSrc.screenY = eventSource.screenY || 0;
-        posSrc.clientX = eventSource.clientX || 0;
-        posSrc.clientY = eventSource.clientY || 0;
-    }
-    var ev;
-    var bubbles = true;
-    var cancelable = true;
-    if (typeof MouseEvent !== 'undefined') {
-        try {
-            ev = new MouseEvent(event, extend$1({
-                bubbles: bubbles,
-                cancelable: cancelable
-            }, posSrc));
-        }
-        catch (e) {
-            createEvent();
-        }
-    }
-    else {
-        createEvent();
-    }
-    function createEvent() {
-        ev = document.createEvent('Event');
-        ev.initEvent(event, bubbles, cancelable);
-        extend$1(ev, posSrc);
-    }
-    // forwardedTouchEvent set to true in case of the conflict with fastclick
-    ev.forwardedTouchEvent = true;
-    ev._constructed = true;
-    e.target.dispatchEvent(ev);
-}
-function dblclick(e) {
-    click(e, 'dblclick');
-}
 
-var ease = {
-    // easeOutQuint
-    swipe: {
-        style: 'cubic-bezier(0.23, 1, 0.32, 1)',
-        fn: function (t) {
-            return 1 + --t * t * t * t * t;
-        }
-    },
-    // easeOutQuard
-    swipeBounce: {
-        style: 'cubic-bezier(0.25, 0.46, 0.45, 0.94)',
-        fn: function (t) {
-            return t * (2 - t);
-        }
-    },
-    // easeOutQuart
-    bounce: {
-        style: 'cubic-bezier(0.165, 0.84, 0.44, 1)',
-        fn: function (t) {
-            return 1 - --t * t * t * t;
-        }
-    }
-};
+/* script */
+const __vue_script__$2 = script$2;
+/* template */
 
-var DEFAULT_INTERVAL = 100 / 60;
-var windowCompat = inBrowser$2 && window;
-function noop() { }
-var requestAnimationFrame = (function () {
-    if (!inBrowser$2) {
-        /* istanbul ignore if */
-        return noop;
-    }
-    return (windowCompat.requestAnimationFrame ||
-        windowCompat.webkitRequestAnimationFrame ||
-        windowCompat.mozRequestAnimationFrame ||
-        windowCompat.oRequestAnimationFrame ||
-        // if all else fails, use setTimeout
-        function (callback) {
-            return window.setTimeout(callback, (callback.interval || DEFAULT_INTERVAL) / 2); // make interval as precise as possible.
-        });
-})();
-var cancelAnimationFrame = (function () {
-    if (!inBrowser$2) {
-        /* istanbul ignore if */
-        return noop;
-    }
-    return (windowCompat.cancelAnimationFrame ||
-        windowCompat.webkitCancelAnimationFrame ||
-        windowCompat.mozCancelAnimationFrame ||
-        windowCompat.oCancelAnimationFrame ||
-        function (id) {
-            window.clearTimeout(id);
-        });
-})();
-
-var noop$1 = function (val) { };
-var sharedPropertyDefinition = {
-    enumerable: true,
-    configurable: true,
-    get: noop$1,
-    set: noop$1
-};
-var getProperty = function (obj, key) {
-    var keys = key.split('.');
-    for (var i = 0; i < keys.length - 1; i++) {
-        obj = obj[keys[i]];
-        if (typeof obj !== 'object' || !obj)
-            return;
-    }
-    var lastKey = keys.pop();
-    if (typeof obj[lastKey] === 'function') {
-        return function () {
-            return obj[lastKey].apply(obj, arguments);
-        };
-    }
-    else {
-        return obj[lastKey];
-    }
-};
-var setProperty = function (obj, key, value) {
-    var keys = key.split('.');
-    var temp;
-    for (var i = 0; i < keys.length - 1; i++) {
-        temp = keys[i];
-        if (!obj[temp])
-            obj[temp] = {};
-        obj = obj[temp];
-    }
-    obj[keys.pop()] = value;
-};
-function propertiesProxy(target, sourceKey, key) {
-    sharedPropertyDefinition.get = function proxyGetter() {
-        return getProperty(this, sourceKey);
-    };
-    sharedPropertyDefinition.set = function proxySetter(val) {
-        setProperty(this, sourceKey, val);
-    };
-    Object.defineProperty(target, key, sharedPropertyDefinition);
-}
+var __vue_render__$2 = function () {
+  var _vm = this;
 
-var EventEmitter$1 = /** @class */ (function () {
-    function EventEmitter(names) {
-        this.events = {};
-        this.eventTypes = {};
-        this.registerType(names);
-    }
-    EventEmitter.prototype.on = function (type, fn, context) {
-        if (context === void 0) { context = this; }
-        this._checkInTypes(type);
-        if (!this.events[type]) {
-            this.events[type] = [];
-        }
-        this.events[type].push([fn, context]);
-        return this;
-    };
-    EventEmitter.prototype.once = function (type, fn, context) {
-        var _this = this;
-        if (context === void 0) { context = this; }
-        this._checkInTypes(type);
-        var magic = function () {
-            var args = [];
-            for (var _i = 0; _i < arguments.length; _i++) {
-                args[_i] = arguments[_i];
-            }
-            _this.off(type, magic);
-            fn.apply(context, args);
-        };
-        magic.fn = fn;
-        this.on(type, magic);
-        return this;
-    };
-    EventEmitter.prototype.off = function (type, fn) {
-        if (!type && !fn) {
-            this.events = {};
-            return this;
-        }
-        if (type) {
-            this._checkInTypes(type);
-            if (!fn) {
-                this.events[type] = [];
-                return this;
-            }
-            var events = this.events[type];
-            if (!events) {
-                return this;
-            }
-            var count = events.length;
-            while (count--) {
-                if (events[count][0] === fn ||
-                    (events[count][0] && events[count][0].fn === fn)) {
-                    events.splice(count, 1);
-                }
-            }
-            return this;
-        }
-    };
-    EventEmitter.prototype.trigger = function (type) {
-        var args = [];
-        for (var _i = 1; _i < arguments.length; _i++) {
-            args[_i - 1] = arguments[_i];
-        }
-        this._checkInTypes(type);
-        var events = this.events[type];
-        if (!events) {
-            return;
-        }
-        var len = events.length;
-        var eventsCopy = events.slice();
-        var ret;
-        for (var i = 0; i < len; i++) {
-            var event_1 = eventsCopy[i];
-            var fn = event_1[0], context = event_1[1];
-            if (fn) {
-                ret = fn.apply(context, args);
-                if (ret === true) {
-                    return ret;
-                }
-            }
-        }
-    };
-    EventEmitter.prototype.registerType = function (names) {
-        var _this = this;
-        names.forEach(function (type) {
-            _this.eventTypes[type] = type;
-        });
-    };
-    EventEmitter.prototype.destroy = function () {
-        this.events = {};
-        this.eventTypes = {};
-    };
-    EventEmitter.prototype._checkInTypes = function (type) {
-        var types = this.eventTypes;
-        var inTypes = types[type] === type;
-        if (!inTypes) {
-            warn$2("EventEmitter has used unknown event type: \"" + type + "\", should be oneof [" + Object.keys(types) + "]");
-        }
-    };
-    return EventEmitter;
-}());
-
-var Direction;
-(function (Direction) {
-    Direction[Direction["Positive"] = 1] = "Positive";
-    Direction[Direction["Negative"] = -1] = "Negative";
-    Direction[Direction["Default"] = 0] = "Default";
-})(Direction || (Direction = {}));
-
-var DirectionLock;
-(function (DirectionLock) {
-    DirectionLock["Default"] = "";
-    DirectionLock["Horizontal"] = "horizontal";
-    DirectionLock["Vertical"] = "vertical";
-    DirectionLock["None"] = "none";
-})(DirectionLock || (DirectionLock = {}));
-
-var EventPassthrough;
-(function (EventPassthrough) {
-    EventPassthrough["None"] = "";
-    EventPassthrough["Horizontal"] = "horizontal";
-    EventPassthrough["Vertical"] = "vertical";
-})(EventPassthrough || (EventPassthrough = {}));
-
-var EventType;
-(function (EventType) {
-    EventType[EventType["Touch"] = 1] = "Touch";
-    EventType[EventType["Mouse"] = 2] = "Mouse";
-})(EventType || (EventType = {}));
-
-var MouseButton;
-(function (MouseButton) {
-    MouseButton[MouseButton["Left"] = 0] = "Left";
-    MouseButton[MouseButton["Middle"] = 1] = "Middle";
-    MouseButton[MouseButton["Right"] = 2] = "Right";
-})(MouseButton || (MouseButton = {}));
-
-var Probe;
-(function (Probe) {
-    Probe[Probe["Default"] = 0] = "Default";
-    Probe[Probe["Throttle"] = 1] = "Throttle";
-    Probe[Probe["Normal"] = 2] = "Normal";
-    Probe[Probe["Realtime"] = 3] = "Realtime";
-})(Probe || (Probe = {}));
-
-var Options = /** @class */ (function () {
-    function Options() {
-        this.startX = 0;
-        this.startY = 0;
-        this.scrollX = false;
-        this.scrollY = true;
-        this.freeScroll = false;
-        this.directionLockThreshold = 5;
-        this.eventPassthrough = EventPassthrough.None;
-        this.click = false;
-        this.dblclick = false;
-        this.tap = '';
-        this.bounce = {
-            top: true,
-            bottom: true,
-            left: true,
-            right: true
-        };
-        this.bounceTime = 800;
-        this.momentum = true;
-        this.momentumLimitTime = 300;
-        this.momentumLimitDistance = 15;
-        this.swipeTime = 2500;
-        this.swipeBounceTime = 500;
-        this.deceleration = 0.0015;
-        this.flickLimitTime = 200;
-        this.flickLimitDistance = 100;
-        this.resizePolling = 60;
-        this.probeType = Probe.Default;
-        this.stopPropagation = false;
-        this.preventDefault = true;
-        this.preventDefaultException = {
-            tagName: /^(INPUT|TEXTAREA|BUTTON|SELECT|AUDIO)$/
-        };
-        this.tagException = {
-            tagName: /^TEXTAREA$/
-        };
-        this.HWCompositing = true;
-        this.useTransition = true;
-        this.bindToWrapper = false;
-        this.autoBlur = true;
-    }
-    Options.prototype.merge = function (options) {
-        if (!options)
-            return this;
-        for (var key in options) {
-            this[key] = options[key];
-        }
-        return this;
-    };
-    Options.prototype.process = function () {
-        this.translateZ =
-            this.HWCompositing && hasPerspective ? ' translateZ(0)' : '';
-        this.useTransition = this.useTransition && hasTransition;
-        this.preventDefault = !this.eventPassthrough && this.preventDefault;
-        // If you want eventPassthrough I have to lock one of the axes
-        this.scrollX =
-            this.eventPassthrough === EventPassthrough.Horizontal
-                ? false
-                : this.scrollX;
-        this.scrollY =
-            this.eventPassthrough === EventPassthrough.Vertical ? false : this.scrollY;
-        // With eventPassthrough we also need lockDirection mechanism
-        this.freeScroll = this.freeScroll && !this.eventPassthrough;
-        // force true when freeScroll is true
-        this.scrollX = this.freeScroll ? true : this.scrollX;
-        this.scrollY = this.freeScroll ? true : this.scrollY;
-        this.directionLockThreshold = this.eventPassthrough
-            ? 0
-            : this.directionLockThreshold;
-        return this;
-    };
-    return Options;
-}());
-
-var EventRegister$2 = /** @class */ (function () {
-    function EventRegister(wrapper, events) {
-        this.wrapper = wrapper;
-        this.events = events;
-        this.addDOMEvents();
-    }
-    EventRegister.prototype.destroy = function () {
-        this.removeDOMEvents();
-        this.events = [];
-    };
-    EventRegister.prototype.addDOMEvents = function () {
-        this.handleDOMEvents(addEvent$2);
-    };
-    EventRegister.prototype.removeDOMEvents = function () {
-        this.handleDOMEvents(removeEvent$2);
-    };
-    EventRegister.prototype.handleDOMEvents = function (eventOperation) {
-        var _this = this;
-        var wrapper = this.wrapper;
-        this.events.forEach(function (event) {
-            eventOperation(wrapper, event.name, _this, !!event.capture);
-        });
-    };
-    EventRegister.prototype.handleEvent = function (e) {
-        var eventType = e.type;
-        this.events.some(function (event) {
-            if (event.name === eventType) {
-                event.handler(e);
-                return true;
-            }
-            return false;
-        });
-    };
-    return EventRegister;
-}());
-
-var ActionsHandler = /** @class */ (function () {
-    function ActionsHandler(wrapper, options) {
-        this.wrapper = wrapper;
-        this.options = options;
-        this.hooks = new EventEmitter$1([
-            'beforeStart',
-            'start',
-            'move',
-            'end',
-            'click'
-        ]);
-        this.handleDOMEvents();
-    }
-    ActionsHandler.prototype.handleDOMEvents = function () {
-        var _a = this.options, bindToWrapper = _a.bindToWrapper;
-        var wrapper = this.wrapper;
-        var target = bindToWrapper ? wrapper : window;
-        this.startClickRegister = new EventRegister$2(wrapper, [
-            {
-                name: 'mousedown',
-                handler: this.start.bind(this)
-            },
-            {
-                name: 'touchstart',
-                handler: this.start.bind(this)
-            },
-            {
-                name: 'click',
-                handler: this.click.bind(this),
-                capture: true
-            }
-        ]);
-        this.moveEndRegister = new EventRegister$2(target, [
-            {
-                name: 'mousemove',
-                handler: this.move.bind(this)
-            },
-            {
-                name: 'touchmove',
-                handler: this.move.bind(this)
-            },
-            {
-                name: 'mouseup',
-                handler: this.end.bind(this)
-            },
-            {
-                name: 'touchend',
-                handler: this.end.bind(this)
-            },
-            {
-                name: 'mouseup',
-                handler: this.end.bind(this)
-            },
-            {
-                name: 'touchcancel',
-                handler: this.end.bind(this)
-            }
-        ]);
-    };
-    ActionsHandler.prototype.beforeHandler = function (e, type) {
-        var _a = this.options, preventDefault = _a.preventDefault, stopPropagation = _a.stopPropagation, preventDefaultException = _a.preventDefaultException;
-        var preventDefaultConditions = {
-            start: function () {
-                return (preventDefault &&
-                    !preventDefaultExceptionFn$1(e.target, preventDefaultException));
-            },
-            end: function () {
-                return (preventDefault &&
-                    !preventDefaultExceptionFn$1(e.target, preventDefaultException));
-            },
-            move: function () {
-                return preventDefault;
-            }
-        };
-        if (preventDefaultConditions[type]()) {
-            e.preventDefault();
-        }
-        if (stopPropagation) {
-            e.stopPropagation();
-        }
-    };
-    ActionsHandler.prototype.setInitiated = function (type) {
-        if (type === void 0) { type = 0; }
-        this.initiated = type;
-    };
-    ActionsHandler.prototype.start = function (e) {
-        var _eventType = eventTypeMap[e.type];
-        if (this.initiated && this.initiated !== _eventType) {
-            return;
-        }
-        this.setInitiated(_eventType);
-        // if textarea or other html tags in options.tagException is manipulated
-        // do not make bs scroll
-        if (tagExceptionFn(e.target, this.options.tagException)) {
-            this.setInitiated();
-            return;
-        }
-        // no mouse left button
-        if (_eventType === EventType.Mouse && e.button !== MouseButton.Left)
-            return;
-        if (this.hooks.trigger(this.hooks.eventTypes.beforeStart, e)) {
-            return;
-        }
-        this.beforeHandler(e, 'start');
-        var point = (e.touches ? e.touches[0] : e);
-        this.pointX = point.pageX;
-        this.pointY = point.pageY;
-        this.hooks.trigger(this.hooks.eventTypes.start, e);
-    };
-    ActionsHandler.prototype.move = function (e) {
-        if (eventTypeMap[e.type] !== this.initiated) {
-            return;
-        }
-        this.beforeHandler(e, 'move');
-        var point = (e.touches ? e.touches[0] : e);
-        var deltaX = point.pageX - this.pointX;
-        var deltaY = point.pageY - this.pointY;
-        this.pointX = point.pageX;
-        this.pointY = point.pageY;
-        if (this.hooks.trigger(this.hooks.eventTypes.move, {
-            deltaX: deltaX,
-            deltaY: deltaY,
-            e: e
-        })) {
-            return;
-        }
-        // auto end when out of wrapper
-        var scrollLeft = document.documentElement.scrollLeft ||
-            window.pageXOffset ||
-            document.body.scrollLeft;
-        var scrollTop = document.documentElement.scrollTop ||
-            window.pageYOffset ||
-            document.body.scrollTop;
-        var pX = this.pointX - scrollLeft;
-        var pY = this.pointY - scrollTop;
-        if (pX >
-            document.documentElement.clientWidth -
-                this.options.momentumLimitDistance ||
-            pX < this.options.momentumLimitDistance ||
-            pY < this.options.momentumLimitDistance ||
-            pY >
-                document.documentElement.clientHeight -
-                    this.options.momentumLimitDistance) {
-            this.end(e);
-        }
-    };
-    ActionsHandler.prototype.end = function (e) {
-        if (eventTypeMap[e.type] !== this.initiated) {
-            return;
-        }
-        this.setInitiated();
-        this.beforeHandler(e, 'end');
-        this.hooks.trigger(this.hooks.eventTypes.end, e);
-    };
-    ActionsHandler.prototype.click = function (e) {
-        this.hooks.trigger(this.hooks.eventTypes.click, e);
-    };
-    ActionsHandler.prototype.destroy = function () {
-        this.startClickRegister.destroy();
-        this.moveEndRegister.destroy();
-        this.hooks.destroy();
-    };
-    return ActionsHandler;
-}());
+  var _h = _vm.$createElement;
 
-var translaterMetaData = {
-    x: ['translateX', 'px'],
-    y: ['translateY', 'px']
+  var _c = _vm._self._c || _h;
+
+  return _c('div', {
+    ref: "area",
+    staticClass: "wf-component wf-scrollable"
+  }, [_vm._t("default")], 2);
 };
-var Translater = /** @class */ (function () {
-    function Translater(content) {
-        this.content = content;
-        this.style = content.style;
-        this.hooks = new EventEmitter$1(['beforeTranslate', 'translate']);
-    }
-    Translater.prototype.getComputedPosition = function () {
-        var cssStyle = window.getComputedStyle(this.content, null);
-        var matrix = cssStyle[style$1.transform].split(')')[0].split(', ');
-        var x = +(matrix[12] || matrix[4]);
-        var y = +(matrix[13] || matrix[5]);
-        return {
-            x: x,
-            y: y
-        };
-    };
-    Translater.prototype.translate = function (point) {
-        var transformStyle = [];
-        Object.keys(point).forEach(function (key) {
-            if (!translaterMetaData[key]) {
-                return;
-            }
-            var transformFnName = translaterMetaData[key][0];
-            if (transformFnName) {
-                var transformFnArgUnit = translaterMetaData[key][1];
-                var transformFnArg = point[key];
-                transformStyle.push(transformFnName + "(" + transformFnArg + transformFnArgUnit + ")");
-            }
-        });
-        this.hooks.trigger(this.hooks.eventTypes.beforeTranslate, transformStyle, point);
-        this.style[style$1.transform] = "" + transformStyle.join(' ');
-        this.hooks.trigger(this.hooks.eventTypes.translate, point);
-    };
-    Translater.prototype.destroy = function () {
-        this.hooks.destroy();
-    };
-    return Translater;
-}());
-
-var Base = /** @class */ (function () {
-    function Base(content, translater, options) {
-        this.content = content;
-        this.translater = translater;
-        this.options = options;
-        this.hooks = new EventEmitter$1([
-            'move',
-            'end',
-            'beforeForceStop',
-            'forceStop',
-            'time',
-            'timeFunction'
-        ]);
-        this.style = content.style;
-    }
-    Base.prototype.translate = function (endPoint) {
-        this.translater.translate(endPoint);
-    };
-    Base.prototype.setPending = function (pending) {
-        this.pending = pending;
-    };
-    Base.prototype.setForceStopped = function (forceStopped) {
-        this.forceStopped = forceStopped;
-    };
-    Base.prototype.destroy = function () {
-        this.hooks.destroy();
-        cancelAnimationFrame(this.timer);
-    };
-    return Base;
-}());
 
-var Transition = /** @class */ (function (_super) {
-    __extends(Transition, _super);
-    function Transition() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    Transition.prototype.startProbe = function () {
-        var _this = this;
-        var probe = function () {
-            var pos = _this.translater.getComputedPosition();
-            _this.hooks.trigger(_this.hooks.eventTypes.move, pos);
-            // excute when transition ends
-            if (!_this.pending) {
-                _this.hooks.trigger(_this.hooks.eventTypes.end, pos);
-                return;
-            }
-            _this.timer = requestAnimationFrame(probe);
-        };
-        cancelAnimationFrame(this.timer);
-        this.timer = requestAnimationFrame(probe);
-    };
-    Transition.prototype.transitionTime = function (time) {
-        if (time === void 0) { time = 0; }
-        this.style[style$1.transitionDuration] = time + 'ms';
-        this.hooks.trigger(this.hooks.eventTypes.time, time);
-    };
-    Transition.prototype.transitionTimingFunction = function (easing) {
-        this.style[style$1.transitionTimingFunction] = easing;
-        this.hooks.trigger(this.hooks.eventTypes.timeFunction, easing);
-    };
-    Transition.prototype.move = function (startPoint, endPoint, time, easingFn, isSlient) {
-        this.setPending(time > 0 && (startPoint.x !== endPoint.x || startPoint.y !== endPoint.y));
-        this.transitionTimingFunction(easingFn);
-        this.transitionTime(time);
-        this.translate(endPoint);
-        if (time && this.options.probeType === Probe.Realtime) {
-            this.startProbe();
-        }
-        // if we change content's transformY in a tick
-        // such as: 0 -> 50px -> 0
-        // transitionend will not be triggered
-        // so we forceupdate by reflow
-        if (!time) {
-            this._reflow = this.content.offsetHeight;
-        }
-        // no need to dispatch move and end when slient
-        if (!time && !isSlient) {
-            this.hooks.trigger(this.hooks.eventTypes.move, endPoint);
-            this.hooks.trigger(this.hooks.eventTypes.end, endPoint);
-        }
-    };
-    Transition.prototype.stop = function () {
-        // still in transition
-        if (this.pending) {
-            this.setPending(false);
-            cancelAnimationFrame(this.timer);
-            var _a = this.translater.getComputedPosition(), x = _a.x, y = _a.y;
-            this.transitionTime();
-            this.translate({ x: x, y: y });
-            this.setForceStopped(true);
-            if (this.hooks.trigger(this.hooks.eventTypes.beforeForceStop, { x: x, y: y })) {
-                return;
-            }
-            this.hooks.trigger(this.hooks.eventTypes.forceStop, { x: x, y: y });
-        }
-    };
-    return Transition;
-}(Base));
+var __vue_staticRenderFns__$2 = [];
+/* style */
 
-var Animation = /** @class */ (function (_super) {
-    __extends(Animation, _super);
-    function Animation() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    Animation.prototype.move = function (startPoint, endPoint, time, easingFn, isSlient) {
-        // time is 0
-        if (!time) {
-            this.translate(endPoint);
-            // if we change content's transformY in a tick
-            // such as: 0 -> 50px -> 0
-            // transitionend will not be triggered
-            // so we forceupdate by reflow
-            this._reflow = this.content.offsetHeight;
-            // no need to dispatch move and end when slient
-            if (isSlient)
-                return;
-            this.hooks.trigger(this.hooks.eventTypes.move, endPoint);
-            this.hooks.trigger(this.hooks.eventTypes.end, endPoint);
-            return;
-        }
-        this.animate(startPoint, endPoint, time, easingFn);
-    };
-    Animation.prototype.animate = function (startPoint, endPoint, duration, easingFn) {
-        var _this = this;
-        var startTime = getNow();
-        var destTime = startTime + duration;
-        var step = function () {
-            var now = getNow();
-            // js animation end
-            if (now >= destTime) {
-                _this.translate(endPoint);
-                _this.hooks.trigger(_this.hooks.eventTypes.move, endPoint);
-                _this.hooks.trigger(_this.hooks.eventTypes.end, endPoint);
-                return;
-            }
-            now = (now - startTime) / duration;
-            var easing = easingFn(now);
-            var newPoint = {};
-            Object.keys(endPoint).forEach(function (key) {
-                var startValue = startPoint[key];
-                var endValue = endPoint[key];
-                newPoint[key] = (endValue - startValue) * easing + startValue;
-            });
-            _this.translate(newPoint);
-            if (_this.pending) {
-                _this.timer = requestAnimationFrame(step);
-            }
-            if (_this.options.probeType === Probe.Realtime) {
-                _this.hooks.trigger(_this.hooks.eventTypes.move, newPoint);
-            }
-        };
-        this.setPending(true);
-        cancelAnimationFrame(this.timer);
-        step();
-    };
-    Animation.prototype.stop = function () {
-        // still in requestFrameAnimation
-        if (this.pending) {
-            this.setPending(false);
-            cancelAnimationFrame(this.timer);
-            var pos = this.translater.getComputedPosition();
-            this.setForceStopped(true);
-            if (this.hooks.trigger(this.hooks.eventTypes.beforeForceStop, pos)) {
-                return;
-            }
-            this.hooks.trigger(this.hooks.eventTypes.forceStop, pos);
-        }
-    };
-    return Animation;
-}(Base));
-
-function createAnimater(element, translater, options) {
-    var useTransition = options.useTransition;
-    var animaterOptions = {};
-    Object.defineProperty(animaterOptions, 'probeType', {
-        enumerable: true,
-        configurable: false,
-        get: function () {
-            return options.probeType;
-        }
-    });
-    if (useTransition) {
-        return new Transition(element, translater, animaterOptions);
-    }
-    else {
-        return new Animation(element, translater, animaterOptions);
-    }
-}
+const __vue_inject_styles__$2 = undefined;
+/* scoped */
 
-var Behavior = /** @class */ (function () {
-    function Behavior(wrapper, options) {
-        this.wrapper = wrapper;
-        this.options = options;
-        this.hooks = new EventEmitter$1(['momentum', 'end']);
-        this.content = this.wrapper.children[0];
-        this.currentPos = 0;
-        this.startPos = 0;
-    }
-    Behavior.prototype.start = function () {
-        this.direction = Direction.Default;
-        this.movingDirection = Direction.Default;
-        this.dist = 0;
-    };
-    Behavior.prototype.move = function (delta) {
-        delta = this.hasScroll ? delta : 0;
-        this.movingDirection =
-            delta > 0
-                ? Direction.Negative
-                : delta < 0
-                    ? Direction.Positive
-                    : Direction.Default;
-        var newPos = this.currentPos + delta;
-        // Slow down or stop if outside of the boundaries
-        if (newPos > this.minScrollPos || newPos < this.maxScrollPos) {
-            if ((newPos > this.minScrollPos && this.options.bounces[0]) ||
-                (newPos < this.maxScrollPos && this.options.bounces[1])) {
-                newPos = this.currentPos + delta / 3;
-            }
-            else {
-                newPos =
-                    newPos > this.minScrollPos ? this.minScrollPos : this.maxScrollPos;
-            }
-        }
-        return newPos;
-    };
-    Behavior.prototype.end = function (duration) {
-        var momentumInfo = {
-            duration: 0
-        };
-        var absDist = Math.abs(this.currentPos - this.startPos);
-        // start momentum animation if needed
-        if (this.options.momentum &&
-            duration < this.options.momentumLimitTime &&
-            absDist > this.options.momentumLimitDistance) {
-            var wrapperSize = (this.direction === Direction.Negative && this.options.bounces[0]) ||
-                (this.direction === Direction.Positive && this.options.bounces[1])
-                ? this.wrapperSize
-                : 0;
-            momentumInfo = this.hasScroll
-                ? this.momentum(this.currentPos, this.startPos, duration, this.maxScrollPos, this.minScrollPos, wrapperSize, this.options)
-                : { destination: this.currentPos, duration: 0 };
-        }
-        else {
-            this.hooks.trigger(this.hooks.eventTypes.end, momentumInfo);
-        }
-        return momentumInfo;
-    };
-    Behavior.prototype.momentum = function (current, start, time, lowerMargin, upperMargin, wrapperSize, options) {
-        if (options === void 0) { options = this.options; }
-        var distance = current - start;
-        var speed = Math.abs(distance) / time;
-        var deceleration = options.deceleration, swipeBounceTime = options.swipeBounceTime, swipeTime = options.swipeTime;
-        var momentumData = {
-            destination: current + (speed / deceleration) * (distance < 0 ? -1 : 1),
-            duration: swipeTime,
-            rate: 15
-        };
-        this.hooks.trigger(this.hooks.eventTypes.momentum, momentumData, distance);
-        if (momentumData.destination < lowerMargin) {
-            momentumData.destination = wrapperSize
-                ? Math.max(lowerMargin - wrapperSize / 4, lowerMargin - (wrapperSize / momentumData.rate) * speed)
-                : lowerMargin;
-            momentumData.duration = swipeBounceTime;
-        }
-        else if (momentumData.destination > upperMargin) {
-            momentumData.destination = wrapperSize
-                ? Math.min(upperMargin + wrapperSize / 4, upperMargin + (wrapperSize / momentumData.rate) * speed)
-                : upperMargin;
-            momentumData.duration = swipeBounceTime;
-        }
-        momentumData.destination = Math.round(momentumData.destination);
-        return momentumData;
-    };
-    Behavior.prototype.updateDirection = function () {
-        var absDist = Math.round(this.currentPos) - this.absStartPos;
-        this.direction =
-            absDist > 0
-                ? Direction.Negative
-                : absDist < 0
-                    ? Direction.Positive
-                    : Direction.Default;
-    };
-    Behavior.prototype.refresh = function () {
-        var _a = this.options.rect, size = _a.size, position = _a.position;
-        var isWrapperStatic = window.getComputedStyle(this.wrapper, null).position === 'static';
-        var wrapperRect = getRect(this.wrapper);
-        this.wrapperSize = wrapperRect[size];
-        var contentRect = getRect(this.content);
-        this.contentSize = contentRect[size];
-        this.relativeOffset = contentRect[position];
-        if (isWrapperStatic) {
-            this.relativeOffset -= wrapperRect[position];
-        }
-        this.minScrollPos = 0;
-        this.maxScrollPos = this.wrapperSize - this.contentSize;
-        if (this.maxScrollPos < 0) {
-            this.maxScrollPos -= this.relativeOffset;
-            this.minScrollPos = -this.relativeOffset;
-        }
-        this.hasScroll =
-            this.options.scrollable && this.maxScrollPos < this.minScrollPos;
-        if (!this.hasScroll) {
-            this.maxScrollPos = this.minScrollPos;
-            this.contentSize = this.wrapperSize;
-        }
-        this.direction = 0;
-    };
-    Behavior.prototype.updatePosition = function (pos) {
-        this.currentPos = pos;
-    };
-    Behavior.prototype.getCurrentPos = function () {
-        return Math.round(this.currentPos);
-    };
-    Behavior.prototype.checkInBoundary = function () {
-        var position = this.adjustPosition(this.currentPos);
-        var inBoundary = position === this.getCurrentPos();
-        return {
-            position: position,
-            inBoundary: inBoundary
-        };
-    };
-    // adjust position when out of boundary
-    Behavior.prototype.adjustPosition = function (pos) {
-        var roundPos = Math.round(pos);
-        if (!this.hasScroll || roundPos > this.minScrollPos) {
-            roundPos = this.minScrollPos;
-        }
-        else if (roundPos < this.maxScrollPos) {
-            roundPos = this.maxScrollPos;
-        }
-        return roundPos;
-    };
-    Behavior.prototype.updateStartPos = function () {
-        this.startPos = this.currentPos;
-    };
-    Behavior.prototype.updateAbsStartPos = function () {
-        this.absStartPos = this.currentPos;
-    };
-    Behavior.prototype.resetStartPos = function () {
-        this.updateStartPos();
-        this.updateAbsStartPos();
-    };
-    Behavior.prototype.getAbsDist = function (delta) {
-        this.dist += delta;
-        return Math.abs(this.dist);
-    };
-    Behavior.prototype.destroy = function () {
-        this.hooks.destroy();
-    };
-    return Behavior;
-}());
-
-var _a, _b, _c, _d;
-var Passthrough;
-(function (Passthrough) {
-    Passthrough["Yes"] = "yes";
-    Passthrough["No"] = "no";
-})(Passthrough || (Passthrough = {}));
-var PassthroughHandlers = (_a = {},
-    _a[Passthrough.Yes] = function (e) {
-        return true;
-    },
-    _a[Passthrough.No] = function (e) {
-        e.preventDefault();
-        return false;
-    },
-    _a);
-var DirectionMap = (_b = {},
-    _b[DirectionLock.Horizontal] = (_c = {},
-        _c[Passthrough.Yes] = EventPassthrough.Horizontal,
-        _c[Passthrough.No] = EventPassthrough.Vertical,
-        _c),
-    _b[DirectionLock.Vertical] = (_d = {},
-        _d[Passthrough.Yes] = EventPassthrough.Vertical,
-        _d[Passthrough.No] = EventPassthrough.Horizontal,
-        _d),
-    _b);
-var DirectionLockAction = /** @class */ (function () {
-    function DirectionLockAction(directionLockThreshold, freeScroll, eventPassthrough) {
-        this.directionLockThreshold = directionLockThreshold;
-        this.freeScroll = freeScroll;
-        this.eventPassthrough = eventPassthrough;
-        this.reset();
-    }
-    DirectionLockAction.prototype.reset = function () {
-        this.directionLocked = DirectionLock.Default;
-    };
-    DirectionLockAction.prototype.checkMovingDirection = function (absDistX, absDistY, e) {
-        this.computeDirectionLock(absDistX, absDistY);
-        return this.handleEventPassthrough(e);
-    };
-    DirectionLockAction.prototype.adjustDelta = function (deltaX, deltaY) {
-        if (this.directionLocked === DirectionLock.Horizontal) {
-            deltaY = 0;
-        }
-        else if (this.directionLocked === DirectionLock.Vertical) {
-            deltaX = 0;
-        }
-        return {
-            deltaX: deltaX,
-            deltaY: deltaY
-        };
-    };
-    DirectionLockAction.prototype.computeDirectionLock = function (absDistX, absDistY) {
-        // If you are scrolling in one direction, lock it
-        if (this.directionLocked === DirectionLock.Default && !this.freeScroll) {
-            if (absDistX > absDistY + this.directionLockThreshold) {
-                this.directionLocked = DirectionLock.Horizontal; // lock horizontally
-            }
-            else if (absDistY >= absDistX + this.directionLockThreshold) {
-                this.directionLocked = DirectionLock.Vertical; // lock vertically
-            }
-            else {
-                this.directionLocked = DirectionLock.None; // no lock
-            }
-        }
-    };
-    DirectionLockAction.prototype.handleEventPassthrough = function (e) {
-        var handleMap = DirectionMap[this.directionLocked];
-        if (handleMap) {
-            if (this.eventPassthrough === handleMap[Passthrough.Yes]) {
-                return PassthroughHandlers[Passthrough.Yes](e);
-            }
-            else if (this.eventPassthrough === handleMap[Passthrough.No]) {
-                return PassthroughHandlers[Passthrough.No](e);
-            }
-        }
-        return false;
-    };
-    return DirectionLockAction;
-}());
-
-var ScrollerActions = /** @class */ (function () {
-    function ScrollerActions(scrollBehaviorX, scrollBehaviorY, actionsHandler, animater, options) {
-        this.hooks = new EventEmitter$1([
-            'start',
-            'beforeMove',
-            'scrollStart',
-            'scroll',
-            'beforeEnd',
-            'end',
-            'scrollEnd'
-        ]);
-        this.scrollBehaviorX = scrollBehaviorX;
-        this.scrollBehaviorY = scrollBehaviorY;
-        this.actionsHandler = actionsHandler;
-        this.animater = animater;
-        this.options = options;
-        this.directionLockAction = new DirectionLockAction(options.directionLockThreshold, options.freeScroll, options.eventPassthrough);
-        this.enabled = true;
-        this.bindActionsHandler();
-    }
-    ScrollerActions.prototype.bindActionsHandler = function () {
-        var _this = this;
-        // [mouse|touch]start event
-        this.actionsHandler.hooks.on(this.actionsHandler.hooks.eventTypes.start, function (e) {
-            if (!_this.enabled)
-                return true;
-            return _this.handleStart(e);
-        });
-        // [mouse|touch]move event
-        this.actionsHandler.hooks.on(this.actionsHandler.hooks.eventTypes.move, function (_a) {
-            var deltaX = _a.deltaX, deltaY = _a.deltaY, e = _a.e;
-            if (!_this.enabled)
-                return true;
-            return _this.handleMove(deltaX, deltaY, e);
-        });
-        // [mouse|touch]end event
-        this.actionsHandler.hooks.on(this.actionsHandler.hooks.eventTypes.end, function (e) {
-            if (!_this.enabled)
-                return true;
-            return _this.handleEnd(e);
-        });
-        // click
-        this.actionsHandler.hooks.on(this.actionsHandler.hooks.eventTypes.click, function (e) {
-            // handle native click event
-            if (_this.enabled && !e._constructed) {
-                _this.handleClick(e);
-            }
-        });
-    };
-    ScrollerActions.prototype.handleStart = function (e) {
-        var timestamp = getNow();
-        this.moved = false;
-        this.startTime = timestamp;
-        this.directionLockAction.reset();
-        this.scrollBehaviorX.start();
-        this.scrollBehaviorY.start();
-        // force stopping last transition or animation
-        this.animater.stop();
-        this.scrollBehaviorX.resetStartPos();
-        this.scrollBehaviorY.resetStartPos();
-        this.hooks.trigger(this.hooks.eventTypes.start, e);
-    };
-    ScrollerActions.prototype.handleMove = function (deltaX, deltaY, e) {
-        if (this.hooks.trigger(this.hooks.eventTypes.beforeMove, e)) {
-            return;
-        }
-        var absDistX = this.scrollBehaviorX.getAbsDist(deltaX);
-        var absDistY = this.scrollBehaviorY.getAbsDist(deltaY);
-        var timestamp = getNow();
-        // We need to move at least momentumLimitDistance pixels
-        // for the scrolling to initiate
-        if (this.checkMomentum(absDistX, absDistY, timestamp)) {
-            return true;
-        }
-        if (this.directionLockAction.checkMovingDirection(absDistX, absDistY, e)) {
-            this.actionsHandler.setInitiated();
-            return true;
-        }
-        var delta = this.directionLockAction.adjustDelta(deltaX, deltaY);
-        var newX = this.scrollBehaviorX.move(delta.deltaX);
-        var newY = this.scrollBehaviorY.move(delta.deltaY);
-        if (!this.moved) {
-            this.moved = true;
-            this.hooks.trigger(this.hooks.eventTypes.scrollStart);
-        }
-        this.animater.translate({
-            x: newX,
-            y: newY
-        });
-        this.dispatchScroll(timestamp);
-    };
-    ScrollerActions.prototype.dispatchScroll = function (timestamp) {
-        // dispatch scroll in interval time
-        if (timestamp - this.startTime > this.options.momentumLimitTime) {
-            // refresh time and starting position to initiate a momentum
-            this.startTime = timestamp;
-            this.scrollBehaviorX.updateStartPos();
-            this.scrollBehaviorY.updateStartPos();
-            if (this.options.probeType === Probe.Throttle) {
-                this.hooks.trigger(this.hooks.eventTypes.scroll, this.getCurrentPos());
-            }
-        }
-        // dispatch scroll all the time
-        if (this.options.probeType > Probe.Throttle) {
-            this.hooks.trigger(this.hooks.eventTypes.scroll, this.getCurrentPos());
-        }
-    };
-    ScrollerActions.prototype.checkMomentum = function (absDistX, absDistY, timestamp) {
-        return (timestamp - this.endTime > this.options.momentumLimitTime &&
-            absDistY < this.options.momentumLimitDistance &&
-            absDistX < this.options.momentumLimitDistance);
-    };
-    ScrollerActions.prototype.handleEnd = function (e) {
-        if (this.hooks.trigger(this.hooks.eventTypes.beforeEnd, e)) {
-            return;
-        }
-        var currentPos = this.getCurrentPos();
-        this.scrollBehaviorX.updateDirection();
-        this.scrollBehaviorY.updateDirection();
-        if (this.hooks.trigger(this.hooks.eventTypes.end, e, currentPos)) {
-            return true;
-        }
-        this.animater.translate(currentPos);
-        this.endTime = getNow();
-        var duration = this.endTime - this.startTime;
-        this.hooks.trigger(this.hooks.eventTypes.scrollEnd, currentPos, duration);
-    };
-    ScrollerActions.prototype.handleClick = function (e) {
-        if (!preventDefaultExceptionFn$1(e.target, this.options.preventDefaultException)) {
-            e.preventDefault();
-            e.stopPropagation();
-        }
-    };
-    ScrollerActions.prototype.getCurrentPos = function () {
-        return {
-            x: this.scrollBehaviorX.getCurrentPos(),
-            y: this.scrollBehaviorY.getCurrentPos()
-        };
-    };
-    ScrollerActions.prototype.refresh = function () {
-        this.endTime = 0;
-    };
-    ScrollerActions.prototype.destroy = function () {
-        this.hooks.destroy();
-    };
-    return ScrollerActions;
-}());
-
-function createActionsHandlerOptions(bsOptions) {
-    var options = [
-        'click',
-        'bindToWrapper',
-        'preventDefault',
-        'stopPropagation',
-        'tagException',
-        'preventDefaultException'
-    ].reduce(function (prev, cur) {
-        prev[cur] = bsOptions[cur];
-        return prev;
-    }, {});
-    return options;
-}
-function createBehaviorOptions(bsOptions, extraProp, bounces, rect) {
-    var options = [
-        'momentum',
-        'momentumLimitTime',
-        'momentumLimitDistance',
-        'deceleration',
-        'swipeBounceTime',
-        'swipeTime'
-    ].reduce(function (prev, cur) {
-        prev[cur] = bsOptions[cur];
-        return prev;
-    }, {});
-    // add extra property
-    options.scrollable = bsOptions[extraProp];
-    options.bounces = bounces;
-    options.rect = rect;
-    return options;
-}
-
-function bubbling(source, target, events) {
-    events.forEach(function (event) {
-        var sourceEvent;
-        var targetEvent;
-        if (typeof event === 'string') {
-            sourceEvent = targetEvent = event;
-        }
-        else {
-            sourceEvent = event.source;
-            targetEvent = event.target;
-        }
-        source.on(sourceEvent, function () {
-            var args = [];
-            for (var _i = 0; _i < arguments.length; _i++) {
-                args[_i] = arguments[_i];
-            }
-            return target.trigger.apply(target, [targetEvent].concat(args));
-        });
-    });
-}
-
-var Scroller = /** @class */ (function () {
-    function Scroller(wrapper, options) {
-        this.hooks = new EventEmitter$1([
-            'beforeStart',
-            'beforeMove',
-            'beforeScrollStart',
-            'scrollStart',
-            'scroll',
-            'beforeEnd',
-            'scrollEnd',
-            'refresh',
-            'touchEnd',
-            'end',
-            'flick',
-            'scrollCancel',
-            'momentum',
-            'scrollTo',
-            'ignoreDisMoveForSamePos',
-            'scrollToElement'
-        ]);
-        this.wrapper = wrapper;
-        this.content = wrapper.children[0];
-        this.options = options;
-        var _a = this
-            .options.bounce, _b = _a.left, left = _b === void 0 ? true : _b, _c = _a.right, right = _c === void 0 ? true : _c, _d = _a.top, top = _d === void 0 ? true : _d, _e = _a.bottom, bottom = _e === void 0 ? true : _e;
-        // direction X
-        this.scrollBehaviorX = new Behavior(wrapper, createBehaviorOptions(options, 'scrollX', [left, right], {
-            size: 'width',
-            position: 'left'
-        }));
-        // direction Y
-        this.scrollBehaviorY = new Behavior(wrapper, createBehaviorOptions(options, 'scrollY', [top, bottom], {
-            size: 'height',
-            position: 'top'
-        }));
-        this.translater = new Translater(this.content);
-        this.animater = createAnimater(this.content, this.translater, this.options);
-        this.actionsHandler = new ActionsHandler(wrapper, createActionsHandlerOptions(this.options));
-        this.actions = new ScrollerActions(this.scrollBehaviorX, this.scrollBehaviorY, this.actionsHandler, this.animater, this.options);
-        var resizeHandler = this.resize.bind(this);
-        this.resizeRegister = new EventRegister$2(window, [
-            {
-                name: 'orientationchange',
-                handler: resizeHandler
-            },
-            {
-                name: 'resize',
-                handler: resizeHandler
-            }
-        ]);
-        this.transitionEndRegister = new EventRegister$2(this.content, [
-            {
-                name: style$1.transitionEnd,
-                handler: this.transitionEnd.bind(this)
-            }
-        ]);
-        this.init();
-    }
-    Scroller.prototype.init = function () {
-        var _this = this;
-        this.bindTranslater();
-        this.bindAnimater();
-        this.bindActions();
-        // enable pointer events when scrolling ends
-        this.hooks.on(this.hooks.eventTypes.scrollEnd, function () {
-            _this.togglePointerEvents(true);
-        });
-    };
-    Scroller.prototype.bindTranslater = function () {
-        var _this = this;
-        var hooks = this.translater.hooks;
-        hooks.on(hooks.eventTypes.beforeTranslate, function (transformStyle) {
-            if (_this.options.translateZ) {
-                transformStyle.push(_this.options.translateZ);
-            }
-        });
-        // disable pointer events when scrolling
-        hooks.on(hooks.eventTypes.translate, function (pos) {
-            _this.updatePositions(pos);
-            _this.togglePointerEvents(false);
-        });
-    };
-    Scroller.prototype.bindAnimater = function () {
-        var _this = this;
-        // reset position
-        this.animater.hooks.on(this.animater.hooks.eventTypes.end, function (pos) {
-            if (!_this.resetPosition(_this.options.bounceTime)) {
-                _this.animater.setPending(false);
-                _this.hooks.trigger(_this.hooks.eventTypes.scrollEnd, pos);
-            }
-        });
-        bubbling(this.animater.hooks, this.hooks, [
-            {
-                source: this.animater.hooks.eventTypes.move,
-                target: this.hooks.eventTypes.scroll
-            },
-            {
-                source: this.animater.hooks.eventTypes.forceStop,
-                target: this.hooks.eventTypes.scrollEnd
-            }
-        ]);
-    };
-    Scroller.prototype.bindActions = function () {
-        var _this = this;
-        var actions = this.actions;
-        bubbling(actions.hooks, this.hooks, [
-            {
-                source: actions.hooks.eventTypes.start,
-                target: this.hooks.eventTypes.beforeStart
-            },
-            {
-                source: actions.hooks.eventTypes.start,
-                target: this.hooks.eventTypes.beforeScrollStart // just for event api
-            },
-            {
-                source: actions.hooks.eventTypes.beforeMove,
-                target: this.hooks.eventTypes.beforeMove
-            },
-            {
-                source: actions.hooks.eventTypes.scrollStart,
-                target: this.hooks.eventTypes.scrollStart
-            },
-            {
-                source: actions.hooks.eventTypes.scroll,
-                target: this.hooks.eventTypes.scroll
-            },
-            {
-                source: actions.hooks.eventTypes.beforeEnd,
-                target: this.hooks.eventTypes.beforeEnd
-            }
-        ]);
-        actions.hooks.on(actions.hooks.eventTypes.end, function (e, pos) {
-            _this.hooks.trigger(_this.hooks.eventTypes.touchEnd, pos);
-            if (_this.hooks.trigger(_this.hooks.eventTypes.end, pos)) {
-                return true;
-            }
-            // check if it is a click operation
-            if (!actions.moved && _this.checkClick(e)) {
-                _this.animater.setForceStopped(false);
-                _this.hooks.trigger(_this.hooks.eventTypes.scrollCancel);
-                return true;
-            }
-            _this.animater.setForceStopped(false);
-            // reset if we are outside of the boundaries
-            if (_this.resetPosition(_this.options.bounceTime, ease.bounce)) {
-                return true;
-            }
-        });
-        actions.hooks.on(actions.hooks.eventTypes.scrollEnd, function (pos, duration) {
-            var deltaX = Math.abs(pos.x - _this.scrollBehaviorX.startPos);
-            var deltaY = Math.abs(pos.y - _this.scrollBehaviorY.startPos);
-            if (_this.checkFlick(duration, deltaX, deltaY)) {
-                _this.hooks.trigger(_this.hooks.eventTypes.flick);
-                return;
-            }
-            if (_this.momentum(pos, duration)) {
-                return;
-            }
-            _this.hooks.trigger(_this.hooks.eventTypes.scrollEnd, pos);
-        });
-    };
-    Scroller.prototype.checkFlick = function (duration, deltaX, deltaY) {
-        // flick
-        if (this.hooks.events.flick.length > 1 &&
-            duration < this.options.flickLimitTime &&
-            deltaX < this.options.flickLimitDistance &&
-            deltaY < this.options.flickLimitDistance) {
-            return true;
-        }
-    };
-    Scroller.prototype.momentum = function (pos, duration) {
-        var meta = {
-            time: 0,
-            easing: ease.swiper,
-            newX: pos.x,
-            newY: pos.y
-        };
-        // start momentum animation if needed
-        var momentumX = this.scrollBehaviorX.end(duration);
-        var momentumY = this.scrollBehaviorY.end(duration);
-        meta.newX = isUndef(momentumX.destination)
-            ? meta.newX
-            : momentumX.destination;
-        meta.newY = isUndef(momentumY.destination)
-            ? meta.newY
-            : momentumY.destination;
-        meta.time = Math.max(momentumX.duration, momentumY.duration);
-        this.hooks.trigger(this.hooks.eventTypes.momentum, meta, this);
-        // when x or y changed, do momentum animation now!
-        if (meta.newX !== pos.x || meta.newY !== pos.y) {
-            // change easing function when scroller goes out of the boundaries
-            if (meta.newX > this.scrollBehaviorX.minScrollPos ||
-                meta.newX < this.scrollBehaviorX.maxScrollPos ||
-                meta.newY > this.scrollBehaviorY.minScrollPos ||
-                meta.newY < this.scrollBehaviorY.maxScrollPos) {
-                meta.easing = ease.swipeBounce;
-            }
-            this.scrollTo(meta.newX, meta.newY, meta.time, meta.easing);
-            return true;
-        }
-    };
-    Scroller.prototype.checkClick = function (e) {
-        // when in the process of pulling down, it should not prevent click
-        var cancelable = {
-            preventClick: this.animater.forceStopped
-        };
-        // we scrolled less than momentumLimitDistance pixels
-        if (this.hooks.trigger(this.hooks.eventTypes.checkClick))
-            return true;
-        if (!cancelable.preventClick) {
-            var _dblclick = this.options.dblclick;
-            var dblclickTrigged = false;
-            if (_dblclick && this.lastClickTime) {
-                var _a = _dblclick.delay, delay = _a === void 0 ? 300 : _a;
-                if (getNow() - this.lastClickTime < delay) {
-                    dblclickTrigged = true;
-                    dblclick(e);
-                }
-            }
-            if (this.options.tap) {
-                tap(e, this.options.tap);
-            }
-            if (this.options.click &&
-                !preventDefaultExceptionFn$1(e.target, this.options.preventDefaultException)) {
-                click(e);
-            }
-            this.lastClickTime = dblclickTrigged ? null : getNow();
-            return true;
-        }
-        return false;
-    };
-    Scroller.prototype.resize = function () {
-        var _this = this;
-        if (!this.actions.enabled) {
-            return;
-        }
-        // fix a scroll problem under Android condition
-        if (isAndroid) {
-            this.wrapper.scrollTop = 0;
-        }
-        clearTimeout(this.resizeTimeout);
-        this.resizeTimeout = window.setTimeout(function () {
-            _this.refresh();
-        }, this.options.resizePolling);
-    };
-    Scroller.prototype.transitionEnd = function (e) {
-        if (e.target !== this.content || !this.animater.pending) {
-            return;
-        }
-        var animater = this.animater;
-        animater.transitionTime();
-        if (!this.resetPosition(this.options.bounceTime, ease.bounce)) {
-            this.animater.setPending(false);
-            if (this.options.probeType !== Probe.Realtime) {
-                this.hooks.trigger(this.hooks.eventTypes.scrollEnd, this.getCurrentPos());
-            }
-        }
-    };
-    Scroller.prototype.togglePointerEvents = function (enabled) {
-        if (enabled === void 0) { enabled = true; }
-        var el = this.content.children.length
-            ? this.content.children
-            : [this.content];
-        var pointerEvents = enabled ? 'auto' : 'none';
-        for (var i = 0; i < el.length; i++) {
-            el[i].style.pointerEvents = pointerEvents;
-        }
-    };
-    Scroller.prototype.refresh = function () {
-        this.scrollBehaviorX.refresh();
-        this.scrollBehaviorY.refresh();
-        this.actions.refresh();
-        this.wrapperOffset = offset(this.wrapper);
-    };
-    Scroller.prototype.scrollBy = function (deltaX, deltaY, time, easing) {
-        if (time === void 0) { time = 0; }
-        var _a = this.getCurrentPos(), x = _a.x, y = _a.y;
-        easing = !easing ? ease.bounce : easing;
-        deltaX += x;
-        deltaY += y;
-        this.scrollTo(deltaX, deltaY, time, easing);
-    };
-    Scroller.prototype.scrollTo = function (x, y, time, easing, extraTransform, isSilent) {
-        if (time === void 0) { time = 0; }
-        if (extraTransform === void 0) { extraTransform = {
-            start: {},
-            end: {}
-        }; }
-        easing = !easing ? ease.bounce : easing;
-        var easingFn = this.options.useTransition ? easing.style : easing.fn;
-        var currentPos = this.getCurrentPos();
-        var startPoint = __assign({ x: currentPos.x, y: currentPos.y }, extraTransform.start);
-        var endPoint = __assign({ x: x,
-            y: y }, extraTransform.end);
-        this.hooks.trigger(this.hooks.eventTypes.scrollTo, endPoint);
-        if (!this.hooks.trigger(this.hooks.eventTypes.ignoreDisMoveForSamePos)) {
-            // it is an useless move
-            if (startPoint.x === endPoint.x && startPoint.y === endPoint.y) {
-                return;
-            }
-        }
-        this.animater.move(startPoint, endPoint, time, easingFn, isSilent);
-    };
-    Scroller.prototype.scrollToElement = function (el, time, offsetX, offsetY, easing) {
-        var targetEle = getElement(el);
-        var pos = offset(targetEle);
-        var getOffset = function (offset, size, wrapperSize) {
-            if (typeof offset === 'number') {
-                return offset;
-            }
-            // if offsetX/Y are true we center the element to the screen
-            return offset ? Math.round(size / 2 - wrapperSize / 2) : 0;
-        };
-        offsetX = getOffset(offsetX, targetEle.offsetWidth, this.wrapper.offsetWidth);
-        offsetY = getOffset(offsetY, targetEle.offsetHeight, this.wrapper.offsetHeight);
-        var getPos = function (pos, wrapperPos, offset, scrollBehavior) {
-            pos -= wrapperPos;
-            pos = scrollBehavior.adjustPosition(pos - offset);
-            return pos;
-        };
-        pos.left = getPos(pos.left, this.wrapperOffset.left, offsetX, this.scrollBehaviorX);
-        pos.top = getPos(pos.top, this.wrapperOffset.top, offsetY, this.scrollBehaviorY);
-        if (this.hooks.trigger(this.hooks.eventTypes.scrollToElement, targetEle, pos)) {
-            return;
-        }
-        this.scrollTo(pos.left, pos.top, time, easing);
-    };
-    Scroller.prototype.resetPosition = function (time, easing) {
-        if (time === void 0) { time = 0; }
-        easing = !easing ? ease.bounce : easing;
-        var _a = this.scrollBehaviorX.checkInBoundary(), x = _a.position, xInBoundary = _a.inBoundary;
-        var _b = this.scrollBehaviorY.checkInBoundary(), y = _b.position, yInBoundary = _b.inBoundary;
-        if (xInBoundary && yInBoundary) {
-            return false;
-        }
-        // out of boundary
-        this.scrollTo(x, y, time, easing);
-        return true;
-    };
-    Scroller.prototype.updatePositions = function (pos) {
-        this.scrollBehaviorX.updatePosition(pos.x);
-        this.scrollBehaviorY.updatePosition(pos.y);
-    };
-    Scroller.prototype.getCurrentPos = function () {
-        return this.actions.getCurrentPos();
-    };
-    Scroller.prototype.enable = function () {
-        this.actions.enabled = true;
-    };
-    Scroller.prototype.disable = function () {
-        cancelAnimationFrame(this.animater.timer);
-        this.actions.enabled = false;
-    };
-    Scroller.prototype.destroy = function () {
-        var _this = this;
-        var keys = [
-            'resizeRegister',
-            'transitionEndRegister',
-            'actionsHandler',
-            'actions',
-            'hooks',
-            'animater',
-            'translater',
-            'scrollBehaviorX',
-            'scrollBehaviorY'
-        ];
-        keys.forEach(function (key) { return _this[key].destroy(); });
-    };
-    return Scroller;
-}());
-
-var propertiesConfig = [
-    {
-        sourceKey: 'scroller.scrollBehaviorX.currentPos',
-        key: 'x'
-    },
-    {
-        sourceKey: 'scroller.scrollBehaviorY.currentPos',
-        key: 'y'
-    },
-    {
-        sourceKey: 'scroller.scrollBehaviorX.hasScroll',
-        key: 'hasHorizontalScroll'
-    },
-    {
-        sourceKey: 'scroller.scrollBehaviorY.hasScroll',
-        key: 'hasVerticalScroll'
-    },
-    {
-        sourceKey: 'scroller.scrollBehaviorX.contentSize',
-        key: 'scrollerWidth'
-    },
-    {
-        sourceKey: 'scroller.scrollBehaviorY.contentSize',
-        key: 'scrollerHeight'
-    },
-    {
-        sourceKey: 'scroller.scrollBehaviorX.maxScrollPos',
-        key: 'maxScrollX'
-    },
-    {
-        sourceKey: 'scroller.scrollBehaviorY.maxScrollPos',
-        key: 'maxScrollY'
-    },
-    {
-        sourceKey: 'scroller.scrollBehaviorX.minScrollPos',
-        key: 'minScrollX'
-    },
-    {
-        sourceKey: 'scroller.scrollBehaviorY.minScrollPos',
-        key: 'minScrollY'
-    },
-    {
-        sourceKey: 'scroller.scrollBehaviorX.movingDirection',
-        key: 'movingDirectionX'
-    },
-    {
-        sourceKey: 'scroller.scrollBehaviorY.movingDirection',
-        key: 'movingDirectionY'
-    },
-    {
-        sourceKey: 'scroller.scrollBehaviorX.direction',
-        key: 'directionX'
-    },
-    {
-        sourceKey: 'scroller.scrollBehaviorY.direction',
-        key: 'directionY'
-    },
-    {
-        sourceKey: 'scroller.actions.enabled',
-        key: 'enabled'
-    },
-    {
-        sourceKey: 'scroller.animater.pending',
-        key: 'pending'
-    },
-    {
-        sourceKey: 'scroller.scrollTo',
-        key: 'scrollTo'
-    },
-    {
-        sourceKey: 'scroller.scrollBy',
-        key: 'scrollBy'
-    },
-    {
-        sourceKey: 'scroller.scrollToElement',
-        key: 'scrollToElement'
-    },
-    {
-        sourceKey: 'scroller.resetPosition',
-        key: 'resetPosition'
-    }
-];
-
-var EnforceOrder;
-(function (EnforceOrder) {
-    EnforceOrder["Pre"] = "pre";
-    EnforceOrder["Post"] = "post";
-})(EnforceOrder || (EnforceOrder = {}));
-
-var BScroll = /** @class */ (function (_super) {
-    __extends(BScroll, _super);
-    function BScroll(el, options) {
-        var _this = _super.call(this, [
-            'refresh',
-            'enable',
-            'disable',
-            'beforeScrollStart',
-            'scrollStart',
-            'scroll',
-            'scrollEnd',
-            'scrollCancel',
-            'touchEnd',
-            'flick',
-            'destroy'
-        ]) || this;
-        var wrapper = getElement(el);
-        if (!wrapper) {
-            warn$2('Can not resolve the wrapper DOM.');
-            return _this;
-        }
-        var content = wrapper.children[0];
-        if (!content) {
-            warn$2('The wrapper need at least one child element to be scroller.');
-            return _this;
-        }
-        _this.plugins = {};
-        _this.options = new Options().merge(options).process();
-        _this.hooks = new EventEmitter$1([
-            'init',
-            'refresh',
-            'enable',
-            'disable',
-            'destroy'
-        ]);
-        _this.init(wrapper);
-        return _this;
-    }
-    BScroll.use = function (ctor) {
-        var name = ctor.pluginName;
-        var installed = this.plugins.some(function (plugin) { return ctor === plugin.ctor; });
-        if (installed)
-            return this;
-        if (isUndef(name)) {
-            warn$2("Plugin Class must specify plugin's name in static property by 'pluginName' field.");
-            return this;
-        }
-        if (this.pluginsMap[name]) {
-            warn$2("This plugin has been registered, maybe you need change plugin's name");
-            return this;
-        }
-        this.pluginsMap[name] = true;
-        this.plugins.push({
-            name: name,
-            enforce: ctor.enforce,
-            ctor: ctor
-        });
-        return this;
-    };
-    BScroll.prototype.init = function (wrapper) {
-        this.wrapper = wrapper;
-        this.scroller = new Scroller(wrapper, this.options);
-        this.eventBubbling();
-        this.handleAutoBlur();
-        this.innerRefresh();
-        this.scroller.scrollTo(this.options.startX, this.options.startY);
-        this.enable();
-        this.proxy(propertiesConfig);
-        this.applyPlugins();
-    };
-    BScroll.prototype.applyPlugins = function () {
-        var _this = this;
-        var options = this.options;
-        this.constructor.plugins
-            .sort(function (a, b) {
-            var _a;
-            var enforeOrderMap = (_a = {},
-                _a[EnforceOrder.Pre] = -1,
-                _a[EnforceOrder.Post] = 1,
-                _a);
-            var aOrder = a.enforce ? enforeOrderMap[a.enforce] : 0;
-            var bOrder = b.enforce ? enforeOrderMap[b.enforce] : 0;
-            return aOrder - bOrder;
-        })
-            .forEach(function (item) {
-            var ctor = item.ctor;
-            if (options[item.name] && typeof ctor === 'function') {
-                _this.plugins[item.name] = new ctor(_this);
-            }
-        });
-    };
-    BScroll.prototype.handleAutoBlur = function () {
-        if (this.options.autoBlur) {
-            this.on(this.eventTypes.beforeScrollStart, function () {
-                var activeElement = document.activeElement;
-                if (activeElement &&
-                    (activeElement.tagName === 'INPUT' ||
-                        activeElement.tagName === 'TEXTAREA')) {
-                    activeElement.blur();
-                }
-            });
-        }
-    };
-    BScroll.prototype.eventBubbling = function () {
-        bubbling(this.scroller.hooks, this, [
-            'beforeScrollStart',
-            'scrollStart',
-            'scroll',
-            'scrollEnd',
-            'scrollCancel',
-            'touchEnd',
-            'flick'
-        ]);
-    };
-    BScroll.prototype.innerRefresh = function () {
-        this.scroller.refresh();
-        this.hooks.trigger(this.hooks.eventTypes.refresh);
-        this.trigger(this.eventTypes.refresh);
-    };
-    BScroll.prototype.proxy = function (propertiesConfig) {
-        var _this = this;
-        propertiesConfig.forEach(function (_a) {
-            var key = _a.key, sourceKey = _a.sourceKey;
-            propertiesProxy(_this, sourceKey, key);
-        });
-    };
-    BScroll.prototype.refresh = function () {
-        this.innerRefresh();
-        this.scroller.resetPosition();
-    };
-    BScroll.prototype.enable = function () {
-        this.scroller.enable();
-        this.hooks.trigger(this.hooks.eventTypes.enable);
-        this.trigger(this.eventTypes.enable);
-    };
-    BScroll.prototype.disable = function () {
-        this.scroller.disable();
-        this.hooks.trigger(this.hooks.eventTypes.disable);
-        this.trigger(this.eventTypes.disable);
-    };
-    BScroll.prototype.destroy = function () {
-        this.scroller.destroy();
-        this.hooks.trigger(this.hooks.eventTypes.destroy);
-        this.trigger(this.eventTypes.destroy);
-    };
-    BScroll.prototype.eventRegister = function (names) {
-        this.registerType(names);
-    };
-    BScroll.version = '2.0.0';
-    BScroll.plugins = [];
-    BScroll.pluginsMap = {};
-    return BScroll;
-}(EventEmitter$1));
-
-/*!
- * better-scroll / scroll-bar
- * (c) 2016-2020 ustbhuangyi
- * Released under the MIT License.
- */
-function warn$1(msg) {
-    console.error("[BScroll warn]: " + msg);
-}
-
-// ssr support
-var inBrowser$1 = typeof window !== 'undefined';
-var ua$1 = inBrowser$1 && navigator.userAgent.toLowerCase();
-!!(ua$1 && /wechatdevtools/.test(ua$1));
-ua$1 && ua$1.indexOf('android') > 0;
-((function () {
-    if (typeof ua$1 === 'string') {
-        var regex = /os (\d\d?_\d(_\d)?)/;
-        var matches = regex.exec(ua$1);
-        if (!matches)
-            return false;
-        var parts = matches[1].split('_').map(function (item) {
-            return parseInt(item, 10);
-        });
-        // ios version >= 13.4 issue 982
-        return !!(parts[0] >= 13 && parts[1] >= 4);
-    }
-    return false;
-}))();
-
-var elementStyle$1 = (inBrowser$1 &&
-    document.createElement('div').style);
-var vendor$1 = (function () {
-    if (!inBrowser$1) {
-        return false;
-    }
-    var transformNames = [
-        {
-            key: 'standard',
-            value: 'transform',
-        },
-        {
-            key: 'webkit',
-            value: 'webkitTransform',
-        },
-        {
-            key: 'Moz',
-            value: 'MozTransform',
-        },
-        {
-            key: 'O',
-            value: 'OTransform',
-        },
-        {
-            key: 'ms',
-            value: 'msTransform',
-        },
-    ];
-    for (var _i = 0, transformNames_1 = transformNames; _i < transformNames_1.length; _i++) {
-        var obj = transformNames_1[_i];
-        if (elementStyle$1[obj.value] !== undefined) {
-            return obj.key;
-        }
-    }
-    return false;
-})();
-function prefixStyle$1(style) {
-    if (vendor$1 === false) {
-        return style;
-    }
-    if (vendor$1 === 'standard') {
-        if (style === 'transitionEnd') {
-            return 'transitionend';
-        }
-        return style;
-    }
-    return vendor$1 + style.charAt(0).toUpperCase() + style.substr(1);
-}
-function addEvent$1(el, type, fn, capture) {
-    el.addEventListener(type, fn, {
-        passive: false,
-        capture: !!capture,
-    });
-}
-function removeEvent$1(el, type, fn, capture) {
-    el.removeEventListener(type, fn, {
-        capture: !!capture,
-    });
-}
-vendor$1 && vendor$1 !== 'standard' ? '-' + vendor$1.toLowerCase() + '-' : '';
-var transform$1 = prefixStyle$1('transform');
-var transition$1 = prefixStyle$1('transition');
-inBrowser$1 && prefixStyle$1('perspective') in elementStyle$1;
-var style = {
-    transform: transform$1,
-    transition: transition$1,
-    transitionTimingFunction: prefixStyle$1('transitionTimingFunction'),
-    transitionDuration: prefixStyle$1('transitionDuration'),
-    transitionDelay: prefixStyle$1('transitionDelay'),
-    transformOrigin: prefixStyle$1('transformOrigin'),
-    transitionEnd: prefixStyle$1('transitionEnd'),
-    transitionProperty: prefixStyle$1('transitionProperty'),
-};
-
-/*! *****************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-
-function __spreadArrays() {
-    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
-    for (var r = Array(s), k = 0, i = 0; i < il; i++)
-        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
-            r[k] = a[j];
-    return r;
-}
-
-var EventEmitter = /** @class */ (function () {
-    function EventEmitter(names) {
-        this.events = {};
-        this.eventTypes = {};
-        this.registerType(names);
-    }
-    EventEmitter.prototype.on = function (type, fn, context) {
-        if (context === void 0) { context = this; }
-        this.hasType(type);
-        if (!this.events[type]) {
-            this.events[type] = [];
-        }
-        this.events[type].push([fn, context]);
-        return this;
-    };
-    EventEmitter.prototype.once = function (type, fn, context) {
-        var _this = this;
-        if (context === void 0) { context = this; }
-        this.hasType(type);
-        var magic = function () {
-            var args = [];
-            for (var _i = 0; _i < arguments.length; _i++) {
-                args[_i] = arguments[_i];
-            }
-            _this.off(type, magic);
-            fn.apply(context, args);
-        };
-        magic.fn = fn;
-        this.on(type, magic);
-        return this;
-    };
-    EventEmitter.prototype.off = function (type, fn) {
-        if (!type && !fn) {
-            this.events = {};
-            return this;
-        }
-        if (type) {
-            this.hasType(type);
-            if (!fn) {
-                this.events[type] = [];
-                return this;
-            }
-            var events = this.events[type];
-            if (!events) {
-                return this;
-            }
-            var count = events.length;
-            while (count--) {
-                if (events[count][0] === fn ||
-                    (events[count][0] && events[count][0].fn === fn)) {
-                    events.splice(count, 1);
-                }
-            }
-            return this;
-        }
-    };
-    EventEmitter.prototype.trigger = function (type) {
-        var args = [];
-        for (var _i = 1; _i < arguments.length; _i++) {
-            args[_i - 1] = arguments[_i];
-        }
-        this.hasType(type);
-        var events = this.events[type];
-        if (!events) {
-            return;
-        }
-        var len = events.length;
-        var eventsCopy = __spreadArrays(events);
-        var ret;
-        for (var i = 0; i < len; i++) {
-            var event_1 = eventsCopy[i];
-            var fn = event_1[0], context = event_1[1];
-            if (fn) {
-                ret = fn.apply(context, args);
-                if (ret === true) {
-                    return ret;
-                }
-            }
-        }
-    };
-    EventEmitter.prototype.registerType = function (names) {
-        var _this = this;
-        names.forEach(function (type) {
-            _this.eventTypes[type] = type;
-        });
-    };
-    EventEmitter.prototype.destroy = function () {
-        this.events = {};
-        this.eventTypes = {};
-    };
-    EventEmitter.prototype.hasType = function (type) {
-        var types = this.eventTypes;
-        var isType = types[type] === type;
-        if (!isType) {
-            warn$1("EventEmitter has used unknown event type: \"" + type + "\", should be oneof [" +
-                ("" + Object.keys(types).map(function (_) { return JSON.stringify(_); })) +
-                "]");
-        }
-    };
-    return EventEmitter;
-}());
-var EventRegister$1 = /** @class */ (function () {
-    function EventRegister(wrapper, events) {
-        this.wrapper = wrapper;
-        this.events = events;
-        this.addDOMEvents();
-    }
-    EventRegister.prototype.destroy = function () {
-        this.removeDOMEvents();
-        this.events = [];
-    };
-    EventRegister.prototype.addDOMEvents = function () {
-        this.handleDOMEvents(addEvent$1);
-    };
-    EventRegister.prototype.removeDOMEvents = function () {
-        this.handleDOMEvents(removeEvent$1);
-    };
-    EventRegister.prototype.handleDOMEvents = function (eventOperation) {
-        var _this = this;
-        var wrapper = this.wrapper;
-        this.events.forEach(function (event) {
-            eventOperation(wrapper, event.name, _this, !!event.capture);
-        });
-    };
-    EventRegister.prototype.handleEvent = function (e) {
-        var eventType = e.type;
-        this.events.some(function (event) {
-            if (event.name === eventType) {
-                event.handler(e);
-                return true;
-            }
-            return false;
-        });
-    };
-    return EventRegister;
-}());
-
-var EventHandler = /** @class */ (function () {
-    function EventHandler(indicator, options) {
-        this.indicator = indicator;
-        this.options = options;
-        this.bscroll = indicator.bscroll;
-        this.startEventRegister = new EventRegister$1(this.indicator.el, [
-            {
-                name: options.disableMouse ? 'touchstart' : 'mousedown',
-                handler: this._start.bind(this)
-            }
-        ]);
-        this.endEventRegister = new EventRegister$1(window, [
-            {
-                name: options.disableMouse ? 'touchend' : 'mouseup',
-                handler: this._end.bind(this)
-            }
-        ]);
-        this.hooks = new EventEmitter(['touchStart', 'touchMove', 'touchEnd']);
-    }
-    EventHandler.prototype._start = function (e) {
-        if (!this.bscroll.scroller.actions.enabled) {
-            return;
-        }
-        var point = (e.touches ? e.touches[0] : e);
-        e.preventDefault();
-        e.stopPropagation();
-        this.initiated = true;
-        this.moved = false;
-        this.lastPoint = point[this.indicator.keysMap.pointPos];
-        var disableMouse = this.bscroll.options.disableMouse;
-        this.moveEventRegister = new EventRegister$1(window, [
-            {
-                name: disableMouse ? 'touchmove' : 'mousemove',
-                handler: this._move.bind(this)
-            }
-        ]);
-        this.hooks.trigger('touchStart');
-    };
-    EventHandler.prototype._move = function (e) {
-        var point = (e.touches ? e.touches[0] : e);
-        var pointPos = point[this.indicator.keysMap.pointPos];
-        e.preventDefault();
-        e.stopPropagation();
-        var delta = pointPos - this.lastPoint;
-        this.lastPoint = pointPos;
-        if (!this.moved) {
-            this.hooks.trigger('touchMove', this.moved, delta);
-            this.moved = true;
-            return;
-        }
-        this.hooks.trigger('touchMove', this.moved, delta);
-    };
-    EventHandler.prototype._end = function (e) {
-        if (!this.initiated) {
-            return;
-        }
-        this.initiated = false;
-        e.preventDefault();
-        e.stopPropagation();
-        this.moveEventRegister.destroy();
-        this.hooks.trigger('touchEnd', this.moved);
-    };
-    EventHandler.prototype.destroy = function () {
-        this.startEventRegister.destroy();
-        this.moveEventRegister && this.moveEventRegister.destroy();
-        this.endEventRegister.destroy();
-    };
-    return EventHandler;
-}());
-
-var INDICATOR_MIN_LEN = 8;
-var Indicator = /** @class */ (function () {
-    function Indicator(bscroll, options) {
-        this.bscroll = bscroll;
-        this.options = options;
-        this.keyVals = {
-            sizeRatio: 1,
-            maxPos: 0,
-            initialSize: 0
-        };
-        this.curPos = 0;
-        this.hooksHandlers = [];
-        this.wrapper = options.wrapper;
-        this.wrapperStyle = this.wrapper.style;
-        this.el = this.wrapper.children[0];
-        this.elStyle = this.el.style;
-        this.bscroll = bscroll;
-        this.direction = options.direction;
-        this.keysMap = this._getKeysMap();
-        if (options.fade) {
-            this.visible = 0;
-            this.wrapperStyle.opacity = '0';
-        }
-        else {
-            this.visible = 1;
-        }
-        this._listenHooks(options.fade, options.interactive);
-        this.refresh();
-    }
-    Indicator.prototype._listenHooks = function (fade, interactive) {
-        var _this = this;
-        var bscroll = this.bscroll;
-        var bscrollHooks = bscroll;
-        var translaterHooks = bscroll.scroller.translater.hooks;
-        var animaterHooks = bscroll.scroller.animater.hooks;
-        this._listen(bscrollHooks, 'refresh', this.refresh);
-        this._listen(translaterHooks, 'translate', this.updatePosAndSize);
-        this._listen(animaterHooks, 'time', function (time) {
-            _this.setTransitionTime(time);
-        });
-        this._listen(animaterHooks, 'timeFunction', function (ease) {
-            _this.setTransitionTimingFunction(ease);
-        });
-        if (fade) {
-            this._listen(bscrollHooks, 'scrollEnd', function () {
-                _this.fade();
-            });
-            this._listen(bscrollHooks, 'scrollStart', function () {
-                _this.fade(true);
-            });
-            // for mousewheel event
-            if (bscroll.eventTypes.mousewheelStart &&
-                bscroll.eventTypes.mousewheelEnd) {
-                this._listen(bscrollHooks, 'mousewheelStart', function () {
-                    _this.fade(true);
-                });
-                this._listen(bscrollHooks, 'mousewheelEnd', function () {
-                    _this.fade();
-                });
-            }
-        }
-        if (interactive) {
-            var disableMouse = this.bscroll.options.disableMouse;
-            this.eventHandler = new EventHandler(this, { disableMouse: disableMouse });
-            var eventHandlerHooks = this.eventHandler.hooks;
-            this._listen(eventHandlerHooks, 'touchStart', this.startHandler);
-            this._listen(eventHandlerHooks, 'touchMove', this.moveHandler);
-            this._listen(eventHandlerHooks, 'touchEnd', this.endHandler);
-        }
-    };
-    Indicator.prototype._getKeysMap = function () {
-        if (this.direction === "vertical" /* Vertical */) {
-            return {
-                hasScroll: 'hasVerticalScroll',
-                size: 'height',
-                wrapperSize: 'clientHeight',
-                scrollerSize: 'scrollerHeight',
-                maxScroll: 'maxScrollY',
-                pos: 'y',
-                pointPos: 'pageY',
-                translate: 'translateY'
-            };
-        }
-        return {
-            hasScroll: 'hasHorizontalScroll',
-            size: 'width',
-            wrapperSize: 'clientWidth',
-            scrollerSize: 'scrollerWidth',
-            maxScroll: 'maxScrollX',
-            pos: 'x',
-            pointPos: 'pageX',
-            translate: 'translateX'
-        };
-    };
-    Indicator.prototype.fade = function (visible) {
-        var time = visible ? 250 : 500;
-        this.wrapperStyle[style.transitionDuration] = time + 'ms';
-        this.wrapperStyle.opacity = visible ? '1' : '0';
-        this.visible = visible ? 1 : 0;
-    };
-    Indicator.prototype.refresh = function () {
-        var hasScroll = this.keysMap.hasScroll;
-        if (this._setShowBy(this.bscroll[hasScroll])) {
-            var _a = this.keysMap, wrapperSize = _a.wrapperSize, scrollerSize = _a.scrollerSize, maxScroll = _a.maxScroll;
-            this.keyVals = this._refreshKeyValues(this.wrapper[wrapperSize], this.bscroll[scrollerSize], this.bscroll[maxScroll]);
-            this.updatePosAndSize({
-                x: this.bscroll.x,
-                y: this.bscroll.y
-            });
-        }
-    };
-    Indicator.prototype._setShowBy = function (hasScroll) {
-        if (hasScroll) {
-            this.wrapper.style.display = '';
-            return true;
-        }
-        this.wrapper.style.display = 'none';
-        return false;
-    };
-    Indicator.prototype._refreshKeyValues = function (wrapperSize, scrollerSize, maxScroll) {
-        var initialSize = Math.max(Math.round((wrapperSize * wrapperSize) / (scrollerSize || wrapperSize || 1)), INDICATOR_MIN_LEN);
-        var maxPos = wrapperSize - initialSize;
-        // sizeRatio is negative
-        var sizeRatio = maxPos / maxScroll;
-        return {
-            initialSize: initialSize,
-            maxPos: maxPos,
-            sizeRatio: sizeRatio
-        };
-    };
-    Indicator.prototype.updatePosAndSize = function (endPoint) {
-        var _a = this._refreshPosAndSizeValue(endPoint, this.keyVals), pos = _a.pos, size = _a.size;
-        this.curPos = pos;
-        this._refreshPosAndSizeStyle(size, pos);
-    };
-    Indicator.prototype._refreshPosAndSizeValue = function (endPoint, keyVals) {
-        var posKey = this.keysMap.pos;
-        var sizeRatio = keyVals.sizeRatio, initialSize = keyVals.initialSize, maxPos = keyVals.maxPos;
-        var pos = Math.round(sizeRatio * endPoint[posKey]);
-        var size;
-        if (pos < 0) {
-            size = Math.max(initialSize + pos * 3, INDICATOR_MIN_LEN);
-            pos = 0;
-        }
-        else if (pos > maxPos) {
-            size = Math.max(initialSize - (pos - maxPos) * 3, INDICATOR_MIN_LEN);
-            pos = maxPos + initialSize - size;
-        }
-        else {
-            size = initialSize;
-        }
-        return {
-            pos: pos,
-            size: size
-        };
-    };
-    Indicator.prototype._refreshPosAndSizeStyle = function (size, pos) {
-        var _a = this.keysMap, translate = _a.translate, sizeKey = _a.size;
-        this.elStyle[sizeKey] = size + "px";
-        this.elStyle[style.transform] = translate + "(" + pos + "px)" + this.bscroll.options.translateZ;
-    };
-    Indicator.prototype.setTransitionTime = function (time) {
-        if (time === void 0) { time = 0; }
-        this.elStyle[style.transitionDuration] = time + 'ms';
-    };
-    Indicator.prototype.setTransitionTimingFunction = function (easing) {
-        this.elStyle[style.transitionTimingFunction] = easing;
-    };
-    Indicator.prototype.startHandler = function () {
-        this.setTransitionTime();
-        this.bscroll.trigger('beforeScrollStart');
-    };
-    Indicator.prototype.moveHandler = function (moved, delta) {
-        if (!moved) {
-            this.bscroll.trigger('scrollStart');
-        }
-        var newScrollPos = this._calScrollDesPos(this.curPos, delta, this.keyVals);
-        // TODO freeScroll ？
-        if (this.direction === "vertical" /* Vertical */) {
-            this.bscroll.scrollTo(this.bscroll.x, newScrollPos);
-        }
-        else {
-            this.bscroll.scrollTo(newScrollPos, this.bscroll.y);
-        }
-        this.bscroll.trigger('scroll', {
-            x: this.bscroll.x,
-            y: this.bscroll.y
-        });
-    };
-    Indicator.prototype._calScrollDesPos = function (curPos, delta, keyVals) {
-        var maxPos = keyVals.maxPos, sizeRatio = keyVals.sizeRatio;
-        var newPos = curPos + delta;
-        if (newPos < 0) {
-            newPos = 0;
-        }
-        else if (newPos > maxPos) {
-            newPos = maxPos;
-        }
-        return Math.round(newPos / sizeRatio);
-    };
-    Indicator.prototype.endHandler = function (moved) {
-        if (moved) {
-            this.bscroll.trigger('scrollEnd', {
-                x: this.bscroll.x,
-                y: this.bscroll.y
-            });
-        }
-    };
-    Indicator.prototype.destroy = function () {
-        if (this.options.interactive) {
-            this.eventHandler.destroy();
-        }
-        this.wrapper.parentNode.removeChild(this.wrapper);
-        this.hooksHandlers.forEach(function (item) {
-            var hooks = item[0];
-            var hooksName = item[1];
-            var handlerFn = item[2];
-            hooks.off(hooksName, handlerFn);
-        });
-        this.hooksHandlers.length = 0;
-    };
-    Indicator.prototype._listen = function (hooks, name, handler) {
-        hooks.on(name, handler, this);
-        this.hooksHandlers.push([hooks, name, handler]);
-    };
-    return Indicator;
-}());
-
-var ScrollBar = /** @class */ (function () {
-    function ScrollBar(scroll) {
-        this.indicators = [];
-        this.indicators = this.createIndicators(scroll);
-        scroll.on(scroll.eventTypes.destroy, this.destroy, this);
-    }
-    ScrollBar.prototype.createIndicators = function (bscroll) {
-        var _this = this;
-        var _a = bscroll.options
-            .scrollbar, _b = _a.fade, fade = _b === void 0 ? true : _b, _c = _a.interactive, interactive = _c === void 0 ? false : _c;
-        var indicatorOption;
-        var scrolls = {
-            scrollX: "horizontal" /* Horizontal */,
-            scrollY: "vertical" /* Vertical */
-        };
-        var indicators = [];
-        Object.keys(scrolls).forEach(function (key) {
-            var direction = scrolls[key];
-            if (bscroll.options[key]) {
-                indicatorOption = {
-                    wrapper: _this.createIndicatorElement(direction),
-                    direction: direction,
-                    fade: fade,
-                    interactive: interactive
-                };
-                bscroll.wrapper.appendChild(indicatorOption.wrapper);
-                indicators.push(new Indicator(bscroll, indicatorOption));
-            }
-        });
-        return indicators;
-    };
-    ScrollBar.prototype.createIndicatorElement = function (direction) {
-        var scrollbarEl = document.createElement('div');
-        var indicatorEl = document.createElement('div');
-        scrollbarEl.style.cssText =
-            'position:absolute;z-index:9999;pointerEvents:none';
-        indicatorEl.style.cssText =
-            'box-sizing:border-box;position:absolute;background:rgba(0,0,0,0.5);border:1px solid rgba(255,255,255,0.9);border-radius:3px;';
-        indicatorEl.className = 'bscroll-indicator';
-        if (direction === 'horizontal') {
-            scrollbarEl.style.cssText += ';height:7px;left:2px;right:2px;bottom:0';
-            indicatorEl.style.height = '100%';
-            scrollbarEl.className = 'bscroll-horizontal-scrollbar';
-        }
-        else {
-            scrollbarEl.style.cssText += ';width:7px;bottom:2px;top:2px;right:1px';
-            indicatorEl.style.width = '100%';
-            scrollbarEl.className = 'bscroll-vertical-scrollbar';
-        }
-        scrollbarEl.style.cssText += ';overflow:hidden';
-        scrollbarEl.appendChild(indicatorEl);
-        return scrollbarEl;
-    };
-    ScrollBar.prototype.destroy = function () {
-        for (var _i = 0, _a = this.indicators; _i < _a.length; _i++) {
-            var indicator = _a[_i];
-            indicator.destroy();
-        }
-    };
-    ScrollBar.pluginName = 'scrollbar';
-    return ScrollBar;
-}());
-
-/*!
- * better-scroll / mouse-wheel
- * (c) 2016-2020 ustbhuangyi
- * Released under the MIT License.
- */
-function warn(msg) {
-    console.error("[BScroll warn]: " + msg);
-}
-
-// ssr support
-var inBrowser = typeof window !== 'undefined';
-var ua = inBrowser && navigator.userAgent.toLowerCase();
-!!(ua && /wechatdevtools/.test(ua));
-ua && ua.indexOf('android') > 0;
-((function () {
-    if (typeof ua === 'string') {
-        var regex = /os (\d\d?_\d(_\d)?)/;
-        var matches = regex.exec(ua);
-        if (!matches)
-            return false;
-        var parts = matches[1].split('_').map(function (item) {
-            return parseInt(item, 10);
-        });
-        // ios version >= 13.4 issue 982
-        return !!(parts[0] >= 13 && parts[1] >= 4);
-    }
-    return false;
-}))();
-
-var extend = function (target, source) {
-    for (var key in source) {
-        target[key] = source[key];
-    }
-    return target;
-};
-
-var elementStyle = (inBrowser &&
-    document.createElement('div').style);
-var vendor = (function () {
-    if (!inBrowser) {
-        return false;
-    }
-    var transformNames = [
-        {
-            key: 'standard',
-            value: 'transform',
-        },
-        {
-            key: 'webkit',
-            value: 'webkitTransform',
-        },
-        {
-            key: 'Moz',
-            value: 'MozTransform',
-        },
-        {
-            key: 'O',
-            value: 'OTransform',
-        },
-        {
-            key: 'ms',
-            value: 'msTransform',
-        },
-    ];
-    for (var _i = 0, transformNames_1 = transformNames; _i < transformNames_1.length; _i++) {
-        var obj = transformNames_1[_i];
-        if (elementStyle[obj.value] !== undefined) {
-            return obj.key;
-        }
-    }
-    return false;
-})();
-function prefixStyle(style) {
-    if (vendor === false) {
-        return style;
-    }
-    if (vendor === 'standard') {
-        if (style === 'transitionEnd') {
-            return 'transitionend';
-        }
-        return style;
-    }
-    return vendor + style.charAt(0).toUpperCase() + style.substr(1);
-}
-function addEvent(el, type, fn, capture) {
-    el.addEventListener(type, fn, {
-        passive: false,
-        capture: !!capture,
-    });
-}
-function removeEvent(el, type, fn, capture) {
-    el.removeEventListener(type, fn, {
-        capture: !!capture,
-    });
-}
-vendor && vendor !== 'standard' ? '-' + vendor.toLowerCase() + '-' : '';
-var transform = prefixStyle('transform');
-var transition = prefixStyle('transition');
-inBrowser && prefixStyle('perspective') in elementStyle;
-({
-    transform: transform,
-    transition: transition,
-    transitionTimingFunction: prefixStyle('transitionTimingFunction'),
-    transitionDuration: prefixStyle('transitionDuration'),
-    transitionDelay: prefixStyle('transitionDelay'),
-    transformOrigin: prefixStyle('transformOrigin'),
-    transitionEnd: prefixStyle('transitionEnd'),
-    transitionProperty: prefixStyle('transitionProperty'),
-});
-function preventDefaultExceptionFn(el, exceptions) {
-    for (var i in exceptions) {
-        if (exceptions[i].test(el[i])) {
-            return true;
-        }
-    }
-    return false;
-}
-
-var EventRegister = /** @class */ (function () {
-    function EventRegister(wrapper, events) {
-        this.wrapper = wrapper;
-        this.events = events;
-        this.addDOMEvents();
-    }
-    EventRegister.prototype.destroy = function () {
-        this.removeDOMEvents();
-        this.events = [];
-    };
-    EventRegister.prototype.addDOMEvents = function () {
-        this.handleDOMEvents(addEvent);
-    };
-    EventRegister.prototype.removeDOMEvents = function () {
-        this.handleDOMEvents(removeEvent);
-    };
-    EventRegister.prototype.handleDOMEvents = function (eventOperation) {
-        var _this = this;
-        var wrapper = this.wrapper;
-        this.events.forEach(function (event) {
-            eventOperation(wrapper, event.name, _this, !!event.capture);
-        });
-    };
-    EventRegister.prototype.handleEvent = function (e) {
-        var eventType = e.type;
-        this.events.some(function (event) {
-            if (event.name === eventType) {
-                event.handler(e);
-                return true;
-            }
-            return false;
-        });
-    };
-    return EventRegister;
-}());
-
-var MouseWheel = /** @class */ (function () {
-    function MouseWheel(scroll) {
-        this.scroll = scroll;
-        this.wheelEndTimer = 0;
-        this.wheelMoveTimer = 0;
-        this.wheelStart = false;
-        this.init();
-    }
-    MouseWheel.prototype.init = function () {
-        this.handleBScroll();
-        this.handleOptions();
-        this.handleHooks();
-        this.registerEvent();
-    };
-    MouseWheel.prototype.handleBScroll = function () {
-        this.scroll.registerType([
-            'alterOptions',
-            'mousewheelStart',
-            'mousewheelMove',
-            'mousewheelEnd',
-        ]);
-    };
-    MouseWheel.prototype.handleOptions = function () {
-        var userOptions = (this.scroll.options.mouseWheel === true
-            ? {}
-            : this.scroll.options.mouseWheel);
-        var defaultOptions = {
-            speed: 20,
-            invert: false,
-            easeTime: 300,
-            discreteTime: 400,
-            throttleTime: 0,
-            dampingFactor: 0.1,
-        };
-        this.mouseWheelOpt = extend(defaultOptions, userOptions);
-    };
-    MouseWheel.prototype.handleHooks = function () {
-        this.hooksFn = [];
-        this.registerHooks(this.scroll.hooks, 'destroy', this.destroy);
-    };
-    MouseWheel.prototype.registerEvent = function () {
-        this.eventRegister = new EventRegister(this.scroll.scroller.wrapper, [
-            {
-                name: 'wheel',
-                handler: this.wheelHandler.bind(this),
-            },
-            {
-                name: 'mousewheel',
-                handler: this.wheelHandler.bind(this),
-            },
-            {
-                name: 'DOMMouseScroll',
-                handler: this.wheelHandler.bind(this),
-            },
-        ]);
-    };
-    MouseWheel.prototype.registerHooks = function (hooks, name, handler) {
-        hooks.on(name, handler, this);
-        this.hooksFn.push([hooks, name, handler]);
-    };
-    MouseWheel.prototype.wheelHandler = function (e) {
-        if (!this.scroll.enabled) {
-            return;
-        }
-        this.beforeHandler(e);
-        // start
-        if (!this.wheelStart) {
-            this.wheelStartHandler(e);
-            this.wheelStart = true;
-        }
-        // move
-        var delta = this.getWheelDelta(e);
-        this.wheelMoveHandler(delta);
-        // end
-        this.wheelEndDetector(delta);
-    };
-    MouseWheel.prototype.wheelStartHandler = function (e) {
-        this.cleanCache();
-        var _a = this.scroll.scroller, scrollBehaviorX = _a.scrollBehaviorX, scrollBehaviorY = _a.scrollBehaviorY;
-        scrollBehaviorX.setMovingDirection(0 /* Default */);
-        scrollBehaviorY.setMovingDirection(0 /* Default */);
-        scrollBehaviorX.setDirection(0 /* Default */);
-        scrollBehaviorY.setDirection(0 /* Default */);
-        this.scroll.trigger(this.scroll.eventTypes.alterOptions, this.mouseWheelOpt);
-        this.scroll.trigger(this.scroll.eventTypes.mousewheelStart);
-    };
-    MouseWheel.prototype.cleanCache = function () {
-        this.deltaCache = [];
-    };
-    MouseWheel.prototype.wheelMoveHandler = function (delta) {
-        var _this = this;
-        var _a = this.mouseWheelOpt, throttleTime = _a.throttleTime, dampingFactor = _a.dampingFactor;
-        if (throttleTime && this.wheelMoveTimer) {
-            this.deltaCache.push(delta);
-        }
-        else {
-            var cachedDelta = this.deltaCache.reduce(function (prev, current) {
-                return {
-                    x: prev.x + current.x,
-                    y: prev.y + current.y,
-                };
-            }, { x: 0, y: 0 });
-            this.cleanCache();
-            var _b = this.scroll.scroller, scrollBehaviorX = _b.scrollBehaviorX, scrollBehaviorY = _b.scrollBehaviorY;
-            scrollBehaviorX.setMovingDirection(-delta.directionX);
-            scrollBehaviorY.setMovingDirection(-delta.directionY);
-            scrollBehaviorX.setDirection(delta.x);
-            scrollBehaviorY.setDirection(delta.y);
-            // when out of boundary, perform a damping scroll
-            var newX = scrollBehaviorX.performDampingAlgorithm(Math.round(delta.x) + cachedDelta.x, dampingFactor);
-            var newY = scrollBehaviorY.performDampingAlgorithm(Math.round(delta.y) + cachedDelta.x, dampingFactor);
-            if (!this.scroll.trigger(this.scroll.eventTypes.mousewheelMove, {
-                x: newX,
-                y: newY,
-            })) {
-                var easeTime = this.getEaseTime();
-                if (newX !== this.scroll.x || newY !== this.scroll.y) {
-                    this.scroll.scrollTo(newX, newY, easeTime);
-                }
-            }
-            if (throttleTime) {
-                this.wheelMoveTimer = window.setTimeout(function () {
-                    _this.wheelMoveTimer = 0;
-                }, throttleTime);
-            }
-        }
-    };
-    MouseWheel.prototype.wheelEndDetector = function (delta) {
-        var _this = this;
-        window.clearTimeout(this.wheelEndTimer);
-        this.wheelEndTimer = window.setTimeout(function () {
-            _this.wheelStart = false;
-            window.clearTimeout(_this.wheelMoveTimer);
-            _this.wheelMoveTimer = 0;
-            _this.scroll.trigger(_this.scroll.eventTypes.mousewheelEnd, delta);
-        }, this.mouseWheelOpt.discreteTime);
-    };
-    MouseWheel.prototype.getWheelDelta = function (e) {
-        var _a = this.mouseWheelOpt, speed = _a.speed, invert = _a.invert;
-        var wheelDeltaX = 0;
-        var wheelDeltaY = 0;
-        var direction = invert ? -1 /* Negative */ : 1 /* Positive */;
-        switch (true) {
-            case 'deltaX' in e:
-                if (e.deltaMode === 1) {
-                    wheelDeltaX = -e.deltaX * speed;
-                    wheelDeltaY = -e.deltaY * speed;
-                }
-                else {
-                    wheelDeltaX = -e.deltaX;
-                    wheelDeltaY = -e.deltaY;
-                }
-                break;
-            case 'wheelDeltaX' in e:
-                wheelDeltaX = (e.wheelDeltaX / 120) * speed;
-                wheelDeltaY = (e.wheelDeltaY / 120) * speed;
-                break;
-            case 'wheelDelta' in e:
-                wheelDeltaX = wheelDeltaY = (e.wheelDelta / 120) * speed;
-                break;
-            case 'detail' in e:
-                wheelDeltaX = wheelDeltaY = (-e.detail / 3) * speed;
-                break;
-        }
-        wheelDeltaX *= direction;
-        wheelDeltaY *= direction;
-        if (!this.scroll.hasVerticalScroll) {
-            wheelDeltaX = wheelDeltaY;
-            wheelDeltaY = 0;
-        }
-        if (!this.scroll.hasHorizontalScroll) {
-            wheelDeltaX = 0;
-        }
-        var directionX = wheelDeltaX > 0
-            ? -1 /* Negative */
-            : wheelDeltaX < 0
-                ? 1 /* Positive */
-                : 0 /* Default */;
-        var directionY = wheelDeltaY > 0
-            ? -1 /* Negative */
-            : wheelDeltaY < 0
-                ? 1 /* Positive */
-                : 0 /* Default */;
-        return {
-            x: wheelDeltaX,
-            y: wheelDeltaY,
-            directionX: directionX,
-            directionY: directionY,
-        };
-    };
-    MouseWheel.prototype.beforeHandler = function (e) {
-        var _a = this.scroll.options, preventDefault = _a.preventDefault, stopPropagation = _a.stopPropagation, preventDefaultException = _a.preventDefaultException;
-        if (preventDefault &&
-            !preventDefaultExceptionFn(e.target, preventDefaultException)) {
-            e.preventDefault();
-        }
-        if (stopPropagation) {
-            e.stopPropagation();
-        }
-    };
-    MouseWheel.prototype.getEaseTime = function () {
-        var SAFE_EASETIME = 100;
-        var easeTime = this.mouseWheelOpt.easeTime;
-        // scrollEnd event will be triggered in every calling of scrollTo when easeTime is too small
-        // easeTime needs to be greater than 100
-        if (easeTime < SAFE_EASETIME) {
-            warn("easeTime should be greater than 100." +
-                "If mouseWheel easeTime is too small," +
-                "scrollEnd will be triggered many times.");
-        }
-        return Math.max(easeTime, SAFE_EASETIME);
-    };
-    MouseWheel.prototype.destroy = function () {
-        this.eventRegister.destroy();
-        window.clearTimeout(this.wheelEndTimer);
-        window.clearTimeout(this.wheelMoveTimer);
-        this.hooksFn.forEach(function (item) {
-            var hooks = item[0];
-            var hooksName = item[1];
-            var handlerFn = item[2];
-            hooks.off(hooksName, handlerFn);
-        });
-    };
-    MouseWheel.pluginName = 'mouseWheel';
-    MouseWheel.applyOrder = "pre" /* Pre */;
-    return MouseWheel;
-}());
-
-//
-BScroll.use(ScrollBar);
-BScroll.use(MouseWheel);
-var script$2 = {
-  name: 'ScrollableArea',
-  data: () => ({
-    scroll: null,
-    changed: 0,
-    hasSlotContent: false,
-    observer: null,
-    scrollOptions: {
-      scrollbar: {
-        fade: false,
-        interactive: true
-      },
-      click: true,
-      mouseWheel: {
-        speed: 20,
-        invert: false
-      }
-    }
-  }),
-
-  beforeUpdate() {
-    this.hasSlotContent = this.checkForSlotContent();
-  },
-
-  beforeDestroy: function () {
-    // Clean up
-    this.observer.disconnect();
-  },
-
-  created() {
-    this.hasSlotContent = this.checkForSlotContent();
-  },
-
-  updated() {
-    this.$nextTick(() => {
-      if (this.scroll) {
-        this.scroll.refresh();
-      }
-    });
-  },
-
-  mounted() {
-    this.$nextTick(() => {
-      if (!this.scroll) {
-        this.scroll = new BScroll(this.$refs.area, this.scrollOptions);
-      }
-    });
-    let classes = ["scrollable", "bscroll-vertical-scrollbar"];
-    this.observer = new MutationObserver(function (mutations) {
-      let className;
-      let reload = false;
-      let mut;
-
-      for (let m in mutations) {
-        mut = mutations[m];
-        className = mut.target.className;
-
-        if (!(mut.type == "attributes" || classes.indexOf(className) > -1)) {
-          reload = true;
-        }
-      }
-
-      if (reload) {
-        this.changed++;
-      } //
-
-    }.bind(this)); // Setup the observer
-
-    this.observer.observe(this.$refs.area, {
-      attributes: true,
-      childList: true,
-      characterData: true,
-      subtree: true
-    });
-  },
-
-  watch: {
-    changed: function (newVal) {
-      // watch it
-      if (newVal) {
-        this.makeScroll();
-      }
-    },
-    hasSlotContent: function (val) {}
-  },
-  methods: {
-    activate() {
-      this.makeScroll();
-    },
-
-    checkForSlotContent() {
-      let checkForContent = (hasContent, node) => {
-        return hasContent || node.tag || node.text && node.text.trim();
-      };
-
-      return this.$slots.default && this.$slots.default.reduce(checkForContent, false);
-    },
-
-    makeScroll() {
-      this.$nextTick(() => {
-        this.$nextTick(() => {
-          if (this.scroll) {
-            this.scroll.destroy();
-            this.scroll = null;
-          }
-
-          this.scroll = new BScroll(this.$refs.area, this.scrollOptions);
-        });
-      });
-    },
-
-    reset() {
-      this.$nextTick(() => {
-        if (this.scroll) {
-          this.scroll.refresh();
-        }
-      });
-    }
-
-  }
-};
-
-/* script */
-const __vue_script__$2 = script$2;
-/* template */
-
-var __vue_render__$2 = function () {
-  var _vm = this;
-
-  var _h = _vm.$createElement;
-
-  var _c = _vm._self._c || _h;
-
-  return _c('div', {
-    ref: "area",
-    staticClass: "wf-component scrollable"
-  }, [_vm._t("default")], 2);
-};
-
-var __vue_staticRenderFns__$2 = [];
-/* style */
-
-const __vue_inject_styles__$2 = function (inject) {
-  if (!inject) return;
-  inject("data-v-a5c2b274_0", {
-    source: ".scrollable[data-v-a5c2b274]{overflow:hidden;width:100%;height:100%}",
-    map: undefined,
-    media: undefined
-  });
-};
-/* scoped */
-
-
-const __vue_scope_id__$2 = "data-v-a5c2b274";
+const __vue_scope_id__$2 = "data-v-21e68d18";
 /* module identifier */
 
 const __vue_module_identifier__$2 = undefined;
 /* functional template */
 
 const __vue_is_functional_template__$2 = false;
+/* style inject */
+
 /* style inject SSR */
 
 /* style inject shadow dom */
@@ -6535,7 +3399,7 @@ const __vue_is_functional_template__$2 = false;
 const __vue_component__$2 = /*#__PURE__*/normalizeComponent({
   render: __vue_render__$2,
   staticRenderFns: __vue_staticRenderFns__$2
-}, __vue_inject_styles__$2, __vue_script__$2, __vue_scope_id__$2, __vue_is_functional_template__$2, __vue_module_identifier__$2, false, createInjector, undefined, undefined);
+}, __vue_inject_styles__$2, __vue_script__$2, __vue_scope_id__$2, __vue_is_functional_template__$2, __vue_module_identifier__$2, false, undefined, undefined, undefined);
 
 //
 var script$1 = {