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

package/dist/es/timepicker/TimeSelector.js

@@ -15,9 +15,7 @@ import { TimePart } from './TimePart';
 /**
  * @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 };

package/dist/es/virtualization/Virtualization.js

@@ -1,6 +1,5 @@
-var _a, _b, _c; // @ts-ignore
-
-
+var _a, _b, _c;
+// @ts-ignore
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
@@ -10,18 +9,14 @@ import { RowHeightService, ScrollerService } from './services/main';
 /**
  * @hidden
  */
-
 export var ScrollDirection;
-
 (function (ScrollDirection) {
   ScrollDirection[ScrollDirection["Backward"] = 0] = "Backward";
   ScrollDirection[ScrollDirection["Forward"] = 1] = "Forward";
 })(ScrollDirection || (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) {
@@ -53,7 +48,6 @@ var scrollValidators = (_c = {}, _c[ScrollDirection.Forward] = function (end) {
 /**
  * @hidden
  */
-
 var VirtualizationVue2 = {
   name: 'Virtualization',
   // @ts-ignore
@@ -139,21 +133,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);
@@ -164,61 +155,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);
       });
@@ -227,7 +205,6 @@ var VirtualizationVue2 = {
       if (!this.rowHeightService) {
         return;
       }
-
       this.scrollTo(this.rowHeightService.totalHeight() + this.$props.bottomOffset);
     },
     scrollStep: function scrollStep(start, end) {
@@ -236,14 +213,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);
@@ -263,11 +238,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 RowHeightService(props.total, dimension, 0);
       this.scrollerService.create(this.rowHeightService, props.skip, props.take, props.total, props.topOffset, this.$props.scrollOffsetSize, this.$props.direction);
     },
@@ -275,14 +248,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,
@@ -320,14 +291,12 @@ var VirtualizationVue2 = {
   render: function render(createElement) {
     var h = gh || createElement;
     var defaultSlot = 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")
@@ -362,6 +331,5 @@ var VirtualizationVue2 = {
 /**
  * @hidden
  */
-
 var Virtualization = VirtualizationVue2;
 export { Virtualization, VirtualizationVue2 };

package/dist/esm/calendar/components/Calendar.js

@@ -18,7 +18,6 @@ import { calculateValue, extractDateFromValue, extractMultipleFromValue, extract
 /**
  * @hidden
  */
-
 var CalendarVue2 = {
   name: 'KendoCalendar',
   inject: {
@@ -159,7 +158,6 @@ var CalendarVue2 = {
     this._lastView = this.$props.activeView || this.$data.currentActiveView;
     this._lastViewsCount = this.$props.views;
     this._oldValue = this.computedValue();
-
     if (!this.calendarViewList) {
       this.calendarViewList = this.v3 ? this.calendarViewListRef : this.$refs.calendarViewList;
     }
@@ -184,9 +182,9 @@ var CalendarVue2 = {
     computedValue: function computedValue() {
       return this.$data.valueDuringOnChange !== undefined ? this.$data.valueDuringOnChange : this.$props.value !== undefined ? this.$props.value : this.$props.modelValue !== undefined ? this.$props.modelValue : this.$data.currentValue;
     },
-    focus: function focus(event) {
+    focus: function focus() {
       if (this.calendarViewList) {
-        this.calendarViewList.$el.firstElementChild.focus(event);
+        this.calendarViewList.$el.firstElementChild.focus();
       }
     },
     handleBlur: function handleBlur() {
@@ -205,7 +203,6 @@ var CalendarVue2 = {
       if (this.$props.disabled) {
         return;
       }
-
       this.$data.didNavigationChange = true;
       var focusedDate = cloneDate(event.value);
       this.$data.currentFocusedDate = focusedDate;
@@ -219,11 +216,9 @@ var CalendarVue2 = {
     handlePrevClick: function handlePrevClick(event) {
       var focusedDate = cloneDate(event.value);
       this.focus();
-
       if (this.$props.disabled) {
         return;
       }
-
       this.$data.currentFocusedDate = focusedDate;
     },
     handleTitleClick: function handleTitleClick() {
@@ -232,11 +227,9 @@ var CalendarVue2 = {
     handleNextClick: function handleNextClick(event) {
       var focusedDate = cloneDate(event.value);
       this.focus();
-
       if (this.$props.disabled) {
         return;
       }
-
       this.$data.currentFocusedDate = focusedDate;
     },
     handleCellEnter: function handleCellEnter(value) {
@@ -246,16 +239,14 @@ var CalendarVue2 = {
     },
     generateRange: function generateRange(candidate, value) {
       var end = value.end,
-          start = value.start;
+        start = value.start;
       var shouldSwap = value.start !== null && candidate.getTime() <= value.start.getTime();
-
       if (!this.$props.allowReverse && shouldSwap) {
         return {
           start: candidate,
           end: this._selectedRange.start
         };
       }
-
       return this.activeRange !== 'end' ? {
         start: candidate,
         end: end
@@ -278,35 +269,27 @@ var CalendarVue2 = {
     },
     handleDateChange: function handleDateChange(event) {
       var focusedDate = cloneDate(event.value);
-
       var canNavigateDown = this._bus.canMoveDown(this.$data.currentActiveView);
-
       if (this.$props.disabled) {
         return;
       }
-
       if (canNavigateDown) {
         if (event.isTodayClick) {
           this._bus.moveToBottom(this.$data.currentActiveView);
         } else {
           this._bus.moveDown(this.$data.currentActiveView, event.event);
-
           this.$data.currentFocusedDate = focusedDate;
           return;
         }
       }
-
       var value;
-
       switch (this.$props.mode) {
         case 'single':
           value = cloneDate(event.value);
           break;
-
         case 'multiple':
           if (Array.isArray(this._selectedMultiple)) {
             var result = this._selectedMultiple.slice();
-
             var index_1 = -1;
             result.forEach(function (date, idx) {
               if (isEqualDate(date, event.value)) {
@@ -322,20 +305,16 @@ var CalendarVue2 = {
               value = [cloneDate(event.value)];
             }
           }
-
           break;
-
         case 'range':
           var hasSelection = this._selectedRange.start !== null && this._selectedRange.end !== null && this.activeRange === 'start';
           value = hasSelection ? this.clampRange(event.value) : this.generateRange(event.value, this._selectedRange);
           this.$data.currentActiveRangeEnd = this.activeRange !== 'end' ? 'end' : 'start';
           break;
-
         default:
           value = cloneDate(event.value);
           break;
       }
-
       this.$data.currentValue = value;
       this.triggerChange(value, event);
     },
@@ -358,17 +337,14 @@ var CalendarVue2 = {
     },
     handleMouseDown: function handleMouseDown(event) {
       var focusedDate = cloneDate(event.value);
-
       if (this.$props.disabled || this.$data.currentActiveView !== 0) {
         return;
       }
-
       this.$data.currentFocusedDate = focusedDate;
     },
     tableKeyDown: function tableKeyDown(event) {
       var keyCode = event.keyCode;
       this.$emit('keydown', event);
-
       if (keyCode === Keys.enter) {
         var args = {
           event: event,
@@ -383,36 +359,35 @@ var CalendarVue2 = {
         this.handleDateChange(args);
       } else {
         var candidate = dateInRange(this._navigation.move(this._focusedDate, this._navigation.action(event), this.$data.currentActiveView, this._service, event), this.currentMin, this.currentMax);
-
         if (isEqualDate(this._focusedDate, candidate)) {
           return;
         }
-
         this._calculateFocusFromValue = false;
         this.$data.currentFocusedDate = candidate;
       }
-
       event.preventDefault();
     },
     isValueEqual: function isValueEqual(newValue, oldValue) {
       if (newValue instanceof Date && oldValue instanceof Date) {
-        return isEqualDate(newValue, oldValue); // @ts-ignore
+        return isEqualDate(newValue, oldValue);
+        // @ts-ignore
       } else if (newValue instanceof Object && oldValue instanceof Object) {
-        if (newValue && oldValue && // @ts-ignore
+        if (newValue && oldValue &&
+        // @ts-ignore
         isEqualDate(newValue.start, oldValue.start) && isEqualDate(newValue.end, oldValue.end)) {
           return true;
         } else {
           return false;
         }
       } else if (newValue instanceof Array && oldValue instanceof Array) {
-        if (newValue && oldValue && // @ts-ignore
+        if (newValue && oldValue &&
+        // @ts-ignore
         newValue.length === oldValue.length) {
           return true;
         } else {
           return false;
         }
       }
-
       return false;
     },
     rangeWithFocused: function rangeWithFocused(range, focusedDate) {
@@ -425,7 +400,6 @@ var CalendarVue2 = {
   // @ts-ignore
   render: function render(createElement) {
     var _this = this;
-
     var h = gh || createElement;
     var views = this.$props.views;
     var currentValue = this.computedValue();
@@ -442,37 +416,31 @@ var CalendarVue2 = {
     this._selectedRange = extractRangeFromValue(currentValue);
     var calculatedFocus = extractFocusedDate(this._selectedDate, this._selectedMultiple, this._selectedRange);
     var currentDateInRange = dateInRange(didValueChange && calculatedFocus !== null ? calculatedFocus : currentFocusedDate, this.currentMin, this.currentMax);
-
     if (currentDateInRange instanceof Date) {
       this._focusedDate = getDate(currentDateInRange);
     } else if (calculatedFocus) {
       this._focusedDate = calculatedFocus;
     }
-
     var visualizedRange = this.rangeWithFocused(this._selectedRange, currentFocusedDate);
     this._intl = provideIntlService(this);
-
     this._bus.configure(CalendarViewEnum[this.$props.bottomView], CalendarViewEnum[this.$props.topView]);
-
     this._service = this._bus.service(activeView, this._intl);
     var rootClassNames = classNames('k-widget k-calendar', 'k-calendar-range', {
       'k-disabled': this.$props.disabled,
       'k-week-number': this.$props.weekNumber
     }, this.$props.className);
     var didViewChange = this._lastView !== this.$data.currentActiveView;
-
     var isDateInList = this._dates && this._service.isInArray(this._focusedDate, this._dates);
-
     var didViewsCountChange = this._lastViewsCount !== this.$props.views;
-
     if (!isDateInList || didViewChange || didViewsCountChange) {
       this._dates = this._service.datesList(this._focusedDate, views);
     }
-
     var activeDate = cloneDate(this._dates && this._dates[0] ? this._dates[0] : undefined);
-    var calendarBody = [this.$props.navigation && // @ts-ignore  function children
+    var calendarBody = [this.$props.navigation &&
+    // @ts-ignore  function children
     h(Header, {
-      tabIndex: !this.$props.disabled ? this.$props.tabIndex || 0 : undefined // key={`.kendo.calendar.header.${this.$data.currentFocusedDate.getTime()}`}
+      tabIndex: !this.$props.disabled ? this.$props.tabIndex || 0 : undefined
+      // key={`.kendo.calendar.header.${this.$data.currentFocusedDate.getTime()}`}
       ,
       attrs: this.v3 ? undefined : {
         tabIndex: !this.$props.disabled ? this.$props.tabIndex || 0 : undefined,
@@ -505,8 +473,10 @@ var CalendarVue2 = {
       bus: this._bus,
       service: this._service,
       headerTitle: headerTitle
-    }), // @ts-ignore function children
-    h(ViewList // key={`.kendo.calendar.viewlist.${this.$data.currentFocusedDate.getTime()}`}
+    }),
+    // @ts-ignore function children
+    h(ViewList
+    // key={`.kendo.calendar.viewlist.${this.$data.currentFocusedDate.getTime()}`}
     , {
       allowReverse: this.$props.allowReverse,
       attrs: this.v3 ? undefined : {
@@ -590,6 +560,5 @@ var CalendarVue2 = {
 /**
  * @hidden
  */
-
 var Calendar = CalendarVue2;
 export { Calendar, CalendarVue2 };

package/dist/esm/calendar/components/CalendarCell.js

@@ -7,30 +7,23 @@ import { getDefaultSlots } from '@progress/kendo-vue-common';
 /**
  * @hidden
  */
-
 var compareProps = function compareProps(x, y) {
   var xProps = Object.getOwnPropertyNames(x);
   var yProps = Object.getOwnPropertyNames(y);
-
   if (xProps.length !== yProps.length) {
     return false;
   }
-
   for (var i = 0; i < xProps.length; i++) {
     var propName = xProps[i];
-
     if (x[propName] !== y[propName]) {
       return false;
     }
   }
-
   return true;
 };
 /**
  * @hidden
  */
-
-
 var CalendarCellVue2 = {
   name: 'KendoCalendarCell',
   // @ts-ignore
@@ -62,11 +55,11 @@ var CalendarCellVue2 = {
   // due to date object being compared by instance
   // and new Date object is created
   // every time and fails the shallow compare of the Vue.
-
   /**
    * @hidden
    */
-  updated: function updated() {// const { value, ...props } = this.props;
+  updated: function updated() {
+    // const { value, ...props } = this.props;
     // const { value: newValue, ...newProps } = nextProps;
     // const valueEqual = !(value && newValue) || value.getTime() === newValue.getTime();
     // return !(valueEqual && compareProps(props, newProps));
@@ -79,7 +72,6 @@ var CalendarCellVue2 = {
     };
   },
   // tslint:disable:max-line-length
-
   /**
    * @return
    * Returns a `<td />` element with a `<span class="k-link" />` inside to apply the styles. The text inside is the [`formattedValue`]({% slug api_dateinputs_calendarcellprops %}#toc-formattedvalue) of the `cell`.
@@ -89,20 +81,20 @@ var CalendarCellVue2 = {
     var h = gh || createElement;
     var defaultSlot = getDefaultSlots(this);
     var _a = this.$props,
-        formattedValue = _a.formattedValue,
-        isWeekend = _a.isWeekend,
-        isFocused = _a.isFocused,
-        isInRange = _a.isInRange,
-        isSelected = _a.isSelected,
-        isRangeStart = _a.isRangeStart,
-        isRangeMid = _a.isRangeMid,
-        isRangeEnd = _a.isRangeEnd,
-        isRangeSplitStart = _a.isRangeSplitStart,
-        isRangeSplitEnd = _a.isRangeSplitEnd,
-        isToday = _a.isToday,
-        isDisabled = _a.isDisabled,
-        view = _a.view,
-        value = _a.value;
+      formattedValue = _a.formattedValue,
+      isWeekend = _a.isWeekend,
+      isFocused = _a.isFocused,
+      isInRange = _a.isInRange,
+      isSelected = _a.isSelected,
+      isRangeStart = _a.isRangeStart,
+      isRangeMid = _a.isRangeMid,
+      isRangeEnd = _a.isRangeEnd,
+      isRangeSplitStart = _a.isRangeSplitStart,
+      isRangeSplitEnd = _a.isRangeSplitEnd,
+      isToday = _a.isToday,
+      isDisabled = _a.isDisabled,
+      view = _a.view,
+      value = _a.value;
     var isEndActive = this.$props.activeRangeEnd === 'end' && isRangeEnd;
     var isStartActive = this.$props.activeRangeEnd === 'start' && isRangeStart;
     return h("td", {
@@ -163,6 +155,5 @@ var CalendarCellVue2 = {
 /**
  * @hidden
  */
-
 var CalendarCell = CalendarCellVue2;
 export { CalendarCell, CalendarCellVue2 };

package/dist/esm/calendar/components/CalendarHeaderTitle.js

@@ -8,7 +8,6 @@ import { Button as KButton } from '@progress/kendo-vue-buttons';
 /**
  * @hidden
  */
-
 var CalendarHeaderTitleVue2 = {
   name: 'KendoHeaderTitle',
   // @ts-ignore
@@ -32,7 +31,6 @@ var CalendarHeaderTitleVue2 = {
       v3: v3
     };
   },
-
   /**
    * @return
    * Returns a `<button />` element with the [`value`]({% slug api_dateinputs_calendarheadertitleprops %}#toc-value) of the title as a child.
@@ -41,7 +39,8 @@ var CalendarHeaderTitleVue2 = {
   render: function render(createElement) {
     var h = gh || createElement;
     var defaultSlot = getDefaultSlots(this);
-    return (// @ts-ignore  function children
+    return (
+      // @ts-ignore  function children
       h(KButton, {
         type: "button",
         attrs: this.v3 ? undefined : {
@@ -68,6 +67,5 @@ var CalendarHeaderTitleVue2 = {
 /**
  * @hidden
  */
-
 var CalendarHeaderTitle = CalendarHeaderTitleVue2;
 export { CalendarHeaderTitle, CalendarHeaderTitleVue2 };