@progress/kendo-react-dropdowns 7.5.0-develop.2 → 7.5.0-develop.20

package/common/DropDownBase.mjs

@@ -8,68 +8,68 @@
 "use client";
 import * as m from "react";
 import s from "prop-types";
-import v from "./VirtualScroll.mjs";
+import { VirtualScroll as v } from "./VirtualScrollStatic.mjs";
 import { Navigation as y } from "./Navigation.mjs";
 import { scrollToItem as S, areSame as g } from "./utils.mjs";
 const a = class a {
   constructor(n) {
-    this.wrapper = null, this.list = null, this.vs = new v(), this.navigation = new y(), this.handleItemClick = (i, e) => {
-      const t = this.initState();
-      t.syntheticEvent = e, e.stopPropagation(), this.component.handleItemSelect(i, t), this.togglePopup(t), this.applyState(t);
+    this.wrapper = null, this.list = null, this.vs = new v(), this.navigation = new y(), this.handleItemClick = (i, t) => {
+      const e = this.initState();
+      e.syntheticEvent = t, t.stopPropagation(), this.component.handleItemSelect(i, e), this.togglePopup(e), this.applyState(e);
     }, this.handleFocus = (i) => {
       if (!this.component.state.focused) {
-        const e = this.initState();
-        e.data.focused = !0, e.events.push({ type: "onFocus" }), e.syntheticEvent = i, this.applyState(e);
+        const t = this.initState();
+        t.data.focused = !0, t.events.push({ type: "onFocus" }), t.syntheticEvent = i, this.applyState(t);
       }
-    }, this.filterChanged = (i, e) => {
-      const { textField: t, filterable: o } = this.component.props;
-      o && e.events.push({
+    }, this.filterChanged = (i, t) => {
+      const { textField: e, filterable: o } = this.component.props;
+      o && t.events.push({
         type: "onFilterChange",
         filter: {
-          field: t,
+          field: e,
           operator: "contains",
           ignoreCase: !0,
           value: i
         }
       });
     }, this.togglePopup = (i) => {
-      const e = this.component.props, t = e.opened !== void 0 ? e.opened : this.component.state.opened;
-      e.opened === void 0 && (i.data.opened = !t), t ? i.events.push({ type: "onClose" }) : (i.events.push({ type: "onOpen" }), this.calculatePopupWidth());
-    }, this.pageChange = (i, e) => {
-      const t = this.initState();
-      t.syntheticEvent = e, this.triggerOnPageChange(t, i.skip, i.take), this.applyState(t);
-    }, this.scrollToVirtualItem = (i, e) => {
-      const t = this.vs;
-      if (t.enabled = !1, i.skip === 0)
-        t.reset();
-      else if (i.skip + i.pageSize === i.total)
-        t.scrollToEnd();
+      const t = this.component.props, e = t.opened !== void 0 ? t.opened : this.component.state.opened;
+      t.opened === void 0 && (i.data.opened = !e), e ? i.events.push({ type: "onClose" }) : (i.events.push({ type: "onOpen" }), this.calculatePopupWidth());
+    }, this.pageChange = (i, t) => {
+      const e = this.initState();
+      e.syntheticEvent = t, this.triggerOnPageChange(e, i.skip, i.take), this.applyState(e);
+    }, this.scrollToVirtualItem = (i, t) => {
+      const e = this.vs;
+      if (i.skip === 0)
+        e.reset();
       else {
-        let o = t.translate;
-        o === 0 && (t.calcScrollElementHeight(), o = t.itemHeight * i.skip, t.translateTo(o - t.itemHeight)), t.container && (t.container.scrollTop = o), this.scrollToItem(e, !0);
+        let o = e.translate;
+        o === 0 && (e.calcScrollElementHeight(), o = e.itemHeight * i.skip, e.translateTo(o, !0)), t < 0 && o > 0 && (o += e.itemHeight * (i.pageSize / 4)), e.container && (e.container.scrollTop = o), this.scrollToItem(t, !0);
       }
-      window.setTimeout(() => t.enabled = !0, 10);
     }, this.scrollPopupByPageSize = (i) => {
-      var l, r, h, c, u, d;
-      const e = this.vs, t = (r = (l = this.list) == null ? void 0 : l.parentElement) == null ? void 0 : r.scrollTop, o = e.enabled && e.itemHeight ? e.itemHeight : this.list ? this.list.children[0].offsetHeight : 0, p = (c = (h = this.list) == null ? void 0 : h.parentElement) == null ? void 0 : c.offsetHeight;
-      t !== void 0 && p !== void 0 && ((d = (u = this.list) == null ? void 0 : u.parentElement) == null || d.scroll({ top: t + i * Math.floor(p / o) * o }));
+      var r, l, h, c, u, d;
+      const t = this.vs, e = (l = (r = this.list) == null ? void 0 : r.parentElement) == null ? void 0 : l.scrollTop, o = t.enabled && t.itemHeight ? t.itemHeight : this.list ? this.list.children[0].offsetHeight : 0, p = (c = (h = this.list) == null ? void 0 : h.parentElement) == null ? void 0 : c.offsetHeight;
+      e !== void 0 && p !== void 0 && ((d = (u = this.list) == null ? void 0 : u.parentElement) == null || d.scroll({ top: e + i * Math.floor(p / o) * o }));
     }, this.renderScrollElement = () => {
       const i = this.vs;
       return i.enabled && /* @__PURE__ */ m.createElement(
         "div",
         {
-          ref: (e) => i.scrollElement = e,
+          ref: (t) => i.scrollElement = t,
           key: "scrollElementKey"
         }
       );
-    }, this.resetGroupStickyHeader = (i, e) => {
-      i !== e.state.group && e.setState({ ...e.state, group: i });
+    }, this.resetGroupStickyHeader = (i, t) => {
+      i !== t.state.group && t.setState({ ...t.state, group: i });
     }, this.listBoxId = n.props.id + "list", this.guid = n.props.id, this.component = n, this.vs.PageChange = this.pageChange;
   }
+  didUpdate() {
+    this.vs.listTransform && this.vs.list && (this.vs.list.style.transform = this.vs.listTransform, this.vs.listTransform = "");
+  }
   didMount() {
-    const n = this.component.props, i = n.popupSettings || {}, e = n.style || {}, t = i.width;
+    const n = this.component.props, i = n.popupSettings || {}, t = n.style || {}, e = i.width;
     let o = n.opened === !0;
-    t === void 0 && this.calculatePopupWidth(), n.dir === void 0 && e.direction === void 0 && (this.calculateDir(), o = !0), o && this.component.forceUpdate();
+    e === void 0 && this.calculatePopupWidth(), n.dir === void 0 && t.direction === void 0 && (this.calculateDir(), o = !0), o && this.component.forceUpdate();
   }
   calculateDir() {
     const n = this.component.element;
@@ -78,13 +78,17 @@ const a = class a {
   calculatePopupWidth() {
     this.wrapper && (this.popupWidth = this.wrapper.offsetWidth + "px");
   }
-  scrollToItem(n, i, e) {
-    const t = this.list || this.vs.list;
-    if (!t && !e && setTimeout(() => {
+  scrollToItem(n, i, t) {
+    const e = this.list || this.vs.list;
+    if (!e && !t && setTimeout(() => {
       this.scrollToItem(n, i, !0);
-    }, 10), t && n >= 0) {
-      const o = this.vs, p = o.container || t.parentNode, l = i !== void 0 ? i : o.enabled;
-      S(p, t, n, o.translate, l);
+    }, 10), n === 0 && i && this.vs.skip === 0) {
+      this.vs.reset();
+      return;
+    }
+    if (e && n >= 0) {
+      const o = this.vs, p = o.container || e.parentNode, r = i !== void 0 ? i : o.enabled;
+      S(p, e, n, o.translate, r);
     }
   }
   initState() {
@@ -102,38 +106,42 @@ const a = class a {
       target: this.component,
       value: this.component.value
     };
-    n.events.forEach((e) => {
-      const t = e.type;
-      delete e.type;
-      const o = t && this.component.props[t];
+    n.events.forEach((t) => {
+      const e = t.type;
+      delete t.type;
+      const o = e && this.component.props[e];
       o && o.call(void 0, {
         ...i,
-        ...e
+        ...t
       });
     });
   }
-  triggerOnPageChange(n, i, e) {
-    const t = this.component.props.virtual;
-    if (t) {
-      const o = Math.min(Math.max(0, i), Math.max(0, t.total - e));
-      o !== t.skip && n.events.push({
+  triggerOnPageChange(n, i, t) {
+    const e = this.component.props.virtual;
+    if (e) {
+      const o = Math.min(Math.max(0, i), Math.max(0, e.total - t));
+      o !== e.skip && n.events.push({
         type: "onPageChange",
-        page: { skip: o, take: e }
+        page: { skip: o, take: t }
       });
     }
   }
   triggerPageChangeCornerItems(n, i) {
-    const e = this.component.props, { data: t = [], dataItemKey: o, virtual: p } = e, l = e.opened !== void 0 ? e.opened : this.component.state.opened;
-    n && p && this.vs.enabled && (p.skip > 0 && g(n, t[0], o) ? this.triggerOnPageChange(i, p.skip - 1, p.pageSize) : !l && p.skip + p.pageSize < p.total && g(n, t[t.length - 1], o) && this.triggerOnPageChange(i, p.skip + 1, p.pageSize));
+    const t = this.component.props, { data: e = [], dataItemKey: o, virtual: p } = t, r = t.opened !== void 0 ? t.opened : this.component.state.opened;
+    n && p && this.vs.enabled && (p.skip > 0 && g(n, e[0], o) ? this.triggerOnPageChange(i, p.skip - 1, p.pageSize) : !r && p.skip + p.pageSize < p.total && g(n, e[e.length - 1], o) && this.triggerOnPageChange(i, p.skip + 1, p.pageSize));
   }
   getPopupSettings() {
     return Object.assign({}, a.defaultProps.popupSettings, this.component.props.popupSettings);
   }
+  getAdaptiveAnimation() {
+    const n = this.getPopupSettings();
+    return n.animate !== void 0 ? n.animate : !0;
+  }
   getGroupedDataModernMode(n, i) {
-    let e = [];
-    return n.forEach((t, o) => {
-      n[o - 1] && t[i] !== n[o - 1][i] && e.push({ [i]: t[i] }), e.push(n[o]);
-    }), e;
+    const t = [];
+    return n.forEach((e, o) => {
+      n[o - 1] && e[i] !== n[o - 1][i] && t.push({ [i]: e[i] }), t.push(n[o]);
+    }), t;
   }
 };
 a.basicPropTypes = {

package/common/ListFilter.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";const i=require("react"),n=require("prop-types"),c=require("@progress/kendo-react-inputs"),u=require("@progress/kendo-svg-icons"),s=require("@progress/kendo-react-common");function d(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const l=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,l.get?l:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const o=d(i),a=o.forwardRef((e,r)=>{const t=o.useRef(null);return o.useImperativeHandle(r,()=>t.current),o.createElement("div",{className:"k-list-filter"},o.createElement(c.TextBox,{...e,ref:t,value:e.value||"",onChange:e.onChange,onKeyDown:e.onKeyDown,tabIndex:e.tabIndex,onClick:l=>l.stopPropagation(),size:e.size,fillMode:e.fillMode,rounded:e.rounded,prefix:()=>o.createElement(c.InputPrefix,null,o.createElement(s.IconWrap,{name:"search",icon:u.searchIcon}))}))});a.propTypes={value:n.oneOfType([n.string,n.number,n.array]),tabIndex:n.number,onChange:n.func,onKeyDown:n.func,size:n.oneOf([null,"small","medium","large"]),rounded:n.oneOf([null,"small","medium","large","full"]),fillMode:n.oneOf([null,"solid","flat","outline"])};a.displayName="KendoReactListFilter";const f=a;module.exports=f;
+"use client";"use strict";const m=require("react"),n=require("prop-types"),l=require("@progress/kendo-react-inputs"),p=require("@progress/kendo-svg-icons"),b=require("@progress/kendo-react-common");function g(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(o,r,a.get?a:{enumerable:!0,get:()=>e[r]})}}return o.default=e,Object.freeze(o)}const t=g(m),c=t.forwardRef((e,o)=>{const r=t.useRef(null),{renderListFilterWrapper:a=!1,renderPrefixSeparator:s=!1,...u}=e;t.useImperativeHandle(o,()=>r.current);const d=()=>t.createElement(t.Fragment,null,t.createElement(l.InputPrefix,null,t.createElement(b.IconWrap,{name:"search",icon:p.searchIcon,className:"k-input-icon"})),s&&t.createElement(l.InputSeparator,null)),i=t.createElement(l.TextBox,{...u,ref:r,className:"k-searchbox",value:e.value||"",onChange:e.onChange,onKeyDown:e.onKeyDown,tabIndex:e.tabIndex,onClick:f=>f.stopPropagation(),size:e.size,fillMode:e.fillMode,rounded:e.rounded,prefix:d});return a?t.createElement("div",{className:"k-list-filter"}," ",i," "):i});c.propTypes={value:n.oneOfType([n.string,n.number,n.array]),tabIndex:n.number,onChange:n.func,onKeyDown:n.func,size:n.oneOf([null,"small","medium","large"]),rounded:n.oneOf([null,"small","medium","large","full"]),fillMode:n.oneOf([null,"solid","flat","outline"]),renderListFilterWrapper:n.bool,renderPrefixSeparator:n.bool};c.displayName="KendoReactListFilter";const x=c;module.exports=x;

package/common/ListFilter.mjs

@@ -6,32 +6,35 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import * as l from "react";
+import * as n from "react";
 import e from "prop-types";
-import { TextBox as i, InputPrefix as u } from "@progress/kendo-react-inputs";
-import { searchIcon as m } from "@progress/kendo-svg-icons";
-import { IconWrap as f } from "@progress/kendo-react-common";
-const t = l.forwardRef((n, a) => {
-  const o = l.useRef(null);
-  return l.useImperativeHandle(
-    a,
-    () => o.current
-  ), /* @__PURE__ */ l.createElement("div", { className: "k-list-filter" }, /* @__PURE__ */ l.createElement(
-    i,
+import { TextBox as f, InputPrefix as d, InputSeparator as p } from "@progress/kendo-react-inputs";
+import { searchIcon as x } from "@progress/kendo-svg-icons";
+import { IconWrap as b } from "@progress/kendo-react-common";
+const t = n.forwardRef((r, o) => {
+  const l = n.useRef(null), { renderListFilterWrapper: i = !1, renderPrefixSeparator: s = !1, ...m } = r;
+  n.useImperativeHandle(
+    o,
+    () => l.current
+  );
+  const u = () => /* @__PURE__ */ n.createElement(n.Fragment, null, /* @__PURE__ */ n.createElement(d, null, /* @__PURE__ */ n.createElement(b, { name: "search", icon: x, className: "k-input-icon" })), s && /* @__PURE__ */ n.createElement(p, null)), a = /* @__PURE__ */ n.createElement(
+    f,
     {
-      ...n,
-      ref: o,
-      value: n.value || "",
-      onChange: n.onChange,
-      onKeyDown: n.onKeyDown,
-      tabIndex: n.tabIndex,
-      onClick: (r) => r.stopPropagation(),
-      size: n.size,
-      fillMode: n.fillMode,
-      rounded: n.rounded,
-      prefix: () => /* @__PURE__ */ l.createElement(u, null, /* @__PURE__ */ l.createElement(f, { name: "search", icon: m }))
+      ...m,
+      ref: l,
+      className: "k-searchbox",
+      value: r.value || "",
+      onChange: r.onChange,
+      onKeyDown: r.onKeyDown,
+      tabIndex: r.tabIndex,
+      onClick: (c) => c.stopPropagation(),
+      size: r.size,
+      fillMode: r.fillMode,
+      rounded: r.rounded,
+      prefix: u
     }
-  ));
+  );
+  return i ? /* @__PURE__ */ n.createElement("div", { className: "k-list-filter" }, " ", a, " ") : a;
 });
 t.propTypes = {
   value: e.oneOfType([e.string, e.number, e.array]),
@@ -40,10 +43,12 @@ t.propTypes = {
   onKeyDown: e.func,
   size: e.oneOf([null, "small", "medium", "large"]),
   rounded: e.oneOf([null, "small", "medium", "large", "full"]),
-  fillMode: e.oneOf([null, "solid", "flat", "outline"])
+  fillMode: e.oneOf([null, "solid", "flat", "outline"]),
+  renderListFilterWrapper: e.bool,
+  renderPrefixSeparator: e.bool
 };
 t.displayName = "KendoReactListFilter";
-const y = t;
+const E = t;
 export {
-  y as default
+  E as default
 };

package/common/VirtualScrollStatic.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("@progress/kendo-react-common"),u=require("react");function p(l){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(l){for(const i in l)if(i!=="default"){const e=Object.getOwnPropertyDescriptor(l,i);Object.defineProperty(t,i,e.get?e:{enumerable:!0,get:()=>l[i]})}}return t.default=l,Object.freeze(t)}const S=p(u),m=17895697,c=typeof window!="undefined"&&/Firefox/.test(window.navigator.userAgent);class H{constructor(){this.table=null,this.total=0,this.enabled=!1,this.skip=0,this.pageSize=0,this.PageChange=null,this.scrollElement=null,this.listTransform="",this.itemHeight=0,this.containerHeight=0,this.reactVersion=Number.parseFloat(S.version),this.scrollSyncing=!1,this.lastLoaded=0,this.firstLoaded=0,this.lastScrollTop=0,this.listTranslate=0,this.list=null,this.container=null,this.calcScrollElementHeight=()=>{var h;this.scrollSyncing=!0;let t=!1;this.itemHeight=this.list?this.list.children[0].offsetHeight:this.itemHeight;const i=this.itemHeight*this.total-(((h=this.list)==null?void 0:h.offsetHeight)||0);this.containerHeight=c?Math.min(m,i):i;const e=this.containerHeight;return this.scrollElement&&(t=this.scrollElement.style.height!==e+"px",t&&(this.scrollElement.style.height=e+"px")),this.scrollSyncing=!1,t},this.scrollerRef=t=>{this.container=t,t&&(t.setAttribute("unselectable","on"),window.setTimeout(this.calcScrollElementHeight.bind(this),0))},this.getRowHeightService=n.memoizeOne((t,i)=>new n.RowHeightService(i,t,0)),this.firstLoaded=this.pageSize,this.lastLoaded=this.skip+this.pageSize,this.scrollHandler=this.scrollHandler.bind(this)}get translate(){return this.listTranslate}translateTo(t,i){this.listTranslate=t,this.enabled&&this.list&&(c||this.reactVersion<=17||i?this.list.style.transform="translateY("+t+"px)":this.listTransform="translateY("+t+"px)")}changePage(t,i){const e=Math.min(Math.max(0,t),this.total-this.pageSize);e!==this.skip&&this.PageChange&&this.PageChange({skip:e,take:this.pageSize},i)}reset(){this.container&&(this.calcScrollElementHeight(),this.container.scrollTop=0,this.translateTo(0,!0))}scrollToEnd(){if(this.container&&this.list){this.calcScrollElementHeight();const{scrollHeight:t,offsetHeight:i}=this.container;this.container.scrollTop=t,this.translateTo(t-i,!0)}}scrollHandler(t){if(!this.enabled||!this.container||!this.list)return;if(this.scrollSyncing){this.scrollSyncing=!1;return}this.rowHeightService=this.getRowHeightService(this.itemHeight,this.total);const i=this.container.scrollTop,e=this.lastScrollTop>=i,h=!e,f=Math.abs(i-this.lastScrollTop);this.lastScrollTop=i;let s=this.rowHeightService.index(i),r=this.rowHeightService.offset(s);const{offsetHeight:g}=this.container,d=this.rowHeightService.index(i+g);if(h&&d>=this.lastLoaded&&this.lastLoaded<this.total){const o=s+this.pageSize-this.total;o>0&&(s=s-o,r=this.rowHeightService.offset(s)),this.firstLoaded=s,this.translateTo(r);const a=this.firstLoaded+this.pageSize;this.lastLoaded=Math.min(a,this.total),this.changePage(this.firstLoaded,t)}else if(e&&s-1<=this.firstLoaded){const o=f===this.itemHeight;if(this.skip===0&&o)this.lastScrollTop=0,this.firstLoaded=0,this.lastLoaded=this.pageSize,this.container.scrollTop=0,this.translateTo(0,!0);else{const a=Math.floor(this.pageSize*.3);this.firstLoaded=Math.max(s-a,0),this.translateTo(this.rowHeightService.offset(this.firstLoaded)),this.lastLoaded=Math.min(this.firstLoaded+this.pageSize,this.total),this.changePage(this.firstLoaded,t)}}}}exports.VirtualScroll=H;

package/common/VirtualScrollStatic.mjs

@@ -0,0 +1,77 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import { memoizeOne as f, RowHeightService as d } from "@progress/kendo-react-common";
+import * as p from "react";
+const S = 17895697, r = typeof window != "undefined" && /Firefox/.test(window.navigator.userAgent);
+class u {
+  constructor() {
+    this.table = null, this.total = 0, this.enabled = !1, this.skip = 0, this.pageSize = 0, this.PageChange = null, this.scrollElement = null, this.listTransform = "", this.itemHeight = 0, this.containerHeight = 0, this.reactVersion = Number.parseFloat(p.version), this.scrollSyncing = !1, this.lastLoaded = 0, this.firstLoaded = 0, this.lastScrollTop = 0, this.listTranslate = 0, this.list = null, this.container = null, this.calcScrollElementHeight = () => {
+      var h;
+      this.scrollSyncing = !0;
+      let t = !1;
+      this.itemHeight = this.list ? this.list.children[0].offsetHeight : this.itemHeight;
+      const i = this.itemHeight * this.total - (((h = this.list) == null ? void 0 : h.offsetHeight) || 0);
+      this.containerHeight = r ? Math.min(S, i) : i;
+      const s = this.containerHeight;
+      return this.scrollElement && (t = this.scrollElement.style.height !== s + "px", t && (this.scrollElement.style.height = s + "px")), this.scrollSyncing = !1, t;
+    }, this.scrollerRef = (t) => {
+      this.container = t, t && (t.setAttribute("unselectable", "on"), window.setTimeout(this.calcScrollElementHeight.bind(this), 0));
+    }, this.getRowHeightService = f((t, i) => new d(i, t, 0)), this.firstLoaded = this.pageSize, this.lastLoaded = this.skip + this.pageSize, this.scrollHandler = this.scrollHandler.bind(this);
+  }
+  get translate() {
+    return this.listTranslate;
+  }
+  translateTo(t, i) {
+    this.listTranslate = t, this.enabled && this.list && (r || this.reactVersion <= 17 || i ? this.list.style.transform = "translateY(" + t + "px)" : this.listTransform = "translateY(" + t + "px)");
+  }
+  changePage(t, i) {
+    const s = Math.min(Math.max(0, t), this.total - this.pageSize);
+    s !== this.skip && this.PageChange && this.PageChange({ skip: s, take: this.pageSize }, i);
+  }
+  reset() {
+    this.container && (this.calcScrollElementHeight(), this.container.scrollTop = 0, this.translateTo(0, !0));
+  }
+  scrollToEnd() {
+    if (this.container && this.list) {
+      this.calcScrollElementHeight();
+      const { scrollHeight: t, offsetHeight: i } = this.container;
+      this.container.scrollTop = t, this.translateTo(t - i, !0);
+    }
+  }
+  scrollHandler(t) {
+    if (!this.enabled || !this.container || !this.list)
+      return;
+    if (this.scrollSyncing) {
+      this.scrollSyncing = !1;
+      return;
+    }
+    this.rowHeightService = this.getRowHeightService(this.itemHeight, this.total);
+    const i = this.container.scrollTop, s = this.lastScrollTop >= i, h = !s, n = Math.abs(i - this.lastScrollTop);
+    this.lastScrollTop = i;
+    let e = this.rowHeightService.index(i), a = this.rowHeightService.offset(e);
+    const { offsetHeight: c } = this.container, g = this.rowHeightService.index(i + c);
+    if (h && g >= this.lastLoaded && this.lastLoaded < this.total) {
+      const l = e + this.pageSize - this.total;
+      l > 0 && (e = e - l, a = this.rowHeightService.offset(e)), this.firstLoaded = e, this.translateTo(a);
+      const o = this.firstLoaded + this.pageSize;
+      this.lastLoaded = Math.min(o, this.total), this.changePage(this.firstLoaded, t);
+    } else if (s && e - 1 <= this.firstLoaded) {
+      const l = n === this.itemHeight;
+      if (this.skip === 0 && l)
+        this.lastScrollTop = 0, this.firstLoaded = 0, this.lastLoaded = this.pageSize, this.container.scrollTop = 0, this.translateTo(0, !0);
+      else {
+        const o = Math.floor(this.pageSize * 0.3);
+        this.firstLoaded = Math.max(e - o, 0), this.translateTo(this.rowHeightService.offset(this.firstLoaded)), this.lastLoaded = Math.min(this.firstLoaded + this.pageSize, this.total), this.changePage(this.firstLoaded, t);
+      }
+    }
+  }
+}
+export {
+  u as VirtualScroll
+};