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

package/dist/es/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/es/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/es/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 };

package/dist/es/calendar/components/CalendarWeekCell.js

@@ -7,7 +7,6 @@ import { getDefaultSlots } from '@progress/kendo-vue-common';
 /**
  * @hidden
  */
-
 var CalendarWeekCellVue2 = {
   props: {
     id: String,
@@ -24,7 +23,6 @@ var CalendarWeekCellVue2 = {
       v3: v3
     };
   },
-
   /**
    * @return
    * Returns a `<td />` element with the [`value`]({% slug api_dateinputs_calendarweekcellprops %}#toc-value) as a child.
@@ -54,6 +52,5 @@ var CalendarWeekCellVue2 = {
 /**
  * @hidden
  */
-
 var CalendarWeekCell = CalendarWeekCellVue2;
 export { CalendarWeekCell, CalendarWeekCellVue2 };

package/dist/es/calendar/components/Header.js

@@ -16,7 +16,6 @@ import { classNames, Keys, getTemplate } from '@progress/kendo-vue-common';
 /**
  * @hidden
  */
-
 var HeaderVue2 = {
   name: 'KendoHeader',
   inheritAttrs: false,
@@ -84,22 +83,18 @@ var HeaderVue2 = {
       if (!this.$props.currentDate) {
         return '';
       }
-
       var take = this.$props.rangeLength - 1;
       var title = this.$props.service.title(this.$props.currentDate);
       var nextDate = this.$props.service.addToDate(this.$props.currentDate, take);
-
       if (take < 1 || !this.$props.service.isInRange(nextDate, this.$props.min, this.$props.max)) {
         return title;
       }
-
       return "".concat(title, " - ").concat(this.$props.service.title(nextDate));
     },
     handleTitleClick: function handleTitleClick(event) {
       if (!this.navigate) {
         return;
       }
-
       this.$props.bus.moveUp(this.$props.activeView, event);
       this.$emit('titleclick', event);
     },
@@ -107,7 +102,6 @@ var HeaderVue2 = {
       if (!this.$props.service) {
         return false;
       }
-
       var candidate = this.$props.service.move(this.$props.focusedDate, action);
       return this.$props.min <= candidate && candidate <= this.$props.max || this.$props.service.isInSameView(candidate, this.$props.min) || this.$props.service.isInSameView(candidate, this.$props.max);
     },
@@ -137,7 +131,6 @@ var HeaderVue2 = {
       if (!this.todayIsInRange) {
         return;
       }
-
       this.$props.bus.moveToBottom(this.$props.activeView);
       var args = {
         event: event,
@@ -148,7 +141,6 @@ var HeaderVue2 = {
     },
     todayKeyDown: function todayKeyDown(event) {
       var keyCode = event.keyCode;
-
       if (keyCode === Keys.enter) {
         this.handleTodayClick(event);
       }
@@ -167,15 +159,10 @@ var HeaderVue2 = {
   render: function render(createElement) {
     var h = gh || createElement;
     this._localization = provideLocalizationService(this);
-
     var todayMessage = this._localization.toLanguageString(today, messages[today]);
-
     var title = this.getTitle();
-
     var prevViewTitle = this._localization.toLanguageString(prevView, messages[prevView]);
-
     var nextViewTittle = this._localization.toLanguageString(nextView, messages[nextView]);
-
     var isPrevDisabled = !this.canNavigate(Action.PrevView);
     var isNextDisabled = !this.canNavigate(Action.NextView);
     var titleClassNames = classNames('k-calendar-title', 'k-title', {
@@ -185,7 +172,8 @@ var HeaderVue2 = {
       'k-disabled': !this.todayIsInRange
     });
     var headerTitle;
-    var headerTitleDefaultRendering = // @ts-ignore  function children
+    var headerTitleDefaultRendering =
+    // @ts-ignore  function children
     h(CalendarHeaderTitle, {
       value: title,
       attrs: this.v3 ? undefined : {
@@ -212,7 +200,8 @@ var HeaderVue2 = {
       "class": 'k-spacer'
     }), h("span", {
       "class": 'k-calendar-nav k-hstack'
-    }, [// @ts-ignore
+    }, [
+    // @ts-ignore
     h(KButton, {
       type: "button",
       attrs: this.v3 ? undefined : {
@@ -247,7 +236,8 @@ var HeaderVue2 = {
         "click": this.handleTodayClick
       },
       onClick: this.handleTodayClick
-    }, [todayMessage]), // @ts-ignore
+    }, [todayMessage]),
+    // @ts-ignore
     h(KButton, {
       type: "button",
       attrs: this.v3 ? undefined : {
@@ -276,6 +266,5 @@ var HeaderVue2 = {
 /**
  * @hidden
  */
-
 var Header = HeaderVue2;
 export { Header, HeaderVue2 };

package/dist/es/calendar/components/View.js

@@ -15,7 +15,6 @@ import { WeekNamesService } from '../services/main';
 /**
  * @hidden
  */
-
 var ViewVue2 = {
   name: 'KendoView',
   inject: {
@@ -97,7 +96,6 @@ var ViewVue2 = {
       if (!this.weekNumber) {
         return null;
       }
-
       return weekInYear(date, this._intl.firstDay());
     },
     firstDate: function firstDate(row) {
@@ -108,14 +106,11 @@ var ViewVue2 = {
       if (!this.weekNumber) {
         return null;
       }
-
       var idx = 0;
       var ctx = rowCtx[idx];
-
       while (!ctx && idx < rowCtx.length) {
         ctx = rowCtx[++idx];
       }
-
       return ctx;
     },
     handleClick: function handleClick(value, event) {
@@ -161,17 +156,16 @@ var ViewVue2 = {
   render: function render(createElement) {
     var h = gh || createElement;
     this._intl = provideIntlService(this);
-    this._weekService = new WeekNamesService(this._intl); // tslint:disable-next-line jsx-use-translation-function
-
+    this._weekService = new WeekNamesService(this._intl);
+    // tslint:disable-next-line jsx-use-translation-function
     var emptyCell = function emptyCell(idx) {
       return h("td", {
         key: idx
       });
-    }; //    const weekNames = this._weekService.getWeekNames(this.weekNumber);
+    };
+    //    const weekNames = this._weekService.getWeekNames(this.weekNumber);
     //     const colSpan = this.$props.service.rowLength(this.weekNumber);
     //     const title = this.$props.service.title(this.$props.viewDate);
-
-
     var time = getToday();
     var focusedDate = this.$props.isActive ? this.$props.focusedDate : null;
     var viewDate = setTime(this.$props.viewDate, time);
@@ -185,17 +179,15 @@ var ViewVue2 = {
       selectionRange: this.$props.selectionRange,
       viewDate: viewDate
     });
-
     var buildWeekNumber = function buildWeekNumber(row, idx) {
       var firstDayOfWeek = this.firstDate(row);
-
       if (!firstDayOfWeek) {
         return emptyCell("week-cell-".concat(idx));
       }
-
       var weekCellValue = this.getWeekNumber(this.firstDate(row));
       var uniqueID = "kendo-vue-calendar-week-cell-".concat(weekCellValue);
-      var cellDefaultRendering = // @ts-ignore  function children
+      var cellDefaultRendering =
+      // @ts-ignore  function children
       h(CalendarWeekCell, {
         "class": 'k-calendar-td k-alt',
         value: weekCellValue,
@@ -224,15 +216,14 @@ var ViewVue2 = {
         }
       });
     };
-
     var buildRow = function buildRow(row) {
       return row.map(function (cell, idx) {
         if (!cell) {
           return emptyCell(idx);
         }
-
         var uniqueID = "kendo-vue-calendar-cell-".concat(cell.value.getTime());
-        var cellDefaultRendering = // @ts-ignore  function children
+        var cellDefaultRendering =
+        // @ts-ignore  function children
         h(CalendarCell, {
           "aria-selected": cell.isSelected,
           attrs: this.v3 ? undefined : {
@@ -317,7 +308,6 @@ var ViewVue2 = {
         });
       }, this);
     };
-
     return h("tbody", {
       "class": 'k-calendar-tbody',
       role: 'rowgroup',
@@ -339,6 +329,5 @@ var ViewVue2 = {
 /**
  * @hidden
  */
-
 var View = ViewVue2;
 export { View, ViewVue2 };