@progress/kendo-react-dateinputs 7.2.4-develop.3 → 7.3.0-develop.1

package/timepicker/services/SecondsService.mjs

@@ -0,0 +1,91 @@
+/**
+ * @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 { isEqual as c } from "@progress/kendo-date-math";
+import { MIDNIGHT_DATE as p } from "../../utils.mjs";
+import { setSeconds as r, range as x } from "../utils.mjs";
+const m = 60, l = (n) => (t) => t % n, g = l(m), S = (n, t) => (s) => g(n + s * t), a = (n, t) => g(m + n - t), u = (n) => (t, s) => !s || t.getMinutes() === s.getMinutes() && t.getHours() === s.getHours() ? t : r(t, n), I = u(0), L = u(m - 1);
+class D {
+  constructor(t) {
+    this.intl = t, this.toListItem = null, this.min = null, this.max = null, this.step = 0, this.insertUndividedMax = !1;
+  }
+  apply(t, s) {
+    return r(t, s.getSeconds());
+  }
+  configure(t) {
+    const {
+      insertUndividedMax: s = this.insertUndividedMax,
+      min: i = this.min,
+      max: o = this.max,
+      part: e,
+      step: h = this.step
+    } = t;
+    this.insertUndividedMax = s, this.toListItem = (M) => {
+      const d = r(p, M);
+      return {
+        text: this.intl.formatDate(d, e.pattern),
+        value: d
+      };
+    }, this.min = i, this.max = o, this.step = h;
+  }
+  data(t) {
+    const [s] = this.range(t), i = S(s, this.step), o = (h) => this.toListItem && this.toListItem(i(h)), e = x(0, this.countFromMin(t)).map(o);
+    return this.addLast(e), t && this.addMissing(e, t), e;
+  }
+  isRangeChanged(t, s) {
+    return this.min !== null && this.max !== null && (!c(this.min, t) || !c(this.max, s));
+  }
+  limitRange(t, s, i) {
+    return [I(t, i), L(s, i)];
+  }
+  total(t) {
+    const s = this.insertUndividedMax && this.isLastMissing(t) ? 1 : 0, i = this.isMissing(t) ? 1 : 0;
+    return this.countFromMin(t) + i + s;
+  }
+  selectedIndex(t) {
+    return Math.ceil(this.divideByStep(t));
+  }
+  valueInList(t) {
+    return t ? this.insertUndividedMax && this.lastSecond(t) === t.getSeconds() || !this.isMissing(t) : !0;
+  }
+  divideByStep(t) {
+    return a(t.getSeconds(), this.min.getSeconds()) / this.step;
+  }
+  addLast(t, s) {
+    return this.insertUndividedMax && this.isLastMissing(s) && this.toListItem && t.push(this.toListItem(this.lastSecond(s))), t;
+  }
+  addMissing(t, s) {
+    if (this.valueInList(s))
+      return t;
+    if (this.toListItem) {
+      const i = this.toListItem(s.getSeconds());
+      t.splice(this.selectedIndex(s), 0, i);
+    }
+    return t;
+  }
+  countFromMin(t) {
+    const [s, i] = this.range(t);
+    return Math.floor(a(i, s) / this.step) + 1;
+  }
+  isMissing(t) {
+    return t ? this.selectedIndex(t) !== this.divideByStep(t) : !1;
+  }
+  isLastMissing(t) {
+    return this.max !== null && this.isMissing(r(this.max, this.lastSecond(t)));
+  }
+  lastSecond(t) {
+    return this.range(t)[1];
+  }
+  range(t) {
+    const [s, i] = this.limitRange(this.min, this.max, t);
+    return [s.getSeconds(), i.getSeconds()];
+  }
+}
+export {
+  D as SecondsService
+};

package/timepicker/utils.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 i=require("@progress/kendo-date-math"),a=require("./models/TimePart.js"),o=require("../utils.js"),l=e=>(t,n)=>{const r=i.cloneDate(t);return r[e](n),r},g=[{type:a.TIME_PART.hour,getter:e=>e.getHours()},{type:a.TIME_PART.minute,getter:e=>e.getMinutes()},{type:a.TIME_PART.second,getter:e=>e.getSeconds()},{type:a.TIME_PART.millisecond,getter:e=>e.getMilliseconds()}],m=e=>(t,n)=>e(t),M=e=>(t,n)=>e(n),I=e=>e.reduce((t,n)=>(t[n.type]=n.type,t),{}),p=e=>t=>e[t.type]?M(t.getter):m(t.getter),D=e=>t=>e.map(p(I(t))),H=(e,t,n,r)=>s=>{const u=e(s),T=e(n);return r==="hour"?u-(u-T)%t:s.getTime()<=n.getTime()&&u!==0&&u<=T?Math.ceil(u/t)*t:u-u%t},f=e=>(t,n)=>e.map(r=>{const s=Math.floor(t[r.type]);return s?H(r.getter,s,n,r.type):r.getter}),V=D(g),y=f(g),d=e=>(t,n)=>(t.setHours(...e.map(r=>r(t,n))),t),_=e=>t=>{const n=i.cloneDate(t);return n.setHours(...e.map(r=>r(n))),n},h=l("setHours"),A=l("setMinutes"),E=l("setSeconds"),G=()=>new Date,R=(e,t,n=1)=>{const r=[];for(let s=e;s<t;s=s+n)r.push(s);return r},c=(e,t,n)=>({candidateValue:o.setTime(o.MIDNIGHT_DATE,e),maxValue:i.addDays(o.setTime(o.MIDNIGHT_DATE,n),t.getHours()<n.getHours()?0:1),minValue:o.setTime(o.MIDNIGHT_DATE,t)}),S=(e,t,n)=>{if(!e||!t||!n)return e;const{candidateValue:r,minValue:s,maxValue:u}=c(e,t,n);return r<s?o.setTime(e,t):r>u?o.setTime(e,n):e},N=(e,t,n)=>{if(!e||!t||!n)return!0;const{candidateValue:r,minValue:s,maxValue:u}=c(e,t,n);return s<=r&&r<=u},P=(e,t,n)=>{if(e===null)return!0;const{candidateValue:r,minValue:s,maxValue:u}=c(e,t,n);return s<=r&&r<=u},z=(e,t)=>{if(e===null||t===null)return!1;const n=o.setTime(o.MIDNIGHT_DATE,e),r=o.setTime(o.MIDNIGHT_DATE,t);return n.getTime()<r.getHours()},q=(e,t)=>{if(e===null||t===null)return!1;const n=o.setTime(o.MIDNIGHT_DATE,e);return o.setTime(o.MIDNIGHT_DATE,t).getTime()<n.getHours()};exports.generateGetters=V;exports.generateSnappers=y;exports.getNow=G;exports.isBiggerThanMax=q;exports.isInRange=P;exports.isInTimeRange=N;exports.isSmallerThanMin=z;exports.range=R;exports.setHours=h;exports.setMinutes=A;exports.setSeconds=E;exports.snapTime=_;exports.timeInRange=S;exports.valueMerger=d;

package/timepicker/utils.mjs

@@ -0,0 +1,91 @@
+/**
+ * @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 { cloneDate as g, addDays as f } from "@progress/kendo-date-math";
+import { TIME_PART as l } from "./models/TimePart.mjs";
+import { setTime as u, MIDNIGHT_DATE as c } from "../utils.mjs";
+const a = (e) => (t, r) => {
+  const n = g(t);
+  return n[e](r), n;
+}, p = [
+  { type: l.hour, getter: (e) => e.getHours() },
+  { type: l.minute, getter: (e) => e.getMinutes() },
+  { type: l.second, getter: (e) => e.getSeconds() },
+  { type: l.millisecond, getter: (e) => e.getMilliseconds() }
+], V = (e) => (t, r) => e(t), T = (e) => (t, r) => e(r), M = (e) => e.reduce((t, r) => (t[r.type] = r.type, t), {}), y = (e) => (t) => e[t.type] ? T(t.getter) : V(t.getter), H = (e) => (t) => e.map(y(M(t))), d = (e, t, r, n) => (s) => {
+  const o = e(s), m = e(r);
+  return n === "hour" ? o - (o - m) % t : s.getTime() <= r.getTime() && o !== 0 && o <= m ? Math.ceil(o / t) * t : o - o % t;
+}, h = (e) => (t, r) => e.map((n) => {
+  const s = Math.floor(t[n.type]);
+  return s ? d(n.getter, s, r, n.type) : n.getter;
+}), S = H(p), R = h(p), _ = (e) => (t, r) => (t.setHours(...e.map((n) => n(t, r))), t), x = (e) => (t) => {
+  const r = g(t);
+  return r.setHours(...e.map((n) => n(r))), r;
+}, G = a("setHours"), w = a("setMinutes"), A = a("setSeconds"), B = () => /* @__PURE__ */ new Date(), E = (e, t, r = 1) => {
+  const n = [];
+  for (let s = e; s < t; s = s + r)
+    n.push(s);
+  return n;
+}, i = (e, t, r) => ({
+  candidateValue: u(c, e),
+  maxValue: f(u(c, r), t.getHours() < r.getHours() ? 0 : 1),
+  minValue: u(c, t)
+}), F = (e, t, r) => {
+  if (!e || !t || !r)
+    return e;
+  const {
+    candidateValue: n,
+    minValue: s,
+    maxValue: o
+  } = i(e, t, r);
+  return n < s ? u(e, t) : n > o ? u(e, r) : e;
+}, N = (e, t, r) => {
+  if (!e || !t || !r)
+    return !0;
+  const {
+    candidateValue: n,
+    minValue: s,
+    maxValue: o
+  } = i(e, t, r);
+  return s <= n && n <= o;
+}, P = (e, t, r) => {
+  if (e === null)
+    return !0;
+  const {
+    candidateValue: n,
+    minValue: s,
+    maxValue: o
+  } = i(e, t, r);
+  return s <= n && n <= o;
+}, v = (e, t) => {
+  if (e === null || t === null)
+    return !1;
+  const r = u(c, e), n = u(c, t);
+  return r.getTime() < n.getHours();
+}, O = (e, t) => {
+  if (e === null || t === null)
+    return !1;
+  const r = u(c, e);
+  return u(c, t).getTime() < r.getHours();
+};
+export {
+  S as generateGetters,
+  R as generateSnappers,
+  B as getNow,
+  O as isBiggerThanMax,
+  P as isInRange,
+  N as isInTimeRange,
+  v as isSmallerThanMin,
+  E as range,
+  G as setHours,
+  w as setMinutes,
+  A as setSeconds,
+  x as snapTime,
+  F as timeInRange,
+  _ as valueMerger
+};

package/utils.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 l=require("@progress/kendo-date-math"),y=require("./calendar/models/SelectionRange.js");function S(t){const e=(r,o,s,...u)=>o[s]===null?null:(r?t.isRequired:t)(o,s,...u),n=e.bind(null,!1);return n.isRequired=e.bind(null,!0),n}const w=(t,e,n)=>e===void 0||n===void 0||e<=t&&t<=n?t:t<e?e:n,C=new Date(1980,0,1),F=new Date(1900,0,1),k=new Date(2099,11,31),W=new Date(1980,0,1),q=new Date(1980,0,1,23,59,59),H=(t,e)=>{const n=l.cloneDate(t);return n.setHours(e.getHours(),e.getMinutes(),e.getSeconds(),e.getMilliseconds()),n},L=()=>l.getDate(new Date),X=(t,e,n)=>!t||!(e&&e>t||n&&n<t),G=(t,e,n)=>t===null||!(e&&l.getDate(e)>l.getDate(t)||n&&l.getDate(n)<l.getDate(t)),O=(t,e)=>{const{start:n,end:r}=e||y.EMPTY_SELECTIONRANGE;return!n||!r?!1:n<t&&t<r},j=(t,e,n=1)=>{const r=[];for(let o=t;o<e;o=o+n)r.push(o);return r},P=(t,e,n)=>e.getTime()<=t.getTime()&&t.getTime()<=n.getTime(),Y=(t,e)=>t.slice(e).concat(t.slice(0,e)),z=(t,e,n)=>t&&(e&&t<e?l.cloneDate(e):n&&t>n?l.cloneDate(n):t),B=t=>(e,n="",r={})=>{const o=document.createElement(t);return o.className=n,Object.keys(r).map(s=>o.style[s]=r[s]),typeof e=="string"?o.innerHTML=e||"":(e||[]).forEach(s=>s&&o.appendChild(s)),o};function J(t,e,n={}){let r,o;n.maxWait;let s,u,a;const f=window;let v=!1,R=!1;const I=!e&&e!==0&&typeof f.requestAnimationFrame=="function";if(typeof t!="function")throw new TypeError("Expected a function");e=+e||0;function E(i){const c=r,T=o;return r=o=void 0,s=t.apply(T,c),s}function m(i,c){return I?(f.cancelAnimationFrame(u),f.requestAnimationFrame(i)):setTimeout(i,c)}function p(i){if(I)return f.cancelAnimationFrame(i);clearTimeout(i)}function b(i){return u=m(D,e),v?E():s}function d(i){const c=i-a;return e-c}function M(i){const c=i-a;return a===void 0||c>=e||c<0||R}function D(){const i=Date.now();if(M(i))return A();u=m(D,d(i))}function A(i){return u=void 0,r?E():(r=o=void 0,s)}function h(){u!==void 0&&p(u),r=a=o=u=void 0}function N(){return u===void 0?s:A()}function _(){return u!==void 0}function g(...i){const c=Date.now(),T=M(c);return r=i,o=this,a=c,T&&u===void 0?b():(u===void 0&&(u=m(D,e)),s)}return g.cancel=h,g.flush=N,g.pending=_,g}exports.MAX_DATE=k;exports.MAX_TIME=q;exports.MIDNIGHT_DATE=C;exports.MIN_DATE=F;exports.MIN_TIME=W;exports.dateInRange=z;exports.debounce=J;exports.domContainerFactory=B;exports.getToday=L;exports.intersects=P;exports.isInDateRange=G;exports.isInRange=X;exports.isInSelectionRange=O;exports.nullable=S;exports.range=j;exports.setTime=H;exports.shiftWeekNames=Y;exports.viewInRange=w;

package/utils.mjs

@@ -0,0 +1,111 @@
+/**
+ * @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 { getDate as f, cloneDate as v } from "@progress/kendo-date-math";
+import { EMPTY_SELECTIONRANGE as F } from "./calendar/models/SelectionRange.mjs";
+function W(t) {
+  const e = (r, o, s, ...u) => o[s] === null ? null : (r ? t.isRequired : t)(o, s, ...u), n = e.bind(null, !1);
+  return n.isRequired = e.bind(null, !0), n;
+}
+const d = (t, e, n) => e === void 0 || n === void 0 || e <= t && t <= n ? t : t < e ? e : n, k = new Date(1980, 0, 1), H = new Date(1900, 0, 1), L = new Date(2099, 11, 31), q = new Date(1980, 0, 1), G = new Date(1980, 0, 1, 23, 59, 59), O = (t, e) => {
+  const n = v(t);
+  return n.setHours(
+    e.getHours(),
+    e.getMinutes(),
+    e.getSeconds(),
+    e.getMilliseconds()
+  ), n;
+}, X = () => f(/* @__PURE__ */ new Date()), j = (t, e, n) => !t || !(e && e > t || n && n < t), P = (t, e, n) => t === null || !(e && f(e) > f(t) || n && f(n) < f(t)), Y = (t, e) => {
+  const { start: n, end: r } = e || F;
+  return !n || !r ? !1 : n < t && t < r;
+}, z = (t, e, n = 1) => {
+  const r = [];
+  for (let o = t; o < e; o = o + n)
+    r.push(o);
+  return r;
+}, B = (t, e, n) => e.getTime() <= t.getTime() && t.getTime() <= n.getTime(), J = (t, e) => t.slice(e).concat(t.slice(0, e)), K = (t, e, n) => t && (e && t < e ? v(e) : n && t > n ? v(n) : t), Q = (t) => (e, n = "", r = {}) => {
+  const o = document.createElement(t);
+  return o.className = n, Object.keys(r).map((s) => o.style[s] = r[s]), typeof e == "string" ? o.innerHTML = e || "" : (e || []).forEach((s) => s && o.appendChild(s)), o;
+};
+function U(t, e, n = {}) {
+  let r, o;
+  n.maxWait;
+  let s, u, l;
+  const g = window;
+  let M = !1, h = !1;
+  const D = !e && e !== 0 && typeof g.requestAnimationFrame == "function";
+  if (typeof t != "function")
+    throw new TypeError("Expected a function");
+  e = +e || 0;
+  function I(i) {
+    const c = r, m = o;
+    return r = o = void 0, s = t.apply(m, c), s;
+  }
+  function T(i, c) {
+    return D ? (g.cancelAnimationFrame(u), g.requestAnimationFrame(i)) : setTimeout(i, c);
+  }
+  function R(i) {
+    if (D)
+      return g.cancelAnimationFrame(i);
+    clearTimeout(i);
+  }
+  function b(i) {
+    return u = T(E, e), M ? I() : s;
+  }
+  function N(i) {
+    const c = i - l;
+    return e - c;
+  }
+  function p(i) {
+    const c = i - l;
+    return l === void 0 || c >= e || c < 0 || h;
+  }
+  function E() {
+    const i = Date.now();
+    if (p(i))
+      return A();
+    u = T(E, N(i));
+  }
+  function A(i) {
+    return u = void 0, r ? I() : (r = o = void 0, s);
+  }
+  function w() {
+    u !== void 0 && R(u), r = l = o = u = void 0;
+  }
+  function y() {
+    return u === void 0 ? s : A();
+  }
+  function C() {
+    return u !== void 0;
+  }
+  function a(...i) {
+    const c = Date.now(), m = p(c);
+    return r = i, o = this, l = c, m && u === void 0 ? b() : (u === void 0 && (u = T(E, e)), s);
+  }
+  return a.cancel = w, a.flush = y, a.pending = C, a;
+}
+export {
+  L as MAX_DATE,
+  G as MAX_TIME,
+  k as MIDNIGHT_DATE,
+  H as MIN_DATE,
+  q as MIN_TIME,
+  K as dateInRange,
+  U as debounce,
+  Q as domContainerFactory,
+  X as getToday,
+  B as intersects,
+  P as isInDateRange,
+  j as isInRange,
+  Y as isInSelectionRange,
+  W as nullable,
+  z as range,
+  O as setTime,
+  J as shiftWeekNames,
+  d as viewInRange
+};

package/virtualization/Virtualization.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 b=require("react"),s=require("prop-types"),m=require("@progress/kendo-react-common"),w=require("./services/RowHeightService.js"),H=require("./services/ScrollerService.js");function P(r){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const t in r)if(t!=="default"){const i=Object.getOwnPropertyDescriptor(r,t);Object.defineProperty(e,t,i.get?i:{enumerable:!0,get:()=>r[t]})}}return e.default=r,Object.freeze(e)}const h=P(b),T=(r,e,t)=>Math.min(Math.abs(e-r),t),O=17,A=10,x={1:r=>e=>e+r,0:r=>e=>e-r},I={1:r=>e=>Math.min(e,r),0:r=>e=>Math.max(e,r)},C={1:r=>e=>e<r,0:r=>e=>e>r},c=class c extends h.Component{constructor(e){super(e),this.rowHeightService=null,this.scrollContainer=null,this.lastDirection=null,this.lastTotal=0,this.lastTake=0,this.animationInProgress=!1,this.restrictScroll=!1,this.scrollTo=t=>{const i=this.direction==="vertical"?"scrollTop":"scrollLeft";if(!this.scrollContainer)return;const o=this.scrollContainer[i];this.restrictScroll&&i==="scrollTop"&&(!Number.isInteger(o)||!Number.isInteger(t))&&Math.abs(o-t)<A||(this.scrollContainer[i]=t)},this.scrollToIndex=t=>{this.animationInProgress=!1,this.rowHeightService&&this.scrollTo(this.rowHeightService.offset(t))},this.animateToIndex=t=>{if(!this.rowHeightService||!window)return;window.cancelAnimationFrame(this.cancelAnimation);const i=this.rowHeightService.offset(t),o=this.getContainerScrollDirection(i);let{start:n,end:l}=this.scrollRange(i,o);if(n===l)return;const f=this.scrollStep(n,l),a=x[o](f),u=I[o](l),g=C[o](a(l)),p=v=>{this.animationInProgress=!0;const S=a(v);this.scrollTo(u(S)),g(S)?this.cancelAnimation=window.requestAnimationFrame(()=>{p(S)}):this.animationInProgress=!1};this.cancelAnimation=window.requestAnimationFrame(()=>{p(n)})},this.scrollToBottom=()=>{this.rowHeightService&&this.scrollTo(this.rowHeightService.totalHeight()+this.props.bottomOffset)},this.scrollStep=(t,i)=>{const o=this.props.scrollDuration||c.defaultProps.scrollDuration;return Math.abs(i-t)/(o/O)},this.scrollRange=(t,i)=>{const o=this.containerScrollPosition;if(parseInt(`${t}`,10)===parseInt(`${o}`,10))return{start:t,end:t};const n=this.containerMaxScroll(),l=i===0?1:-1,f=T(o,t,this.props.maxScrollDifference||0),a=Math.min(t,n);return{start:Math.min(Math.max(a+l*f,0),n),end:a}},this.containerMaxScroll=()=>this.containerScrollSize-this.containerOffsetSize,this.getContainerScrollDirection=t=>t<this.containerScrollPosition?0:1,this.initServices=(t=this.props)=>{const i=this.direction==="vertical"?t.itemHeight:t.itemWidth;i!==void 0&&(this.rowHeightService=new w.RowHeightService(t.total,i,0),this.scrollerService.create(this.rowHeightService,t.skip,t.take,t.total,t.topOffset,this.scrollOffsetSize,this.direction))},this.getContainerProperty=t=>this.scrollContainer?this.scrollContainer[t]:0,this.handleScroll=t=>{if(!this.scrollContainer||!this.rowHeightService)return;const i=t.target;this.scrollerService.onScroll({scrollLeft:i.scrollLeft,scrollTop:i.scrollTop,offsetHeight:i.offsetHeight,offsetWidth:i.offsetWidth});const o=this.rowHeightService.index(this.containerScrollPosition-this.props.topOffset),{onScrollAction:n}=this.props,l={index:o,target:i,scrollAction:this.scrollAction,pageAction:this.pageAction,animationInProgress:this.animationInProgress};this.props.onScroll&&this.props.onScroll.call(void 0,t),n&&n.call(void 0,l),this.scrollAction=void 0,this.pageAction=void 0},this.handleScrollAction=t=>{this.scrollAction=t},this.handlePageAction=t=>{this.pageAction=t},this.scrollerService=new H.ScrollerService(this.handleScrollAction,this.handlePageAction),this.restrictScroll=Number.parseFloat(h.version)>17}get element(){return this.scrollContainer}get containerOffsetSize(){return this.getContainerProperty(this.direction==="vertical"?"offsetHeight":"offsetWidth")}get containerScrollSize(){return this.getContainerProperty(this.direction==="vertical"?"scrollHeight":"scrollWidth")}get containerScrollPosition(){return this.getContainerProperty(this.direction==="vertical"?"scrollTop":"scrollLeft")}get direction(){return this.props.direction!==void 0?this.props.direction:c.defaultProps.direction}get scrollOffsetSize(){return this.props.scrollOffsetSize!==void 0?this.props.scrollOffsetSize:c.defaultProps.scrollOffsetSize}activeIndex(){return this.itemIndex(Math.ceil(this.containerScrollPosition))}itemIndex(e){return this.rowHeightService?this.rowHeightService.index(e):0}itemOffset(e){return this.rowHeightService?this.rowHeightService.offset(e):0}isIndexVisible(e){if(!this.rowHeightService)return!1;const t=this.containerScrollPosition,i=t+this.containerOffsetSize,o=this.rowHeightService.offset(e),n=o+this.rowHeightService.height(e);return o>=t&&n<=i}isListScrolled(e){return this.rowHeightService?this.containerScrollPosition!==this.rowHeightService.offset(e):!1}componentDidMount(){const{onMount:e}=this.props;e&&e.call(void 0,this)}render(){(this.lastTotal!==this.props.total||this.lastDirection!==this.direction||this.lastTake!==this.props.take)&&(this.initServices(),this.lastTotal=this.props.total,this.lastDirection=this.direction,this.lastTake=this.props.take);const e=`${(this.rowHeightService?this.rowHeightService.totalHeight():0)+this.props.bottomOffset}`,t=this.direction==="vertical"?{height:`${e}px`}:{width:`${e}px`},i=m.classNames("k-content k-scrollable",{"k-scrollable-horizontal":this.direction==="horizontal"},this.props.className),o=m.classNames("k-scrollable-placeholder",{"k-scrollable-horizontal-placeholder":this.direction==="horizontal"});return h.createElement("div",{ref:n=>{this.scrollContainer=n},onScroll:this.handleScroll,className:i,tabIndex:this.props.tabIndex,role:this.props.role},this.props.children,h.createElement("div",{style:t,className:o}))}};c.propTypes={bottomOffset:s.number.isRequired,className:s.string,direction:s.oneOf(["horizontal","vertical"]),forceScroll:s.bool,itemHeight:s.number,itemWidth:s.number,maxScrollDifference:s.number,onScroll:s.func,onScrollAction:s.func,scrollDuration:s.number,scrollOffsetSize:s.number,skip:s.number.isRequired,tabIndex:s.number,take:s.number.isRequired,topOffset:s.number.isRequired,total:s.number.isRequired,role:s.string},c.defaultProps={direction:"vertical",forceScroll:!1,scrollOffsetSize:0,maxScrollDifference:100,scrollDuration:100};let d=c;exports.Virtualization=d;

package/virtualization/Virtualization.mjs

@@ -0,0 +1,204 @@
+/**
+ * @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 * as a from "react";
+import o from "prop-types";
+import { classNames as m } from "@progress/kendo-react-common";
+import { RowHeightService as w } from "./services/RowHeightService.mjs";
+import { ScrollerService as b } from "./services/ScrollerService.mjs";
+const H = (s, i, t) => Math.min(Math.abs(i - s), t), P = 17, T = 10, x = {
+  1: (s) => (i) => i + s,
+  0: (s) => (i) => i - s
+}, A = {
+  1: (s) => (i) => Math.min(i, s),
+  0: (s) => (i) => Math.max(i, s)
+}, I = {
+  1: (s) => (i) => i < s,
+  0: (s) => (i) => i > s
+}, c = class c extends a.Component {
+  constructor(i) {
+    super(i), this.rowHeightService = null, this.scrollContainer = null, this.lastDirection = null, this.lastTotal = 0, this.lastTake = 0, this.animationInProgress = !1, this.restrictScroll = !1, this.scrollTo = (t) => {
+      const e = this.direction === "vertical" ? "scrollTop" : "scrollLeft";
+      if (!this.scrollContainer)
+        return;
+      const r = this.scrollContainer[e];
+      this.restrictScroll && e === "scrollTop" && (!Number.isInteger(r) || !Number.isInteger(t)) && Math.abs(r - t) < T || (this.scrollContainer[e] = t);
+    }, this.scrollToIndex = (t) => {
+      this.animationInProgress = !1, this.rowHeightService && this.scrollTo(this.rowHeightService.offset(t));
+    }, this.animateToIndex = (t) => {
+      if (!this.rowHeightService || !window)
+        return;
+      window.cancelAnimationFrame(this.cancelAnimation);
+      const e = this.rowHeightService.offset(t), r = this.getContainerScrollDirection(e);
+      let { start: n, end: l } = this.scrollRange(e, r);
+      if (n === l)
+        return;
+      const f = this.scrollStep(n, l), h = x[r](f), p = A[r](l), u = I[r](h(l)), d = (v) => {
+        this.animationInProgress = !0;
+        const S = h(v);
+        this.scrollTo(p(S)), u(S) ? this.cancelAnimation = window.requestAnimationFrame(() => {
+          d(S);
+        }) : this.animationInProgress = !1;
+      };
+      this.cancelAnimation = window.requestAnimationFrame(() => {
+        d(n);
+      });
+    }, this.scrollToBottom = () => {
+      this.rowHeightService && this.scrollTo(this.rowHeightService.totalHeight() + this.props.bottomOffset);
+    }, this.scrollStep = (t, e) => {
+      const r = this.props.scrollDuration || c.defaultProps.scrollDuration;
+      return Math.abs(e - t) / (r / P);
+    }, this.scrollRange = (t, e) => {
+      const r = this.containerScrollPosition;
+      if (parseInt(`${t}`, 10) === parseInt(`${r}`, 10))
+        return { start: t, end: t };
+      const n = this.containerMaxScroll(), l = e === 0 ? 1 : -1, f = H(r, t, this.props.maxScrollDifference || 0), h = Math.min(t, n);
+      return { start: Math.min(Math.max(h + l * f, 0), n), end: h };
+    }, this.containerMaxScroll = () => this.containerScrollSize - this.containerOffsetSize, this.getContainerScrollDirection = (t) => t < this.containerScrollPosition ? 0 : 1, this.initServices = (t = this.props) => {
+      const e = this.direction === "vertical" ? t.itemHeight : t.itemWidth;
+      e !== void 0 && (this.rowHeightService = new w(t.total, e, 0), this.scrollerService.create(
+        this.rowHeightService,
+        t.skip,
+        t.take,
+        t.total,
+        t.topOffset,
+        this.scrollOffsetSize,
+        this.direction
+      ));
+    }, this.getContainerProperty = (t) => this.scrollContainer ? this.scrollContainer[t] : 0, this.handleScroll = (t) => {
+      if (!this.scrollContainer || !this.rowHeightService)
+        return;
+      const e = t.target;
+      this.scrollerService.onScroll({
+        scrollLeft: e.scrollLeft,
+        scrollTop: e.scrollTop,
+        offsetHeight: e.offsetHeight,
+        offsetWidth: e.offsetWidth
+      });
+      const r = this.rowHeightService.index(this.containerScrollPosition - this.props.topOffset), { onScrollAction: n } = this.props, l = {
+        index: r,
+        target: e,
+        scrollAction: this.scrollAction,
+        pageAction: this.pageAction,
+        animationInProgress: this.animationInProgress
+      };
+      this.props.onScroll && this.props.onScroll.call(void 0, t), n && n.call(void 0, l), this.scrollAction = void 0, this.pageAction = void 0;
+    }, this.handleScrollAction = (t) => {
+      this.scrollAction = t;
+    }, this.handlePageAction = (t) => {
+      this.pageAction = t;
+    }, this.scrollerService = new b(
+      this.handleScrollAction,
+      this.handlePageAction
+    ), this.restrictScroll = Number.parseFloat(a.version) > 17;
+  }
+  get element() {
+    return this.scrollContainer;
+  }
+  get containerOffsetSize() {
+    return this.getContainerProperty(this.direction === "vertical" ? "offsetHeight" : "offsetWidth");
+  }
+  get containerScrollSize() {
+    return this.getContainerProperty(this.direction === "vertical" ? "scrollHeight" : "scrollWidth");
+  }
+  get containerScrollPosition() {
+    return this.getContainerProperty(this.direction === "vertical" ? "scrollTop" : "scrollLeft");
+  }
+  get direction() {
+    return this.props.direction !== void 0 ? this.props.direction : c.defaultProps.direction;
+  }
+  get scrollOffsetSize() {
+    return this.props.scrollOffsetSize !== void 0 ? this.props.scrollOffsetSize : c.defaultProps.scrollOffsetSize;
+  }
+  activeIndex() {
+    return this.itemIndex(Math.ceil(this.containerScrollPosition));
+  }
+  itemIndex(i) {
+    return this.rowHeightService ? this.rowHeightService.index(i) : 0;
+  }
+  itemOffset(i) {
+    return this.rowHeightService ? this.rowHeightService.offset(i) : 0;
+  }
+  isIndexVisible(i) {
+    if (!this.rowHeightService)
+      return !1;
+    const t = this.containerScrollPosition, e = t + this.containerOffsetSize, r = this.rowHeightService.offset(i), n = r + this.rowHeightService.height(i);
+    return r >= t && n <= e;
+  }
+  isListScrolled(i) {
+    return this.rowHeightService ? this.containerScrollPosition !== this.rowHeightService.offset(i) : !1;
+  }
+  componentDidMount() {
+    const { onMount: i } = this.props;
+    i && i.call(void 0, this);
+  }
+  render() {
+    (this.lastTotal !== this.props.total || this.lastDirection !== this.direction || this.lastTake !== this.props.take) && (this.initServices(), this.lastTotal = this.props.total, this.lastDirection = this.direction, this.lastTake = this.props.take);
+    const i = `${(this.rowHeightService ? this.rowHeightService.totalHeight() : 0) + this.props.bottomOffset}`, t = this.direction === "vertical" ? { height: `${i}px` } : { width: `${i}px` }, e = m(
+      "k-content k-scrollable",
+      {
+        "k-scrollable-horizontal": this.direction === "horizontal"
+      },
+      this.props.className
+    ), r = m(
+      "k-scrollable-placeholder",
+      {
+        "k-scrollable-horizontal-placeholder": this.direction === "horizontal"
+      }
+    );
+    return /* @__PURE__ */ a.createElement(
+      "div",
+      {
+        ref: (n) => {
+          this.scrollContainer = n;
+        },
+        onScroll: this.handleScroll,
+        className: e,
+        tabIndex: this.props.tabIndex,
+        role: this.props.role
+      },
+      this.props.children,
+      /* @__PURE__ */ a.createElement(
+        "div",
+        {
+          style: t,
+          className: r
+        }
+      )
+    );
+  }
+};
+c.propTypes = {
+  bottomOffset: o.number.isRequired,
+  className: o.string,
+  direction: o.oneOf(["horizontal", "vertical"]),
+  forceScroll: o.bool,
+  itemHeight: o.number,
+  itemWidth: o.number,
+  maxScrollDifference: o.number,
+  onScroll: o.func,
+  onScrollAction: o.func,
+  scrollDuration: o.number,
+  scrollOffsetSize: o.number,
+  skip: o.number.isRequired,
+  tabIndex: o.number,
+  take: o.number.isRequired,
+  topOffset: o.number.isRequired,
+  total: o.number.isRequired,
+  role: o.string
+}, c.defaultProps = {
+  direction: "vertical",
+  forceScroll: !1,
+  scrollOffsetSize: 0,
+  maxScrollDifference: 100,
+  scrollDuration: 100
+};
+let g = c;
+export {
+  g as Virtualization
+};

package/virtualization/services/RowHeightService.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 o=(i,t,e)=>[...i.slice(0,t+1),...i.slice(t+1).map(s=>s+e)];class g{constructor(t=0,e,s){this.total=t,this.rowHeight=e,this.detailRowHeight=s,this.offsets=[],this.heights=[];let h=0;for(let f=0;f<t;f++)this.offsets.push(h),h+=e,this.heights.push(e)}height(t){return this.heights[t]}expandDetail(t){this.height(t)===this.rowHeight&&this.updateRowHeight(t,this.detailRowHeight)}collapseDetail(t){this.height(t)>this.rowHeight&&this.updateRowHeight(t,this.detailRowHeight*-1)}index(t){for(let e=0;e<this.offsets.length;e++){if(t===this.offsets[e])return e;if(t<this.offsets[e])return e-1}return this.total-1}offset(t){return this.offsets[t]}totalHeight(){return this.heights.reduce((t,e)=>t+e,0)}updateRowHeight(t,e){this.heights[t]+=e,this.offsets=o(this.offsets,t,e)}}exports.RowHeightService=g;

package/virtualization/services/RowHeightService.mjs

@@ -0,0 +1,50 @@
+/**
+ * @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";
+const o = (i, t, s) => [
+  ...i.slice(0, t + 1),
+  ...i.slice(t + 1).map((e) => e + s)
+];
+class g {
+  constructor(t = 0, s, e) {
+    this.total = t, this.rowHeight = s, this.detailRowHeight = e, this.offsets = [], this.heights = [];
+    let h = 0;
+    for (let f = 0; f < t; f++)
+      this.offsets.push(h), h += s, this.heights.push(s);
+  }
+  height(t) {
+    return this.heights[t];
+  }
+  expandDetail(t) {
+    this.height(t) === this.rowHeight && this.updateRowHeight(t, this.detailRowHeight);
+  }
+  collapseDetail(t) {
+    this.height(t) > this.rowHeight && this.updateRowHeight(t, this.detailRowHeight * -1);
+  }
+  index(t) {
+    for (let s = 0; s < this.offsets.length; s++) {
+      if (t === this.offsets[s])
+        return s;
+      if (t < this.offsets[s])
+        return s - 1;
+    }
+    return this.total - 1;
+  }
+  offset(t) {
+    return this.offsets[t];
+  }
+  totalHeight() {
+    return this.heights.reduce((t, s) => t + s, 0);
+  }
+  updateRowHeight(t, s) {
+    this.heights[t] += s, this.offsets = o(this.offsets, t, s);
+  }
+}
+export {
+  g as RowHeightService
+};

package/virtualization/services/ScrollerService.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 l=e=>Math.max(e,0);class a{constructor(t){this.offset=t}}class n{constructor(t){this.skip=t}}class w{constructor(t,s){this.onScrollAction=t,this.onPageAction=s,this.direction="vertical",this.firstLoaded=0,this.lastLoaded=0,this.lastScrollTop=0,this.take=0,this.total=0,this.rowHeightService=null,this.bottomOffset=0,this.topOffset=0}create(t,s,r,f,i=0,d=0,h="vertical"){this.rowHeightService=t,this.firstLoaded=s,this.lastLoaded=s+r,this.take=r,this.total=f,this.lastScrollTop=0,this.topOffset=i,this.bottomOffset=d,this.direction=h;const o=this.rowsForHeight(i),c=l(s-o);this.onScrollAction(new a(this.rowOffset(c))),this.onPageAction(new n(c))}onScroll({scrollLeft:t,scrollTop:s,offsetHeight:r,offsetWidth:f}){const i=this.direction==="vertical"?s:t,d=this.direction==="vertical"?r:f;if(this.lastScrollTop===i||!this.rowHeightService)return;const h=this.lastScrollTop>=i;this.lastScrollTop=i;const o=this.rowHeightService.index(l(i-this.topOffset)),c=this.rowHeightService.index(l(i+d-this.bottomOffset));if(!h&&c>=this.lastLoaded&&this.lastLoaded<this.total&&(this.firstLoaded=o,this.onScrollAction(new a(this.rowOffset(o))),this.lastLoaded=Math.min(this.firstLoaded+this.take,this.total),this.onPageAction(new n(this.firstLoaded))),h&&o<=this.firstLoaded){const S=Math.floor(this.take*.3);this.firstLoaded=l(o-S),this.onScrollAction(new a(this.rowOffset(this.firstLoaded))),this.lastLoaded=Math.min(this.firstLoaded+this.take,this.total),this.onPageAction(new n(this.firstLoaded))}}rowOffset(t){return this.rowHeightService?this.rowHeightService.offset(t)+this.topOffset:0}rowsForHeight(t){return this.rowHeightService?Math.ceil(t/this.rowHeightService.height(0)):0}}exports.PageAction=n;exports.ScrollAction=a;exports.ScrollerService=w;

package/virtualization/services/ScrollerService.mjs

@@ -0,0 +1,52 @@
+/**
+ * @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";
+const a = (e) => Math.max(e, 0);
+class f {
+  constructor(t) {
+    this.offset = t;
+  }
+}
+class d {
+  constructor(t) {
+    this.skip = t;
+  }
+}
+class w {
+  constructor(t, s) {
+    this.onScrollAction = t, this.onPageAction = s, this.direction = "vertical", this.firstLoaded = 0, this.lastLoaded = 0, this.lastScrollTop = 0, this.take = 0, this.total = 0, this.rowHeightService = null, this.bottomOffset = 0, this.topOffset = 0;
+  }
+  create(t, s, h, l, i = 0, n = 0, r = "vertical") {
+    this.rowHeightService = t, this.firstLoaded = s, this.lastLoaded = s + h, this.take = h, this.total = l, this.lastScrollTop = 0, this.topOffset = i, this.bottomOffset = n, this.direction = r;
+    const o = this.rowsForHeight(i), c = a(s - o);
+    this.onScrollAction(new f(this.rowOffset(c))), this.onPageAction(new d(c));
+  }
+  onScroll({ scrollLeft: t, scrollTop: s, offsetHeight: h, offsetWidth: l }) {
+    const i = this.direction === "vertical" ? s : t, n = this.direction === "vertical" ? h : l;
+    if (this.lastScrollTop === i || !this.rowHeightService)
+      return;
+    const r = this.lastScrollTop >= i;
+    this.lastScrollTop = i;
+    const o = this.rowHeightService.index(a(i - this.topOffset)), c = this.rowHeightService.index(a(i + n - this.bottomOffset));
+    if (!r && c >= this.lastLoaded && this.lastLoaded < this.total && (this.firstLoaded = o, this.onScrollAction(new f(this.rowOffset(o))), this.lastLoaded = Math.min(this.firstLoaded + this.take, this.total), this.onPageAction(new d(this.firstLoaded))), r && o <= this.firstLoaded) {
+      const S = Math.floor(this.take * 0.3);
+      this.firstLoaded = a(o - S), this.onScrollAction(new f(this.rowOffset(this.firstLoaded))), this.lastLoaded = Math.min(this.firstLoaded + this.take, this.total), this.onPageAction(new d(this.firstLoaded));
+    }
+  }
+  rowOffset(t) {
+    return this.rowHeightService ? this.rowHeightService.offset(t) + this.topOffset : 0;
+  }
+  rowsForHeight(t) {
+    return this.rowHeightService ? Math.ceil(t / this.rowHeightService.height(0)) : 0;
+  }
+}
+export {
+  d as PageAction,
+  f as ScrollAction,
+  w as ScrollerService
+};