@progress/kendo-vue-dateinputs 8.0.3-develop.2 → 8.0.3-develop.3

package/virtualization/Virtualization.d.ts

@@ -0,0 +1,186 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { ScrollAction, PageAction } from './services/main';
+/**
+ * @hidden
+ */
+export interface ScrollActionArguments {
+    index: number;
+    target: HTMLDivElement | null;
+    scrollAction?: ScrollAction;
+    pageAction?: PageAction;
+    animationInProgress: boolean;
+}
+/**
+ * @hidden
+ */
+export declare enum ScrollDirection {
+    Backward = 0,
+    Forward = 1
+}
+/**
+ * @hidden
+ */
+export type Direction = 'horizontal' | 'vertical';
+/**
+ * @hidden
+ */
+export interface VirtualizationComputed {
+    [key: string]: any;
+    element: HTMLDivElement | null;
+}
+/**
+ * @hidden
+ */
+export interface VirtualizationProps {
+    bottomOffset: number;
+    direction?: String;
+    forceScroll?: boolean;
+    itemHeight?: number;
+    itemWidth?: number;
+    maxScrollDifference?: number;
+    scrollOffsetSize?: number;
+    scrollDuration?: number;
+    skip: number;
+    tabIndex?: number;
+    take: number;
+    topOffset: number;
+    total: number;
+    role?: string;
+}
+/**
+ * @hidden
+ */
+declare const Virtualization: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    bottomOffset: {
+        type: NumberConstructor;
+        required: true;
+    };
+    direction: {
+        type: StringConstructor;
+        default: () => string;
+    };
+    forceScroll: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    itemHeight: NumberConstructor;
+    itemWidth: NumberConstructor;
+    maxScrollDifference: {
+        type: NumberConstructor;
+        default: number;
+    };
+    scrollDuration: {
+        type: NumberConstructor;
+        default: number;
+    };
+    scrollOffsetSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+    skip: {
+        type: NumberConstructor;
+        required: true;
+    };
+    tabIndex: NumberConstructor;
+    take: {
+        type: NumberConstructor;
+        required: true;
+    };
+    topOffset: {
+        type: NumberConstructor;
+        required: true;
+    };
+    total: {
+        type: NumberConstructor;
+        required: true;
+    };
+    role: StringConstructor;
+}>, {}, {}, {
+    element(): HTMLDivElement | null;
+}, {
+    containerOffsetSize(): number;
+    containerScrollSize(): number;
+    containerScrollPosition(): number;
+    activeIndex(): number;
+    itemIndex(offset: number): number;
+    itemOffset(index: number): number;
+    isIndexVisible(index: number): boolean;
+    isListScrolled(index: number): boolean;
+    scrollTo(value: number): void;
+    scrollToIndex(index: number): void;
+    animateToIndex(index: number): void;
+    scrollToBottom(): void;
+    scrollStep(start: number, end: number): number;
+    scrollRange(indexOffset: number, direction: ScrollDirection): any;
+    containerMaxScroll(): number;
+    getContainerScrollDirection(indexOffset: number): ScrollDirection;
+    initServices(newProps?: any): void;
+    getContainerProperty(propertyName: string): number;
+    handleScroll(event: any): void;
+    handleScrollAction(action: ScrollAction): void;
+    handlePageAction(action: PageAction): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    scroll: (event: any) => true;
+    scrollaction: (event: any) => true;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    bottomOffset: {
+        type: NumberConstructor;
+        required: true;
+    };
+    direction: {
+        type: StringConstructor;
+        default: () => string;
+    };
+    forceScroll: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    itemHeight: NumberConstructor;
+    itemWidth: NumberConstructor;
+    maxScrollDifference: {
+        type: NumberConstructor;
+        default: number;
+    };
+    scrollDuration: {
+        type: NumberConstructor;
+        default: number;
+    };
+    scrollOffsetSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+    skip: {
+        type: NumberConstructor;
+        required: true;
+    };
+    tabIndex: NumberConstructor;
+    take: {
+        type: NumberConstructor;
+        required: true;
+    };
+    topOffset: {
+        type: NumberConstructor;
+        required: true;
+    };
+    total: {
+        type: NumberConstructor;
+        required: true;
+    };
+    role: StringConstructor;
+}>> & Readonly<{
+    onScroll?: (event: any) => any;
+    onScrollaction?: (event: any) => any;
+}>, {
+    direction: string;
+    forceScroll: boolean;
+    maxScrollDifference: number;
+    scrollDuration: number;
+    scrollOffsetSize: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { Virtualization };

package/virtualization/Virtualization.js

@@ -5,4 +5,4 @@
  * 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:t=>!0,scrollaction:t=>!0},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;
+"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:t=>!0,scrollaction:t=>!0},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

@@ -9,9 +9,9 @@ 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) {
+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

package/virtualization/services/RowHeightService.d.ts

@@ -0,0 +1,25 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * @hidden
+ */
+export declare class RowHeightService {
+    private total;
+    private rowHeight;
+    private detailRowHeight;
+    private offsets;
+    private heights;
+    constructor(total: number, rowHeight: number, detailRowHeight: number);
+    height(rowIndex: number): number;
+    expandDetail(rowIndex: number): void;
+    collapseDetail(rowIndex: number): void;
+    index(position: number): number;
+    offset(rowIndex: number): number;
+    totalHeight(): number;
+    private updateRowHeight;
+}

package/virtualization/services/ScrollerService.d.ts

@@ -0,0 +1,56 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { RowHeightService } from './RowHeightService';
+/**
+ * @hidden
+ */
+export declare class ScrollAction {
+    offset: number;
+    constructor(offset: number);
+}
+/**
+ * @hidden
+ */
+export declare class PageAction {
+    skip: number;
+    constructor(skip: number);
+}
+/**
+ * @hidden
+ */
+export type ScrollElement = {
+    offsetHeight: number;
+    offsetWidth: number;
+    scrollLeft: number;
+    scrollTop: number;
+};
+/**
+ * @hidden
+ */
+export type Action = ScrollAction | PageAction;
+/**
+ * @hidden
+ */
+export declare class ScrollerService {
+    private onScrollAction;
+    private onPageAction;
+    private direction;
+    private firstLoaded;
+    private lastLoaded;
+    private lastScrollTop;
+    private take;
+    private total;
+    private rowHeightService;
+    private bottomOffset;
+    private topOffset;
+    constructor(onScrollAction: (action: ScrollAction) => void, onPageAction: (action: PageAction) => void);
+    create(rowHeightService: RowHeightService, skip: number, take: number, total: number, topOffset?: number, bottomOffset?: number, direction?: 'horizontal' | 'vertical'): void;
+    onScroll({ scrollLeft, scrollTop, offsetHeight, offsetWidth }: ScrollElement): void;
+    rowOffset(index: number): number;
+    private rowsForHeight;
+}

package/virtualization/services/main.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { RowHeightService } from './RowHeightService';
+import { PageAction, ScrollAction, ScrollElement, ScrollerService } from './ScrollerService';
+export { PageAction, type ScrollElement, RowHeightService, ScrollAction, ScrollerService };