@progress/kendo-vue-dateinputs 3.6.4 → 3.7.0-dev.202210250731

package/dist/npm/datetimepicker/DateTimeSelector.js

@@ -3,40 +3,27 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.DateTimeSelectorVue2 = exports.DateTimeSelector = void 0; // @ts-ignore
-
+exports.DateTimeSelectorVue2 = exports.DateTimeSelector = void 0;
+// @ts-ignore
 var Vue = require("vue");
-
 var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
 var ref = allVue.ref;
 var inject = allVue.inject;
-
 var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
-
 var main_1 = require("../messages/main");
-
 var kendo_vue_buttons_1 = require("@progress/kendo-vue-buttons");
-
 var Calendar_1 = require("../calendar/components/Calendar");
-
 var TimePart_1 = require("../timepicker/TimePart");
-
 var utils_1 = require("../utils");
-
 var kendo_date_math_1 = require("@progress/kendo-date-math");
-
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
-
 var defaults_1 = require("../defaults");
-
 var utils_2 = require("../timepicker/utils");
 /**
  * @hidden
  */
-
-
 var DateTimeSelectorVue2 = {
   name: 'KendoDateTimeSelector',
   props: {
@@ -128,7 +115,6 @@ var DateTimeSelectorVue2 = {
         preventScroll: true
       });
     }
-
     this.shouldFocusPart = false;
   },
   // @ts-ignore
@@ -145,17 +131,16 @@ var DateTimeSelectorVue2 = {
   // @ts-ignore
   render: function render(createElement) {
     var _this2 = this;
-
     var h = gh || createElement;
     var _a = this.$props,
-        disabled = _a.disabled,
-        cancelButton = _a.cancelButton,
-        min = _a.min,
-        max = _a.max,
-        weekNumber = _a.weekNumber,
-        focusedDate = _a.focusedDate,
-        format = _a.format,
-        steps = _a.steps;
+      disabled = _a.disabled,
+      cancelButton = _a.cancelButton,
+      min = _a.min,
+      max = _a.max,
+      weekNumber = _a.weekNumber,
+      focusedDate = _a.focusedDate,
+      format = _a.format,
+      steps = _a.steps;
     var rootClassName = (0, kendo_vue_common_1.classNames)({
       'k-date-tab': this.currentTab === 'date',
       'k-time-tab': this.currentTab === 'time',
@@ -166,7 +151,8 @@ var DateTimeSelectorVue2 = {
     var timeMessage = localizationService.toLanguageString(main_1.time, main_1.messages[main_1.time]);
     var cancelMessage = localizationService.toLanguageString(main_1.dateTimePickerCancel, main_1.messages[main_1.dateTimePickerCancel]);
     var setMessage = localizationService.toLanguageString(main_1.dateTimePickerSet, main_1.messages[main_1.dateTimePickerSet]);
-    var calendarDefaultRendering = // @ts-ignore  function children
+    var calendarDefaultRendering =
+    // @ts-ignore  function children
     h(Calendar_1.Calendar, {
       ref: 'calendar',
       min: min,
@@ -209,14 +195,16 @@ var DateTimeSelectorVue2 = {
       }
     }, [h("div", {
       "class": "k-datetime-buttongroup"
-    }, [// @ts-ignore  function children
+    }, [
+    // @ts-ignore  function children
     h(kendo_vue_buttons_1.ButtonGroup, {
       width: "100%",
       attrs: this.v3 ? undefined : {
         width: "100%"
       }
     }, this.v3 ? function () {
-      return [// @ts-ignore  function children
+      return [
+      // @ts-ignore  function children
       h(kendo_vue_buttons_1.Button, {
         type: "button",
         attrs: _this2.v3 ? undefined : {
@@ -232,7 +220,8 @@ var DateTimeSelectorVue2 = {
         }
       }, _this2.v3 ? function () {
         return [dateMessage];
-      } : [dateMessage]), // @ts-ignore  function children
+      } : [dateMessage]),
+      // @ts-ignore  function children
       h(kendo_vue_buttons_1.Button, {
         type: "button",
         attrs: _this2.v3 ? undefined : {
@@ -286,7 +275,8 @@ var DateTimeSelectorVue2 = {
       ref: 'calendarWrap'
     }, [calendar]), h("div", {
       "class": "k-datetime-time-wrap"
-    }, [// @ts-ignore  function children
+    }, [
+    // @ts-ignore  function children
     h(TimePart_1.TimePart, {
       key: 1,
       onNowclick: this.handleNowClick,
@@ -318,7 +308,8 @@ var DateTimeSelectorVue2 = {
       onBlur: this.handleBlur
     })])]), h("div", {
       "class": "k-datetime-footer k-actions k-actions-stretched"
-    }, [cancelButton && // @ts-ignore  function children
+    }, [cancelButton &&
+    // @ts-ignore  function children
     h(kendo_vue_buttons_1.Button, {
       type: "button",
       attrs: this.v3 ? undefined : {
@@ -336,7 +327,8 @@ var DateTimeSelectorVue2 = {
       "aria-label": cancelMessage
     }, this.v3 ? function () {
       return [cancelMessage];
-    } : [cancelMessage]), // @ts-ignore  function children
+    } : [cancelMessage]),
+    // @ts-ignore  function children
     h(kendo_vue_buttons_1.Button, {
       type: "button",
       attrs: this.v3 ? undefined : {
@@ -369,14 +361,11 @@ var DateTimeSelectorVue2 = {
     },
     focus: function focus(args) {
       var _this = this;
-
       this.$nextTick(function () {
         if (_this.currentTab === 'time' && _this._timePart) {
           _this._timePart.focus(args);
         }
-
         var calendarElement = _this.calendarElement();
-
         if (_this.currentTab === 'date' && calendarElement) {
           calendarElement.focus(args);
         }
@@ -392,7 +381,6 @@ var DateTimeSelectorVue2 = {
       if (!this._acceptButton) {
         return false;
       }
-
       return kendo_vue_common_1.canUseDOM && (document.activeElement === this._acceptButton.$el || document.activeElement === this._cancelButton.$el);
     },
     mergeTime: function mergeTime(current, candidate) {
@@ -405,11 +393,9 @@ var DateTimeSelectorVue2 = {
       if (direction === 'right' && this.currentTab === 'time') {
         return;
       }
-
       if (direction === 'left' && this.currentTab === 'date') {
         return;
       }
-
       var nextPart = direction === 'left' ? 'date' : 'time';
       this.shouldFocusPart = true;
       this.currentTab = nextPart;
@@ -429,7 +415,6 @@ var DateTimeSelectorVue2 = {
       if (!this.dateValue || !this.timeValue || !this.hasDateValue) {
         return;
       }
-
       var value = this.mergeDate(this.dateValue, timeOverride || this.timeValue);
       this.$emit('change', {
         event: event,
@@ -442,8 +427,8 @@ var DateTimeSelectorVue2 = {
       this.handleAccept(event, (0, utils_2.getNow)());
     },
     handleCalendarValueChange: function handleCalendarValueChange(event) {
-      event.event.stopPropagation(); // @ts-ignore
-
+      event.event.stopPropagation();
+      // @ts-ignore
       this.dateValue = event.value;
       this.currentTab = 'time';
       this.shouldFocusPart = true;
@@ -461,33 +446,26 @@ var DateTimeSelectorVue2 = {
     },
     handleKeyDown: function handleKeyDown(event) {
       var keyCode = event.keyCode,
-          altKey = event.altKey;
+        altKey = event.altKey;
       this.$emit('keydown', event);
-
       switch (keyCode) {
         case kendo_vue_common_1.Keys.enter:
           if (!this.hasActiveButton() && this.hasDateValue) {
             this.handleAccept(event);
           }
-
           return;
-
         case kendo_vue_common_1.Keys.left:
           if (!altKey) {
             return;
           }
-
           this.move('left');
           return;
-
         case kendo_vue_common_1.Keys.right:
           if (!altKey) {
             return;
           }
-
           this.move('right');
           return;
-
         default:
           return;
       }
@@ -501,6 +479,5 @@ exports.DateTimeSelectorVue2 = DateTimeSelectorVue2;
 /**
  * @hidden
  */
-
 var DateTimeSelector = DateTimeSelectorVue2;
 exports.DateTimeSelector = DateTimeSelector;

package/dist/npm/package-metadata.js

@@ -8,7 +8,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-vue-dateinputs',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1665151441,
+    publishDate: 1666682554,
     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'
 };

package/dist/npm/timepicker/TimeList.js

@@ -1,37 +1,25 @@
 "use strict";
 
 var _a, _b;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.TimeListVue2 = exports.TimeList = void 0; // @ts-ignore
-
+exports.TimeListVue2 = exports.TimeList = void 0;
+// @ts-ignore
 var Vue = require("vue");
-
 var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
 var inject = allVue.inject;
-
 var kendo_date_math_1 = require("@progress/kendo-date-math");
-
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
-
 var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
-
 var Virtualization_1 = require("../virtualization/Virtualization");
-
 var main_1 = require("./models/main");
-
 var main_2 = require("./services/main");
-
 var utils_1 = require("../utils");
-
 var SCROLL_THRESHOLD = 2; // < 2px threshold
-
 var SNAP_THRESHOLD = 0.05; // % of the item height
-
 var SKIP = 0;
 var getters = (_a = {}, _a[kendo_vue_common_1.Keys.end] = function (data, _) {
   return data[data.length - 1];
@@ -46,7 +34,6 @@ var services = (_b = {}, _b[main_1.TIME_PART.dayperiod] = main_2.DayPeriodServic
 /**
  * @hidden
  */
-
 var TimeListVue2 = {
   name: 'KendoTimeList',
   // @ts-ignore
@@ -105,17 +92,14 @@ var TimeListVue2 = {
   },
   mounted: function mounted() {
     var _this = this;
-
-    this.virtualization = this.$refs.virtualization; // Async calculation of height to avoid animation cancellation
-
+    this.virtualization = this.$refs.virtualization;
+    // Async calculation of height to avoid animation cancellation
     Promise.resolve().then(function () {
       if (!_this.$el) {
         return;
-      } // @ts-ignore
-
-
+      }
+      // @ts-ignore
       _this.dom.calculateHeights(_this.$el);
-
       _this.$forceUpdate();
     });
   },
@@ -123,7 +107,6 @@ var TimeListVue2 = {
     if (!this.$refs.virtualization) {
       return;
     }
-
     this.virtualization = this.$refs.virtualization;
     var index = this.service.selectedIndex(this.$props.value);
     this.virtualization[this.animate ? 'animateToIndex' : 'scrollToIndex'](index);
@@ -141,13 +124,10 @@ var TimeListVue2 = {
   // @ts-ignore
   render: function render(createElement) {
     var _this2 = this;
-
     var h = gh || createElement;
-
     if (!this.$props.part.type || !services[this.$props.part.type]) {
       return;
     }
-
     this.calculateHeights();
     this.intl = (0, kendo_vue_intl_1.provideIntlService)(this);
     this.service = new services[this.$props.part.type](this.intl);
@@ -155,7 +135,6 @@ var TimeListVue2 = {
     var data = this.service.data(this.$props.value);
     var transform = 'translateY(' + this.topOffset + 'px)';
     var total = this.service.total(this.$props.value);
-
     var list = function list() {
       return h("ul", {
         style: {
@@ -165,7 +144,6 @@ var TimeListVue2 = {
         "class": "k-reset"
       }, [data.map(function (item, idx) {
         var _this = this;
-
         return h("li", {
           key: idx,
           "class": "k-item",
@@ -180,7 +158,6 @@ var TimeListVue2 = {
         }, [h("span", [item.text])]);
       }, this)]);
     };
-
     return h("div", {
       "class": "k-time-list",
       id: String(this.$props.id || ''),
@@ -199,7 +176,8 @@ var TimeListVue2 = {
       onFocusin: this.handleFocus,
       onFocusout: this.handleBlur,
       onMouseover: this.handleMouseOver
-    }, [this.dom.didCalculate ? // @ts-ignore  function children
+    }, [this.dom.didCalculate ?
+    // @ts-ignore  function children
     h(Virtualization_1.Virtualization, {
       bottomOffset: this.bottomOffset,
       attrs: this.v3 ? undefined : {
@@ -236,13 +214,11 @@ var TimeListVue2 = {
   methods: {
     focus: function focus(args) {
       var _this = this;
-
       Promise.resolve().then(function () {
         if (!_this.$el) {
           return;
-        } // @ts-ignore
-
-
+        }
+        // @ts-ignore
         _this.$el.focus(args);
       });
     },
@@ -250,16 +226,13 @@ var TimeListVue2 = {
       if (!this.virtualization) {
         return -1;
       }
-
       var valueIndex = this.service.selectedIndex(this.$props.value);
       var activeIndex = this.virtualization.activeIndex();
       var offset = this.virtualization.itemOffset(activeIndex);
       var distance = Math.abs(Math.ceil(scrollTop) - offset);
-
       if (valueIndex === activeIndex && distance < SCROLL_THRESHOLD) {
         return offset;
       }
-
       var scrollUp = valueIndex > activeIndex;
       var moveToNext = scrollUp && distance >= this.bottomThreshold || !scrollUp && distance > this.topThreshold;
       return moveToNext ? this.virtualization.itemOffset(activeIndex + 1) : offset;
@@ -268,7 +241,6 @@ var TimeListVue2 = {
       if (!this.dom.didCalculate) {
         return;
       }
-
       this.itemHeight = this.dom.itemHeight;
       this.listHeight = this.dom.timeListHeight;
       this.topOffset = (this.listHeight - this.itemHeight) / 2;
@@ -278,14 +250,12 @@ var TimeListVue2 = {
     },
     configureServices: function configureServices(props) {
       var _a = props || this.$props,
-          min = _a.min,
-          max = _a.max,
-          value = _a.value;
-
+        min = _a.min,
+        max = _a.max,
+        value = _a.value;
       var _b = this.service.limitRange(min || this.$props.min, max || this.$props.max, value || this.$props.value),
-          newMin = _b[0],
-          newMax = _b[1];
-
+        newMin = _b[0],
+        newMax = _b[1];
       this.service.configure(this.serviceSettings({
         min: newMin,
         max: newMax
@@ -306,12 +276,10 @@ var TimeListVue2 = {
     },
     handleScrollAction: function handleScrollAction(_a) {
       var target = _a.target,
-          animationInProgress = _a.animationInProgress;
-
+        animationInProgress = _a.animationInProgress;
       if (!this.virtualization) {
         return;
       }
-
       if (target && !animationInProgress) {
         this.animateToIndex = false;
         var index = this.virtualization.itemIndex(this.itemOffset(target.scrollTop));
@@ -329,7 +297,6 @@ var TimeListVue2 = {
       if (!this.$el) {
         return;
       }
-
       if (kendo_vue_common_1.canUseDOM && document.activeElement !== this.$el) {
         // @ts-ignore
         this.$el.focus({
@@ -339,25 +306,20 @@ var TimeListVue2 = {
     },
     handleKeyDown: function handleKeyDown(event) {
       var keyCode = event.keyCode;
-
       if (keyCode === kendo_vue_common_1.Keys.down || keyCode === kendo_vue_common_1.Keys.up || keyCode === kendo_vue_common_1.Keys.end || keyCode === kendo_vue_common_1.Keys.home) {
         event.preventDefault();
       }
-
       var getter = getters[event.keyCode] || kendo_vue_common_1.noop;
       var dataItem = getter(this.service.data(this.$props.value), this.service.selectedIndex(this.$props.value));
-
       if (dataItem) {
         this.handleChange(dataItem);
       }
     },
     handleChange: function handleChange(dataItem) {
       var candidate = this.service.apply(this.$props.value, dataItem.value);
-
       if (this.$props.value.getTime() === candidate.getTime()) {
         return;
       }
-
       this.currentValue = candidate;
       this.$emit('change', candidate);
     }
@@ -367,6 +329,5 @@ exports.TimeListVue2 = TimeListVue2;
 /**
  * @hidden
  */
-
 var TimeList = TimeListVue2;
 exports.TimeList = TimeList;

package/dist/npm/timepicker/TimePart.js

@@ -3,40 +3,27 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.TimePartVue2 = exports.TimePart = exports.Direction = void 0; // @ts-ignore
-
+exports.TimePartVue2 = exports.TimePart = exports.Direction = void 0;
+// @ts-ignore
 var Vue = require("vue");
-
 var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
 var inject = allVue.inject;
-
 var kendo_vue_buttons_1 = require("@progress/kendo-vue-buttons");
-
 var kendo_date_math_1 = require("@progress/kendo-date-math");
-
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
-
 var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
-
 var main_1 = require("../messages/main");
-
 var TimeList_1 = require("./TimeList");
-
 var utils_1 = require("../utils");
-
 var TimePart_1 = require("./models/TimePart");
-
 var utils_2 = require("./utils");
-
 var formatRegExp = new RegExp("".concat(TimePart_1.TIME_PART.hour, "|").concat(TimePart_1.TIME_PART.minute, "|").concat(TimePart_1.TIME_PART.second, "|").concat(TimePart_1.TIME_PART.dayperiod, "|literal"));
 /**
  * @hidden
  */
-
 var Direction;
-
 (function (Direction) {
   Direction[Direction["Left"] = 0] = "Left";
   Direction[Direction["Right"] = 1] = "Right";
@@ -44,8 +31,6 @@ var Direction;
 /**
  * @hidden
  */
-
-
 var TimePartVue2 = {
   name: 'KendoTimePart',
   props: {
@@ -142,7 +127,6 @@ var TimePartVue2 = {
   },
   mounted: function mounted() {
     var _this = this;
-
     this._nowButton = this.$refs.nowButton;
     this.dateFormatParts.forEach(function (item, idx) {
       if (item.type !== 'literal') {
@@ -165,9 +149,9 @@ var TimePartVue2 = {
   render: function render(createElement) {
     var h = gh || createElement;
     var _a = this.$props,
-        format = _a.format,
-        smoothScroll = _a.smoothScroll,
-        disabled = _a.disabled;
+      format = _a.format,
+      smoothScroll = _a.smoothScroll,
+      disabled = _a.disabled;
     this.snapTime = (0, utils_2.snapTime)((0, utils_2.generateSnappers)(this.$props.steps, this.computedMin));
     this.dateFormatParts = this.intl.splitDateFormat(format).filter(this.timeFormatFilter);
     var rootClassName = (0, kendo_vue_common_1.classNames)({
@@ -181,7 +165,8 @@ var TimePartVue2 = {
       "class": "k-time-header"
     }, [h("span", {
       "class": "k-title"
-    }, [this.intl.formatDate(this.computedValue, this.dateFormatParts.reduce(this.timeFormatReducer, ''))]), this.showNowButton() && // @ts-ignore  function children
+    }, [this.intl.formatDate(this.computedValue, this.dateFormatParts.reduce(this.timeFormatReducer, ''))]), this.showNowButton() &&
+    // @ts-ignore  function children
     h(kendo_vue_buttons_1.Button, {
       type: "button",
       attrs: this.v3 ? undefined : {
@@ -213,7 +198,6 @@ var TimePartVue2 = {
       "class": "k-time-highlight"
     }), this.dateFormatParts.map(function (part, idx) {
       var _this = this;
-
       return part.type !== 'literal' ? h("div", {
         key: idx,
         "class": (0, kendo_vue_common_1.classNames)('k-time-list-wrapper', {
@@ -235,7 +219,8 @@ var TimePartVue2 = {
             e.preventDefault();
           }
         }
-      }, [this.intl.dateFieldName(part)]), // @ts-ignore  function children
+      }, [this.intl.dateFieldName(part)]),
+      // @ts-ignore  function children
       h(TimeList_1.TimeList, {
         min: this.computedMin,
         attrs: this.v3 ? undefined : {
@@ -282,10 +267,8 @@ var TimePartVue2 = {
     },
     focus: function focus(args) {
       var _this = this;
-
       this.$nextTick(function () {
         var timeList = _this.timeLists[0];
-
         if (!_this.hasActiveButton() && timeList && timeList.$el) {
           timeList.focus(args);
         }
@@ -296,15 +279,12 @@ var TimePartVue2 = {
     },
     timeFormatFilter: function timeFormatFilter(part, index, all) {
       var prevItem = index >= 1 && all[index - 1];
-
       if (!prevItem) {
         return formatRegExp.test(part.type || '');
       }
-
       if (prevItem && part.type === 'literal') {
         return formatRegExp.test(prevItem.type || '');
       }
-
       return formatRegExp.test(part.type || '');
     },
     hasActiveButton: function hasActiveButton() {
@@ -314,7 +294,6 @@ var TimePartVue2 = {
       if (!this.timeLists.length) {
         return;
       }
-
       this.timeLists.reduce(this.listReducer, []).map(function (state) {
         return dir === Direction.Right ? state.next : state.prev;
       }).map(function (list) {
@@ -327,7 +306,6 @@ var TimePartVue2 = {
       if (state.length || list.$props.id !== this.activeListIndex) {
         return state;
       }
-
       return [{
         next: all[idx + 1] || list,
         prev: all[idx - 1] || list
@@ -338,7 +316,6 @@ var TimePartVue2 = {
     },
     hasSteps: function hasSteps() {
       var _this = this;
-
       var keys = Object.keys(this.$props.steps);
       return keys.length !== keys.reduce(function (acc, k) {
         return acc + _this.$props.steps[k];
@@ -346,18 +323,15 @@ var TimePartVue2 = {
     },
     handleKeyDown: function handleKeyDown(event) {
       var keyCode = event.keyCode;
-
       switch (keyCode) {
         case kendo_vue_common_1.Keys.left:
           event.preventDefault();
           this.focusList(Direction.Left);
           return;
-
         case kendo_vue_common_1.Keys.right:
           event.preventDefault();
           this.focusList(Direction.Right);
           return;
-
         default:
           return;
       }
@@ -378,6 +352,5 @@ exports.TimePartVue2 = TimePartVue2;
 /**
  * @hidden
  */
-
 var TimePart = TimePartVue2;
 exports.TimePart = TimePart;