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

package/index.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 e=require("./calendar/components/Calendar.js"),r=require("./dateinput/DateInput.js"),a=require("./datepicker/DatePicker.js"),i=require("./timepicker/TimePicker.js"),t=require("./daterangepicker/DateRangePicker.js"),n=require("./calendar/components/CalendarCell.js"),l=require("./calendar/components/CalendarWeekCell.js"),c=require("./calendar/components/CalendarHeaderTitle.js"),u=require("./calendar/models/CalendarViewEnum.js"),o=require("./datetimepicker/DateTimePicker.js"),C=require("./datepicker/ToggleButton.js"),d=require("./common/PickerWrap.js");exports.Calendar=e.Calendar;exports.DateInput=r.DateInput;exports.DatePicker=a.DatePicker;exports.TimePicker=i.TimePicker;exports.DateRangePicker=t.DateRangePicker;exports.CalendarCell=n.CalendarCell;exports.CalendarWeekCell=l.CalendarWeekCell;exports.CalendarHeaderTitle=c.CalendarHeaderTitle;exports.CalendarViewEnum=u.CalendarViewEnum;exports.DateTimePicker=o.DateTimePicker;exports.ToggleButton=C.ToggleButton;exports.PickerWrap=d.PickerWrap;

package/index.mjs

@@ -0,0 +1,33 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { Calendar as o } from "./calendar/components/Calendar.mjs";
+import { DateInput as a } from "./dateinput/DateInput.mjs";
+import { DatePicker as p } from "./datepicker/DatePicker.mjs";
+import { TimePicker as x } from "./timepicker/TimePicker.mjs";
+import { DateRangePicker as i } from "./daterangepicker/DateRangePicker.mjs";
+import { CalendarCell as C } from "./calendar/components/CalendarCell.mjs";
+import { CalendarWeekCell as k } from "./calendar/components/CalendarWeekCell.mjs";
+import { CalendarHeaderTitle as P } from "./calendar/components/CalendarHeaderTitle.mjs";
+import { CalendarViewEnum as T } from "./calendar/models/CalendarViewEnum.mjs";
+import { DateTimePicker as u } from "./datetimepicker/DateTimePicker.mjs";
+import { ToggleButton as w } from "./datepicker/ToggleButton.mjs";
+import { PickerWrap as E } from "./common/PickerWrap.mjs";
+export {
+  o as Calendar,
+  C as CalendarCell,
+  P as CalendarHeaderTitle,
+  T as CalendarViewEnum,
+  k as CalendarWeekCell,
+  a as DateInput,
+  p as DatePicker,
+  i as DateRangePicker,
+  u as DateTimePicker,
+  E as PickerWrap,
+  x as TimePicker,
+  w as ToggleButton
+};

package/messages/main.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 e="calendar.prevView",t="calendar.nextView",a="dateinput.increment",c="dateinput.decrement",i="calendar.today",r="datepicker.toggleCalendar",o="daterangepicker.swapStartEnd",n="daterangepicker.start",l="daterangepicker.end",s="daterangepicker.separator",d="datetimepicker.toggleDateTimeSelector",g="timepicker.now",m="timepicker.selectNow",p="timepicker.cancel",k="timepicker.set",S="timepicker.toggleTimeSelector",w="timepicker.toggleClock",T="datetimepicker.date",u="datetimepicker.time",C="datetimepicker.cancel",v="datetimepicker.set",V={[i]:"Today",[g]:"NOW",[k]:"Set",[p]:"Cancel",[T]:"Date",[u]:"Time",[C]:"Cancel",[v]:"Set",[n]:"Start",[l]:"End",[s]:" ",[m]:"Select Now",[S]:"Toggle TimeSelector",[w]:"Toggle Clock",[a]:"Increase value",[c]:"Decrease value",[r]:"Toggle calendar",[e]:"Navigate to previous view",[t]:"Navigate to next view",[o]:"Swap start and end values",[d]:"Toggle date-time selector"};exports.date=T;exports.dateTimePickerCancel=C;exports.dateTimePickerSet=v;exports.decreaseValue=c;exports.end=l;exports.increaseValue=a;exports.messages=V;exports.nextView=t;exports.now=g;exports.prevView=e;exports.selectNow=m;exports.separator=s;exports.start=n;exports.swapStartEnd=o;exports.time=u;exports.timePickerCancel=p;exports.timePickerSet=k;exports.today=i;exports.toggleCalendar=r;exports.toggleClock=w;exports.toggleDateTimeSelector=d;exports.toggleTimeSelector=S;

package/messages/main.mjs

@@ -0,0 +1,54 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+const e = "calendar.prevView", t = "calendar.nextView", a = "dateinput.increment", c = "dateinput.decrement", i = "calendar.today", n = "datepicker.toggleCalendar", o = "daterangepicker.swapStartEnd", r = "daterangepicker.start", s = "daterangepicker.end", l = "daterangepicker.separator", d = "datetimepicker.toggleDateTimeSelector", g = "timepicker.now", m = "timepicker.selectNow", p = "timepicker.cancel", k = "timepicker.set", w = "timepicker.toggleTimeSelector", S = "timepicker.toggleClock", T = "datetimepicker.date", v = "datetimepicker.time", C = "datetimepicker.cancel", u = "datetimepicker.set", N = {
+  [i]: "Today",
+  [g]: "NOW",
+  [k]: "Set",
+  [p]: "Cancel",
+  [T]: "Date",
+  [v]: "Time",
+  [C]: "Cancel",
+  [u]: "Set",
+  [r]: "Start",
+  [s]: "End",
+  [l]: " ",
+  [m]: "Select Now",
+  [w]: "Toggle TimeSelector",
+  [S]: "Toggle Clock",
+  [a]: "Increase value",
+  [c]: "Decrease value",
+  [n]: "Toggle calendar",
+  [e]: "Navigate to previous view",
+  [t]: "Navigate to next view",
+  [o]: "Swap start and end values",
+  [d]: "Toggle date-time selector"
+};
+export {
+  T as date,
+  C as dateTimePickerCancel,
+  u as dateTimePickerSet,
+  c as decreaseValue,
+  s as end,
+  a as increaseValue,
+  N as messages,
+  t as nextView,
+  g as now,
+  e as prevView,
+  m as selectNow,
+  l as separator,
+  r as start,
+  o as swapStartEnd,
+  v as time,
+  p as timePickerCancel,
+  k as timePickerSet,
+  i as today,
+  n as toggleCalendar,
+  S as toggleClock,
+  d as toggleDateTimeSelector,
+  w as toggleTimeSelector
+};

package/package-metadata.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 e={name:"@progress/kendo-vue-dateinputs",productName:"Kendo UI for Vue",productCodes:["KENDOUIVUE","KENDOUICOMPLETE"],publishDate:1641551183,version:"",licensingDocsUrl:"https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning"};exports.packageMetadata=e;

package/package-metadata.mjs

@@ -0,0 +1,18 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+const e = {
+  name: "@progress/kendo-vue-dateinputs",
+  productName: "Kendo UI for Vue",
+  productCodes: ["KENDOUIVUE", "KENDOUICOMPLETE"],
+  publishDate: 1731077701,
+  version: "",
+  licensingDocsUrl: "https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning"
+};
+export {
+  e as packageMetadata
+};

package/package.json

@@ -1,74 +1,44 @@
 {
   "name": "@progress/kendo-vue-dateinputs",
-  "description": "Kendo UI for Vue Date Inputs package",
-  "version": "5.3.0-dev.202409130647",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/telerik/kendo-vue.git"
-  },
-  "main": "dist/npm/main.js",
-  "types": "dist/npm/main.d.ts",
-  "module": "dist/es/main.js",
-  "jsnext:main": "dist/es/main.js",
+  "version": "5.3.0-develop.1",
+  "description": "TODO",
+  "author": "Progress",
+  "license": "SEE LICENSE IN LICENSE.md",
+  "homepage": "https://www.telerik.com/kendo-vue-ui",
+  "main": "./index.js",
+  "types": "./index.d.ts",
   "exports": {
-    "node": "./dist/esm/main.js",
-    "import": "./dist/es/main.js",
-    "require": "./dist/npm/main.js",
-    "default": "./dist/npm/main.js"
+    ".": {
+      "import": "./index.mjs",
+      "require": "./index.js"
+    }
   },
-  "scripts": {
-    "build-package": "gulp build-package",
-    "start": "gulp start --notsc",
-    "test": "cd ../../ && npm run test -- --testPathPattern=/packages/dateinputs/.*",
-    "e2e": "cd ../../ && npx jest --maxWorkers=4 --config jest.config.e2e.js packages/dateinputs"
+  "sideEffects": false,
+  "peerDependencies": {
+    "@progress/kendo-licensing": "^1.3.4",
+    "@progress/kendo-vue-common": "5.3.0-develop.1",
+    "vue": "^3.0.2"
   },
+  "dependencies": {},
   "keywords": [
     "Kendo UI",
     "Vue",
     "Progress",
-    "KendoVue",
-    "vuejs",
+    "Dateinputs",
     "UI",
     "components",
     "Vue component",
-    "Telerik",
-    "Date Inputs",
-    "Vue component",
-    "Telerik",
-    "DatePicker",
-    "form valildation",
-    "date",
-    "picker",
-    "datetime",
-    "calendar"
+    "Telerik"
   ],
   "@progress": {
-    "friendlyName": "Date Inputs",
+    "friendlyName": "Dateinputs",
     "framework": "Kendo UI for Vue"
   },
-  "peerDependencies": {
-    "@progress/kendo-licensing": "^1.3.0",
-    "@progress/kendo-svg-icons": "^3.0.0",
-    "@progress/kendo-vue-intl": "^5.0.0",
-    "vue": "^2.6.12 || ^3.0.2"
-  },
-  "dependencies": {
-    "@progress/kendo-date-math": "1.5.13",
-    "@progress/kendo-vue-buttons": "5.3.0-dev.202409130647",
-    "@progress/kendo-vue-common": "5.3.0-dev.202409130647",
-    "@progress/kendo-vue-labels": "5.3.0-dev.202409130647",
-    "@progress/kendo-vue-popup": "5.3.0-dev.202409130647"
-  },
-  "devDependencies": {
-    "@progress/kendo-data-query": "^1.7.0",
-    "@progress/kendo-licensing": "^1.3.0",
-    "@progress/kendo-svg-icons": "^3.0.0",
-    "@progress/kendo-vue-dropdowns": "5.3.0-dev.202409130647",
-    "@progress/kendo-vue-intl": "5.3.0-dev.202409130647"
-  },
-  "author": "Progress",
-  "license": "SEE LICENSE IN LICENSE.md",
   "publishConfig": {
     "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/telerik/kendo-react.git"
   }
-}
+}

package/timepicker/TimeList.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=require("vue"),c=require("@progress/kendo-date-math"),o=require("@progress/kendo-vue-common"),m=require("@progress/kendo-vue-intl"),f=require("../virtualization/Virtualization.js"),l=require("./models/TimePart.js"),v=require("./services/DayPeriodService.js"),g=require("./services/DOMService.js"),$=require("./services/HoursService.js"),S=require("./services/MinutesService.js"),T=require("./services/SecondsService.js"),u=require("../utils.js");function y(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!n.isVNode(e)}const x=2,d=.05,I=0,b={[o.Keys.end]:(e,t)=>e[e.length-1],[o.Keys.home]:(e,t)=>e[0],[o.Keys.up]:(e,t)=>e[t-1],[o.Keys.down]:(e,t)=>e[t+1]},p={[l.TIME_PART.dayperiod]:v.DayPeriodService,[l.TIME_PART.hour]:$.HoursService,[l.TIME_PART.minute]:S.MinutesService,[l.TIME_PART.second]:T.SecondsService},O=n.defineComponent({name:"KendoTimeList",emits:{change:null,focus:null,blur:null},props:{id:Number,boundRange:{type:Boolean,default:!1},max:{type:Date,default:function(){return u.MAX_TIME}},min:{type:Date,default:function(){return u.MIDNIGHT_DATE}},part:Object,step:{type:Number,default:1},value:Date,smoothScroll:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1}},inject:{kendoIntlService:{default:null}},data(){return{animateToIndex:!1}},created(){this.topOffset=void 0,this.dom=new g.DOMService},computed:{animate(){return!!(this.$props.smoothScroll&&this.animateToIndex)}},mounted(){this.virtualization=this.$refs.virtualization,Promise.resolve().then(()=>{this.$el&&(this.dom.calculateHeights(this.$el),this.$forceUpdate())})},updated(){if(!this.$refs.virtualization)return;this.virtualization=this.$refs.virtualization;const e=this.service.selectedIndex(this.$props.value);this.virtualization[this.animate?"animateToIndex":"scrollToIndex"](e),this.animateToIndex=!0},setup(){return{kendoIntlService:n.inject("kendoIntlService",{})}},render(){let e;if(!this.$props.part.type||!p[this.$props.part.type])return;this.calculateHeights(),this.intl=m.provideIntlService(this),this.service=new p[this.$props.part.type](this.intl),this.configureServices();const t=this.service.data(this.$props.value),i="translateY("+this.topOffset+"px)",s=this.service.total(this.$props.value),r=function(){return n.createVNode("ul",{style:{transform:i,msTransform:i},class:"k-reset"},[t.map(function(a,h){return n.createVNode("li",{key:h,class:"k-item",onClick:()=>{this.handleChange(a)}},[n.createVNode("span",null,[a.text])])},this)])};return n.createVNode("div",{class:"k-time-list",id:String(this.$props.id||""),tabindex:this.$props.disabled?-1:0,onKeydown:this.handleKeyDown,onFocusin:this.handleFocus,onFocusout:this.handleBlur,onMouseover:this.handleMouseOver},[this.dom.didCalculate?n.createVNode(f.Virtualization,{bottomOffset:this.bottomOffset,class:"k-time-container",itemHeight:this.itemHeight,maxScrollDifference:this.listHeight,onScrollaction:this.handleScrollAction,ref:"virtualization",role:"presentation",skip:I,tabIndex:-1,take:s,topOffset:this.topOffset,total:s},y(e=r.call(this))?e:{default:()=>[e]}):n.createVNode("div",{class:"k-time-container"},[r.call(this)])])},methods:{focus(e){Promise.resolve().then(()=>{this.$el&&this.$el.focus(e)})},itemOffset(e){if(!this.virtualization)return-1;const t=this.service.selectedIndex(this.$props.value),i=this.virtualization.activeIndex(),s=this.virtualization.itemOffset(i),r=Math.abs(Math.ceil(e)-s);if(t===i&&r<x)return s;const a=t>i;return a&&r>=this.bottomThreshold||!a&&r>this.topThreshold?this.virtualization.itemOffset(i+1):s},calculateHeights(){this.dom.didCalculate&&(this.itemHeight=this.dom.itemHeight,this.listHeight=this.dom.timeListHeight,this.topOffset=(this.listHeight-this.itemHeight)/2,this.bottomOffset=this.listHeight-this.itemHeight,this.topThreshold=this.itemHeight*d,this.bottomThreshold=this.itemHeight*(1-d))},configureServices(e){let{min:t,max:i,value:s}=e||this.$props;const[r,a]=this.service.limitRange(t||this.$props.min,i||this.$props.max,s||this.$props.value);this.service.configure(this.serviceSettings({min:r,max:a}))},serviceSettings(e){const t={boundRange:this.$props.boundRange,insertUndividedMax:!1,min:c.cloneDate(this.$props.min),max:c.cloneDate(this.$props.max),part:this.$props.part,step:this.$props.step},i=Object.assign({},t,e);return i.boundRange=i.part.type!=="hour"||this.$props.boundRange,i},handleScrollAction({target:e,animationInProgress:t}){if(this.virtualization&&e&&!t){this.animateToIndex=!1;const i=this.virtualization.itemIndex(this.itemOffset(e.scrollTop)),s=this.service.data(this.$props.value)[i];this.handleChange(s)}},handleFocus(e){this.$emit("focus",e)},handleBlur(e){this.$emit("blur",e)},handleMouseOver(){this.$el&&o.canUseDOM&&document.activeElement!==this.$el&&this.$el.focus({preventScroll:!0})},handleKeyDown(e){const{keyCode:t}=e;(t===o.Keys.down||t===o.Keys.up||t===o.Keys.end||t===o.Keys.home)&&e.preventDefault();const s=(b[e.keyCode]||o.noop)(this.service.data(this.$props.value),this.service.selectedIndex(this.$props.value));s&&this.handleChange(s)},handleChange(e){const t=this.service.apply(this.$props.value,e.value);this.$props.value.getTime()!==t.getTime()&&(this.currentValue=t,this.$emit("change",t))}}});exports.TimeList=O;

package/timepicker/TimeList.mjs

@@ -0,0 +1,235 @@
+/**
+ * @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 d, inject as m, createVNode as a, isVNode as f } from "vue";
+import { cloneDate as c } from "@progress/kendo-date-math";
+import { Keys as n, canUseDOM as v, noop as g } from "@progress/kendo-vue-common";
+import { provideIntlService as $ } from "@progress/kendo-vue-intl";
+import { Virtualization as x } from "../virtualization/Virtualization.mjs";
+import { TIME_PART as l } from "./models/TimePart.mjs";
+import { DayPeriodService as S } from "./services/DayPeriodService.mjs";
+import { DOMService as I } from "./services/DOMService.mjs";
+import { HoursService as T } from "./services/HoursService.mjs";
+import { MinutesService as b } from "./services/MinutesService.mjs";
+import { SecondsService as y } from "./services/SecondsService.mjs";
+import { MAX_TIME as O, MIDNIGHT_DATE as H } from "../utils.mjs";
+function k(t) {
+  return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !f(t);
+}
+const D = 2, u = 0.05, M = 0, z = {
+  [n.end]: (t, e) => t[t.length - 1],
+  [n.home]: (t, e) => t[0],
+  [n.up]: (t, e) => t[e - 1],
+  [n.down]: (t, e) => t[e + 1]
+}, p = {
+  [l.dayperiod]: S,
+  [l.hour]: T,
+  [l.minute]: b,
+  [l.second]: y
+}, F = /* @__PURE__ */ d({
+  name: "KendoTimeList",
+  emits: {
+    change: null,
+    focus: null,
+    blur: null
+  },
+  props: {
+    id: Number,
+    boundRange: {
+      type: Boolean,
+      default: !1
+    },
+    max: {
+      type: Date,
+      default: function() {
+        return O;
+      }
+    },
+    min: {
+      type: Date,
+      default: function() {
+        return H;
+      }
+    },
+    part: Object,
+    step: {
+      type: Number,
+      default: 1
+    },
+    value: Date,
+    smoothScroll: {
+      type: Boolean,
+      default: !0
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  inject: {
+    kendoIntlService: {
+      default: null
+    }
+  },
+  data() {
+    return {
+      animateToIndex: !1
+    };
+  },
+  created() {
+    this.topOffset = void 0, this.dom = new I();
+  },
+  computed: {
+    animate() {
+      return !!(this.$props.smoothScroll && this.animateToIndex);
+    }
+  },
+  mounted() {
+    this.virtualization = this.$refs.virtualization, Promise.resolve().then(() => {
+      this.$el && (this.dom.calculateHeights(this.$el), this.$forceUpdate());
+    });
+  },
+  updated() {
+    if (!this.$refs.virtualization)
+      return;
+    this.virtualization = this.$refs.virtualization;
+    const t = this.service.selectedIndex(this.$props.value);
+    this.virtualization[this.animate ? "animateToIndex" : "scrollToIndex"](t), this.animateToIndex = !0;
+  },
+  setup() {
+    return {
+      kendoIntlService: m("kendoIntlService", {})
+    };
+  },
+  render() {
+    let t;
+    if (!this.$props.part.type || !p[this.$props.part.type])
+      return;
+    this.calculateHeights(), this.intl = $(this), this.service = new p[this.$props.part.type](this.intl), this.configureServices();
+    const e = this.service.data(this.$props.value), i = "translateY(" + this.topOffset + "px)", s = this.service.total(this.$props.value), o = function() {
+      return a("ul", {
+        style: {
+          transform: i,
+          msTransform: i
+        },
+        class: "k-reset"
+      }, [e.map(function(r, h) {
+        return a("li", {
+          key: h,
+          class: "k-item",
+          onClick: () => {
+            this.handleChange(r);
+          }
+        }, [a("span", null, [r.text])]);
+      }, this)]);
+    };
+    return a("div", {
+      class: "k-time-list",
+      id: String(this.$props.id || ""),
+      tabindex: this.$props.disabled ? -1 : 0,
+      onKeydown: this.handleKeyDown,
+      onFocusin: this.handleFocus,
+      onFocusout: this.handleBlur,
+      onMouseover: this.handleMouseOver
+    }, [this.dom.didCalculate ? a(x, {
+      bottomOffset: this.bottomOffset,
+      class: "k-time-container",
+      itemHeight: this.itemHeight,
+      maxScrollDifference: this.listHeight,
+      onScrollaction: this.handleScrollAction,
+      ref: "virtualization",
+      role: "presentation",
+      skip: M,
+      tabIndex: -1,
+      take: s,
+      topOffset: this.topOffset,
+      total: s
+    }, k(t = o.call(this)) ? t : {
+      default: () => [t]
+    }) : a("div", {
+      class: "k-time-container"
+    }, [o.call(this)])]);
+  },
+  methods: {
+    focus(t) {
+      Promise.resolve().then(() => {
+        this.$el && this.$el.focus(t);
+      });
+    },
+    itemOffset(t) {
+      if (!this.virtualization)
+        return -1;
+      const e = this.service.selectedIndex(this.$props.value), i = this.virtualization.activeIndex(), s = this.virtualization.itemOffset(i), o = Math.abs(Math.ceil(t) - s);
+      if (e === i && o < D)
+        return s;
+      const r = e > i;
+      return r && o >= this.bottomThreshold || !r && o > this.topThreshold ? this.virtualization.itemOffset(i + 1) : s;
+    },
+    calculateHeights() {
+      this.dom.didCalculate && (this.itemHeight = this.dom.itemHeight, this.listHeight = this.dom.timeListHeight, this.topOffset = (this.listHeight - this.itemHeight) / 2, this.bottomOffset = this.listHeight - this.itemHeight, this.topThreshold = this.itemHeight * u, this.bottomThreshold = this.itemHeight * (1 - u));
+    },
+    configureServices(t) {
+      let {
+        min: e,
+        max: i,
+        value: s
+      } = t || this.$props;
+      const [o, r] = this.service.limitRange(e || this.$props.min, i || this.$props.max, s || this.$props.value);
+      this.service.configure(this.serviceSettings({
+        min: o,
+        max: r
+      }));
+    },
+    serviceSettings(t) {
+      const e = {
+        boundRange: this.$props.boundRange,
+        insertUndividedMax: !1,
+        min: c(this.$props.min),
+        max: c(this.$props.max),
+        part: this.$props.part,
+        step: this.$props.step
+      }, i = Object.assign({}, e, t);
+      return i.boundRange = i.part.type !== "hour" || this.$props.boundRange, i;
+    },
+    handleScrollAction({
+      target: t,
+      animationInProgress: e
+    }) {
+      if (this.virtualization && t && !e) {
+        this.animateToIndex = !1;
+        const i = this.virtualization.itemIndex(this.itemOffset(t.scrollTop)), s = this.service.data(this.$props.value)[i];
+        this.handleChange(s);
+      }
+    },
+    handleFocus(t) {
+      this.$emit("focus", t);
+    },
+    handleBlur(t) {
+      this.$emit("blur", t);
+    },
+    handleMouseOver() {
+      this.$el && v && document.activeElement !== this.$el && this.$el.focus({
+        preventScroll: !0
+      });
+    },
+    handleKeyDown(t) {
+      const {
+        keyCode: e
+      } = t;
+      (e === n.down || e === n.up || e === n.end || e === n.home) && t.preventDefault();
+      const s = (z[t.keyCode] || g)(this.service.data(this.$props.value), this.service.selectedIndex(this.$props.value));
+      s && this.handleChange(s);
+    },
+    handleChange(t) {
+      const e = this.service.apply(this.$props.value, t.value);
+      this.$props.value.getTime() !== e.getTime() && (this.currentValue = e, this.$emit("change", e));
+    }
+  }
+});
+export {
+  F as TimeList
+};

package/timepicker/TimePart.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 s=require("vue"),k=require("@progress/kendo-vue-buttons"),L=require("@progress/kendo-date-math"),l=require("@progress/kendo-vue-common"),v=require("@progress/kendo-vue-intl"),u=require("../messages/main.js"),$=require("./TimeList.js"),p=require("../utils.js"),c=require("./models/TimePart.js"),o=require("./utils.js");function w(t){return typeof t=="function"||Object.prototype.toString.call(t)==="[object Object]"&&!s.isVNode(t)}const m=new RegExp(`${c.TIME_PART.hour}|${c.TIME_PART.minute}|${c.TIME_PART.second}|${c.TIME_PART.dayperiod}|literal`);let h=function(t){return t[t.Left=0]="Left",t[t.Right=1]="Right",t}({});const T=s.defineComponent({name:"KendoTimePart",props:{cancelButton:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},format:{type:String,default:function(){return"hh:mm a"}},max:{type:Date,default:function(){return p.MAX_TIME}},min:{type:Date,default:function(){return p.MIN_TIME}},nowButton:{type:Boolean,default:!0},steps:{type:Object,default:function(){return{}}},smoothScroll:{type:Boolean,default:!0},tabIndex:Number,value:{type:Date,default:function(){return null}},boundRange:{type:Boolean,default:!1}},emits:{change:null,focus:null,blur:null,nowclick:null},created(){this.timeLists=[],this.snapTime=o.snapTime(o.generateSnappers(this.$props.steps,this.$props.min)),this.activeListIndex=-1,this.hasActiveButton=this.hasActiveButton.bind(this)},inject:{kendoIntlService:{default:null},kendoLocalizationService:{default:null}},data(){return{activeListIndex:null}},computed:{element(){return this._element},computedValue(){return o.timeInRange(this.snapTime(L.cloneDate(this.$props.value||p.MIDNIGHT_DATE)),this.computedMin,this.computedMax)},intl(){return v.provideIntlService(this)},computedMin(){return this.snapTime(this.$props.min)},computedMax(){return this.snapTime(this.$props.max)}},mounted(){this._nowButton=this.$refs.nowButton,this.dateFormatParts.forEach((t,e)=>{t.type!=="literal"&&this.timeLists.push(this.$refs["timeList"+e])})},setup(){const t=s.inject("kendoIntlService",{}),e=s.inject("kendoLocalizationService",{});return{kendoIntlService:t,kendoLocalizationService:e}},render(){let t;const{format:e,smoothScroll:n,disabled:i}=this.$props;this.snapTime=o.snapTime(o.generateSnappers(this.$props.steps,this.computedMin)),this.dateFormatParts=this.intl.splitDateFormat(e).filter(this.timeFormatFilter);const y=l.classNames({"k-disabled":i},"k-time-part"),f=v.provideLocalizationService(this),g=f.toLanguageString(u.selectNow,u.messages[u.selectNow]);return s.createVNode("div",{class:y},[s.createVNode("div",{class:"k-time-header"},[s.createVNode("span",{class:"k-title"},[this.intl.formatDate(this.computedValue,this.dateFormatParts.reduce(this.timeFormatReducer,""))]),this.showNowButton()&&s.createVNode(k.Button,{type:"button",ref:"nowButton",fillMode:"flat",class:"k-time-now",title:g,"aria-label":g,onClick:this.onNowClick,tabIndex:i?-1:0},w(t=f.toLanguageString(u.now,u.messages[u.now]))?t:{default:()=>[t]})]),s.createVNode("div",{class:"k-time-list-container",onKeydown:this.handleKeyDown},[s.createVNode("span",{class:"k-time-highlight"},null),this.dateFormatParts.map(function(r,a){return r.type!=="literal"?s.createVNode("div",{key:a,class:l.classNames("k-time-list-wrapper",{"k-focus":a===this.activeListIndex}),role:"presentation",tabindex:-1},[s.createVNode("span",{class:"k-title",onMousedown:d=>{d.preventDefault()}},[this.intl.dateFieldName(r)]),s.createVNode($.TimeList,{min:this.computedMin,max:this.computedMax,boundRange:this.$props.boundRange,part:r,step:r.type?this.$props.steps[r.type]:1,smoothScroll:n,ref:"timeList"+a,id:a,onFocus:d=>{this.handleListFocus(d,a)},onBlur:this.handleListBlur,onChange:this.handleChange,value:this.computedValue,disabled:i},null)]):s.createVNode("div",{key:a,class:"k-time-separator"},[r.pattern])},this)])])},methods:{onNowClick(t){this.$emit("nowclick",t)},focus(t){this.$nextTick(()=>{const e=this.timeLists[0];!this.hasActiveButton()&&e&&e.$el&&e.focus(t)})},timeFormatReducer(t,e){return t+e.pattern},timeFormatFilter(t,e,n){const i=e>=1&&n[e-1];return i&&i&&t.type==="literal"?m.test(i.type||""):m.test(t.type||"")},hasActiveButton(){return l.canUseDOM&&this._nowButton&&document.activeElement===this._nowButton.$el},focusList(t){this.timeLists.length&&this.timeLists.reduce(this.listReducer,[]).map(e=>t===h.Right?e.next:e.prev).map(e=>e&&e.$el&&e.$el.focus({preventScroll:!0}))},listReducer(t,e,n,i){return t.length||e.$props.id!==this.activeListIndex?t:[{next:i[n+1]||e,prev:i[n-1]||e}]},showNowButton(){return!this.hasSteps()&&this.$props.nowButton&&o.isInTimeRange(o.getNow(),this.computedMin,this.computedMax)},hasSteps(){const t=Object.keys(this.$props.steps);return t.length!==t.reduce((e,n)=>e+this.$props.steps[n],0)},handleKeyDown(t){const{keyCode:e}=t;switch(e){case l.Keys.left:t.preventDefault(),this.focusList(h.Left);return;case l.Keys.right:t.preventDefault(),this.focusList(h.Right);return;default:return}},handleListBlur(t){this.$emit("blur",t)},handleListFocus(t,e){this.$emit("focus",t),this.activeListIndex=e},handleChange(t){this.$emit("change",t)}}});exports.Direction=h;exports.TimePart=T;