@progress/kendo-react-dateinputs 8.3.0-develop.6 → 8.3.0-develop.8

package/timepicker/TimeSelector.mjs

@@ -8,14 +8,14 @@
 "use client";
 import * as a from "react";
 import t from "prop-types";
-import { cloneDate as c } from "@progress/kendo-date-math";
-import { Keys as h, classNames as E, getActiveElement as T } from "@progress/kendo-react-common";
-import { provideIntlService as _, provideLocalizationService as I, registerForIntl as S, registerForLocalization as x } from "@progress/kendo-react-intl";
-import { timePickerCancel as v, messages as g, timePickerSet as w } from "../messages/index.mjs";
-import { MIDNIGHT_DATE as A, MIN_TIME as K, MAX_TIME as M } from "../utils.mjs";
-import { getNow as d, valueMerger as R, generateGetters as F } from "./utils.mjs";
-import { TimePart as L } from "./TimePart.mjs";
-import { Button as b } from "@progress/kendo-react-buttons";
+import { cloneDate as u } from "@progress/kendo-date-math";
+import { Keys as h, classNames as m, uTimePicker as x, uTime as g, getActiveElement as A } from "@progress/kendo-react-common";
+import { provideIntlService as K, provideLocalizationService as M, registerForIntl as R, registerForLocalization as F } from "@progress/kendo-react-intl";
+import { timePickerCancel as y, messages as B, timePickerSet as D } from "../messages/index.mjs";
+import { MIDNIGHT_DATE as L, MIN_TIME as j, MAX_TIME as z } from "../utils.mjs";
+import { getNow as w, valueMerger as V, generateGetters as G } from "./utils.mjs";
+import { TimePart as H } from "./TimePart.mjs";
+import { Button as O } from "@progress/kendo-react-buttons";
 const r = class r extends a.Component {
   constructor(i) {
     super(i), this._element = null, this._cancelButton = null, this._acceptButton = null, this.timePart = null, this.focusActiveList = () => {
@@ -33,12 +33,12 @@ const r = class r extends a.Component {
       const { keyCode: n, shiftKey: o } = e;
       !o && n === h.tab && (e.preventDefault(), this.props.nowButton !== !1 ? this.timePart && this.timePart.focus({ preventScroll: !0 }, !0) : this.timePart && this.timePart.focus({ preventScroll: !0 }));
     }, this.handleNowKeyDown = (e) => {
-      var l;
+      var c;
       const { keyCode: n, shiftKey: o } = e;
-      o && n === h.tab ? (e.preventDefault(), this._acceptButton && ((l = this._acceptButton.element) == null || l.focus({ preventScroll: !0 }))) : n === h.enter && (e.stopPropagation(), this.handleNowClick(e));
+      o && n === h.tab ? (e.preventDefault(), this._acceptButton && ((c = this._acceptButton.element) == null || c.focus({ preventScroll: !0 }))) : n === h.enter && (e.stopPropagation(), this.handleNowClick(e));
     }, this.handleAccept = (e) => {
       const n = this.mergeValue(
-        c(this.value || d()),
+        u(this.value || w()),
         this.timePart ? this.timePart.value : this.current
       );
       this.setState({ value: n }), this.valueDuringOnChange = n;
@@ -55,8 +55,8 @@ const r = class r extends a.Component {
       n && n.call(void 0, e);
     }, this.handleNowClick = (e) => {
       const n = this.mergeValue(
-        c(this.value || d()),
-        d()
+        u(this.value || w()),
+        w()
       );
       this.setState({
         current: n,
@@ -75,8 +75,8 @@ const r = class r extends a.Component {
       n && n.call(void 0, {
         time: e
       });
-    }, this.dateFormatParts = this.intl.splitDateFormat(this.props.format || r.defaultProps.format), this.mergeValue = R(F(this.dateFormatParts)), this.hasActiveButton = this.hasActiveButton.bind(this), this.state = {
-      current: this.props.value || A,
+    }, this.dateFormatParts = this.intl.splitDateFormat(this.props.format || r.defaultProps.format), this.mergeValue = V(G(this.dateFormatParts)), this.hasActiveButton = this.hasActiveButton.bind(this), this.state = {
+      current: this.props.value || L,
       value: this.props.value || r.defaultProps.value
     };
   }
@@ -88,13 +88,13 @@ const r = class r extends a.Component {
   }
   get value() {
     const i = this.valueDuringOnChange !== void 0 ? this.valueDuringOnChange : this.props.value !== void 0 ? this.props.value : this.state.value;
-    return i !== null ? c(i) : null;
+    return i !== null ? u(i) : null;
   }
   get intl() {
-    return _(this);
+    return K(this);
   }
   get current() {
-    return this.state.current !== null ? c(this.state.current) : null;
+    return this.state.current !== null ? u(this.state.current) : null;
   }
   /**
    * @hidden
@@ -111,16 +111,17 @@ const r = class r extends a.Component {
       cancelButton: e,
       disabled: n,
       tabIndex: o,
-      className: l,
-      smoothScroll: k,
-      min: B,
-      max: y,
-      boundRange: C,
-      nowButton: D,
-      steps: O,
-      show: N,
-      mobileMode: P
-    } = this.props, f = I(this), m = f.toLanguageString(v, g[v]), p = f.toLanguageString(w, g[w]);
+      className: c,
+      smoothScroll: P,
+      min: N,
+      max: k,
+      boundRange: T,
+      nowButton: E,
+      steps: S,
+      show: _,
+      mobileMode: b,
+      unstyled: l
+    } = this.props, I = l && l.uTimePicker, d = l && l.uTime, C = M(this), f = C.toLanguageString(y, B[y]), v = C.toLanguageString(D, B[D]);
     return /* @__PURE__ */ a.createElement(
       "div",
       {
@@ -128,13 +129,18 @@ const r = class r extends a.Component {
           this._element = s;
         },
         tabIndex: n ? void 0 : o || 0,
-        className: E("k-timeselector k-timeselector-md", l, {
-          "k-disabled": n
-        }),
+        className: m(
+          x.timeSelector({
+            c: I,
+            mobileMode: b,
+            disabled: n
+          }),
+          c
+        ),
         onKeyDown: this.handleKeyDown
       },
       /* @__PURE__ */ a.createElement(
-        L,
+        H,
         {
           ref: (s) => {
             this.timePart = s;
@@ -143,46 +149,47 @@ const r = class r extends a.Component {
           onChange: this.handleChange,
           onNowClick: this.handleNowClick,
           format: i,
-          smoothScroll: k,
-          min: B,
-          max: y,
-          boundRange: C,
+          smoothScroll: P,
+          min: N,
+          max: k,
+          boundRange: T,
           disabled: n,
-          nowButton: D,
-          steps: O,
-          show: N,
-          mobileMode: P,
-          onNowKeyDown: this.handleNowKeyDown
+          nowButton: E,
+          steps: S,
+          show: _,
+          mobileMode: b,
+          onNowKeyDown: this.handleNowKeyDown,
+          unstyled: l
         }
       ),
-      this.props.footer && /* @__PURE__ */ a.createElement("div", { className: "k-time-footer k-actions k-actions-stretched k-actions-horizontal" }, e && /* @__PURE__ */ a.createElement(
-        b,
+      this.props.footer && /* @__PURE__ */ a.createElement("div", { className: m(g.footer({ c: d })) }, e && /* @__PURE__ */ a.createElement(
+        O,
         {
           type: "button",
           ref: (s) => {
             this._cancelButton = s;
           },
-          className: "k-time-cancel",
+          className: m(g.cancel({ c: d })),
           onClick: this.handleReject,
-          title: m,
-          "aria-label": m
+          title: f,
+          "aria-label": f
         },
-        m
+        f
       ), /* @__PURE__ */ a.createElement(
-        b,
+        O,
         {
           type: "button",
           ref: (s) => {
             this._acceptButton = s;
           },
-          className: "k-time-accept",
+          className: m(g.accept({ c: d })),
           themeColor: "primary",
           onClick: this.handleAccept,
           onKeyDown: this.revertToNowButton,
-          title: p,
-          "aria-label": p
+          title: v,
+          "aria-label": v
         },
-        p
+        v
       ))
     );
   }
@@ -192,7 +199,7 @@ const r = class r extends a.Component {
   hasActiveButton() {
     if (!this._acceptButton || !this._acceptButton.element)
       return !1;
-    const i = T(document);
+    const i = A(document);
     return this._acceptButton && i === this._acceptButton.element || this._cancelButton && i === this._cancelButton.element;
   }
 };
@@ -237,14 +244,14 @@ r.propTypes = {
   disabled: !1,
   cancelButton: !0,
   format: "t",
-  min: K,
-  max: M,
+  min: j,
+  max: z,
   boundRange: !1,
   footer: !0
 };
-let u = r;
-S(u);
-x(u);
+let p = r;
+R(p);
+F(p);
 export {
-  u as TimeSelector
+  p as TimeSelector
 };

package/virtualization/Virtualization.js

@@ -5,4 +5,4 @@
  * 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"),d=require("@progress/kendo-react-common"),w=require("./services/ScrollerService.js");function H(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=H(b),P=(r,e,t)=>Math.min(Math.abs(e-r),t),T=17,O=10,A={1:r=>e=>e+r,0:r=>e=>e-r},x={1:r=>e=>Math.min(e,r),0:r=>e=>Math.max(e,r)},I={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)<O||(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=A[o](f),p=x[o](l),g=I[o](a(l)),m=v=>{this.animationInProgress=!0;const S=a(v);this.scrollTo(p(S)),g(S)?this.cancelAnimation=window.requestAnimationFrame(()=>{m(S)}):this.animationInProgress=!1};this.cancelAnimation=window.requestAnimationFrame(()=>{m(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/T)},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=P(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 d.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 w.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=d.classNames("k-content k-scrollable",{"k-scrollable-horizontal":this.direction==="horizontal"},this.props.className),o=d.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 u=c;exports.Virtualization=u;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("react"),s=require("prop-types"),d=require("@progress/kendo-react-common"),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 g=P(w),T=(r,e,t)=>Math.min(Math.abs(e-r),t),C=17,O=10,A={1:r=>e=>e+r,0:r=>e=>e-r},x={1:r=>e=>Math.min(e,r),0:r=>e=>Math.max(e,r)},I={1:r=>e=>e<r,0:r=>e=>e>r},a=class a extends g.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)<O||(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 h=this.scrollStep(n,l),c=A[o](h),f=x[o](l),u=I[o](c(l)),m=p=>{this.animationInProgress=!0;const S=c(p);this.scrollTo(f(S)),u(S)?this.cancelAnimation=window.requestAnimationFrame(()=>{m(S)}):this.animationInProgress=!1};this.cancelAnimation=window.requestAnimationFrame(()=>{m(n)})},this.scrollToBottom=()=>{this.rowHeightService&&this.scrollTo(this.rowHeightService.totalHeight()+this.props.bottomOffset)},this.scrollStep=(t,i)=>{const o=this.props.scrollDuration||a.defaultProps.scrollDuration;return Math.abs(i-t)/(o/C)},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,h=T(o,t,this.props.maxScrollDifference||0),c=Math.min(t,n);return{start:Math.min(Math.max(c+l*h,0),n),end:c}},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 d.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(g.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:a.defaultProps.direction}get scrollOffsetSize(){return this.props.scrollOffsetSize!==void 0?this.props.scrollOffsetSize:a.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(){const{total:e,take:t,bottomOffset:i,className:o,tabIndex:n,role:l,children:h,unstyled:c}=this.props,f=c&&c.uCalendar;(this.lastTotal!==e||this.lastDirection!==this.direction||this.lastTake!==t)&&(this.initServices(),this.lastTotal=e,this.lastDirection=this.direction,this.lastTake=t);const u=`${(this.rowHeightService?this.rowHeightService.totalHeight():0)+i}`,m=this.direction==="vertical"?{height:`${u}px`}:{width:`${u}px`},p=d.classNames(d.uCalendar.scrollable({c:f,horizontal:this.direction==="horizontal"}),o),S=d.classNames(d.uCalendar.scrollablePlaceholder({c:f,horizontal:this.direction==="horizontal"}));return g.createElement("div",{ref:b=>{this.scrollContainer=b},onScroll:this.handleScroll,className:p,tabIndex:n,role:l},h,g.createElement("div",{style:m,className:S}))}};a.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},a.defaultProps={direction:"vertical",forceScroll:!1,scrollOffsetSize:0,maxScrollDifference:100,scrollDuration:100};let v=a;exports.Virtualization=v;

package/virtualization/Virtualization.mjs

@@ -6,27 +6,27 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import * as a from "react";
+import * as u from "react";
 import o from "prop-types";
-import { RowHeightService as w, classNames as m } from "@progress/kendo-react-common";
-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 = {
+import { RowHeightService as b, classNames as p, uCalendar as v } from "@progress/kendo-react-common";
+import { ScrollerService as P } from "./services/ScrollerService.mjs";
+const T = (s, i, t) => Math.min(Math.abs(i - s), t), A = 17, C = 10, x = {
   1: (s) => (i) => i + s,
   0: (s) => (i) => i - s
-}, A = {
+}, I = {
   1: (s) => (i) => Math.min(i, s),
   0: (s) => (i) => Math.max(i, s)
-}, I = {
+}, M = {
   1: (s) => (i) => i < s,
   0: (s) => (i) => i > s
-}, c = class c extends a.Component {
+}, a = class a extends u.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.restrictScroll && e === "scrollTop" && (!Number.isInteger(r) || !Number.isInteger(t)) && Math.abs(r - t) < C || (this.scrollContainer[e] = t);
     }, this.scrollToIndex = (t) => {
       this.animationInProgress = !1, this.rowHeightService && this.scrollTo(this.rowHeightService.offset(t));
     }, this.animateToIndex = (t) => {
@@ -37,30 +37,30 @@ const H = (s, i, t) => Math.min(Math.abs(i - s), t), P = 17, T = 10, x = {
       let { start: n, end: l } = this.scrollRange(e, r);
       if (n === l)
         return;
-      const f = this.scrollStep(n, l), h = x[r](f), d = A[r](l), u = I[r](h(l)), p = (v) => {
+      const h = this.scrollStep(n, l), c = x[r](h), f = I[r](l), d = M[r](c(l)), m = (g) => {
         this.animationInProgress = !0;
-        const S = h(v);
-        this.scrollTo(d(S)), u(S) ? this.cancelAnimation = window.requestAnimationFrame(() => {
-          p(S);
+        const S = c(g);
+        this.scrollTo(f(S)), d(S) ? this.cancelAnimation = window.requestAnimationFrame(() => {
+          m(S);
         }) : this.animationInProgress = !1;
       };
       this.cancelAnimation = window.requestAnimationFrame(() => {
-        p(n);
+        m(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);
+      const r = this.props.scrollDuration || a.defaultProps.scrollDuration;
+      return Math.abs(e - t) / (r / A);
     }, 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 };
+      const n = this.containerMaxScroll(), l = e === 0 ? 1 : -1, h = T(r, t, this.props.maxScrollDifference || 0), c = Math.min(t, n);
+      return { start: Math.min(Math.max(c + l * h, 0), n), end: c };
     }, 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(
+      e !== void 0 && (this.rowHeightService = new b(t.total, e, 0), this.scrollerService.create(
         this.rowHeightService,
         t.skip,
         t.take,
@@ -91,10 +91,10 @@ const H = (s, i, t) => Math.min(Math.abs(i - s), t), P = 17, T = 10, x = {
       this.scrollAction = t;
     }, this.handlePageAction = (t) => {
       this.pageAction = t;
-    }, this.scrollerService = new b(
+    }, this.scrollerService = new P(
       this.handleScrollAction,
       this.handlePageAction
-    ), this.restrictScroll = Number.parseFloat(a.version) > 17;
+    ), this.restrictScroll = Number.parseFloat(u.version) > 17;
   }
   get element() {
     return this.scrollContainer;
@@ -109,10 +109,10 @@ const H = (s, i, t) => Math.min(Math.abs(i - s), t), P = 17, T = 10, x = {
     return this.getContainerProperty(this.direction === "vertical" ? "scrollTop" : "scrollLeft");
   }
   get direction() {
-    return this.props.direction !== void 0 ? this.props.direction : c.defaultProps.direction;
+    return this.props.direction !== void 0 ? this.props.direction : a.defaultProps.direction;
   }
   get scrollOffsetSize() {
-    return this.props.scrollOffsetSize !== void 0 ? this.props.scrollOffsetSize : c.defaultProps.scrollOffsetSize;
+    return this.props.scrollOffsetSize !== void 0 ? this.props.scrollOffsetSize : a.defaultProps.scrollOffsetSize;
   }
   activeIndex() {
     return this.itemIndex(Math.ceil(this.containerScrollPosition));
@@ -137,42 +137,43 @@ const H = (s, i, t) => Math.min(Math.abs(i - s), t), P = 17, T = 10, x = {
     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"
-      }
+    const { total: i, take: t, bottomOffset: e, className: r, tabIndex: n, role: l, children: h, unstyled: c } = this.props, f = c && c.uCalendar;
+    (this.lastTotal !== i || this.lastDirection !== this.direction || this.lastTake !== t) && (this.initServices(), this.lastTotal = i, this.lastDirection = this.direction, this.lastTake = t);
+    const d = `${(this.rowHeightService ? this.rowHeightService.totalHeight() : 0) + e}`, m = this.direction === "vertical" ? { height: `${d}px` } : { width: `${d}px` }, g = p(
+      v.scrollable({
+        c: f,
+        horizontal: this.direction === "horizontal"
+      }),
+      r
+    ), S = p(
+      v.scrollablePlaceholder({
+        c: f,
+        horizontal: this.direction === "horizontal"
+      })
     );
-    return /* @__PURE__ */ a.createElement(
+    return /* @__PURE__ */ u.createElement(
       "div",
       {
-        ref: (n) => {
-          this.scrollContainer = n;
+        ref: (H) => {
+          this.scrollContainer = H;
         },
         onScroll: this.handleScroll,
-        className: e,
-        tabIndex: this.props.tabIndex,
-        role: this.props.role
+        className: g,
+        tabIndex: n,
+        role: l
       },
-      this.props.children,
-      /* @__PURE__ */ a.createElement(
+      h,
+      /* @__PURE__ */ u.createElement(
         "div",
         {
-          style: t,
-          className: r
+          style: m,
+          className: S
         }
       )
     );
   }
 };
-c.propTypes = {
+a.propTypes = {
   bottomOffset: o.number.isRequired,
   className: o.string,
   direction: o.oneOf(["horizontal", "vertical"]),
@@ -190,14 +191,14 @@ c.propTypes = {
   topOffset: o.number.isRequired,
   total: o.number.isRequired,
   role: o.string
-}, c.defaultProps = {
+}, a.defaultProps = {
   direction: "vertical",
   forceScroll: !1,
   scrollOffsetSize: 0,
   maxScrollDifference: 100,
   scrollDuration: 100
 };
-let g = c;
+let w = a;
 export {
-  g as Virtualization
+  w as Virtualization
 };