Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

@startinfinity/vue-virtual-scroller

Package Overview
Dependencies
Maintainers
5
Versions
6
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@startinfinity/vue-virtual-scroller - npm Package Compare versions

Comparing version 1.2.2 to 1.2.4

232

dist/vue-virtual-scroller.esm.js
import { ObserveVisibility } from 'vue-observe-visibility';
import ScrollParent from 'scrollparent';
import { ResizeObserver as ResizeObserver$1 } from 'vue-resize';
import Vue from 'vue';

@@ -9,2 +10,40 @@

function ownKeys(object, enumerableOnly) {
var keys = Object.keys(object);
if (Object.getOwnPropertySymbols) {
var symbols = Object.getOwnPropertySymbols(object);
if (enumerableOnly) {
symbols = symbols.filter(function (sym) {
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
});
}
keys.push.apply(keys, symbols);
}
return keys;
}
function _objectSpread2(target) {
for (var i = 1; i < arguments.length; i++) {
var source = arguments[i] != null ? arguments[i] : {};
if (i % 2) {
ownKeys(Object(source), true).forEach(function (key) {
_defineProperty(target, key, source[key]);
});
} else if (Object.getOwnPropertyDescriptors) {
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
} else {
ownKeys(Object(source)).forEach(function (key) {
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
});
}
}
return target;
}
function _typeof(obj) {

@@ -41,36 +80,2 @@ "@babel/helpers - typeof";

function ownKeys(object, enumerableOnly) {
var keys = Object.keys(object);
if (Object.getOwnPropertySymbols) {
var symbols = Object.getOwnPropertySymbols(object);
if (enumerableOnly) symbols = symbols.filter(function (sym) {
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
});
keys.push.apply(keys, symbols);
}
return keys;
}
function _objectSpread2(target) {
for (var i = 1; i < arguments.length; i++) {
var source = arguments[i] != null ? arguments[i] : {};
if (i % 2) {
ownKeys(Object(source), true).forEach(function (key) {
_defineProperty(target, key, source[key]);
});
} else if (Object.getOwnPropertyDescriptors) {
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
} else {
ownKeys(Object(source)).forEach(function (key) {
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
});
}
}
return target;
}
function _unsupportedIterableToArray(o, minLen) {

@@ -81,3 +86,3 @@ if (!o) return;

if (n === "Object" && o.constructor) n = o.constructor.name;
if (n === "Map" || n === "Set") return Array.from(n);
if (n === "Map" || n === "Set") return Array.from(o);
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);

@@ -94,5 +99,8 @@ }

function _createForOfIteratorHelper(o) {
if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) {
if (Array.isArray(o) || (o = _unsupportedIterableToArray(o))) {
function _createForOfIteratorHelper(o, allowArrayLike) {
var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
if (!it) {
if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") {
if (it) o = it;
var i = 0;

@@ -123,4 +131,3 @@

var it,
normalCompletion = true,
var normalCompletion = true,
didErr = false,

@@ -130,3 +137,3 @@ err;

s: function () {
it = o[Symbol.iterator]();
it = it.call(o);
},

@@ -189,8 +196,11 @@ n: function () {

var uid = 0;
var script = {
var script$2 = {
name: 'RecycleScroller',
components: {
ResizeObserver: ResizeObserver$1
},
directives: {
ObserveVisibility: ObserveVisibility
},
props: _objectSpread2({}, props, {
props: _objectSpread2(_objectSpread2({}, props), {}, {
itemSize: {

@@ -845,5 +855,5 @@ type: Number,

/* script */
const __vue_script__ = script;
const __vue_script__$2 = script$2;
/* template */
var __vue_render__ = function() {
var __vue_render__$1 = function () {
var _obj, _obj$1;

@@ -861,4 +871,4 @@ var _vm = this;

value: _vm.handleVisibilityChange,
expression: "handleVisibilityChange"
}
expression: "handleVisibilityChange",
},
],

@@ -869,3 +879,3 @@ staticClass: "vue-recycle-scroller",

ready: _vm.ready,
"page-mode": _vm.pageMode
"page-mode": _vm.pageMode,
}),

@@ -875,6 +885,6 @@ (_obj["direction-" + _vm.direction] = true),

on: {
"&scroll": function($event) {
return _vm.handleScroll($event)
}
}
"&scroll": function ($event) {
return _vm.handleScroll.apply(null, arguments)
},
},
},

@@ -900,5 +910,5 @@ [

_vm.totalSize + "px"),
_obj$1)
_obj$1),
},
_vm._l(_vm.pool, function(view) {
_vm._l(_vm.pool, function (view) {
return _c(

@@ -917,13 +927,13 @@ "div",

"px)",
zIndex: _vm.items.length - view.nr.index
zIndex: _vm.items.length - view.nr.index,
}
: null,
on: {
mouseenter: function($event) {
mouseenter: function ($event) {
return $event.target.classList.add("hover")
},
mouseleave: function($event) {
mouseleave: function ($event) {
return $event.target.classList.remove("hover")
}
}
},
},
},

@@ -934,4 +944,4 @@ [

index: view.nr.index,
active: view.nr.used
})
active: view.nr.used,
}),
],

@@ -951,17 +961,20 @@ 2

)
: _vm._e()
]
: _vm._e(),
_vm._v(" "),
_c("ResizeObserver", { on: { notify: _vm.handleResize } }),
],
1
)
};
var __vue_staticRenderFns__ = [];
__vue_render__._withStripped = true;
var __vue_staticRenderFns__$1 = [];
__vue_render__$1._withStripped = true;
/* style */
const __vue_inject_styles__ = undefined;
const __vue_inject_styles__$2 = undefined;
/* scoped */
const __vue_scope_id__ = undefined;
const __vue_scope_id__$2 = undefined;
/* module identifier */
const __vue_module_identifier__ = undefined;
const __vue_module_identifier__$2 = undefined;
/* functional template */
const __vue_is_functional_template__ = false;
const __vue_is_functional_template__$2 = false;
/* style inject */

@@ -975,9 +988,9 @@

const __vue_component__ = normalizeComponent(
{ render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
__vue_inject_styles__,
__vue_script__,
__vue_scope_id__,
__vue_is_functional_template__,
__vue_module_identifier__,
const __vue_component__$2 = /*#__PURE__*/normalizeComponent(
{ render: __vue_render__$1, staticRenderFns: __vue_staticRenderFns__$1 },
__vue_inject_styles__$2,
__vue_script__$2,
__vue_scope_id__$2,
__vue_is_functional_template__$2,
__vue_module_identifier__$2,
false,

@@ -992,3 +1005,3 @@ undefined,

components: {
RecycleScroller: __vue_component__
RecycleScroller: __vue_component__$2
},

@@ -1029,3 +1042,3 @@ inheritAttrs: false,

},
props: _objectSpread2({}, props, {
props: _objectSpread2(_objectSpread2({}, props), {}, {
minItemSize: {

@@ -1180,3 +1193,3 @@ type: [Number, String],

/* template */
var __vue_render__$1 = function() {
var __vue_render__ = function () {
var _vm = this;

@@ -1195,3 +1208,3 @@ var _h = _vm.$createElement;

direction: _vm.direction,
"key-field": "id"
"key-field": "id",
},

@@ -1203,3 +1216,3 @@ on: { resize: _vm.onScrollerResize, visible: _vm.onScrollerVisible },

key: "default",
fn: function(ref) {
fn: function (ref) {
var itemWithSize = ref.item;

@@ -1213,11 +1226,11 @@ var index = ref.index;

active: active,
itemWithSize: itemWithSize
})
itemWithSize: itemWithSize,
}),
]
}
}
},
},
],
null,
true
)
),
},

@@ -1234,3 +1247,3 @@ "RecycleScroller",

_vm._v(" "),
_c("template", { slot: "after" }, [_vm._t("after")], 2)
_c("template", { slot: "after" }, [_vm._t("after")], 2),
],

@@ -1240,4 +1253,4 @@ 2

};
var __vue_staticRenderFns__$1 = [];
__vue_render__$1._withStripped = true;
var __vue_staticRenderFns__ = [];
__vue_render__._withStripped = true;

@@ -1260,4 +1273,4 @@ /* style */

const __vue_component__$1 = normalizeComponent(
{ render: __vue_render__$1, staticRenderFns: __vue_staticRenderFns__$1 },
const __vue_component__$1 = /*#__PURE__*/normalizeComponent(
{ render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
__vue_inject_styles__$1,

@@ -1274,3 +1287,3 @@ __vue_script__$1,

var script$2 = {
var script = {
name: 'DynamicScrollerItem',

@@ -1482,3 +1495,3 @@ inject: ['vscrollData', 'vscrollParent', 'vscrollResizeObserver'],

/* script */
const __vue_script__$2 = script$2;
const __vue_script__ = script;

@@ -1488,9 +1501,9 @@ /* template */

/* style */
const __vue_inject_styles__$2 = undefined;
const __vue_inject_styles__ = undefined;
/* scoped */
const __vue_scope_id__$2 = undefined;
const __vue_scope_id__ = undefined;
/* module identifier */
const __vue_module_identifier__$2 = undefined;
const __vue_module_identifier__ = undefined;
/* functional template */
const __vue_is_functional_template__$2 = undefined;
const __vue_is_functional_template__ = undefined;
/* style inject */

@@ -1504,9 +1517,9 @@

const __vue_component__$2 = normalizeComponent(
const __vue_component__ = /*#__PURE__*/normalizeComponent(
{},
__vue_inject_styles__$2,
__vue_script__$2,
__vue_scope_id__$2,
__vue_is_functional_template__$2,
__vue_module_identifier__$2,
__vue_inject_styles__,
__vue_script__,
__vue_scope_id__,
__vue_is_functional_template__,
__vue_module_identifier__,
false,

@@ -1611,8 +1624,8 @@ undefined,

function registerComponents(Vue, prefix) {
Vue.component("".concat(prefix, "recycle-scroller"), __vue_component__);
Vue.component("".concat(prefix, "RecycleScroller"), __vue_component__);
Vue.component("".concat(prefix, "recycle-scroller"), __vue_component__$2);
Vue.component("".concat(prefix, "RecycleScroller"), __vue_component__$2);
Vue.component("".concat(prefix, "dynamic-scroller"), __vue_component__$1);
Vue.component("".concat(prefix, "DynamicScroller"), __vue_component__$1);
Vue.component("".concat(prefix, "dynamic-scroller-item"), __vue_component__$2);
Vue.component("".concat(prefix, "DynamicScrollerItem"), __vue_component__$2);
Vue.component("".concat(prefix, "dynamic-scroller-item"), __vue_component__);
Vue.component("".concat(prefix, "DynamicScrollerItem"), __vue_component__);
}

@@ -1622,3 +1635,3 @@

// eslint-disable-next-line no-undef
version: "1.2.2",
version: "1.2.4",
install: function install(Vue, options) {

@@ -1654,4 +1667,3 @@ var finalOptions = Object.assign({}, {

export default plugin;
export { __vue_component__$1 as DynamicScroller, __vue_component__$2 as DynamicScrollerItem, IdState, __vue_component__ as RecycleScroller };
export { __vue_component__$1 as DynamicScroller, __vue_component__ as DynamicScrollerItem, IdState, __vue_component__$2 as RecycleScroller, plugin as default };
//# sourceMappingURL=vue-virtual-scroller.esm.js.map

2

dist/vue-virtual-scroller.min.js

@@ -1,2 +0,2 @@

var VueVirtualScroller=function(e,t){"use strict";t=t&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t;var i={itemsLimit:1e3};function n(e){return(n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function r(e,t,i){return t in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}function o(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),i.push.apply(i,n)}return i}function s(e){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?o(Object(i),!0).forEach((function(t){r(e,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):o(Object(i)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))}))}return e}function l(e,t){(null==t||t>e.length)&&(t=e.length);for(var i=0,n=new Array(t);i<t;i++)n[i]=e[i];return n}function a(e){if("undefined"==typeof Symbol||null==e[Symbol.iterator]){if(Array.isArray(e)||(e=function(e,t){if(e){if("string"==typeof e)return l(e,t);var i=Object.prototype.toString.call(e).slice(8,-1);return"Object"===i&&e.constructor&&(i=e.constructor.name),"Map"===i||"Set"===i?Array.from(i):"Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i)?l(e,t):void 0}}(e))){var t=0,i=function(){};return{s:i,n:function(){return t>=e.length?{done:!0}:{done:!1,value:e[t++]}},e:function(e){throw e},f:i}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var n,r,o=!0,s=!1;return{s:function(){n=e[Symbol.iterator]()},n:function(){var e=n.next();return o=e.done,e},e:function(e){s=!0,r=e},f:function(){try{o||null==n.return||n.return()}finally{if(s)throw r}}}}function c(e){return(c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function d(e,t){for(var i=0;i<t.length;i++){var n=t[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function u(e){return function(e){if(Array.isArray(e)){for(var t=0,i=new Array(e.length);t<e.length;t++)i[t]=e[t];return i}}(e)||function(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}var h=function(){function e(t,i,n){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.el=t,this.observer=null,this.frozen=!1,this.createObserver(i,n)}var t,i,n;return t=e,(i=[{key:"createObserver",value:function(e,t){var i=this;if(this.observer&&this.destroyObserver(),!this.frozen){var n;if(this.options="function"==typeof(n=e)?{callback:n}:n,this.callback=function(e,t){i.options.callback(e,t),e&&i.options.once&&(i.frozen=!0,i.destroyObserver())},this.callback&&this.options.throttle){var r=(this.options.throttleOptions||{}).leading;this.callback=function(e,t){var i,n,r,o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},s=function(s){for(var l=arguments.length,a=new Array(l>1?l-1:0),c=1;c<l;c++)a[c-1]=arguments[c];if(r=a,!i||s!==n){var d=o.leading;"function"==typeof d&&(d=d(s,n)),i&&s===n||!d||e.apply(void 0,[s].concat(u(r))),n=s,clearTimeout(i),i=setTimeout((function(){e.apply(void 0,[s].concat(u(r))),i=0}),t)}};return s._clear=function(){clearTimeout(i),i=null},s}(this.callback,this.options.throttle,{leading:function(e){return"both"===r||"visible"===r&&e||"hidden"===r&&!e}})}this.oldResult=void 0,this.observer=new IntersectionObserver((function(e){var t=e[0];if(e.length>1){var n=e.find((function(e){return e.isIntersecting}));n&&(t=n)}if(i.callback){var r=t.isIntersecting&&t.intersectionRatio>=i.threshold;if(r===i.oldResult)return;i.oldResult=r,i.callback(r,t)}}),this.options.intersection),t.context.$nextTick((function(){i.observer&&i.observer.observe(i.el)}))}}},{key:"destroyObserver",value:function(){this.observer&&(this.observer.disconnect(),this.observer=null),this.callback&&this.callback._clear&&(this.callback._clear(),this.callback=null)}},{key:"threshold",get:function(){return this.options.intersection&&this.options.intersection.threshold||0}}])&&d(t.prototype,i),n&&d(t,n),e}();function f(e,t,i){var n=t.value;if(n)if("undefined"==typeof IntersectionObserver)console.warn("[vue-observe-visibility] IntersectionObserver API is not available in your browser. Please install this polyfill: https://github.com/w3c/IntersectionObserver/tree/master/polyfill");else{var r=new h(e,n,i);e._vue_visibilityState=r}}function v(e){var t=e._vue_visibilityState;t&&(t.destroyObserver(),delete e._vue_visibilityState)}var p={bind:f,update:function(e,t,i){var n=t.value;if(!function e(t,i){if(t===i)return!0;if("object"===c(t)){for(var n in t)if(!e(t[n],i[n]))return!1;return!0}return!1}(n,t.oldValue)){var r=e._vue_visibilityState;n?r?r.createObserver(n,i):f(e,{value:n},i):v(e)}},unbind:v};var m={version:"0.4.6",install:function(e){e.directive("observe-visibility",p)}},y=null;"undefined"!=typeof window?y=window.Vue:"undefined"!=typeof global&&(y=global.Vue),y&&y.use(m);var b="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};var g=function(e,t){return e(t={exports:{}},t.exports),t.exports}((function(e){var t,i;t=b,i=function(){var e=/(auto|scroll)/,t=function(e,i){return null===e.parentNode?i:t(e.parentNode,i.concat([e]))},i=function(e,t){return getComputedStyle(e,null).getPropertyValue(t)},n=function(t){return e.test(function(e){return i(e,"overflow")+i(e,"overflow-y")+i(e,"overflow-x")}(t))};return function(e){if(e instanceof HTMLElement||e instanceof SVGElement){for(var i=t(e.parentNode,[]),r=0;r<i.length;r+=1)if(n(i[r]))return i[r];return document.scrollingElement||document.documentElement}}},e.exports?e.exports=i():t.Scrollparent=i()})),S={items:{type:Array,required:!0},keyField:{type:String,default:"id"},direction:{type:String,default:"vertical",validator:function(e){return["vertical","horizontal"].includes(e)}}};function _(){return this.items.length&&"object"!==n(this.items[0])}var $=!1;if("undefined"!=typeof window){$=!1;try{var z=Object.defineProperty({},"passive",{get:function(){$=!0}});window.addEventListener("test",null,z)}catch(e){}}var w=0;function I(e,t,i,n,r,o,s,l,a,c){"boolean"!=typeof s&&(a=l,l=s,s=!1);const d="function"==typeof i?i.options:i;let u;if(e&&e.render&&(d.render=e.render,d.staticRenderFns=e.staticRenderFns,d._compiled=!0,r&&(d.functional=!0)),n&&(d._scopeId=n),o?(u=function(e){(e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),t&&t.call(this,a(e)),e&&e._registeredComponents&&e._registeredComponents.add(o)},d._ssrRegister=u):t&&(u=s?function(e){t.call(this,c(e,this.$root.$options.shadowRoot))}:function(e){t.call(this,l(e))}),u)if(d.functional){const e=d.render;d.render=function(t,i){return u.call(i),e(t,i)}}else{const e=d.beforeCreate;d.beforeCreate=e?[].concat(e,u):[u]}return i}const x={name:"RecycleScroller",directives:{ObserveVisibility:p},props:s({},S,{itemSize:{type:Number,default:null},minItemSize:{type:[Number,String],default:null},sizeField:{type:String,default:"size"},typeField:{type:String,default:"type"},buffer:{type:Number,default:200},pageMode:{type:Boolean,default:!1},prerender:{type:Number,default:0},emitUpdate:{type:Boolean,default:!1}}),data:function(){return{pool:[],totalSize:0,ready:!1,hoverKey:null}},computed:{sizes:function(){if(null===this.itemSize){for(var e,t={"-1":{accumulator:0}},i=this.items,n=this.sizeField,r=this.minItemSize,o=1e4,s=0,l=0,a=i.length;l<a;l++)(e=i[l][n]||r)<o&&(o=e),s+=e,t[l]={accumulator:s,size:e};return this.$_computedMinItemSize=o,t}return[]},simpleArray:_},watch:{items:function(){this.updateVisibleItems(!0)},pageMode:function(){this.applyPageMode(),this.updateVisibleItems(!1)},sizes:{handler:function(){this.updateVisibleItems(!1)},deep:!0}},created:function(){this.$_startIndex=0,this.$_endIndex=0,this.$_views=new Map,this.$_unusedViews=new Map,this.$_scrollAnimationRequest=null,this.$_lastUpdateScrollPosition=0,this.prerender&&(this.$_prerender=!0,this.updateVisibleItems(!1))},mounted:function(){var e=this;this.applyPageMode();var t=this.startEndIndex(this.getScroll()).totalSize;this.$refs.wrapper.style["vertical"===this.direction?"minHeight":"minWidth"]=t+"px",this.$nextTick((function(){e.$_prerender=!1,e.updateVisibleItems(!0),e.ready=!0}))},beforeDestroy:function(){this.removeListeners()},methods:{addView:function(e,t,i,n,r){var o={item:i,position:0},s={id:w++,index:t,used:!0,key:n,type:r};return Object.defineProperty(o,"nr",{configurable:!1,value:s}),e.push(o),o},unuseView:function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],i=this.$_unusedViews,n=e.nr.type;i.get(n)||i.set(n,[]);var r=i.get(n);r.push(e),t||(e.nr.used=!1,e.position=-9999,this.$_views.delete(e.nr.key))},handleResize:function(){this.$emit("resize"),this.ready&&this.updateVisibleItems(!1)},handleScroll:function(e){var t=this;cancelAnimationFrame(this.$_scrollAnimationRequest),this.$_scrollAnimationRequest=requestAnimationFrame((function(){t.$_scrollAnimationRequest=!1,t.updateVisibleItems(!1,!0).continuous||(clearTimeout(t.$_refreshTimout),t.$_refreshTimout=setTimeout(t.handleScroll,100))}))},handleVisibilityChange:function(e,t){var i=this;this.ready&&(e?(this.$emit("visible"),requestAnimationFrame((function(){i.updateVisibleItems(!1)}))):this.$emit("hidden"))},startEndIndex:function(e){var t=this.itemSize,i=this.items,n=i.length,r=this.sizes;if(!n)return{startIndex:0,endIndex:0,totalSize:0};if(this.$_prerender)return{startIndex:0,endIndex:this.prerender,totalSize:null};this.$_lastUpdateScrollPosition=e.originalStart;var o=this.buffer;if(e.start-=o,e.end+=o,null===t){var s,l=0,a=n-1,c=~~(n/2);do{s=c,r[c].accumulator<e.start?l=c:c<n-1&&r[c+1].accumulator>e.start&&(a=c),c=~~((l+a)/2)}while(c!==s);c<0&&(c=0);var d,u=c,h=r[n-1].accumulator;for(d=c;d<n&&r[d].accumulator<e.end;d++)-1===d?d=i.length-1:++d>n&&(d=n);return{startIndex:u,endIndex:d,totalSize:h}}return{startIndex:Math.max(0,~~(e.start/t)),endIndex:Math.min(n,Math.ceil(e.end/t)),totalSize:n*t}},updateVisibleItems:function(e){var t,n=arguments.length>1&&void 0!==arguments[1]&&arguments[1],r=this.itemSize,o=this.$_computedMinItemSize,s=this.typeField,l=this.simpleArray?null:this.keyField,a=this.items,c=a.length,d=this.sizes,u=this.$_views,h=this.$_unusedViews,f=this.pool;if(c&&!this.$_prerender&&(t=this.getScroll(),n)){var v=Math.abs(t.originalStart-this.$_lastUpdateScrollPosition);if(null===r&&v<o||v<r)return{continuous:!0}}var p,m=this.startEndIndex(t),y=m.startIndex,b=m.endIndex,g=m.totalSize;b-y>i.itemsLimit&&this.itemsLimitError(),this.totalSize=g;var S=y<=this.$_endIndex&&b>=this.$_startIndex;if(this.$_continuous!==S){if(S){u.clear(),h.clear();for(var _=0,$=f.length;_<$;_++)p=f[_],this.unuseView(p)}this.$_continuous=S}else if(S)for(var z=0,w=f.length;z<w;z++)(p=f[z]).nr.used&&(e&&(p.nr.index=a.findIndex((function(e){return l?e[l]===p.item[l]:e===p.item}))),(-1===p.nr.index||p.nr.index<y||p.nr.index>=b)&&this.unuseView(p));for(var I,x,O,D,V=S?null:new Map,R=y;R<b;R++){I=a[R];var T=l?I[l]:I;if(null==T)throw new Error("Key is ".concat(T," on item (keyField is '").concat(l,"')"));p=u.get(T),r||d[R].size?(p?(p.nr.used=!0,p.item=I):(x=I[s],O=h.get(x),S?O&&O.length?((p=O.pop()).item=I,p.nr.used=!0,p.nr.index=R,p.nr.key=T,p.nr.type=x):p=this.addView(f,R,I,T,x):(D=V.get(x)||0,(!O||D>=O.length)&&(p=this.addView(f,R,I,T,x),this.unuseView(p,!0),O=h.get(x)),(p=O[D]).item=I,p.nr.used=!0,p.nr.index=R,p.nr.key=T,p.nr.type=x,V.set(x,D+1),D++),u.set(T,p)),p.position=null===r?d[R-1].accumulator:R*r):p&&this.unuseView(p)}return this.$_startIndex=y,this.$_endIndex=b,this.emitUpdate&&this.$emit("update",y,b),{continuous:S}},getListenerTarget:function(){var e=g(this.$el);return!window.document||e!==window.document.documentElement&&e!==window.document.body||(e=window),e},getScroll:function(){var e=this.$el,t="vertical"===this.direction;if(this.pageMode){var i=e.getBoundingClientRect(),n=t?i.height:i.width,r=-(t?i.top:i.left),o=r,s=t?window.innerHeight:window.innerWidth;return o<0&&(s+=o,o=0),o+s>n&&(s=n-o),{originalStart:r,start:o,end:o+s}}return t?{originalStart:e.scrollTop,start:e.scrollTop,end:e.scrollTop+e.clientHeight}:{originalStart:e.scrollLeft,start:e.scrollLeft,end:e.scrollLeft+e.clientWidth}},applyPageMode:function(){this.pageMode?this.addListeners():this.removeListeners()},addListeners:function(){this.listenerTarget=this.getListenerTarget(),this.listenerTarget.addEventListener("scroll",this.handleScroll,!!$&&{passive:!0}),this.listenerTarget.addEventListener("resize",this.handleResize)},removeListeners:function(){this.listenerTarget&&(this.listenerTarget.removeEventListener("scroll",this.handleScroll),this.listenerTarget.removeEventListener("resize",this.handleResize),this.listenerTarget=null)},scrollToItem:function(e){var t=this.scrollToPosition(e),i=t.viewport,n=t.scrollDirection,r=t.scrollDistance;i[n]=r},scrollToPosition:function(e){var t=this,i=function(e){return null===t.itemSize?e>0?t.sizes[e-1].accumulator:0:e*t.itemSize}(e),n="vertical"===this.direction?{scroll:"scrollTop",start:"top"}:{scroll:"scrollLeft",start:"left"};if(this.pageMode){var r=g(this.$el),o="HTML"===r.tagName?0:r[n.scroll],s=r.getBoundingClientRect(),l=this.$el.getBoundingClientRect()[n.start]-s[n.start];return{viewport:r,scrollDirection:n.scroll,scrollDistance:i+o+l}}return{viewport:this.$el,scrollDirection:n.scroll,scrollDistance:i}},itemsLimitError:function(){var e=this;throw setTimeout((function(){console.log("It seems the scroller element isn't scrolling, so it tries to render all the items at once.","Scroller:",e.$el),console.log("Make sure the scroller has a fixed height (or width) and 'overflow-y' (or 'overflow-x') set to 'auto' so it can scroll correctly and only render the items visible in the scroll viewport.")})),new Error("Rendered items limit reached")}}};var O=function(){var e,t,i=this,n=i.$createElement,r=i._self._c||n;return r("div",{directives:[{name:"observe-visibility",rawName:"v-observe-visibility",value:i.handleVisibilityChange,expression:"handleVisibilityChange"}],staticClass:"vue-recycle-scroller",class:(e={ready:i.ready,"page-mode":i.pageMode},e["direction-"+i.direction]=!0,e),on:{"&scroll":function(e){return i.handleScroll(e)}}},[i.$slots.before?r("div",{staticClass:"vue-recycle-scroller__slot"},[i._t("before")],2):i._e(),i._v(" "),r("div",{ref:"wrapper",staticClass:"vue-recycle-scroller__item-wrapper",style:(t={},t["vertical"===i.direction?"minHeight":"minWidth"]=i.totalSize+"px",t)},i._l(i.pool,(function(e){return r("div",{key:e.nr.id,staticClass:"vue-recycle-scroller__item-view",style:i.ready?{transform:"translate"+("vertical"===i.direction?"Y":"X")+"("+e.position+"px)",zIndex:i.items.length-e.nr.index}:null,on:{mouseenter:function(e){return e.target.classList.add("hover")},mouseleave:function(e){return e.target.classList.remove("hover")}}},[i._t("default",null,{item:e.item,index:e.nr.index,active:e.nr.used})],2)})),0),i._v(" "),i.$slots.after?r("div",{staticClass:"vue-recycle-scroller__slot"},[i._t("after")],2):i._e()])};O._withStripped=!0;const D=I({render:O,staticRenderFns:[]},void 0,x,void 0,!1,void 0,!1,void 0,void 0,void 0);const V={name:"DynamicScroller",components:{RecycleScroller:D},inheritAttrs:!1,provide:function(){return"undefined"!=typeof ResizeObserver&&(this.$_resizeObserver=new ResizeObserver((function(e){var t,i=a(e);try{for(i.s();!(t=i.n()).done;){var n=t.value;if(n.target){var r=new CustomEvent("resize",{detail:{contentRect:n.contentRect}});n.target.dispatchEvent(r)}}}catch(e){i.e(e)}finally{i.f()}}))),{vscrollData:this.vscrollData,vscrollParent:this,vscrollResizeObserver:this.$_resizeObserver}},props:s({},S,{minItemSize:{type:[Number,String],required:!0}}),data:function(){return{vscrollData:{active:!0,sizes:{},validSizes:{},keyField:this.keyField,simpleArray:!1}}},computed:{simpleArray:_,itemsWithSize:function(){for(var e=[],t=this.items,i=this.keyField,n=this.simpleArray,r=this.vscrollData.sizes,o=0;o<t.length;o++){var s=t[o],l=n?o:s[i],a=r[l];void 0!==a||this.$_undefinedMap[l]||(a=0),e.push({item:s,id:l,size:a})}return e},listeners:function(){var e={};for(var t in this.$listeners)"resize"!==t&&"visible"!==t&&(e[t]=this.$listeners[t]);return e}},watch:{items:function(){this.forceUpdate(!1)},simpleArray:{handler:function(e){this.vscrollData.simpleArray=e},immediate:!0},direction:function(e){this.forceUpdate(!0)}},created:function(){this.$_updates=[],this.$_undefinedSizes=0,this.$_undefinedMap={}},activated:function(){this.vscrollData.active=!0},deactivated:function(){this.vscrollData.active=!1},methods:{onScrollerResize:function(){this.$refs.scroller&&this.forceUpdate(),this.$emit("resize")},onScrollerVisible:function(){this.$emit("vscroll:update",{force:!1}),this.$emit("visible")},forceUpdate:function(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];(e||this.simpleArray)&&(this.vscrollData.validSizes={}),this.$emit("vscroll:update",{force:!0})},scrollToItem:function(e){var t=this.$refs.scroller;t&&t.scrollToItem(e)},getItemSize:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:void 0,i=this.simpleArray?null!=t?t:this.items.indexOf(e):e[this.keyField];return this.vscrollData.sizes[i]||0},scrollToBottom:function(){var e=this;if(!this.$_scrollingToBottom){this.$_scrollingToBottom=!0;var t=this.$el;this.$nextTick((function(){t.scrollTop=t.scrollHeight+5e3;requestAnimationFrame((function i(){t.scrollTop=t.scrollHeight+5e3,requestAnimationFrame((function(){t.scrollTop=t.scrollHeight+5e3,0===e.$_undefinedSizes?e.$_scrollingToBottom=!1:requestAnimationFrame(i)}))}))}))}}}};var R=function(){var e=this,t=e.$createElement,i=e._self._c||t;return i("RecycleScroller",e._g(e._b({ref:"scroller",attrs:{items:e.itemsWithSize,"min-item-size":e.minItemSize,direction:e.direction,"key-field":"id"},on:{resize:e.onScrollerResize,visible:e.onScrollerVisible},scopedSlots:e._u([{key:"default",fn:function(t){var i=t.item,n=t.index,r=t.active;return[e._t("default",null,null,{item:i.item,index:n,active:r,itemWithSize:i})]}}],null,!0)},"RecycleScroller",e.$attrs,!1),e.listeners),[e._v(" "),i("template",{slot:"before"},[e._t("before")],2),e._v(" "),i("template",{slot:"after"},[e._t("after")],2)],2)};R._withStripped=!0;const T=I({render:R,staticRenderFns:[]},void 0,V,void 0,!1,void 0,!1,void 0,void 0,void 0);const P=I({},void 0,{name:"DynamicScrollerItem",inject:["vscrollData","vscrollParent","vscrollResizeObserver"],props:{item:{required:!0},watchData:{type:Boolean,default:!1},active:{type:Boolean,required:!0},index:{type:Number,default:void 0},sizeDependencies:{type:[Array,Object],default:null},emitResize:{type:Boolean,default:!1},tag:{type:String,default:"div"}},computed:{id:function(){return this.vscrollData.simpleArray?this.index:this.item[this.vscrollData.keyField]},size:function(){return this.vscrollData.validSizes[this.id]&&this.vscrollData.sizes[this.id]||0},finalActive:function(){return this.active&&this.vscrollData.active}},watch:{watchData:"updateWatchData",id:function(){this.size||this.onDataUpdate()},finalActive:function(e){this.size||(e?this.vscrollParent.$_undefinedMap[this.id]||(this.vscrollParent.$_undefinedSizes++,this.vscrollParent.$_undefinedMap[this.id]=!0):this.vscrollParent.$_undefinedMap[this.id]&&(this.vscrollParent.$_undefinedSizes--,this.vscrollParent.$_undefinedMap[this.id]=!1)),this.vscrollResizeObserver?e?this.observeSize():this.unobserveSize():e&&this.$_pendingVScrollUpdate===this.id&&this.updateSize()}},created:function(){var e=this;if(!this.$isServer&&(this.$_forceNextVScrollUpdate=null,this.updateWatchData(),!this.vscrollResizeObserver)){var t=function(t){e.$watch((function(){return e.sizeDependencies[t]}),e.onDataUpdate)};for(var i in this.sizeDependencies)t(i);this.vscrollParent.$on("vscroll:update",this.onVscrollUpdate),this.vscrollParent.$on("vscroll:update-size",this.onVscrollUpdateSize)}},mounted:function(){this.vscrollData.active&&(this.updateSize(),this.observeSize())},beforeDestroy:function(){this.vscrollParent.$off("vscroll:update",this.onVscrollUpdate),this.vscrollParent.$off("vscroll:update-size",this.onVscrollUpdateSize),this.unobserveSize()},methods:{updateSize:function(){this.finalActive?this.$_pendingSizeUpdate!==this.id&&(this.$_pendingSizeUpdate=this.id,this.$_forceNextVScrollUpdate=null,this.$_pendingVScrollUpdate=null,this.computeSize(this.id)):this.$_forceNextVScrollUpdate=this.id},updateWatchData:function(){var e=this;this.watchData?this.$_watchData=this.$watch("data",(function(){e.onDataUpdate()}),{deep:!0}):this.$_watchData&&(this.$_watchData(),this.$_watchData=null)},onVscrollUpdate:function(e){var t=e.force;!this.finalActive&&t&&(this.$_pendingVScrollUpdate=this.id),this.$_forceNextVScrollUpdate!==this.id&&!t&&this.size||this.updateSize()},onDataUpdate:function(){this.updateSize()},computeSize:function(e){var t=this;this.$nextTick((function(){if(t.id===e){var i=t.$el.offsetWidth,n=t.$el.offsetHeight;t.applySize(i,n)}t.$_pendingSizeUpdate=null}))},applySize:function(e,t){var i=Math.round("vertical"===this.vscrollParent.direction?t:e);i&&this.size!==i&&(this.vscrollParent.$_undefinedMap[this.id]&&(this.vscrollParent.$_undefinedSizes--,this.vscrollParent.$_undefinedMap[this.id]=void 0),this.$set(this.vscrollData.sizes,this.id,i),this.$set(this.vscrollData.validSizes,this.id,!0),this.emitResize&&this.$emit("resize",this.id))},observeSize:function(){this.vscrollResizeObserver&&(this.vscrollResizeObserver.observe(this.$el.parentNode),this.$el.parentNode.addEventListener("resize",this.onResize))},unobserveSize:function(){this.vscrollResizeObserver&&(this.vscrollResizeObserver.unobserve(this.$el.parentNode),this.$el.parentNode.removeEventListener("resize",this.onResize))},onResize:function(e){var t=e.detail.contentRect,i=t.width,n=t.height;this.applySize(i,n)}},render:function(e){return e(this.tag,this.$slots.default)}},void 0,void 0,void 0,!1,void 0,void 0,void 0);var A={version:"1.2.2",install:function(e,t){var n=Object.assign({},{installComponents:!0,componentsPrefix:""},t);for(var r in n)void 0!==n[r]&&(i[r]=n[r]);n.installComponents&&function(e,t){e.component("".concat(t,"recycle-scroller"),D),e.component("".concat(t,"RecycleScroller"),D),e.component("".concat(t,"dynamic-scroller"),T),e.component("".concat(t,"DynamicScroller"),T),e.component("".concat(t,"dynamic-scroller-item"),P),e.component("".concat(t,"DynamicScrollerItem"),P)}(e,n.componentsPrefix)}},k=null;return"undefined"!=typeof window?k=window.Vue:"undefined"!=typeof global&&(k=global.Vue),k&&k.use(A),e.DynamicScroller=T,e.DynamicScrollerItem=P,e.IdState=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},i=e.idProp,n=void 0===i?function(e){return e.item.id}:i,r={},o=new t({data:function(){return{store:r}}});return{data:function(){return{idState:null}},created:function(){var e=this;this.$_id=null,this.$_getId="function"==typeof n?function(){return n.call(e,e)}:function(){return e[n]},this.$watch(this.$_getId,{handler:function(e){var t=this;this.$nextTick((function(){t.$_id=e}))},immediate:!0}),this.$_updateIdState()},beforeUpdate:function(){this.$_updateIdState()},methods:{$_idStateInit:function(e){var t=this.$options.idState;if("function"==typeof t){var i=t.call(this,this);return o.$set(r,e,i),this.$_id=e,i}throw new Error("[mixin IdState] Missing `idState` function on component definition.")},$_updateIdState:function(){var e=this.$_getId();null==e&&console.warn("No id found for IdState with idProp: '".concat(n,"'.")),e!==this.$_id&&(r[e]||this.$_idStateInit(e),this.idState=r[e])}}}},e.RecycleScroller=D,e.default=A,e}({},Vue);
var VueVirtualScroller=function(e,t){"use strict";function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=i(t),r={itemsLimit:1e3};function s(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),i.push.apply(i,n)}return i}function o(e){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?s(Object(i),!0).forEach((function(t){a(e,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):s(Object(i)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))}))}return e}function l(e){return(l="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function a(e,t,i){return t in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var i=0,n=new Array(t);i<t;i++)n[i]=e[i];return n}function d(e,t){var i="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!i){if(Array.isArray(e)||(i=function(e,t){if(e){if("string"==typeof e)return c(e,t);var i=Object.prototype.toString.call(e).slice(8,-1);return"Object"===i&&e.constructor&&(i=e.constructor.name),"Map"===i||"Set"===i?Array.from(e):"Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i)?c(e,t):void 0}}(e))||t&&e&&"number"==typeof e.length){i&&(e=i);var n=0,r=function(){};return{s:r,n:function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}},e:function(e){throw e},f:r}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var s,o=!0,l=!1;return{s:function(){i=i.call(e)},n:function(){var e=i.next();return o=e.done,e},e:function(e){l=!0,s=e},f:function(){try{o||null==i.return||i.return()}finally{if(l)throw s}}}}function u(e){return(u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function h(e,t){for(var i=0;i<t.length;i++){var n=t[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function f(e){return function(e){if(Array.isArray(e)){for(var t=0,i=new Array(e.length);t<e.length;t++)i[t]=e[t];return i}}(e)||function(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}var v=function(){function e(t,i,n){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.el=t,this.observer=null,this.frozen=!1,this.createObserver(i,n)}var t,i,n;return t=e,(i=[{key:"createObserver",value:function(e,t){var i=this;if(this.observer&&this.destroyObserver(),!this.frozen){var n;if(this.options="function"==typeof(n=e)?{callback:n}:n,this.callback=function(e,t){i.options.callback(e,t),e&&i.options.once&&(i.frozen=!0,i.destroyObserver())},this.callback&&this.options.throttle){var r=(this.options.throttleOptions||{}).leading;this.callback=function(e,t){var i,n,r,s=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o=function(o){for(var l=arguments.length,a=new Array(l>1?l-1:0),c=1;c<l;c++)a[c-1]=arguments[c];if(r=a,!i||o!==n){var d=s.leading;"function"==typeof d&&(d=d(o,n)),i&&o===n||!d||e.apply(void 0,[o].concat(f(r))),n=o,clearTimeout(i),i=setTimeout((function(){e.apply(void 0,[o].concat(f(r))),i=0}),t)}};return o._clear=function(){clearTimeout(i),i=null},o}(this.callback,this.options.throttle,{leading:function(e){return"both"===r||"visible"===r&&e||"hidden"===r&&!e}})}this.oldResult=void 0,this.observer=new IntersectionObserver((function(e){var t=e[0];if(e.length>1){var n=e.find((function(e){return e.isIntersecting}));n&&(t=n)}if(i.callback){var r=t.isIntersecting&&t.intersectionRatio>=i.threshold;if(r===i.oldResult)return;i.oldResult=r,i.callback(r,t)}}),this.options.intersection),t.context.$nextTick((function(){i.observer&&i.observer.observe(i.el)}))}}},{key:"destroyObserver",value:function(){this.observer&&(this.observer.disconnect(),this.observer=null),this.callback&&this.callback._clear&&(this.callback._clear(),this.callback=null)}},{key:"threshold",get:function(){return this.options.intersection&&this.options.intersection.threshold||0}}])&&h(t.prototype,i),n&&h(t,n),e}();function p(e,t,i){var n=t.value;if(n)if("undefined"==typeof IntersectionObserver)console.warn("[vue-observe-visibility] IntersectionObserver API is not available in your browser. Please install this polyfill: https://github.com/w3c/IntersectionObserver/tree/master/polyfill");else{var r=new v(e,n,i);e._vue_visibilityState=r}}function m(e){var t=e._vue_visibilityState;t&&(t.destroyObserver(),delete e._vue_visibilityState)}var y={bind:p,update:function(e,t,i){var n=t.value;if(!function e(t,i){if(t===i)return!0;if("object"===u(t)){for(var n in t)if(!e(t[n],i[n]))return!1;return!0}return!1}(n,t.oldValue)){var r=e._vue_visibilityState;n?r?r.createObserver(n,i):p(e,{value:n},i):m(e)}},unbind:m};var b={version:"0.4.6",install:function(e){e.directive("observe-visibility",y)}},g=null;"undefined"!=typeof window?g=window.Vue:"undefined"!=typeof global&&(g=global.Vue),g&&g.use(b);var _="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};var S=function(e,t){return e(t={exports:{}},t.exports),t.exports}((function(e){var t,i;t=_,i=function(){var e=/(auto|scroll)/,t=function(e,i){return null===e.parentNode?i:t(e.parentNode,i.concat([e]))},i=function(e,t){return getComputedStyle(e,null).getPropertyValue(t)},n=function(t){return e.test(function(e){return i(e,"overflow")+i(e,"overflow-y")+i(e,"overflow-x")}(t))};return function(e){if(e instanceof HTMLElement||e instanceof SVGElement){for(var i=t(e.parentNode,[]),r=0;r<i.length;r+=1)if(n(i[r]))return i[r];return document.scrollingElement||document.documentElement}}},e.exports?e.exports=i():t.Scrollparent=i()})),$={items:{type:Array,required:!0},keyField:{type:String,default:"id"},direction:{type:String,default:"vertical",validator:function(e){return["vertical","horizontal"].includes(e)}}};function z(){return this.items.length&&"object"!==l(this.items[0])}var w=!1;if("undefined"!=typeof window){w=!1;try{var x=Object.defineProperty({},"passive",{get:function(){w=!0}});window.addEventListener("test",null,x)}catch(e){}}var O=void 0;function I(){I.init||(I.init=!0,O=-1!==function(){var e=window.navigator.userAgent,t=e.indexOf("MSIE ");if(t>0)return parseInt(e.substring(t+5,e.indexOf(".",t)),10);if(e.indexOf("Trident/")>0){var i=e.indexOf("rv:");return parseInt(e.substring(i+3,e.indexOf(".",i)),10)}var n=e.indexOf("Edge/");return n>0?parseInt(e.substring(n+5,e.indexOf(".",n)),10):-1}())}var R={render:function(){var e=this.$createElement;return(this._self._c||e)("div",{staticClass:"resize-observer",attrs:{tabindex:"-1"}})},staticRenderFns:[],_scopeId:"data-v-b329ee4c",name:"resize-observer",methods:{compareAndNotify:function(){this._w===this.$el.offsetWidth&&this._h===this.$el.offsetHeight||(this._w=this.$el.offsetWidth,this._h=this.$el.offsetHeight,this.$emit("notify"))},addResizeHandlers:function(){this._resizeObject.contentDocument.defaultView.addEventListener("resize",this.compareAndNotify),this.compareAndNotify()},removeResizeHandlers:function(){this._resizeObject&&this._resizeObject.onload&&(!O&&this._resizeObject.contentDocument&&this._resizeObject.contentDocument.defaultView.removeEventListener("resize",this.compareAndNotify),delete this._resizeObject.onload)}},mounted:function(){var e=this;I(),this.$nextTick((function(){e._w=e.$el.offsetWidth,e._h=e.$el.offsetHeight}));var t=document.createElement("object");this._resizeObject=t,t.setAttribute("aria-hidden","true"),t.setAttribute("tabindex",-1),t.onload=this.addResizeHandlers,t.type="text/html",O&&this.$el.appendChild(t),t.data="about:blank",O||this.$el.appendChild(t)},beforeDestroy:function(){this.removeResizeHandlers()}};var D={version:"0.4.5",install:function(e){e.component("resize-observer",R),e.component("ResizeObserver",R)}},V=null;"undefined"!=typeof window?V=window.Vue:"undefined"!=typeof global&&(V=global.Vue),V&&V.use(D);var T=0;function A(e,t,i,n,r,s,o,l,a,c){"boolean"!=typeof o&&(a=l,l=o,o=!1);const d="function"==typeof i?i.options:i;let u;if(e&&e.render&&(d.render=e.render,d.staticRenderFns=e.staticRenderFns,d._compiled=!0,r&&(d.functional=!0)),n&&(d._scopeId=n),s?(u=function(e){(e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),t&&t.call(this,a(e)),e&&e._registeredComponents&&e._registeredComponents.add(s)},d._ssrRegister=u):t&&(u=o?function(e){t.call(this,c(e,this.$root.$options.shadowRoot))}:function(e){t.call(this,l(e))}),u)if(d.functional){const e=d.render;d.render=function(t,i){return u.call(i),e(t,i)}}else{const e=d.beforeCreate;d.beforeCreate=e?[].concat(e,u):[u]}return i}const P={name:"RecycleScroller",components:{ResizeObserver:R},directives:{ObserveVisibility:y},props:o(o({},$),{},{itemSize:{type:Number,default:null},minItemSize:{type:[Number,String],default:null},sizeField:{type:String,default:"size"},typeField:{type:String,default:"type"},buffer:{type:Number,default:200},pageMode:{type:Boolean,default:!1},prerender:{type:Number,default:0},emitUpdate:{type:Boolean,default:!1}}),data:function(){return{pool:[],totalSize:0,ready:!1,hoverKey:null}},computed:{sizes:function(){if(null===this.itemSize){for(var e,t={"-1":{accumulator:0}},i=this.items,n=this.sizeField,r=this.minItemSize,s=1e4,o=0,l=0,a=i.length;l<a;l++)(e=i[l][n]||r)<s&&(s=e),o+=e,t[l]={accumulator:o,size:e};return this.$_computedMinItemSize=s,t}return[]},simpleArray:z},watch:{items:function(){this.updateVisibleItems(!0)},pageMode:function(){this.applyPageMode(),this.updateVisibleItems(!1)},sizes:{handler:function(){this.updateVisibleItems(!1)},deep:!0}},created:function(){this.$_startIndex=0,this.$_endIndex=0,this.$_views=new Map,this.$_unusedViews=new Map,this.$_scrollAnimationRequest=null,this.$_lastUpdateScrollPosition=0,this.prerender&&(this.$_prerender=!0,this.updateVisibleItems(!1))},mounted:function(){var e=this;this.applyPageMode();var t=this.startEndIndex(this.getScroll()).totalSize;this.$refs.wrapper.style["vertical"===this.direction?"minHeight":"minWidth"]=t+"px",this.$nextTick((function(){e.$_prerender=!1,e.updateVisibleItems(!0),e.ready=!0}))},beforeDestroy:function(){this.removeListeners()},methods:{addView:function(e,t,i,n,r){var s={item:i,position:0},o={id:T++,index:t,used:!0,key:n,type:r};return Object.defineProperty(s,"nr",{configurable:!1,value:o}),e.push(s),s},unuseView:function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],i=this.$_unusedViews,n=e.nr.type;i.get(n)||i.set(n,[]);var r=i.get(n);r.push(e),t||(e.nr.used=!1,e.position=-9999,this.$_views.delete(e.nr.key))},handleResize:function(){this.$emit("resize"),this.ready&&this.updateVisibleItems(!1)},handleScroll:function(e){var t=this;cancelAnimationFrame(this.$_scrollAnimationRequest),this.$_scrollAnimationRequest=requestAnimationFrame((function(){t.$_scrollAnimationRequest=!1,t.updateVisibleItems(!1,!0).continuous||(clearTimeout(t.$_refreshTimout),t.$_refreshTimout=setTimeout(t.handleScroll,100))}))},handleVisibilityChange:function(e,t){var i=this;this.ready&&(e?(this.$emit("visible"),requestAnimationFrame((function(){i.updateVisibleItems(!1)}))):this.$emit("hidden"))},startEndIndex:function(e){var t=this.itemSize,i=this.items,n=i.length,r=this.sizes;if(!n)return{startIndex:0,endIndex:0,totalSize:0};if(this.$_prerender)return{startIndex:0,endIndex:this.prerender,totalSize:null};this.$_lastUpdateScrollPosition=e.originalStart;var s=this.buffer;if(e.start-=s,e.end+=s,null===t){var o,l=0,a=n-1,c=~~(n/2);do{o=c,r[c].accumulator<e.start?l=c:c<n-1&&r[c+1].accumulator>e.start&&(a=c),c=~~((l+a)/2)}while(c!==o);c<0&&(c=0);var d,u=c,h=r[n-1].accumulator;for(d=c;d<n&&r[d].accumulator<e.end;d++)-1===d?d=i.length-1:++d>n&&(d=n);return{startIndex:u,endIndex:d,totalSize:h}}return{startIndex:Math.max(0,~~(e.start/t)),endIndex:Math.min(n,Math.ceil(e.end/t)),totalSize:n*t}},updateVisibleItems:function(e){var t,i=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=this.itemSize,s=this.$_computedMinItemSize,o=this.typeField,l=this.simpleArray?null:this.keyField,a=this.items,c=a.length,d=this.sizes,u=this.$_views,h=this.$_unusedViews,f=this.pool;if(c&&!this.$_prerender&&(t=this.getScroll(),i)){var v=Math.abs(t.originalStart-this.$_lastUpdateScrollPosition);if(null===n&&v<s||v<n)return{continuous:!0}}var p,m=this.startEndIndex(t),y=m.startIndex,b=m.endIndex,g=m.totalSize;b-y>r.itemsLimit&&this.itemsLimitError(),this.totalSize=g;var _=y<=this.$_endIndex&&b>=this.$_startIndex;if(this.$_continuous!==_){if(_){u.clear(),h.clear();for(var S=0,$=f.length;S<$;S++)p=f[S],this.unuseView(p)}this.$_continuous=_}else if(_)for(var z=0,w=f.length;z<w;z++)(p=f[z]).nr.used&&(e&&(p.nr.index=a.findIndex((function(e){return l?e[l]===p.item[l]:e===p.item}))),(-1===p.nr.index||p.nr.index<y||p.nr.index>=b)&&this.unuseView(p));for(var x,O,I,R,D=_?null:new Map,V=y;V<b;V++){x=a[V];var T=l?x[l]:x;if(null==T)throw new Error("Key is ".concat(T," on item (keyField is '").concat(l,"')"));p=u.get(T),n||d[V].size?(p?(p.nr.used=!0,p.item=x):(O=x[o],I=h.get(O),_?I&&I.length?((p=I.pop()).item=x,p.nr.used=!0,p.nr.index=V,p.nr.key=T,p.nr.type=O):p=this.addView(f,V,x,T,O):(R=D.get(O)||0,(!I||R>=I.length)&&(p=this.addView(f,V,x,T,O),this.unuseView(p,!0),I=h.get(O)),(p=I[R]).item=x,p.nr.used=!0,p.nr.index=V,p.nr.key=T,p.nr.type=O,D.set(O,R+1),R++),u.set(T,p)),p.position=null===n?d[V-1].accumulator:V*n):p&&this.unuseView(p)}return this.$_startIndex=y,this.$_endIndex=b,this.emitUpdate&&this.$emit("update",y,b),{continuous:_}},getListenerTarget:function(){var e=S(this.$el);return!window.document||e!==window.document.documentElement&&e!==window.document.body||(e=window),e},getScroll:function(){var e=this.$el,t="vertical"===this.direction;if(this.pageMode){var i=e.getBoundingClientRect(),n=t?i.height:i.width,r=-(t?i.top:i.left),s=r,o=t?window.innerHeight:window.innerWidth;return s<0&&(o+=s,s=0),s+o>n&&(o=n-s),{originalStart:r,start:s,end:s+o}}return t?{originalStart:e.scrollTop,start:e.scrollTop,end:e.scrollTop+e.clientHeight}:{originalStart:e.scrollLeft,start:e.scrollLeft,end:e.scrollLeft+e.clientWidth}},applyPageMode:function(){this.pageMode?this.addListeners():this.removeListeners()},addListeners:function(){this.listenerTarget=this.getListenerTarget(),this.listenerTarget.addEventListener("scroll",this.handleScroll,!!w&&{passive:!0}),this.listenerTarget.addEventListener("resize",this.handleResize)},removeListeners:function(){this.listenerTarget&&(this.listenerTarget.removeEventListener("scroll",this.handleScroll),this.listenerTarget.removeEventListener("resize",this.handleResize),this.listenerTarget=null)},scrollToItem:function(e){var t=this.scrollToPosition(e),i=t.viewport,n=t.scrollDirection,r=t.scrollDistance;i[n]=r},scrollToPosition:function(e){var t=this,i=function(e){return null===t.itemSize?e>0?t.sizes[e-1].accumulator:0:e*t.itemSize}(e),n="vertical"===this.direction?{scroll:"scrollTop",start:"top"}:{scroll:"scrollLeft",start:"left"};if(this.pageMode){var r=S(this.$el),s="HTML"===r.tagName?0:r[n.scroll],o=r.getBoundingClientRect(),l=this.$el.getBoundingClientRect()[n.start]-o[n.start];return{viewport:r,scrollDirection:n.scroll,scrollDistance:i+s+l}}return{viewport:this.$el,scrollDirection:n.scroll,scrollDistance:i}},itemsLimitError:function(){var e=this;throw setTimeout((function(){console.log("It seems the scroller element isn't scrolling, so it tries to render all the items at once.","Scroller:",e.$el),console.log("Make sure the scroller has a fixed height (or width) and 'overflow-y' (or 'overflow-x') set to 'auto' so it can scroll correctly and only render the items visible in the scroll viewport.")})),new Error("Rendered items limit reached")}}};var k=function(){var e,t,i=this,n=i.$createElement,r=i._self._c||n;return r("div",{directives:[{name:"observe-visibility",rawName:"v-observe-visibility",value:i.handleVisibilityChange,expression:"handleVisibilityChange"}],staticClass:"vue-recycle-scroller",class:(e={ready:i.ready,"page-mode":i.pageMode},e["direction-"+i.direction]=!0,e),on:{"&scroll":function(e){return i.handleScroll.apply(null,arguments)}}},[i.$slots.before?r("div",{staticClass:"vue-recycle-scroller__slot"},[i._t("before")],2):i._e(),i._v(" "),r("div",{ref:"wrapper",staticClass:"vue-recycle-scroller__item-wrapper",style:(t={},t["vertical"===i.direction?"minHeight":"minWidth"]=i.totalSize+"px",t)},i._l(i.pool,(function(e){return r("div",{key:e.nr.id,staticClass:"vue-recycle-scroller__item-view",style:i.ready?{transform:"translate"+("vertical"===i.direction?"Y":"X")+"("+e.position+"px)",zIndex:i.items.length-e.nr.index}:null,on:{mouseenter:function(e){return e.target.classList.add("hover")},mouseleave:function(e){return e.target.classList.remove("hover")}}},[i._t("default",null,{item:e.item,index:e.nr.index,active:e.nr.used})],2)})),0),i._v(" "),i.$slots.after?r("div",{staticClass:"vue-recycle-scroller__slot"},[i._t("after")],2):i._e(),i._v(" "),r("ResizeObserver",{on:{notify:i.handleResize}})],1)};k._withStripped=!0;const E=A({render:k,staticRenderFns:[]},void 0,P,void 0,!1,void 0,!1,void 0,void 0,void 0);const j={name:"DynamicScroller",components:{RecycleScroller:E},inheritAttrs:!1,provide:function(){return"undefined"!=typeof ResizeObserver&&(this.$_resizeObserver=new ResizeObserver((function(e){var t,i=d(e);try{for(i.s();!(t=i.n()).done;){var n=t.value;if(n.target){var r=new CustomEvent("resize",{detail:{contentRect:n.contentRect}});n.target.dispatchEvent(r)}}}catch(e){i.e(e)}finally{i.f()}}))),{vscrollData:this.vscrollData,vscrollParent:this,vscrollResizeObserver:this.$_resizeObserver}},props:o(o({},$),{},{minItemSize:{type:[Number,String],required:!0}}),data:function(){return{vscrollData:{active:!0,sizes:{},validSizes:{},keyField:this.keyField,simpleArray:!1}}},computed:{simpleArray:z,itemsWithSize:function(){for(var e=[],t=this.items,i=this.keyField,n=this.simpleArray,r=this.vscrollData.sizes,s=0;s<t.length;s++){var o=t[s],l=n?s:o[i],a=r[l];void 0!==a||this.$_undefinedMap[l]||(a=0),e.push({item:o,id:l,size:a})}return e},listeners:function(){var e={};for(var t in this.$listeners)"resize"!==t&&"visible"!==t&&(e[t]=this.$listeners[t]);return e}},watch:{items:function(){this.forceUpdate(!1)},simpleArray:{handler:function(e){this.vscrollData.simpleArray=e},immediate:!0},direction:function(e){this.forceUpdate(!0)}},created:function(){this.$_updates=[],this.$_undefinedSizes=0,this.$_undefinedMap={}},activated:function(){this.vscrollData.active=!0},deactivated:function(){this.vscrollData.active=!1},methods:{onScrollerResize:function(){this.$refs.scroller&&this.forceUpdate(),this.$emit("resize")},onScrollerVisible:function(){this.$emit("vscroll:update",{force:!1}),this.$emit("visible")},forceUpdate:function(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];(e||this.simpleArray)&&(this.vscrollData.validSizes={}),this.$emit("vscroll:update",{force:!0})},scrollToItem:function(e){var t=this.$refs.scroller;t&&t.scrollToItem(e)},getItemSize:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:void 0,i=this.simpleArray?null!=t?t:this.items.indexOf(e):e[this.keyField];return this.vscrollData.sizes[i]||0},scrollToBottom:function(){var e=this;if(!this.$_scrollingToBottom){this.$_scrollingToBottom=!0;var t=this.$el;this.$nextTick((function(){t.scrollTop=t.scrollHeight+5e3;requestAnimationFrame((function i(){t.scrollTop=t.scrollHeight+5e3,requestAnimationFrame((function(){t.scrollTop=t.scrollHeight+5e3,0===e.$_undefinedSizes?e.$_scrollingToBottom=!1:requestAnimationFrame(i)}))}))}))}}}};var M=function(){var e=this,t=e.$createElement,i=e._self._c||t;return i("RecycleScroller",e._g(e._b({ref:"scroller",attrs:{items:e.itemsWithSize,"min-item-size":e.minItemSize,direction:e.direction,"key-field":"id"},on:{resize:e.onScrollerResize,visible:e.onScrollerVisible},scopedSlots:e._u([{key:"default",fn:function(t){var i=t.item,n=t.index,r=t.active;return[e._t("default",null,null,{item:i.item,index:n,active:r,itemWithSize:i})]}}],null,!0)},"RecycleScroller",e.$attrs,!1),e.listeners),[e._v(" "),i("template",{slot:"before"},[e._t("before")],2),e._v(" "),i("template",{slot:"after"},[e._t("after")],2)],2)};M._withStripped=!0;const U=A({render:M,staticRenderFns:[]},void 0,j,void 0,!1,void 0,!1,void 0,void 0,void 0);const C=A({},void 0,{name:"DynamicScrollerItem",inject:["vscrollData","vscrollParent","vscrollResizeObserver"],props:{item:{required:!0},watchData:{type:Boolean,default:!1},active:{type:Boolean,required:!0},index:{type:Number,default:void 0},sizeDependencies:{type:[Array,Object],default:null},emitResize:{type:Boolean,default:!1},tag:{type:String,default:"div"}},computed:{id:function(){return this.vscrollData.simpleArray?this.index:this.item[this.vscrollData.keyField]},size:function(){return this.vscrollData.validSizes[this.id]&&this.vscrollData.sizes[this.id]||0},finalActive:function(){return this.active&&this.vscrollData.active}},watch:{watchData:"updateWatchData",id:function(){this.size||this.onDataUpdate()},finalActive:function(e){this.size||(e?this.vscrollParent.$_undefinedMap[this.id]||(this.vscrollParent.$_undefinedSizes++,this.vscrollParent.$_undefinedMap[this.id]=!0):this.vscrollParent.$_undefinedMap[this.id]&&(this.vscrollParent.$_undefinedSizes--,this.vscrollParent.$_undefinedMap[this.id]=!1)),this.vscrollResizeObserver?e?this.observeSize():this.unobserveSize():e&&this.$_pendingVScrollUpdate===this.id&&this.updateSize()}},created:function(){var e=this;if(!this.$isServer&&(this.$_forceNextVScrollUpdate=null,this.updateWatchData(),!this.vscrollResizeObserver)){var t=function(t){e.$watch((function(){return e.sizeDependencies[t]}),e.onDataUpdate)};for(var i in this.sizeDependencies)t(i);this.vscrollParent.$on("vscroll:update",this.onVscrollUpdate),this.vscrollParent.$on("vscroll:update-size",this.onVscrollUpdateSize)}},mounted:function(){this.vscrollData.active&&(this.updateSize(),this.observeSize())},beforeDestroy:function(){this.vscrollParent.$off("vscroll:update",this.onVscrollUpdate),this.vscrollParent.$off("vscroll:update-size",this.onVscrollUpdateSize),this.unobserveSize()},methods:{updateSize:function(){this.finalActive?this.$_pendingSizeUpdate!==this.id&&(this.$_pendingSizeUpdate=this.id,this.$_forceNextVScrollUpdate=null,this.$_pendingVScrollUpdate=null,this.computeSize(this.id)):this.$_forceNextVScrollUpdate=this.id},updateWatchData:function(){var e=this;this.watchData?this.$_watchData=this.$watch("data",(function(){e.onDataUpdate()}),{deep:!0}):this.$_watchData&&(this.$_watchData(),this.$_watchData=null)},onVscrollUpdate:function(e){var t=e.force;!this.finalActive&&t&&(this.$_pendingVScrollUpdate=this.id),this.$_forceNextVScrollUpdate!==this.id&&!t&&this.size||this.updateSize()},onDataUpdate:function(){this.updateSize()},computeSize:function(e){var t=this;this.$nextTick((function(){if(t.id===e){var i=t.$el.offsetWidth,n=t.$el.offsetHeight;t.applySize(i,n)}t.$_pendingSizeUpdate=null}))},applySize:function(e,t){var i=Math.round("vertical"===this.vscrollParent.direction?t:e);i&&this.size!==i&&(this.vscrollParent.$_undefinedMap[this.id]&&(this.vscrollParent.$_undefinedSizes--,this.vscrollParent.$_undefinedMap[this.id]=void 0),this.$set(this.vscrollData.sizes,this.id,i),this.$set(this.vscrollData.validSizes,this.id,!0),this.emitResize&&this.$emit("resize",this.id))},observeSize:function(){this.vscrollResizeObserver&&(this.vscrollResizeObserver.observe(this.$el.parentNode),this.$el.parentNode.addEventListener("resize",this.onResize))},unobserveSize:function(){this.vscrollResizeObserver&&(this.vscrollResizeObserver.unobserve(this.$el.parentNode),this.$el.parentNode.removeEventListener("resize",this.onResize))},onResize:function(e){var t=e.detail.contentRect,i=t.width,n=t.height;this.applySize(i,n)}},render:function(e){return e(this.tag,this.$slots.default)}},void 0,void 0,void 0,!1,void 0,void 0,void 0);var L={version:"1.2.4",install:function(e,t){var i=Object.assign({},{installComponents:!0,componentsPrefix:""},t);for(var n in i)void 0!==i[n]&&(r[n]=i[n]);i.installComponents&&function(e,t){e.component("".concat(t,"recycle-scroller"),E),e.component("".concat(t,"RecycleScroller"),E),e.component("".concat(t,"dynamic-scroller"),U),e.component("".concat(t,"DynamicScroller"),U),e.component("".concat(t,"dynamic-scroller-item"),C),e.component("".concat(t,"DynamicScrollerItem"),C)}(e,i.componentsPrefix)}},N=null;return"undefined"!=typeof window?N=window.Vue:"undefined"!=typeof global&&(N=global.Vue),N&&N.use(L),e.DynamicScroller=U,e.DynamicScrollerItem=C,e.IdState=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.idProp,i=void 0===t?function(e){return e.item.id}:t,r={},s=new n.default({data:function(){return{store:r}}});return{data:function(){return{idState:null}},created:function(){var e=this;this.$_id=null,this.$_getId="function"==typeof i?function(){return i.call(e,e)}:function(){return e[i]},this.$watch(this.$_getId,{handler:function(e){var t=this;this.$nextTick((function(){t.$_id=e}))},immediate:!0}),this.$_updateIdState()},beforeUpdate:function(){this.$_updateIdState()},methods:{$_idStateInit:function(e){var t=this.$options.idState;if("function"==typeof t){var i=t.call(this,this);return s.$set(r,e,i),this.$_id=e,i}throw new Error("[mixin IdState] Missing `idState` function on component definition.")},$_updateIdState:function(){var e=this.$_getId();null==e&&console.warn("No id found for IdState with idProp: '".concat(i,"'.")),e!==this.$_id&&(r[e]||this.$_idStateInit(e),this.idState=r[e])}}}},e.RecycleScroller=E,e.default=L,Object.defineProperty(e,"__esModule",{value:!0}),e}({},Vue);
//# sourceMappingURL=vue-virtual-scroller.min.js.map

401

dist/vue-virtual-scroller.umd.js
(function (global, factory) {
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
typeof define === 'function' && define.amd ? define(['exports', 'vue'], factory) :
(global = global || self, factory(global['vue-virtual-scroller'] = {}, global.Vue));
}(this, (function (exports, Vue) { 'use strict';
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["vue-virtual-scroller"] = {}, global.Vue));
})(this, (function (exports, Vue) { 'use strict';
Vue = Vue && Object.prototype.hasOwnProperty.call(Vue, 'default') ? Vue['default'] : Vue;
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
var Vue__default = /*#__PURE__*/_interopDefaultLegacy(Vue);
var config = {

@@ -13,33 +15,2 @@ itemsLimit: 1000

function _typeof(obj) {
"@babel/helpers - typeof";
if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
_typeof = function (obj) {
return typeof obj;
};
} else {
_typeof = function (obj) {
return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
};
}
return _typeof(obj);
}
function _defineProperty(obj, key, value) {
if (key in obj) {
Object.defineProperty(obj, key, {
value: value,
enumerable: true,
configurable: true,
writable: true
});
} else {
obj[key] = value;
}
return obj;
}
function ownKeys(object, enumerableOnly) {

@@ -50,5 +21,9 @@ var keys = Object.keys(object);

var symbols = Object.getOwnPropertySymbols(object);
if (enumerableOnly) symbols = symbols.filter(function (sym) {
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
});
if (enumerableOnly) {
symbols = symbols.filter(function (sym) {
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
});
}
keys.push.apply(keys, symbols);

@@ -80,2 +55,33 @@ }

function _typeof$1(obj) {
"@babel/helpers - typeof";
if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
_typeof$1 = function (obj) {
return typeof obj;
};
} else {
_typeof$1 = function (obj) {
return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
};
}
return _typeof$1(obj);
}
function _defineProperty(obj, key, value) {
if (key in obj) {
Object.defineProperty(obj, key, {
value: value,
enumerable: true,
configurable: true,
writable: true
});
} else {
obj[key] = value;
}
return obj;
}
function _unsupportedIterableToArray(o, minLen) {

@@ -86,3 +92,3 @@ if (!o) return;

if (n === "Object" && o.constructor) n = o.constructor.name;
if (n === "Map" || n === "Set") return Array.from(n);
if (n === "Map" || n === "Set") return Array.from(o);
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);

@@ -99,5 +105,8 @@ }

function _createForOfIteratorHelper(o) {
if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) {
if (Array.isArray(o) || (o = _unsupportedIterableToArray(o))) {
function _createForOfIteratorHelper(o, allowArrayLike) {
var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
if (!it) {
if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") {
if (it) o = it;
var i = 0;

@@ -128,4 +137,3 @@

var it,
normalCompletion = true,
var normalCompletion = true,
didErr = false,

@@ -135,3 +143,3 @@ err;

s: function () {
it = o[Symbol.iterator]();
it = it.call(o);
},

@@ -157,9 +165,9 @@ n: function () {

function _typeof$1(obj) {
function _typeof(obj) {
if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
_typeof$1 = function (obj) {
_typeof = function (obj) {
return typeof obj;
};
} else {
_typeof$1 = function (obj) {
_typeof = function (obj) {
return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;

@@ -169,3 +177,3 @@ };

return _typeof$1(obj);
return _typeof(obj);
}

@@ -271,3 +279,3 @@

if (_typeof$1(val1) === 'object') {
if (_typeof(val1) === 'object') {
for (var key in val1) {

@@ -433,3 +441,3 @@ if (!deepEqual(val1[key], val2[key])) {

function install(Vue) {
function install$1(Vue) {
Vue.directive('observe-visibility', ObserveVisibility);

@@ -443,18 +451,18 @@ /* -- Add more components here -- */

var plugin = {
var plugin$2 = {
// eslint-disable-next-line no-undef
version: "0.4.6",
install: install
install: install$1
};
var GlobalVue = null;
var GlobalVue$2 = null;
if (typeof window !== 'undefined') {
GlobalVue = window.Vue;
GlobalVue$2 = window.Vue;
} else if (typeof global !== 'undefined') {
GlobalVue = global.Vue;
GlobalVue$2 = global.Vue;
}
if (GlobalVue) {
GlobalVue.use(plugin);
if (GlobalVue$2) {
GlobalVue$2.use(plugin$2);
}

@@ -470,3 +478,3 @@

(function (root, factory) {
if ( module.exports) {
if (module.exports) {
module.exports = factory();

@@ -535,3 +543,3 @@ } else {

function simpleArray() {
return this.items.length && _typeof(this.items[0]) !== 'object';
return this.items.length && _typeof$1(this.items[0]) !== 'object';
}

@@ -554,9 +562,125 @@

function getInternetExplorerVersion() {
var ua = window.navigator.userAgent;
var msie = ua.indexOf('MSIE ');
if (msie > 0) {
// IE 10 or older => return version number
return parseInt(ua.substring(msie + 5, ua.indexOf('.', msie)), 10);
}
var trident = ua.indexOf('Trident/');
if (trident > 0) {
// IE 11 => return version number
var rv = ua.indexOf('rv:');
return parseInt(ua.substring(rv + 3, ua.indexOf('.', rv)), 10);
}
var edge = ua.indexOf('Edge/');
if (edge > 0) {
// Edge (IE 12+) => return version number
return parseInt(ua.substring(edge + 5, ua.indexOf('.', edge)), 10);
}
// other browser
return -1;
}
var isIE = void 0;
function initCompat() {
if (!initCompat.init) {
initCompat.init = true;
isIE = getInternetExplorerVersion() !== -1;
}
}
var ResizeObserver$1 = { render: function render() {
var _vm = this;var _h = _vm.$createElement;var _c = _vm._self._c || _h;return _c('div', { staticClass: "resize-observer", attrs: { "tabindex": "-1" } });
}, staticRenderFns: [], _scopeId: 'data-v-b329ee4c',
name: 'resize-observer',
methods: {
compareAndNotify: function compareAndNotify() {
if (this._w !== this.$el.offsetWidth || this._h !== this.$el.offsetHeight) {
this._w = this.$el.offsetWidth;
this._h = this.$el.offsetHeight;
this.$emit('notify');
}
},
addResizeHandlers: function addResizeHandlers() {
this._resizeObject.contentDocument.defaultView.addEventListener('resize', this.compareAndNotify);
this.compareAndNotify();
},
removeResizeHandlers: function removeResizeHandlers() {
if (this._resizeObject && this._resizeObject.onload) {
if (!isIE && this._resizeObject.contentDocument) {
this._resizeObject.contentDocument.defaultView.removeEventListener('resize', this.compareAndNotify);
}
delete this._resizeObject.onload;
}
}
},
mounted: function mounted() {
var _this = this;
initCompat();
this.$nextTick(function () {
_this._w = _this.$el.offsetWidth;
_this._h = _this.$el.offsetHeight;
});
var object = document.createElement('object');
this._resizeObject = object;
object.setAttribute('aria-hidden', 'true');
object.setAttribute('tabindex', -1);
object.onload = this.addResizeHandlers;
object.type = 'text/html';
if (isIE) {
this.$el.appendChild(object);
}
object.data = 'about:blank';
if (!isIE) {
this.$el.appendChild(object);
}
},
beforeDestroy: function beforeDestroy() {
this.removeResizeHandlers();
}
};
// Install the components
function install(Vue) {
Vue.component('resize-observer', ResizeObserver$1);
Vue.component('ResizeObserver', ResizeObserver$1);
}
// Plugin
var plugin$1 = {
// eslint-disable-next-line no-undef
version: "0.4.5",
install: install
};
// Auto-install
var GlobalVue$1 = null;
if (typeof window !== 'undefined') {
GlobalVue$1 = window.Vue;
} else if (typeof global !== 'undefined') {
GlobalVue$1 = global.Vue;
}
if (GlobalVue$1) {
GlobalVue$1.use(plugin$1);
}
var uid = 0;
var script = {
var script$2 = {
name: 'RecycleScroller',
components: {
ResizeObserver: ResizeObserver$1
},
directives: {
ObserveVisibility: ObserveVisibility
},
props: _objectSpread2({}, props, {
props: _objectSpread2(_objectSpread2({}, props), {}, {
itemSize: {

@@ -1211,5 +1335,5 @@ type: Number,

/* script */
const __vue_script__ = script;
const __vue_script__$2 = script$2;
/* template */
var __vue_render__ = function() {
var __vue_render__$1 = function () {
var _obj, _obj$1;

@@ -1227,4 +1351,4 @@ var _vm = this;

value: _vm.handleVisibilityChange,
expression: "handleVisibilityChange"
}
expression: "handleVisibilityChange",
},
],

@@ -1235,3 +1359,3 @@ staticClass: "vue-recycle-scroller",

ready: _vm.ready,
"page-mode": _vm.pageMode
"page-mode": _vm.pageMode,
}),

@@ -1241,6 +1365,6 @@ (_obj["direction-" + _vm.direction] = true),

on: {
"&scroll": function($event) {
return _vm.handleScroll($event)
}
}
"&scroll": function ($event) {
return _vm.handleScroll.apply(null, arguments)
},
},
},

@@ -1266,5 +1390,5 @@ [

_vm.totalSize + "px"),
_obj$1)
_obj$1),
},
_vm._l(_vm.pool, function(view) {
_vm._l(_vm.pool, function (view) {
return _c(

@@ -1283,13 +1407,13 @@ "div",

"px)",
zIndex: _vm.items.length - view.nr.index
zIndex: _vm.items.length - view.nr.index,
}
: null,
on: {
mouseenter: function($event) {
mouseenter: function ($event) {
return $event.target.classList.add("hover")
},
mouseleave: function($event) {
mouseleave: function ($event) {
return $event.target.classList.remove("hover")
}
}
},
},
},

@@ -1300,4 +1424,4 @@ [

index: view.nr.index,
active: view.nr.used
})
active: view.nr.used,
}),
],

@@ -1317,17 +1441,20 @@ 2

)
: _vm._e()
]
: _vm._e(),
_vm._v(" "),
_c("ResizeObserver", { on: { notify: _vm.handleResize } }),
],
1
)
};
var __vue_staticRenderFns__ = [];
__vue_render__._withStripped = true;
var __vue_staticRenderFns__$1 = [];
__vue_render__$1._withStripped = true;
/* style */
const __vue_inject_styles__ = undefined;
const __vue_inject_styles__$2 = undefined;
/* scoped */
const __vue_scope_id__ = undefined;
const __vue_scope_id__$2 = undefined;
/* module identifier */
const __vue_module_identifier__ = undefined;
const __vue_module_identifier__$2 = undefined;
/* functional template */
const __vue_is_functional_template__ = false;
const __vue_is_functional_template__$2 = false;
/* style inject */

@@ -1341,9 +1468,9 @@

const __vue_component__ = normalizeComponent(
{ render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
__vue_inject_styles__,
__vue_script__,
__vue_scope_id__,
__vue_is_functional_template__,
__vue_module_identifier__,
const __vue_component__$2 = /*#__PURE__*/normalizeComponent(
{ render: __vue_render__$1, staticRenderFns: __vue_staticRenderFns__$1 },
__vue_inject_styles__$2,
__vue_script__$2,
__vue_scope_id__$2,
__vue_is_functional_template__$2,
__vue_module_identifier__$2,
false,

@@ -1358,3 +1485,3 @@ undefined,

components: {
RecycleScroller: __vue_component__
RecycleScroller: __vue_component__$2
},

@@ -1395,3 +1522,3 @@ inheritAttrs: false,

},
props: _objectSpread2({}, props, {
props: _objectSpread2(_objectSpread2({}, props), {}, {
minItemSize: {

@@ -1546,3 +1673,3 @@ type: [Number, String],

/* template */
var __vue_render__$1 = function() {
var __vue_render__ = function () {
var _vm = this;

@@ -1561,3 +1688,3 @@ var _h = _vm.$createElement;

direction: _vm.direction,
"key-field": "id"
"key-field": "id",
},

@@ -1569,3 +1696,3 @@ on: { resize: _vm.onScrollerResize, visible: _vm.onScrollerVisible },

key: "default",
fn: function(ref) {
fn: function (ref) {
var itemWithSize = ref.item;

@@ -1579,11 +1706,11 @@ var index = ref.index;

active: active,
itemWithSize: itemWithSize
})
itemWithSize: itemWithSize,
}),
]
}
}
},
},
],
null,
true
)
),
},

@@ -1600,3 +1727,3 @@ "RecycleScroller",

_vm._v(" "),
_c("template", { slot: "after" }, [_vm._t("after")], 2)
_c("template", { slot: "after" }, [_vm._t("after")], 2),
],

@@ -1606,4 +1733,4 @@ 2

};
var __vue_staticRenderFns__$1 = [];
__vue_render__$1._withStripped = true;
var __vue_staticRenderFns__ = [];
__vue_render__._withStripped = true;

@@ -1626,4 +1753,4 @@ /* style */

const __vue_component__$1 = normalizeComponent(
{ render: __vue_render__$1, staticRenderFns: __vue_staticRenderFns__$1 },
const __vue_component__$1 = /*#__PURE__*/normalizeComponent(
{ render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
__vue_inject_styles__$1,

@@ -1640,3 +1767,3 @@ __vue_script__$1,

var script$2 = {
var script = {
name: 'DynamicScrollerItem',

@@ -1848,3 +1975,3 @@ inject: ['vscrollData', 'vscrollParent', 'vscrollResizeObserver'],

/* script */
const __vue_script__$2 = script$2;
const __vue_script__ = script;

@@ -1854,9 +1981,9 @@ /* template */

/* style */
const __vue_inject_styles__$2 = undefined;
const __vue_inject_styles__ = undefined;
/* scoped */
const __vue_scope_id__$2 = undefined;
const __vue_scope_id__ = undefined;
/* module identifier */
const __vue_module_identifier__$2 = undefined;
const __vue_module_identifier__ = undefined;
/* functional template */
const __vue_is_functional_template__$2 = undefined;
const __vue_is_functional_template__ = undefined;
/* style inject */

@@ -1870,9 +1997,9 @@

const __vue_component__$2 = normalizeComponent(
const __vue_component__ = /*#__PURE__*/normalizeComponent(
{},
__vue_inject_styles__$2,
__vue_script__$2,
__vue_scope_id__$2,
__vue_is_functional_template__$2,
__vue_module_identifier__$2,
__vue_inject_styles__,
__vue_script__,
__vue_scope_id__,
__vue_is_functional_template__,
__vue_module_identifier__,
false,

@@ -1892,3 +2019,3 @@ undefined,

var store = {};
var vm = new Vue({
var vm = new Vue__default["default"]({
data: function data() {

@@ -1978,13 +2105,13 @@ return {

function registerComponents(Vue, prefix) {
Vue.component("".concat(prefix, "recycle-scroller"), __vue_component__);
Vue.component("".concat(prefix, "RecycleScroller"), __vue_component__);
Vue.component("".concat(prefix, "recycle-scroller"), __vue_component__$2);
Vue.component("".concat(prefix, "RecycleScroller"), __vue_component__$2);
Vue.component("".concat(prefix, "dynamic-scroller"), __vue_component__$1);
Vue.component("".concat(prefix, "DynamicScroller"), __vue_component__$1);
Vue.component("".concat(prefix, "dynamic-scroller-item"), __vue_component__$2);
Vue.component("".concat(prefix, "DynamicScrollerItem"), __vue_component__$2);
Vue.component("".concat(prefix, "dynamic-scroller-item"), __vue_component__);
Vue.component("".concat(prefix, "DynamicScrollerItem"), __vue_component__);
}
var plugin$1 = {
var plugin = {
// eslint-disable-next-line no-undef
version: "1.2.2",
version: "1.2.4",
install: function install(Vue, options) {

@@ -2008,23 +2135,23 @@ var finalOptions = Object.assign({}, {

var GlobalVue$1 = null;
var GlobalVue = null;
if (typeof window !== 'undefined') {
GlobalVue$1 = window.Vue;
GlobalVue = window.Vue;
} else if (typeof global !== 'undefined') {
GlobalVue$1 = global.Vue;
GlobalVue = global.Vue;
}
if (GlobalVue$1) {
GlobalVue$1.use(plugin$1);
if (GlobalVue) {
GlobalVue.use(plugin);
}
exports.DynamicScroller = __vue_component__$1;
exports.DynamicScrollerItem = __vue_component__$2;
exports.DynamicScrollerItem = __vue_component__;
exports.IdState = IdState;
exports.RecycleScroller = __vue_component__;
exports.default = plugin$1;
exports.RecycleScroller = __vue_component__$2;
exports["default"] = plugin;
Object.defineProperty(exports, '__esModule', { value: true });
})));
}));
//# sourceMappingURL=vue-virtual-scroller.umd.js.map

5

package.json
{
"name": "@startinfinity/vue-virtual-scroller",
"description": "Smooth scrolling for any amount of data",
"version": "1.2.2",
"version": "1.2.4",
"author": {

@@ -37,3 +37,4 @@ "name": "Guillaume Chau",

"scrollparent": "^2.0.1",
"vue-observe-visibility": "^0.4.4"
"vue-observe-visibility": "^0.4.4",
"vue-resize": "^0.4.5"
},

@@ -40,0 +41,0 @@ "peerDependencies": {

.idea/codeStyles/codeStyleConfig.xml
.idea/codeStyles/Project.xml
.idea/inspectionProfiles/Project_Default.xml
.idea/misc.xml
.idea/modules.xml
.idea/vcs.xml
.idea/vue-virtual-scroller.iml
.idea/workspace.xml
dist/vue-virtual-scroller.esm.js.map

Sorry, the diff of this file is not supported yet

dist/vue-virtual-scroller.min.js.map

Sorry, the diff of this file is not supported yet

dist/vue-virtual-scroller.umd.js.map

Sorry, the diff of this file is not supported yet

src/components/RecycleScroller.vue

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc