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

package/dist/npm/timepicker/TimePicker.js

@@ -4,59 +4,40 @@ var __assign = undefined && undefined.__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);
 };
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.TimePickerVue2 = exports.TimePicker = void 0; // @ts-ignore
-
+exports.TimePickerVue2 = exports.TimePicker = 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_labels_1 = require("@progress/kendo-vue-labels");
-
 var kendo_vue_popup_1 = require("@progress/kendo-vue-popup");
-
 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 kendo_vue_buttons_1 = require("@progress/kendo-vue-buttons");
-
 var main_1 = require("../messages/main");
-
 var DateInput_1 = require("../dateinput/DateInput");
-
 var TimeSelector_1 = require("./TimeSelector");
-
 var utils_1 = require("../utils");
-
 var utils_2 = require("./utils");
-
 var utils_3 = require("../dateinput/utils");
 /**
  * @hidden
  */
-
-
 var TimePickerVue2 = {
   name: 'KendoTimePicker',
   // @ts-ignore
@@ -264,11 +245,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');
     }
@@ -277,7 +256,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) {
@@ -285,7 +263,6 @@ var TimePickerVue2 = {
         preventScroll: true
       });
     }
-
     this.shouldFocusDateInput = false;
   },
   // @ts-ignore
@@ -302,37 +279,35 @@ var TimePickerVue2 = {
   // @ts-ignore
   render: function render(createElement) {
     var _a;
-
     var _this = this;
-
     var h = gh || createElement;
     var defaultSlot = (0, kendo_vue_common_1.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 = (0, kendo_vue_common_1.classNames)('k-picker-wrap', {
       'k-invalid': !isValid,
@@ -344,7 +319,8 @@ var TimePickerVue2 = {
     var toggleClockMessage = localizationService.toLanguageString(main_1.toggleClock, main_1.messages[main_1.toggleClock]);
     var toggleTimeMessage = localizationService.toLanguageString(main_1.toggleTimeSelector, main_1.messages[main_1.toggleTimeSelector]);
     var dateInput = this.$props.dateInput ? kendo_vue_common_1.templateRendering.call(this, this.$props.dateInput, kendo_vue_common_1.getListeners.call(this)) : undefined;
-    var dateInputDefaultRendering = // @ts-ignore  function children
+    var dateInputDefaultRendering =
+    // @ts-ignore  function children
     h(DateInput_1.DateInput, {
       ref: this.v3 ? function (el) {
         _this.dateInputRef = el;
@@ -408,7 +384,8 @@ var TimePickerVue2 = {
     }, this.v3 ? function () {
       return [defaultSlot];
     } : [defaultSlot]);
-    var timeSelector = // @ts-ignore  function children
+    var timeSelector =
+    // @ts-ignore  function children
     h(TimeSelector_1.TimeSelector, {
       ref: 'timeSelector',
       cancelButton: cancelButton,
@@ -453,7 +430,8 @@ var TimePickerVue2 = {
       }
     });
     var popup = this.$props.popup ? kendo_vue_common_1.templateRendering.call(this, this.$props.popup, kendo_vue_common_1.getListeners.call(this)) : undefined;
-    var popupDefaultRendering = // @ts-ignore function children
+    var popupDefaultRendering =
+    // @ts-ignore function children
     h(kendo_vue_popup_1.Popup, {
       show: this.computedShow,
       attrs: this.v3 ? undefined : {
@@ -509,7 +487,8 @@ var TimePickerVue2 = {
       ref: this.v3 ? function (el) {
         _this.kendoAnchorRef = el;
       } : this._anchor
-    }, [dateInputRendering, // @ts-ignore
+    }, [dateInputRendering,
+    // @ts-ignore
     h(kendo_vue_buttons_1.Button, {
       type: "button",
       attrs: this.v3 ? undefined : {
@@ -535,7 +514,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(kendo_vue_labels_1.FloatingLabel, {
       label: this.$props.label,
       attrs: this.v3 ? undefined : {
@@ -590,7 +570,6 @@ var TimePickerVue2 = {
       if (this.computedShow === show) {
         return;
       }
-
       this.currentShow = show;
     },
     mergeTime: function mergeTime(value) {
@@ -643,14 +622,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 && kendo_vue_common_1.canUseDOM && document.activeElement !== that._dateInput.element();
-
         if (isElementActive && !isInPopup) {
           that.setShow(false);
         }
@@ -663,7 +639,6 @@ var TimePickerVue2 = {
       if (this.$props.disabled) {
         return;
       }
-
       this.shouldFocusDateInput = true;
       this.setShow(!this.computedShow);
       this.$emit('iconclick', event);
@@ -673,28 +648,24 @@ var TimePickerVue2 = {
     },
     handleKeyDown: function handleKeyDown(event) {
       var altKey = event.altKey,
-          keyCode = event.keyCode;
-
+        keyCode = event.keyCode;
       if (keyCode === kendo_vue_common_1.Keys.tab && this._dateInput && event.target !== this._dateInput._element) {
         event.preventDefault();
         this.shouldFocusDateInput = true;
         this.setShow(false);
         return;
       }
-
       if (keyCode === kendo_vue_common_1.Keys.esc) {
         this.shouldFocusDateInput = true;
         this.setShow(false);
         return;
       }
-
       if (altKey && (keyCode === kendo_vue_common_1.Keys.up || keyCode === kendo_vue_common_1.Keys.down)) {
         event.preventDefault();
         event.stopPropagation();
         this.shouldFocusDateInput = keyCode === kendo_vue_common_1.Keys.up;
         this.setShow(keyCode === kendo_vue_common_1.Keys.down);
       }
-
       this.$emit('keydown', event);
     }
   }
@@ -703,6 +674,5 @@ exports.TimePickerVue2 = TimePickerVue2;
 /**
  * @hidden
  */
-
 var TimePicker = TimePickerVue2;
 exports.TimePicker = TimePicker;

package/dist/npm/timepicker/TimeSelector.js

@@ -3,37 +3,25 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.TimeSelectorVue2 = exports.TimeSelector = exports.Direction = void 0; // @ts-ignore
-
+exports.TimeSelectorVue2 = exports.TimeSelector = 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 utils_1 = require("../utils");
-
 var utils_2 = require("./utils");
-
 var TimePart_1 = require("./TimePart");
 /**
  * @hidden
  */
-
-
 var Direction;
-
 (function (Direction) {
   Direction[Direction["Left"] = 0] = "Left";
   Direction[Direction["Right"] = 1] = "Right";
@@ -41,8 +29,6 @@ var Direction;
 /**
  * @hidden
  */
-
-
 var TimeSelectorVue2 = {
   name: 'KendoTimeSelector',
   // @ts-ignore
@@ -155,16 +141,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 = (0, kendo_vue_intl_1.provideLocalizationService)(this);
     var cancelMessage = localizationService.toLanguageString(main_1.timePickerCancel, main_1.messages[main_1.timePickerCancel]);
     var setMessage = localizationService.toLanguageString(main_1.timePickerSet, main_1.messages[main_1.timePickerSet]);
@@ -180,7 +166,8 @@ var TimeSelectorVue2 = {
       on: this.v3 ? undefined : {
         "keydown": this.handleKeyDown
       }
-    }, [// @ts-ignore  function children
+    }, [
+    // @ts-ignore  function children
     h(TimePart_1.TimePart, {
       ref: 'timePart',
       value: this.current,
@@ -215,7 +202,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(kendo_vue_buttons_1.Button, {
       type: "button",
       attrs: this.v3 ? undefined : {
@@ -233,7 +221,8 @@ var TimeSelectorVue2 = {
       "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 : {
@@ -266,7 +255,6 @@ var TimeSelectorVue2 = {
       if (!this.timePart) {
         return;
       }
-
       this.timePart.focus({
         preventScroll: true
       });
@@ -275,21 +263,17 @@ var TimeSelectorVue2 = {
       if (!this._acceptButton) {
         return false;
       }
-
       return kendo_vue_common_1.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 kendo_vue_common_1.Keys.enter:
           if (!this.hasActiveButton()) {
             this.handleAccept(event);
           }
-
           return;
-
         default:
           return;
       }
@@ -330,6 +314,5 @@ exports.TimeSelectorVue2 = TimeSelectorVue2;
 /**
  * @hidden
  */
-
 var TimeSelector = TimeSelectorVue2;
 exports.TimeSelector = TimeSelector;

package/dist/npm/virtualization/Virtualization.js

@@ -1,37 +1,28 @@
 "use strict";
 
 var _a, _b, _c;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.VirtualizationVue2 = exports.Virtualization = exports.ScrollDirection = void 0; // @ts-ignore
-
+exports.VirtualizationVue2 = exports.Virtualization = exports.ScrollDirection = void 0;
+// @ts-ignore
 var Vue = require("vue");
-
 var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
-
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
-
 var main_1 = require("./services/main");
 /**
  * @hidden
  */
-
-
 var ScrollDirection;
-
 (function (ScrollDirection) {
   ScrollDirection[ScrollDirection["Backward"] = 0] = "Backward";
   ScrollDirection[ScrollDirection["Forward"] = 1] = "Forward";
 })(ScrollDirection = exports.ScrollDirection || (exports.ScrollDirection = {}));
-
 var differenceToScroll = function differenceToScroll(scrollTop, staticOffset, maxScrollDifference) {
   return Math.min(Math.abs(staticOffset - scrollTop), maxScrollDifference);
 };
-
 var FRAME_DURATION = 17;
 var scrollModifiers = (_a = {}, _a[ScrollDirection.Forward] = function (step) {
   return function (value) {
@@ -63,7 +54,6 @@ var scrollValidators = (_c = {}, _c[ScrollDirection.Forward] = function (end) {
 /**
  * @hidden
  */
-
 var VirtualizationVue2 = {
   name: 'Virtualization',
   // @ts-ignore
@@ -149,21 +139,18 @@ var VirtualizationVue2 = {
       if (!this.rowHeightService) {
         return 0;
       }
-
       return this.rowHeightService.index(offset);
     },
     itemOffset: function itemOffset(index) {
       if (!this.rowHeightService) {
         return 0;
       }
-
       return this.rowHeightService.offset(index);
     },
     isIndexVisible: function isIndexVisible(index) {
       if (!this.rowHeightService) {
         return false;
       }
-
       var containerTop = this.containerScrollPosition();
       var containerBottom = containerTop + this.containerOffsetSize();
       var top = this.rowHeightService.offset(index);
@@ -174,61 +161,48 @@ var VirtualizationVue2 = {
       if (!this.rowHeightService) {
         return false;
       }
-
       return this.containerScrollPosition() !== this.rowHeightService.offset(index);
     },
     scrollTo: function scrollTo(value) {
       var scrollProperty = this.$props.direction === 'vertical' ? 'scrollTop' : 'scrollLeft';
-
       if (!this.scrollContainer) {
         return;
       }
-
       this.scrollContainer[scrollProperty] = value;
     },
     scrollToIndex: function scrollToIndex(index) {
       if (!this.rowHeightService) {
         return;
       }
-
       this.animationInProgress = false;
       this.scrollTo(this.rowHeightService.offset(index));
     },
     animateToIndex: function animateToIndex(index) {
       var _this = this;
-
       if (!this.rowHeightService || !window) {
         return;
       }
-
       window.cancelAnimationFrame(this.cancelAnimation);
       var indexOffset = this.rowHeightService.offset(index);
       var direction = this.getContainerScrollDirection(indexOffset);
-
       var _a = this.scrollRange(indexOffset, direction),
-          start = _a.start,
-          end = _a.end;
-
+        start = _a.start,
+        end = _a.end;
       if (start === end) {
         return;
       }
-
       var step = this.scrollStep(start, end);
       var modifyScroll = scrollModifiers[direction](step);
       var normalizeScroll = scrollNormalizers[direction](end);
       var isScrollValid = scrollValidators[direction](modifyScroll(end));
-
       var animate = function animate(progress) {
         _this.animationInProgress = true;
         var next = modifyScroll(progress);
-
         _this.scrollTo(normalizeScroll(next));
-
         isScrollValid(next) ? _this.cancelAnimation = window.requestAnimationFrame(function () {
           animate(next);
         }) : _this.animationInProgress = false;
       };
-
       this.cancelAnimation = window.requestAnimationFrame(function () {
         animate(start);
       });
@@ -237,7 +211,6 @@ var VirtualizationVue2 = {
       if (!this.rowHeightService) {
         return;
       }
-
       this.scrollTo(this.rowHeightService.totalHeight() + this.$props.bottomOffset);
     },
     scrollStep: function scrollStep(start, end) {
@@ -246,14 +219,12 @@ var VirtualizationVue2 = {
     },
     scrollRange: function scrollRange(indexOffset, direction) {
       var containerScroll = this.containerScrollPosition();
-
       if (parseInt("".concat(indexOffset), 10) === parseInt("".concat(containerScroll), 10)) {
         return {
           start: indexOffset,
           end: indexOffset
         };
       }
-
       var maxScroll = this.containerMaxScroll();
       var sign = direction === ScrollDirection.Backward ? 1 : -1;
       var difference = differenceToScroll(containerScroll, indexOffset, this.$props.maxScrollDifference);
@@ -273,11 +244,9 @@ var VirtualizationVue2 = {
     initServices: function initServices(newProps) {
       var props = newProps || this.$props;
       var dimension = props.direction === 'vertical' ? props.itemHeight : props.itemWidth;
-
       if (dimension === undefined) {
         return;
       }
-
       this.rowHeightService = new main_1.RowHeightService(props.total, dimension, 0);
       this.scrollerService.create(this.rowHeightService, props.skip, props.take, props.total, props.topOffset, this.$props.scrollOffsetSize, this.$props.direction);
     },
@@ -285,14 +254,12 @@ var VirtualizationVue2 = {
       if (!this.scrollContainer) {
         return 0;
       }
-
       return this.scrollContainer[propertyName];
     },
     handleScroll: function handleScroll(event) {
       if (!this.scrollContainer || !this.rowHeightService) {
         return;
       }
-
       var target = event.target;
       this.scrollerService.onScroll({
         scrollLeft: target.scrollLeft,
@@ -330,14 +297,12 @@ var VirtualizationVue2 = {
   render: function render(createElement) {
     var h = gh || createElement;
     var defaultSlot = (0, kendo_vue_common_1.getDefaultSlots)(this);
-
     if (this.lastTotal !== this.$props.total || this.lastDirection !== this.$props.direction || this.lastTake !== this.$props.take) {
       this.initServices();
       this.lastTotal = this.$props.total;
       this.lastDirection = this.$props.direction;
       this.lastTake = this.$props.take;
     }
-
     var vertexLength = "".concat((this.rowHeightService ? this.rowHeightService.totalHeight() : 0) + this.$props.bottomOffset);
     var placeholderStyle = this.$props.direction === 'vertical' ? {
       height: "".concat(vertexLength, "px")
@@ -373,6 +338,5 @@ exports.VirtualizationVue2 = VirtualizationVue2;
 /**
  * @hidden
  */
-
 var Virtualization = VirtualizationVue2;
 exports.Virtualization = Virtualization;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-vue-dateinputs",
   "description": "Kendo UI for Vue Date Inputs package",
-  "version": "3.6.4",
+  "version": "3.6.5-dev.202210181442",
   "repository": {
     "type": "git",
     "url": "https://github.com/telerik/kendo-vue.git"
@@ -52,16 +52,16 @@
   },
   "dependencies": {
     "@progress/kendo-date-math": "1.5.1",
-    "@progress/kendo-vue-buttons": "3.6.4",
-    "@progress/kendo-vue-common": "3.6.4",
-    "@progress/kendo-vue-labels": "3.6.4",
-    "@progress/kendo-vue-popup": "3.6.4"
+    "@progress/kendo-vue-buttons": "3.6.5-dev.202210181442",
+    "@progress/kendo-vue-common": "3.6.5-dev.202210181442",
+    "@progress/kendo-vue-labels": "3.6.5-dev.202210181442",
+    "@progress/kendo-vue-popup": "3.6.5-dev.202210181442"
   },
   "devDependencies": {
     "@progress/kendo-data-query": "^1.5.4",
     "@progress/kendo-licensing": "^1.1.0",
-    "@progress/kendo-vue-dropdowns": "3.6.4",
-    "@progress/kendo-vue-intl": "3.6.4"
+    "@progress/kendo-vue-dropdowns": "3.6.5-dev.202210181442",
+    "@progress/kendo-vue-intl": "3.6.5-dev.202210181442"
   },
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",