@progress/kendo-vue-dateinputs 3.6.4 → 3.6.5-dev.202210181442

package/dist/esm/timepicker/TimeList.js

@@ -1,6 +1,5 @@
-var _a, _b; // @ts-ignore
-
-
+var _a, _b;
+// @ts-ignore
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
@@ -14,9 +13,7 @@ import { TIME_PART } from './models/main.js';
 import { SecondsService, MinutesService, HoursService, DayPeriodService, DOMService } from './services/main.js';
 import { MAX_TIME, MIDNIGHT_DATE } from '../utils.js';
 var SCROLL_THRESHOLD = 2; // < 2px threshold
-
 var SNAP_THRESHOLD = 0.05; // % of the item height
-
 var SKIP = 0;
 var getters = (_a = {}, _a[Keys.end] = function (data, _) {
   return data[data.length - 1];
@@ -31,7 +28,6 @@ var services = (_b = {}, _b[TIME_PART.dayperiod] = DayPeriodService, _b[TIME_PAR
 /**
  * @hidden
  */
-
 var TimeListVue2 = {
   name: 'KendoTimeList',
   // @ts-ignore
@@ -90,17 +86,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();
     });
   },
@@ -108,7 +101,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);
@@ -126,13 +118,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 = provideIntlService(this);
     this.service = new services[this.$props.part.type](this.intl);
@@ -140,7 +129,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: {
@@ -150,7 +138,6 @@ var TimeListVue2 = {
         "class": "k-reset"
       }, [data.map(function (item, idx) {
         var _this = this;
-
         return h("li", {
           key: idx,
           "class": "k-item",
@@ -165,7 +152,6 @@ var TimeListVue2 = {
         }, [h("span", [item.text])]);
       }, this)]);
     };
-
     return h("div", {
       "class": "k-time-list",
       id: String(this.$props.id || ''),
@@ -184,7 +170,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, {
       bottomOffset: this.bottomOffset,
       attrs: this.v3 ? undefined : {
@@ -221,13 +208,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);
       });
     },
@@ -235,16 +220,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;
@@ -253,7 +235,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;
@@ -263,14 +244,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
@@ -291,12 +270,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));
@@ -314,7 +291,6 @@ var TimeListVue2 = {
       if (!this.$el) {
         return;
       }
-
       if (canUseDOM && document.activeElement !== this.$el) {
         // @ts-ignore
         this.$el.focus({
@@ -324,25 +300,20 @@ var TimeListVue2 = {
     },
     handleKeyDown: function handleKeyDown(event) {
       var keyCode = event.keyCode;
-
       if (keyCode === Keys.down || keyCode === Keys.up || keyCode === Keys.end || keyCode === Keys.home) {
         event.preventDefault();
       }
-
       var getter = getters[event.keyCode] || 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);
     }
@@ -351,6 +322,5 @@ var TimeListVue2 = {
 /**
  * @hidden
  */
-
 var TimeList = TimeListVue2;
 export { TimeList, TimeListVue2 };

package/dist/esm/timepicker/TimePart.js

@@ -17,9 +17,7 @@ var formatRegExp = new RegExp("".concat(TIME_PART.hour, "|").concat(TIME_PART.mi
 /**
  * @hidden
  */
-
 export var Direction;
-
 (function (Direction) {
   Direction[Direction["Left"] = 0] = "Left";
   Direction[Direction["Right"] = 1] = "Right";
@@ -27,8 +25,6 @@ export var Direction;
 /**
  * @hidden
  */
-
-
 var TimePartVue2 = {
   name: 'KendoTimePart',
   props: {
@@ -125,7 +121,6 @@ var TimePartVue2 = {
   },
   mounted: function mounted() {
     var _this = this;
-
     this._nowButton = this.$refs.nowButton;
     this.dateFormatParts.forEach(function (item, idx) {
       if (item.type !== 'literal') {
@@ -148,9 +143,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 = snapTime(generateSnappers(this.$props.steps, this.computedMin));
     this.dateFormatParts = this.intl.splitDateFormat(format).filter(this.timeFormatFilter);
     var rootClassName = classNames({
@@ -164,7 +159,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(Button, {
       type: "button",
       attrs: this.v3 ? undefined : {
@@ -196,7 +192,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": classNames('k-time-list-wrapper', {
@@ -218,7 +213,8 @@ var TimePartVue2 = {
             e.preventDefault();
           }
         }
-      }, [this.intl.dateFieldName(part)]), // @ts-ignore  function children
+      }, [this.intl.dateFieldName(part)]),
+      // @ts-ignore  function children
       h(TimeList, {
         min: this.computedMin,
         attrs: this.v3 ? undefined : {
@@ -265,10 +261,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);
         }
@@ -279,15 +273,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() {
@@ -297,7 +288,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) {
@@ -310,7 +300,6 @@ var TimePartVue2 = {
       if (state.length || list.$props.id !== this.activeListIndex) {
         return state;
       }
-
       return [{
         next: all[idx + 1] || list,
         prev: all[idx - 1] || list
@@ -321,7 +310,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];
@@ -329,18 +317,15 @@ var TimePartVue2 = {
     },
     handleKeyDown: function handleKeyDown(event) {
       var keyCode = event.keyCode;
-
       switch (keyCode) {
         case Keys.left:
           event.preventDefault();
           this.focusList(Direction.Left);
           return;
-
         case Keys.right:
           event.preventDefault();
           this.focusList(Direction.Right);
           return;
-
         default:
           return;
       }
@@ -360,6 +345,5 @@ var TimePartVue2 = {
 /**
  * @hidden
  */
-
 var TimePart = TimePartVue2;
 export { TimePart, TimePartVue2 };

package/dist/esm/timepicker/TimePicker.js

@@ -2,19 +2,15 @@ var __assign = this && this.__assign || function () {
   __assign = Object.assign || function (t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
       s = arguments[i];
-
       for (var p in s) {
         if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
       }
     }
-
     return t;
   };
-
   return __assign.apply(this, arguments);
-}; // @ts-ignore
-
-
+};
+// @ts-ignore
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
@@ -36,7 +32,6 @@ import { defaultFormatPlaceholder } from '../dateinput/utils.js';
 /**
  * @hidden
  */
-
 var TimePickerVue2 = {
   name: 'KendoTimePicker',
   // @ts-ignore
@@ -244,11 +239,9 @@ var TimePickerVue2 = {
       // If defaultShow is true during the initial render, the popup is not aligned.
       this.$forceUpdate();
     }
-
     this._dateInput = this.v3 ? this.dateInputRef : this.$refs.dateInput;
     this._timeSelector = this.$refs.timeSelector;
     this._wrapper = this.v3 ? this.kendoAnchorRef : this.$refs[this._anchor];
-
     if (this._dateInput && this._dateInput.element()) {
       this._dateInput.element().setAttribute('aria-haspopup', 'true');
     }
@@ -257,7 +250,6 @@ var TimePickerVue2 = {
     this._dateInput = this.v3 ? this.dateInputRef : this.$refs.dateInput;
     this._timeSelector = this.$refs.timeSelector;
     this._wrapper = this.v3 ? this.kendoAnchorRef : this.$refs[this._anchor];
-
     if (this._timeSelector && this.computedShow && !this._oldShow) {
       this._timeSelector.focusActiveList();
     } else if (this._dateInput && this._dateInput.element() && !this.computedShow && this.shouldFocusDateInput) {
@@ -265,7 +257,6 @@ var TimePickerVue2 = {
         preventScroll: true
       });
     }
-
     this.shouldFocusDateInput = false;
   },
   // @ts-ignore
@@ -282,37 +273,35 @@ var TimePickerVue2 = {
   // @ts-ignore
   render: function render(createElement) {
     var _a;
-
     var _this = this;
-
     var h = gh || createElement;
     var defaultSlot = getDefaultSlots(this);
     var _b = this.$props,
-        disabled = _b.disabled,
-        tabIndex = _b.tabIndex,
-        title = _b.title,
-        id = _b.id,
-        placeholder = _b.placeholder,
-        format = _b.format,
-        formatPlaceholder = _b.formatPlaceholder,
-        smoothScroll = _b.smoothScroll,
-        width = _b.width,
-        name = _b.name,
-        steps = _b.steps,
-        cancelButton = _b.cancelButton,
-        nowButton = _b.nowButton,
-        validationMessage = _b.validationMessage,
-        required = _b.required,
-        validityStyles = _b.validityStyles,
-        ariaLabelledBy = _b.ariaLabelledBy,
-        ariaDescribedBy = _b.ariaDescribedBy,
-        size = _b.size,
-        rounded = _b.rounded,
-        fillMode = _b.fillMode;
+      disabled = _b.disabled,
+      tabIndex = _b.tabIndex,
+      title = _b.title,
+      id = _b.id,
+      placeholder = _b.placeholder,
+      format = _b.format,
+      formatPlaceholder = _b.formatPlaceholder,
+      smoothScroll = _b.smoothScroll,
+      width = _b.width,
+      name = _b.name,
+      steps = _b.steps,
+      cancelButton = _b.cancelButton,
+      nowButton = _b.nowButton,
+      validationMessage = _b.validationMessage,
+      required = _b.required,
+      validityStyles = _b.validityStyles,
+      ariaLabelledBy = _b.ariaLabelledBy,
+      ariaDescribedBy = _b.ariaDescribedBy,
+      size = _b.size,
+      rounded = _b.rounded,
+      fillMode = _b.fillMode;
     var _c = this.$props.popupSettings,
-        popupClass = _c.popupClass,
-        appendTo = _c.appendTo,
-        animate = _c.animate;
+      popupClass = _c.popupClass,
+      appendTo = _c.appendTo,
+      animate = _c.animate;
     var isValid = !this.$props.validityStyles || this.validity().valid;
     var wrapperClassNames = classNames('k-picker-wrap', {
       'k-invalid': !isValid,
@@ -324,7 +313,8 @@ var TimePickerVue2 = {
     var toggleClockMessage = localizationService.toLanguageString(toggleClock, messages[toggleClock]);
     var toggleTimeMessage = localizationService.toLanguageString(toggleTimeSelector, messages[toggleTimeSelector]);
     var dateInput = this.$props.dateInput ? templateRendering.call(this, this.$props.dateInput, getListeners.call(this)) : undefined;
-    var dateInputDefaultRendering = // @ts-ignore  function children
+    var dateInputDefaultRendering =
+    // @ts-ignore  function children
     h(DateInput, {
       ref: this.v3 ? function (el) {
         _this.dateInputRef = el;
@@ -388,7 +378,8 @@ var TimePickerVue2 = {
     }, this.v3 ? function () {
       return [defaultSlot];
     } : [defaultSlot]);
-    var timeSelector = // @ts-ignore  function children
+    var timeSelector =
+    // @ts-ignore  function children
     h(TimeSelector, {
       ref: 'timeSelector',
       cancelButton: cancelButton,
@@ -433,7 +424,8 @@ var TimePickerVue2 = {
       }
     });
     var popup = this.$props.popup ? templateRendering.call(this, this.$props.popup, getListeners.call(this)) : undefined;
-    var popupDefaultRendering = // @ts-ignore function children
+    var popupDefaultRendering =
+    // @ts-ignore function children
     h(Popup, {
       show: this.computedShow,
       attrs: this.v3 ? undefined : {
@@ -489,7 +481,8 @@ var TimePickerVue2 = {
       ref: this.v3 ? function (el) {
         _this.kendoAnchorRef = el;
       } : this._anchor
-    }, [dateInputRendering, // @ts-ignore
+    }, [dateInputRendering,
+    // @ts-ignore
     h(KButton, {
       type: "button",
       attrs: this.v3 ? undefined : {
@@ -515,7 +508,8 @@ var TimePickerVue2 = {
       "aria-controls": this._popupId,
       "aria-label": toggleClockMessage
     }), popupRendering]);
-    return this.$props.label ? // @ts-ignore function children
+    return this.$props.label ?
+    // @ts-ignore function children
     h(FloatingLabel, {
       label: this.$props.label,
       attrs: this.v3 ? undefined : {
@@ -570,7 +564,6 @@ var TimePickerVue2 = {
       if (this.computedShow === show) {
         return;
       }
-
       this.currentShow = show;
     },
     mergeTime: function mergeTime(value) {
@@ -623,14 +616,11 @@ var TimePickerVue2 = {
     },
     createBlurTimeout: function createBlurTimeout() {
       var _this = this;
-
       var that = this;
       this._blurTimeout = setTimeout(function () {
         _this.isFocused = false;
         var isInPopup = document.activeElement && document.activeElement.closest("#".concat(that._popupId));
-
         var isElementActive = that._dateInput && canUseDOM && document.activeElement !== that._dateInput.element();
-
         if (isElementActive && !isInPopup) {
           that.setShow(false);
         }
@@ -643,7 +633,6 @@ var TimePickerVue2 = {
       if (this.$props.disabled) {
         return;
       }
-
       this.shouldFocusDateInput = true;
       this.setShow(!this.computedShow);
       this.$emit('iconclick', event);
@@ -653,28 +642,24 @@ var TimePickerVue2 = {
     },
     handleKeyDown: function handleKeyDown(event) {
       var altKey = event.altKey,
-          keyCode = event.keyCode;
-
+        keyCode = event.keyCode;
       if (keyCode === Keys.tab && this._dateInput && event.target !== this._dateInput._element) {
         event.preventDefault();
         this.shouldFocusDateInput = true;
         this.setShow(false);
         return;
       }
-
       if (keyCode === Keys.esc) {
         this.shouldFocusDateInput = true;
         this.setShow(false);
         return;
       }
-
       if (altKey && (keyCode === Keys.up || keyCode === Keys.down)) {
         event.preventDefault();
         event.stopPropagation();
         this.shouldFocusDateInput = keyCode === Keys.up;
         this.setShow(keyCode === Keys.down);
       }
-
       this.$emit('keydown', event);
     }
   }
@@ -682,6 +667,5 @@ var TimePickerVue2 = {
 /**
  * @hidden
  */
-
 var TimePicker = TimePickerVue2;
 export { TimePicker, TimePickerVue2 };

package/dist/esm/timepicker/TimeSelector.js

@@ -15,9 +15,7 @@ import { TimePart } from './TimePart.js';
 /**
  * @hidden
  */
-
 export var Direction;
-
 (function (Direction) {
   Direction[Direction["Left"] = 0] = "Left";
   Direction[Direction["Right"] = 1] = "Right";
@@ -25,8 +23,6 @@ export var Direction;
 /**
  * @hidden
  */
-
-
 var TimeSelectorVue2 = {
   name: 'KendoTimeSelector',
   // @ts-ignore
@@ -139,16 +135,16 @@ var TimeSelectorVue2 = {
   render: function render(createElement) {
     var h = gh || createElement;
     var _a = this.$props,
-        format = _a.format,
-        cancelButton = _a.cancelButton,
-        disabled = _a.disabled,
-        tabIndex = _a.tabIndex,
-        smoothScroll = _a.smoothScroll,
-        min = _a.min,
-        max = _a.max,
-        boundRange = _a.boundRange,
-        nowButton = _a.nowButton,
-        steps = _a.steps;
+      format = _a.format,
+      cancelButton = _a.cancelButton,
+      disabled = _a.disabled,
+      tabIndex = _a.tabIndex,
+      smoothScroll = _a.smoothScroll,
+      min = _a.min,
+      max = _a.max,
+      boundRange = _a.boundRange,
+      nowButton = _a.nowButton,
+      steps = _a.steps;
     var localizationService = provideLocalizationService(this);
     var cancelMessage = localizationService.toLanguageString(timePickerCancel, messages[timePickerCancel]);
     var setMessage = localizationService.toLanguageString(timePickerSet, messages[timePickerSet]);
@@ -164,7 +160,8 @@ var TimeSelectorVue2 = {
       on: this.v3 ? undefined : {
         "keydown": this.handleKeyDown
       }
-    }, [// @ts-ignore  function children
+    }, [
+    // @ts-ignore  function children
     h(TimePart, {
       ref: 'timePart',
       value: this.current,
@@ -199,7 +196,8 @@ var TimeSelectorVue2 = {
       steps: steps
     }), h("div", {
       "class": "k-time-footer k-actions k-actions-stretched"
-    }, [cancelButton && // @ts-ignore  function children
+    }, [cancelButton &&
+    // @ts-ignore  function children
     h(Button, {
       type: "button",
       attrs: this.v3 ? undefined : {
@@ -217,7 +215,8 @@ var TimeSelectorVue2 = {
       "aria-label": cancelMessage
     }, this.v3 ? function () {
       return [cancelMessage];
-    } : [cancelMessage]), // @ts-ignore  function children
+    } : [cancelMessage]),
+    // @ts-ignore  function children
     h(Button, {
       type: "button",
       attrs: this.v3 ? undefined : {
@@ -250,7 +249,6 @@ var TimeSelectorVue2 = {
       if (!this.timePart) {
         return;
       }
-
       this.timePart.focus({
         preventScroll: true
       });
@@ -259,21 +257,17 @@ var TimeSelectorVue2 = {
       if (!this._acceptButton) {
         return false;
       }
-
       return canUseDOM && (document.activeElement === this._acceptButton.$el || document.activeElement === this._cancelButton.$el);
     },
     handleKeyDown: function handleKeyDown(event) {
       var keyCode = event.keyCode;
       this.$emit('keydown', event);
-
       switch (keyCode) {
         case Keys.enter:
           if (!this.hasActiveButton()) {
             this.handleAccept(event);
           }
-
           return;
-
         default:
           return;
       }
@@ -313,6 +307,5 @@ var TimeSelectorVue2 = {
 /**
  * @hidden
  */
-
 var TimeSelector = TimeSelectorVue2;
 export { TimeSelector, TimeSelectorVue2 };