@progress/kendo-vue-dateinputs 5.3.0-dev.202409130647 → 5.3.0-develop.1

package/timepicker/services/SecondsService.mjs

@@ -0,0 +1,88 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { isEqual as m } from "@progress/kendo-date-math";
+import "@progress/kendo-vue-intl";
+import { MIDNIGHT_DATE as x } from "../../utils.mjs";
+import { setSeconds as r, range as u } from "../utils.mjs";
+const h = 60, S = (n) => (t) => t % n, g = S(h), I = (n, t) => (s) => g(n + s * t), a = (n, t) => g(h + n - t), M = (n) => (t, s) => !s || t.getMinutes() === s.getMinutes() && t.getHours() === s.getHours() ? t : r(t, n), f = M(0), L = M(h - 1);
+class R {
+  constructor(t) {
+    this.intl = t, 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: d = this.step
+    } = t;
+    this.insertUndividedMax = s, this.toListItem = (p) => {
+      const c = r(x, p);
+      return {
+        text: this.intl.formatDate(c, e.pattern),
+        value: c
+      };
+    }, this.min = i, this.max = o, this.step = d;
+  }
+  data(t) {
+    const [s] = this.range(t), i = I(s, this.step), o = (d) => this.toListItem(i(d)), e = u(0, this.countFromMin(t)).map(o);
+    return this.addLast(e), t && this.addMissing(e, t), e;
+  }
+  isRangeChanged(t, s) {
+    return !m(this.min, t) || !m(this.max, s);
+  }
+  limitRange(t, s, i) {
+    return [f(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) && t.push(this.toListItem(this.lastSecond(s))), t;
+  }
+  addMissing(t, s) {
+    if (this.valueInList(s))
+      return t;
+    const i = this.toListItem(s.getSeconds());
+    return t.splice(this.selectedIndex(s), 0, i), 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.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 {
+  R 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 strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@progress/kendo-vue-intl");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
+ *-------------------------------------------------------------------------------------------
+ */
+import "@progress/kendo-vue-intl";
+import { addDays as f, cloneDate as g } 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;
+}), R = H(p), _ = h(p), x = (e) => (t, r) => (t.setHours(...e.map((n) => n(t, r))), t), G = (e) => (t) => {
+  const r = g(t);
+  return r.setHours(...e.map((n) => n(r))), r;
+}, w = a("setHours"), A = a("setMinutes"), B = a("setSeconds"), E = () => /* @__PURE__ */ new Date(), F = (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)
+}), N = (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;
+}, P = (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;
+}, v = (e, t, r) => {
+  if (e === null)
+    return !0;
+  const {
+    candidateValue: n,
+    minValue: s,
+    maxValue: o
+  } = i(e, t, r);
+  return s <= n && n <= o;
+}, O = (e, t) => {
+  if (e === null || t === null)
+    return !1;
+  const r = u(c, e), n = u(c, t);
+  return r.getTime() < n.getHours();
+}, b = (e, t) => {
+  if (e === null || t === null)
+    return !1;
+  const r = u(c, e);
+  return u(c, t).getTime() < r.getHours();
+};
+export {
+  R as generateGetters,
+  _ as generateSnappers,
+  E as getNow,
+  b as isBiggerThanMax,
+  v as isInRange,
+  P as isInTimeRange,
+  O as isSmallerThanMin,
+  F as range,
+  w as setHours,
+  A as setMinutes,
+  B as setSeconds,
+  G as snapTime,
+  N as timeInRange,
+  x 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 strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("@progress/kendo-date-math"),c=require("./calendar/models/SelectionRange.js"),D=(e,t,n)=>t===void 0||n===void 0||t<=e&&e<=n?e:e<t?t:n,I=new Date(1980,0,1),u=new Date(1900,0,1),M=new Date(2099,11,31),T=new Date(1980,0,1),l=new Date(1980,0,1,23,59,59),a=(e,t)=>{const n=r.cloneDate(e);return n.setHours(t.getHours(),t.getMinutes(),t.getSeconds(),t.getMilliseconds()),n},E=()=>r.getDate(new Date),i=(e,t,n)=>!e||!(t&&t>e||n&&n<e),R=(e,t,n)=>e===null||!(t&&r.getDate(t)>r.getDate(e)||n&&r.getDate(n)<r.getDate(e)),f=(e,t)=>{const{start:n,end:s}=t||c.EMPTY_SELECTIONRANGE;return!n||!s?!1:n<e&&e<s},A=(e,t,n=1)=>{const s=[];for(let o=e;o<t;o=o+n)s.push(o);return s},N=(e,t)=>e.slice(t).concat(e.slice(0,t)),_=(e,t,n)=>e&&(t&&e<t?r.cloneDate(t):n&&e>n?r.cloneDate(n):e),w=e=>(t,n="",s={})=>{const o=document.createElement(e);return o.className=n,Object.keys(s).map(g=>o.style[g]=s[g]),typeof t=="string"?o.innerHTML=t||"":(t||[]).forEach(g=>g&&o.appendChild(g)),o};exports.MAX_DATE=M;exports.MAX_TIME=l;exports.MIDNIGHT_DATE=I;exports.MIN_DATE=u;exports.MIN_TIME=T;exports.dateInRange=_;exports.domContainerFactory=w;exports.getToday=E;exports.isInDateRange=R;exports.isInRange=i;exports.isInSelectionRange=f;exports.range=A;exports.setTime=a;exports.shiftWeekNames=N;exports.viewInRange=D;

package/utils.mjs

@@ -0,0 +1,46 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { cloneDate as c, getDate as u } from "@progress/kendo-date-math";
+import { EMPTY_SELECTIONRANGE as g } from "./calendar/models/SelectionRange.mjs";
+const f = (e, t, o) => t === void 0 || o === void 0 || t <= e && e <= o ? e : e < t ? t : o, l = new Date(1980, 0, 1), E = new Date(1900, 0, 1), M = new Date(2099, 11, 31), T = new Date(1980, 0, 1), p = new Date(1980, 0, 1, 23, 59, 59), w = (e, t) => {
+  const o = c(e);
+  return o.setHours(
+    t.getHours(),
+    t.getMinutes(),
+    t.getSeconds(),
+    t.getMilliseconds()
+  ), o;
+}, N = () => u(/* @__PURE__ */ new Date()), A = (e, t, o) => !e || !(t && t > e || o && o < e), R = (e, t, o) => e === null || !(t && u(t) > u(e) || o && u(o) < u(e)), _ = (e, t) => {
+  const { start: o, end: s } = t || g;
+  return !o || !s ? !1 : o < e && e < s;
+}, H = (e, t, o = 1) => {
+  const s = [];
+  for (let n = e; n < t; n = n + o)
+    s.push(n);
+  return s;
+}, i = (e, t) => e.slice(t).concat(e.slice(0, t)), y = (e, t, o) => e && (t && e < t ? c(t) : o && e > o ? c(o) : e), C = (e) => (t, o = "", s = {}) => {
+  const n = document.createElement(e);
+  return n.className = o, Object.keys(s).map((r) => n.style[r] = s[r]), typeof t == "string" ? n.innerHTML = t || "" : (t || []).forEach((r) => r && n.appendChild(r)), n;
+};
+export {
+  M as MAX_DATE,
+  p as MAX_TIME,
+  l as MIDNIGHT_DATE,
+  E as MIN_DATE,
+  T as MIN_TIME,
+  y as dateInRange,
+  C as domContainerFactory,
+  N as getToday,
+  R as isInDateRange,
+  A as isInRange,
+  _ as isInSelectionRange,
+  H as range,
+  w as setTime,
+  i as shiftWeekNames,
+  f 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 strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("vue"),h=require("@progress/kendo-vue-common"),S=require("./services/RowHeightService.js"),m=require("./services/ScrollerService.js");let s=function(t){return t[t.Backward=0]="Backward",t[t.Forward=1]="Forward",t}({});const g=(t,e,r)=>Math.min(Math.abs(e-t),r),w=17,v={[s.Forward]:t=>e=>e+t,[s.Backward]:t=>e=>e-t},H={[s.Forward]:t=>e=>Math.min(e,t),[s.Backward]:t=>e=>Math.max(e,t)},$={[s.Forward]:t=>e=>e<t,[s.Backward]:t=>e=>e>t},b=a.defineComponent({name:"Virtualization",emits:{scroll:null,scrollaction:null},props:{bottomOffset:{type:Number,required:!0},direction:{type:String,default:function(){return"vertical"}},forceScroll:{type:Boolean,default:!1},itemHeight:Number,itemWidth:Number,maxScrollDifference:{type:Number,default:100},scrollDuration:{type:Number,default:100},scrollOffsetSize:{type:Number,default:0},skip:{type:Number,required:!0},tabIndex:Number,take:{type:Number,required:!0},topOffset:{type:Number,required:!0},total:{type:Number,required:!0},role:String},created(){this.animationInProgress=!1,this.lastTotal=void 0,this.scrollerService=new m.ScrollerService(this.handleScrollAction,this.handlePageAction)},mounted(){this.scrollContainer=this.$refs.scrollContainer},computed:{element(){return this.scrollContainer}},methods:{containerOffsetSize(){return this.getContainerProperty(this.$props.direction==="vertical"?"offsetHeight":"offsetWidth")},containerScrollSize(){return this.getContainerProperty(this.$props.direction==="vertical"?"scrollHeight":"scrollWidth")},containerScrollPosition(){return this.getContainerProperty(this.$props.direction==="vertical"?"scrollTop":"scrollLeft")},activeIndex(){return this.itemIndex(Math.ceil(this.containerScrollPosition()))},itemIndex(t){return this.rowHeightService?this.rowHeightService.index(t):0},itemOffset(t){return this.rowHeightService?this.rowHeightService.offset(t):0},isIndexVisible(t){if(!this.rowHeightService)return!1;const e=this.containerScrollPosition(),r=e+this.containerOffsetSize(),i=this.rowHeightService.offset(t),o=i+this.rowHeightService.height(t);return i>=e&&o<=r},isListScrolled(t){return this.rowHeightService?this.containerScrollPosition()!==this.rowHeightService.offset(t):!1},scrollTo(t){const e=this.$props.direction==="vertical"?"scrollTop":"scrollLeft";this.scrollContainer&&(this.scrollContainer[e]=t)},scrollToIndex(t){this.rowHeightService&&(this.animationInProgress=!1,this.scrollTo(this.rowHeightService.offset(t)))},animateToIndex(t){if(!this.rowHeightService||!window)return;window.cancelAnimationFrame(this.cancelAnimation);const e=this.rowHeightService.offset(t),r=this.getContainerScrollDirection(e);let{start:i,end:o}=this.scrollRange(e,r);if(i===o)return;const l=this.scrollStep(i,o),n=v[r](l),d=H[r](o),f=$[r](n(o)),p=u=>{this.animationInProgress=!0;const c=n(u);this.scrollTo(d(c)),f(c)?this.cancelAnimation=window.requestAnimationFrame(()=>{p(c)}):this.animationInProgress=!1};this.cancelAnimation=window.requestAnimationFrame(()=>{p(i)})},scrollToBottom(){this.rowHeightService&&this.scrollTo(this.rowHeightService.totalHeight()+this.$props.bottomOffset)},scrollStep(t,e){const r=this.$props.scrollDuration;return Math.abs(e-t)/(r/w)},scrollRange(t,e){const r=this.containerScrollPosition();if(parseInt(`${t}`,10)===parseInt(`${r}`,10))return{start:t,end:t};const i=this.containerMaxScroll(),o=e===s.Backward?1:-1,l=g(r,t,this.$props.maxScrollDifference),n=Math.min(t,i);return{start:Math.min(Math.max(n+o*l,0),i),end:n}},containerMaxScroll(){return this.containerScrollSize()-this.containerOffsetSize()},getContainerScrollDirection(t){return t<this.containerScrollPosition()?s.Backward:s.Forward},initServices(t){const e=t||this.$props,r=e.direction==="vertical"?e.itemHeight:e.itemWidth;r!==void 0&&(this.rowHeightService=new S.RowHeightService(e.total,r,0),this.scrollerService.create(this.rowHeightService,e.skip,e.take,e.total,e.topOffset,this.$props.scrollOffsetSize,this.$props.direction))},getContainerProperty(t){return this.scrollContainer?this.scrollContainer[t]:0},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 i={index:this.rowHeightService.index(this.containerScrollPosition()-this.$props.topOffset),target:e,scrollAction:this.scrollAction,pageAction:this.pageAction,animationInProgress:this.animationInProgress};this.$emit("scrollaction",i),this.scrollAction=void 0,this.pageAction=void 0},handleScrollAction(t){this.scrollAction=t},handlePageAction(t){this.pageAction=t}},render(){const t=h.getDefaultSlots(this);(this.lastTotal!==this.$props.total||this.lastDirection!==this.$props.direction||this.lastTake!==this.$props.take)&&(this.initServices(),this.lastTotal=this.$props.total,this.lastDirection=this.$props.direction,this.lastTake=this.$props.take);const e=`${(this.rowHeightService?this.rowHeightService.totalHeight():0)+this.$props.bottomOffset}`,r=this.$props.direction==="vertical"?{height:`${e}px`}:{width:`${e}px`},i=h.classNames("k-content k-scrollable",{"k-scrollable-horizontal":this.$props.direction==="horizontal"}),o=h.classNames("k-scrollable-placeholder",{"k-scrollable-horizontal-placeholder":this.$props.direction==="horizontal"});return a.createVNode("div",{ref:"scrollContainer",onScroll:this.handleScroll,class:i,tabindex:this.$props.tabIndex,role:this.$props.role},[t,a.createVNode("div",{style:r,class:o},null)])}});exports.ScrollDirection=s;exports.Virtualization=b;

package/virtualization/Virtualization.mjs

@@ -0,0 +1,232 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { defineComponent as m, createVNode as p } from "vue";
+import { getDefaultSlots as S, classNames as d } from "@progress/kendo-vue-common";
+import { RowHeightService as g } from "./services/RowHeightService.mjs";
+import { ScrollerService as w } from "./services/ScrollerService.mjs";
+let s = /* @__PURE__ */ function(t) {
+  return t[t.Backward = 0] = "Backward", t[t.Forward = 1] = "Forward", t;
+}({});
+const v = (t, e, r) => Math.min(Math.abs(e - t), r), H = 17, $ = {
+  [s.Forward]: (t) => (e) => e + t,
+  [s.Backward]: (t) => (e) => e - t
+}, b = {
+  [s.Forward]: (t) => (e) => Math.min(e, t),
+  [s.Backward]: (t) => (e) => Math.max(e, t)
+}, x = {
+  [s.Forward]: (t) => (e) => e < t,
+  [s.Backward]: (t) => (e) => e > t
+}, y = /* @__PURE__ */ m({
+  name: "Virtualization",
+  emits: {
+    scroll: null,
+    scrollaction: null
+  },
+  props: {
+    bottomOffset: {
+      type: Number,
+      required: !0
+    },
+    direction: {
+      type: String,
+      default: function() {
+        return "vertical";
+      }
+    },
+    forceScroll: {
+      type: Boolean,
+      default: !1
+    },
+    itemHeight: Number,
+    itemWidth: Number,
+    maxScrollDifference: {
+      type: Number,
+      default: 100
+    },
+    scrollDuration: {
+      type: Number,
+      default: 100
+    },
+    scrollOffsetSize: {
+      type: Number,
+      default: 0
+    },
+    skip: {
+      type: Number,
+      required: !0
+    },
+    tabIndex: Number,
+    take: {
+      type: Number,
+      required: !0
+    },
+    topOffset: {
+      type: Number,
+      required: !0
+    },
+    total: {
+      type: Number,
+      required: !0
+    },
+    role: String
+  },
+  created() {
+    this.animationInProgress = !1, this.lastTotal = void 0, this.scrollerService = new w(this.handleScrollAction, this.handlePageAction);
+  },
+  mounted() {
+    this.scrollContainer = this.$refs.scrollContainer;
+  },
+  computed: {
+    element() {
+      return this.scrollContainer;
+    }
+  },
+  methods: {
+    containerOffsetSize() {
+      return this.getContainerProperty(this.$props.direction === "vertical" ? "offsetHeight" : "offsetWidth");
+    },
+    containerScrollSize() {
+      return this.getContainerProperty(this.$props.direction === "vertical" ? "scrollHeight" : "scrollWidth");
+    },
+    containerScrollPosition() {
+      return this.getContainerProperty(this.$props.direction === "vertical" ? "scrollTop" : "scrollLeft");
+    },
+    activeIndex() {
+      return this.itemIndex(Math.ceil(this.containerScrollPosition()));
+    },
+    itemIndex(t) {
+      return this.rowHeightService ? this.rowHeightService.index(t) : 0;
+    },
+    itemOffset(t) {
+      return this.rowHeightService ? this.rowHeightService.offset(t) : 0;
+    },
+    isIndexVisible(t) {
+      if (!this.rowHeightService)
+        return !1;
+      const e = this.containerScrollPosition(), r = e + this.containerOffsetSize(), i = this.rowHeightService.offset(t), o = i + this.rowHeightService.height(t);
+      return i >= e && o <= r;
+    },
+    isListScrolled(t) {
+      return this.rowHeightService ? this.containerScrollPosition() !== this.rowHeightService.offset(t) : !1;
+    },
+    scrollTo(t) {
+      const e = this.$props.direction === "vertical" ? "scrollTop" : "scrollLeft";
+      this.scrollContainer && (this.scrollContainer[e] = t);
+    },
+    scrollToIndex(t) {
+      this.rowHeightService && (this.animationInProgress = !1, this.scrollTo(this.rowHeightService.offset(t)));
+    },
+    animateToIndex(t) {
+      if (!this.rowHeightService || !window)
+        return;
+      window.cancelAnimationFrame(this.cancelAnimation);
+      const e = this.rowHeightService.offset(t), r = this.getContainerScrollDirection(e);
+      let {
+        start: i,
+        end: o
+      } = this.scrollRange(e, r);
+      if (i === o)
+        return;
+      const l = this.scrollStep(i, o), n = $[r](l), a = b[r](o), f = x[r](n(o)), h = (u) => {
+        this.animationInProgress = !0;
+        const c = n(u);
+        this.scrollTo(a(c)), f(c) ? this.cancelAnimation = window.requestAnimationFrame(() => {
+          h(c);
+        }) : this.animationInProgress = !1;
+      };
+      this.cancelAnimation = window.requestAnimationFrame(() => {
+        h(i);
+      });
+    },
+    scrollToBottom() {
+      this.rowHeightService && this.scrollTo(this.rowHeightService.totalHeight() + this.$props.bottomOffset);
+    },
+    scrollStep(t, e) {
+      const r = this.$props.scrollDuration;
+      return Math.abs(e - t) / (r / H);
+    },
+    scrollRange(t, e) {
+      const r = this.containerScrollPosition();
+      if (parseInt(`${t}`, 10) === parseInt(`${r}`, 10))
+        return {
+          start: t,
+          end: t
+        };
+      const i = this.containerMaxScroll(), o = e === s.Backward ? 1 : -1, l = v(r, t, this.$props.maxScrollDifference), n = Math.min(t, i);
+      return {
+        start: Math.min(Math.max(n + o * l, 0), i),
+        end: n
+      };
+    },
+    containerMaxScroll() {
+      return this.containerScrollSize() - this.containerOffsetSize();
+    },
+    getContainerScrollDirection(t) {
+      return t < this.containerScrollPosition() ? s.Backward : s.Forward;
+    },
+    initServices(t) {
+      const e = t || this.$props, r = e.direction === "vertical" ? e.itemHeight : e.itemWidth;
+      r !== void 0 && (this.rowHeightService = new g(e.total, r, 0), this.scrollerService.create(this.rowHeightService, e.skip, e.take, e.total, e.topOffset, this.$props.scrollOffsetSize, this.$props.direction));
+    },
+    getContainerProperty(t) {
+      return this.scrollContainer ? this.scrollContainer[t] : 0;
+    },
+    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 i = {
+        index: this.rowHeightService.index(this.containerScrollPosition() - this.$props.topOffset),
+        target: e,
+        scrollAction: this.scrollAction,
+        pageAction: this.pageAction,
+        animationInProgress: this.animationInProgress
+      };
+      this.$emit("scrollaction", i), this.scrollAction = void 0, this.pageAction = void 0;
+    },
+    handleScrollAction(t) {
+      this.scrollAction = t;
+    },
+    handlePageAction(t) {
+      this.pageAction = t;
+    }
+  },
+  render() {
+    const t = S(this);
+    (this.lastTotal !== this.$props.total || this.lastDirection !== this.$props.direction || this.lastTake !== this.$props.take) && (this.initServices(), this.lastTotal = this.$props.total, this.lastDirection = this.$props.direction, this.lastTake = this.$props.take);
+    const e = `${(this.rowHeightService ? this.rowHeightService.totalHeight() : 0) + this.$props.bottomOffset}`, r = this.$props.direction === "vertical" ? {
+      height: `${e}px`
+    } : {
+      width: `${e}px`
+    }, i = d("k-content k-scrollable", {
+      "k-scrollable-horizontal": this.$props.direction === "horizontal"
+    }), o = d("k-scrollable-placeholder", {
+      "k-scrollable-horizontal-placeholder": this.$props.direction === "horizontal"
+    });
+    return p("div", {
+      ref: "scrollContainer",
+      onScroll: this.handleScroll,
+      class: i,
+      tabindex: this.$props.tabIndex,
+      role: this.$props.role
+    }, [t, p("div", {
+      style: r,
+      class: o
+    }, null)]);
+  }
+});
+export {
+  s as ScrollDirection,
+  y 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 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,49 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+const o = (i, t, s) => [
+  ...i.slice(0, t + 1),
+  ...i.slice(t + 1).map((h) => h + s)
+];
+class g {
+  constructor(t = 0, s, h) {
+    this.total = t, this.rowHeight = s, this.detailRowHeight = h, this.offsets = [], this.heights = [];
+    let e = 0;
+    for (let f = 0; f < t; f++)
+      this.offsets.push(e), e += 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 strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=e=>Math.max(e,0);class l{constructor(t){this.offset=t}}class a{constructor(t){this.skip=t}}class w{constructor(t,s){this.onScrollAction=t,this.onPageAction=s,this.firstLoaded=0,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=n(s-o);this.onScrollAction(new l(this.rowOffset(c))),this.onPageAction(new a(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)return;const h=this.lastScrollTop>=i;this.lastScrollTop=i;const o=this.rowHeightService.index(n(i-this.topOffset)),c=this.rowHeightService.index(n(i+d-this.bottomOffset));if(!h&&c>=this.lastLoaded&&this.lastLoaded<this.total&&(this.firstLoaded=o,this.onScrollAction(new l(this.rowOffset(o))),this.lastLoaded=Math.min(this.firstLoaded+this.take,this.total),this.onPageAction(new a(this.firstLoaded))),h&&o<=this.firstLoaded){const S=Math.floor(this.take*.3);this.firstLoaded=n(o-S),this.onScrollAction(new l(this.rowOffset(this.firstLoaded))),this.lastLoaded=Math.min(this.firstLoaded+this.take,this.total),this.onPageAction(new a(this.firstLoaded))}}rowOffset(t){return this.rowHeightService.offset(t)+this.topOffset}rowsForHeight(t){return Math.ceil(t/this.rowHeightService.height(0))}}exports.PageAction=a;exports.ScrollAction=l;exports.ScrollerService=w;

package/virtualization/services/ScrollerService.mjs

@@ -0,0 +1,51 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+const n = (e) => Math.max(e, 0);
+class l {
+  constructor(t) {
+    this.offset = t;
+  }
+}
+class d {
+  constructor(t) {
+    this.skip = t;
+  }
+}
+class S {
+  constructor(t, i) {
+    this.onScrollAction = t, this.onPageAction = i, this.firstLoaded = 0, this.bottomOffset = 0, this.topOffset = 0;
+  }
+  create(t, i, h, a, s = 0, f = 0, r = "vertical") {
+    this.rowHeightService = t, this.firstLoaded = i, this.lastLoaded = i + h, this.take = h, this.total = a, this.lastScrollTop = 0, this.topOffset = s, this.bottomOffset = f, this.direction = r;
+    const o = this.rowsForHeight(s), c = n(i - o);
+    this.onScrollAction(new l(this.rowOffset(c))), this.onPageAction(new d(c));
+  }
+  onScroll({ scrollLeft: t, scrollTop: i, offsetHeight: h, offsetWidth: a }) {
+    const s = this.direction === "vertical" ? i : t, f = this.direction === "vertical" ? h : a;
+    if (this.lastScrollTop === s)
+      return;
+    const r = this.lastScrollTop >= s;
+    this.lastScrollTop = s;
+    const o = this.rowHeightService.index(n(s - this.topOffset)), c = this.rowHeightService.index(n(s + f - this.bottomOffset));
+    if (!r && c >= this.lastLoaded && this.lastLoaded < this.total && (this.firstLoaded = o, this.onScrollAction(new l(this.rowOffset(o))), this.lastLoaded = Math.min(this.firstLoaded + this.take, this.total), this.onPageAction(new d(this.firstLoaded))), r && o <= this.firstLoaded) {
+      const w = Math.floor(this.take * 0.3);
+      this.firstLoaded = n(o - w), this.onScrollAction(new l(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.offset(t) + this.topOffset;
+  }
+  rowsForHeight(t) {
+    return Math.ceil(t / this.rowHeightService.height(0));
+  }
+}
+export {
+  d as PageAction,
+  l as ScrollAction,
+  S as ScrollerService
+};

package/dist/es/PopupSettings.d.ts

@@ -1,14 +0,0 @@
-export interface DateInputsPopupSettings {
-    /**
-     * Controls the popup animation. By default, the open and close animations are enabled.
-     */
-    animate?: boolean;
-    /**
-     * Controls the popup container. By default, the popup is appended to the [`body`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/body) element.
-     */
-    appendTo?: HTMLElement;
-    /**
-     * Specifies a list of CSS classes that are used for styling the popup.
-     */
-    popupClass?: string;
-}

package/dist/es/PopupSettings.js

@@ -1 +0,0 @@
-export {};

package/dist/es/additionalTypes.ts

@@ -1,21 +0,0 @@
-// @ts-ignore
-import { DefineComponent } from 'vue';
-// @ts-ignore
-import * as Vue from 'vue';
-
-/**
- * @hidden
- */
-// @ts-ignore
-type Vue2type = Vue.default;
-
-/**
- * @hidden
- */
-// @ts-ignore
-import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
-/**
- * @hidden
- */
-// @ts-ignore
-export { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type };