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

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

@@ -15,7 +15,6 @@ var VIEWS_COUNT = 5;
 /**
  * @hidden
  */
-
 var ViewListVue2 = {
   name: 'KendoViewList',
   inheritAttrs: false,
@@ -105,14 +104,16 @@ var ViewListVue2 = {
   created: function created() {
     this.lastView = this.$props.activeView;
     this.lastFocus = this.$props.focusedDate;
-    this.shouldScroll = false; //  this.$data.skip = this.$props.service.skip(this.$props.focusedDate, this.$props.min);
+    this.shouldScroll = false;
+    //  this.$data.skip = this.$props.service.skip(this.$props.focusedDate, this.$props.min);
     //  this.$data.index = this.$props.service.skip(this.$props.focusedDate, this.$props.min);
   },
+
   updated: function updated() {
     this.shouldScroll = false;
     this.lastView = this.$props.activeView;
-    this.$data.lastViewsCount = this.$props.views; // this.lastFocus = this.$props.focusedDate;
-
+    this.$data.lastViewsCount = this.$props.views;
+    // this.lastFocus = this.$props.focusedDate;
     this.indexToScroll = undefined;
   },
   methods: {
@@ -125,7 +126,8 @@ var ViewListVue2 = {
     handleKeyDown: function handleKeyDown(event) {
       this.$emit('listkeydown', event);
     },
-    handleVirtualizationMount: function handleVirtualizationMount(_virtualization) {// this.virtualization = virtualization;
+    handleVirtualizationMount: function handleVirtualizationMount(_virtualization) {
+      // this.virtualization = virtualization;
       // if (this.virtualization && this.table) {
       //     this.table.style.transform = `translateY(${this.viewOffset}px)`;
       //     const viewDate = dateInRange(this.$props.focusedDate, this.$props.min, this.$props.max);
@@ -137,7 +139,6 @@ var ViewListVue2 = {
       if (!this.$props.dom) {
         return;
       }
-
       var scrollableHeight = this.$props.activeView === CalendarViewEnum.month ? this.$props.dom.scrollableContentHeight : this.$props.dom.scrollableYearContentHeight;
       this._bottomOffset = scrollableHeight - this.$props.dom.viewHeight(this.$props.activeView);
       this._viewOffset = -1 * this.$props.dom.headerHeight;
@@ -146,7 +147,8 @@ var ViewListVue2 = {
     getTake: function getTake(skip, total) {
       return Math.min(total - skip, this.$props.take);
     },
-    handleScrollAction: function handleScrollAction() {// const skip = pageAction ? pageAction.skip : this.$data.skip;
+    handleScrollAction: function handleScrollAction() {
+      // const skip = pageAction ? pageAction.skip : this.$data.skip;
       // if (this.$data.index !== index || this.$data.skip !== skip) {
       //     this.$data.index = skip;
       // }
@@ -171,7 +173,6 @@ var ViewListVue2 = {
       if (isTodayClick === void 0) {
         isTodayClick = false;
       }
-
       var args = {
         event: event.event,
         value: cloneDate(event.value),
@@ -197,7 +198,6 @@ var ViewListVue2 = {
       if (selectionRange.start === null || selectionRange.end === null) {
         return selectionRange;
       }
-
       var needRotate = selectionRange.end < selectionRange.start;
       return {
         start: needRotate ? selectionRange.end : selectionRange.start,
@@ -233,7 +233,6 @@ var ViewListVue2 = {
       'k-decade': this.$props.activeView === CalendarViewEnum.decade,
       'k-century': this.$props.activeView === CalendarViewEnum.century
     });
-
     var buildMonthView = function buildMonthView(weekNames) {
       var that = this;
       return h("thead", {
@@ -255,7 +254,6 @@ var ViewListVue2 = {
         }, [name]);
       }, this)])]);
     };
-
     var buildDates = function buildDates() {
       var cellUID = this.$props.cellUID;
       return this.$props.dates.map(function (vDate) {
@@ -277,7 +275,8 @@ var ViewListVue2 = {
           on: this.v3 ? undefined : {
             "keydown": this.handleKeyDown
           }
-        }, [this.$props.activeView === CalendarViewEnum.month && buildMonthView.call(this, this.weekNames), // @ts-ignore function children
+        }, [this.$props.activeView === CalendarViewEnum.month && buildMonthView.call(this, this.weekNames),
+        // @ts-ignore function children
         h(View, {
           key: vDate.getTime(),
           activeView: this.$props.activeView,
@@ -323,7 +322,6 @@ var ViewListVue2 = {
         })]);
       }, this);
     };
-
     return h("div", {
       "class": rootClassNames,
       onFocusin: this.handleFocus,
@@ -338,6 +336,5 @@ var ViewListVue2 = {
 /**
  * @hidden
  */
-
 var ViewList = ViewListVue2;
 export { ViewList, ViewListVue2 };

package/dist/es/common/PickerWrap.js

@@ -7,7 +7,6 @@ import { getDefaultSlots } from '@progress/kendo-vue-common';
 /**
  * @hidden
  */
-
 var PickerWrapVue2 = {
   props: {
     id: String
@@ -35,6 +34,5 @@ var PickerWrapVue2 = {
 /**
  * @hidden
  */
-
 var PickerWrap = PickerWrapVue2;
 export { PickerWrap, PickerWrapVue2 };

package/dist/es/dateinput/DateInput.js

@@ -21,7 +21,6 @@ var VALIDATION_MESSAGE = 'Please enter a valid value!';
 /**
  * @hidden
  */
-
 var DateInputVue2 = {
   name: 'DateInput',
   model: {
@@ -166,10 +165,10 @@ var DateInputVue2 = {
   created: function created() {
     validatePackage(packageMetadata);
     var _a = this.$props,
-        formatPlaceholder = _a.formatPlaceholder,
-        format = _a.format,
-        value = _a.value,
-        defaultValue = _a.defaultValue;
+      formatPlaceholder = _a.formatPlaceholder,
+      format = _a.format,
+      value = _a.value,
+      defaultValue = _a.defaultValue;
     this.kendoDate = new KendoDate(this.intl, formatPlaceholder, format);
     this.kendoDate.setValue(null);
     this._emptyText = this.kendoDate.getTextAndFormat().text;
@@ -183,20 +182,18 @@ var DateInputVue2 = {
         if (this.$data.valueDuringOnChange !== undefined) {
           return this.$data.valueDuringOnChange;
         }
-
         return this.kendoDate && this.kendoDate.getDateObject();
       }
     },
     wrapperClassNames: {
       get: function get() {
         var _a;
-
         var isValid = !this.$data.hasMounted || !this.$props.validityStyles || this.validity().valid;
         var disabled = this.$props.disabled;
         var _b = this.$props,
-            size = _b.size,
-            fillMode = _b.fillMode,
-            rounded = _b.rounded;
+          size = _b.size,
+          fillMode = _b.fillMode,
+          rounded = _b.rounded;
         return _a = {
           'k-dateinput': true,
           'k-input': true
@@ -211,14 +208,12 @@ var DateInputVue2 = {
         end: 0
       };
       var element = this.element();
-
       if (element !== null && element.selectionStart !== undefined) {
         returnValue = {
           start: element.selectionStart,
           end: element.selectionEnd
         };
       }
-
       return returnValue;
     },
     element: function element() {
@@ -242,7 +237,6 @@ var DateInputVue2 = {
     },
     setValidity: function setValidity() {
       var element = this.element();
-
       if (element && element.setCustomValidity) {
         element.setCustomValidity(this.validity().valid ? '' : this.$props.validationMessage);
       }
@@ -250,10 +244,8 @@ var DateInputVue2 = {
     spinnersMouseDown: function spinnersMouseDown(event) {
       var element = this.element();
       /* do not steal focus from input when changing value with spinners */
-
       event.preventDefault();
       /* manually focus the input in case the user clicks the spinners first */
-
       if (element && canUseDOM && document.activeElement !== element) {
         element.focus({
           preventScroll: true
@@ -262,34 +254,27 @@ var DateInputVue2 = {
     },
     elementChange: function elementChange(event) {
       var element = this.element();
-
       if (!element || !this.kendoDate) {
         return;
       }
-
       var _a = this.kendoDate.getTextAndFormat(),
-          text = _a.text,
-          currentFormat = _a.format;
-
+        text = _a.text,
+        currentFormat = _a.format;
       this.$data.currentFormat = currentFormat;
       var dateBeforeChange = this.computedValue;
       var diff = approximateStringMatching(text, this.$data.currentFormat, element.value, this.selection().start);
       var navigationOnly = diff.length === 1 && diff[0][1] === '_';
-
       if (!navigationOnly) {
         for (var i = 0; i < diff.length; i++) {
           this.kendoDate.parsePart(diff[i][0], diff[i][1]);
         }
       }
-
       if (diff.length && diff[0][0] !== '_') {
         this.setSelection(this.selectionBySymbol(diff[0][0]));
       }
-
       if (navigationOnly) {
         this.switchDateSegment(1);
       }
-
       this.triggerChange(event, dateBeforeChange);
     },
     elementClick: function elementClick(_) {
@@ -297,16 +282,13 @@ var DateInputVue2 = {
     },
     wheel: function wheel(event) {
       var element = this.element();
-
       if (canUseDOM && document.activeElement !== element) {
         return;
       }
-
       if (event.deltaY < 0) {
         event.preventDefault();
         this.increasePart(event);
       }
-
       if (event.deltaY > 0) {
         event.preventDefault();
         this.decreasePart(event);
@@ -324,7 +306,6 @@ var DateInputVue2 = {
       if (event.altKey) {
         return;
       }
-
       switch (event.keyCode) {
         case 37:
           /*
@@ -334,7 +315,6 @@ var DateInputVue2 = {
           */
           this.switchDateSegment(-1);
           break;
-
         case 38:
           /*
           * Key: `Up Arrow`
@@ -342,7 +322,6 @@ var DateInputVue2 = {
           */
           this.modifyDateSegmentValue(1, event);
           break;
-
         case 39:
           /*
           * Key: `Right Arrow`
@@ -350,7 +329,6 @@ var DateInputVue2 = {
           */
           this.switchDateSegment(1);
           break;
-
         case 40:
           /*
           * Key: `Down Arrow`
@@ -358,7 +336,6 @@ var DateInputVue2 = {
           */
           this.modifyDateSegmentValue(-1, event);
           break;
-
         default:
           /*
           * Key: any
@@ -366,7 +343,6 @@ var DateInputVue2 = {
           */
           return;
       }
-
       event.preventDefault();
     },
     setSelection: function setSelection(selection) {
@@ -380,11 +356,10 @@ var DateInputVue2 = {
     },
     triggerChange: function triggerChange(event, oldValue) {
       this.$data.valueDuringOnChange = this.computedValue;
-
       if (!isEqual(oldValue, this.computedValue)) {
         this.$emit('changemodel', this.computedValue);
-        this.$emit('update:modelValue', this.computedValue); // isEqual works with null
-
+        this.$emit('update:modelValue', this.computedValue);
+        // isEqual works with null
         this.$emit('change', {
           event: event,
           value: this.computedValue,
@@ -397,27 +372,22 @@ var DateInputVue2 = {
           validity: this.validity()
         });
       }
-
       this.$data.valueDuringOnChange = undefined;
     },
     selectionBySymbol: function selectionBySymbol(symbol) {
       var start = -1;
       var end = 0;
-
       for (var i = 0; i < this.$data.currentFormat.length; i++) {
         if (this.$data.currentFormat[i] === symbol) {
           end = i + 1;
-
           if (start === -1) {
             start = i;
           }
         }
       }
-
       if (start < 0) {
         start = 0;
       }
-
       return {
         start: start,
         end: end
@@ -428,57 +398,45 @@ var DateInputVue2 = {
         start: index,
         end: index
       };
-
       for (var i = index, j = index - 1; i < this.$data.currentFormat.length || j >= 0; i++, j--) {
         if (i < this.$data.currentFormat.length && this.$data.currentFormat[i] !== '_') {
           selection = this.selectionBySymbol(this.$data.currentFormat[i]);
           break;
         }
-
         if (j >= 0 && this.$data.currentFormat[j] !== '_') {
           selection = this.selectionBySymbol(this.$data.currentFormat[j]);
           break;
         }
       }
-
       return selection;
     },
     switchDateSegment: function switchDateSegment(offset) {
       var _a = this.selection(),
-          selectionStart = _a.start,
-          selectionEnd = _a.end;
-
+        selectionStart = _a.start,
+        selectionEnd = _a.end;
       if (selectionStart < selectionEnd && this.$data.currentFormat[selectionStart] !== this.$data.currentFormat[selectionEnd - 1]) {
         this.setSelection(this.selectionByIndex(offset > 0 ? selectionStart : selectionEnd - 1));
         return;
       }
-
       var previousFormatSymbol = this.$data.currentFormat[selectionStart];
       var a = selectionStart + offset;
-
       while (a > 0 && a < this.$data.currentFormat.length) {
         if (this.$data.currentFormat[a] !== previousFormatSymbol && this.$data.currentFormat[a] !== '_') {
           break;
         }
-
         a += offset;
       }
-
       if (this.$data.currentFormat[a] === '_') {
         // no known symbol is found
         return;
       }
-
       var b = a;
-
       while (b >= 0 && b < this.$data.currentFormat.length) {
         if (this.$data.currentFormat[b] !== this.$data.currentFormat[a]) {
           break;
         }
-
         b += offset;
       }
-
       if (a > b && (b + 1 !== selectionStart || a + 1 !== selectionEnd)) {
         this.setSelection({
           start: b + 1,
@@ -495,7 +453,6 @@ var DateInputVue2 = {
       if (!this.kendoDate) {
         return;
       }
-
       var oldValue = this.computedValue;
       var symbol = this.$data.currentFormat[this.selection().start];
       var currentStepSymbol = this.kendoDate.symbolMap(symbol);
@@ -527,7 +484,6 @@ var DateInputVue2 = {
     if (this.$data.lastSelectedSymbol) {
       this.setSelection(this.selectionBySymbol(this.$data.lastSelectedSymbol));
     }
-
     this.setValidity();
   },
   // @ts-ignore
@@ -549,30 +505,27 @@ var DateInputVue2 = {
     var defaultSlot = getDefaultSlots(this);
     var localizationService = provideLocalizationService(this);
     var _a = this.$props,
-        formatPlaceholder = _a.formatPlaceholder,
-        format = _a.format,
-        value = _a.value,
-        modelValue = _a.modelValue,
-        name = _a.name,
-        label = _a.label,
-        id = _a.id,
-        ariaLabel = _a.ariaLabel,
-        ariaExpanded = _a.ariaExpanded,
-        ariaHasPopup = _a.ariaHasPopup,
-        ariaRole = _a.ariaRole,
-        ariaControls = _a.ariaControls;
+      formatPlaceholder = _a.formatPlaceholder,
+      format = _a.format,
+      value = _a.value,
+      modelValue = _a.modelValue,
+      name = _a.name,
+      label = _a.label,
+      id = _a.id,
+      ariaLabel = _a.ariaLabel,
+      ariaExpanded = _a.ariaExpanded,
+      ariaHasPopup = _a.ariaHasPopup,
+      ariaRole = _a.ariaRole,
+      ariaControls = _a.ariaControls;
     this.kendoDate.format = format;
     this.kendoDate.formatPlaceholder = formatPlaceholder;
     var currentValue = value !== undefined ? value : modelValue;
-
     if (currentValue !== undefined && this.computedValue !== currentValue) {
       this.kendoDate.setValue(currentValue);
     }
-
     var _b = this.kendoDate.getTextAndFormat(),
-        currentText = _b.text,
-        currentFormat = _b.format;
-
+      currentText = _b.text,
+      currentFormat = _b.format;
     this.$data.currentFormat = currentFormat;
     this.$data.isEmpty = currentText === this._emptyText;
     var showPlaceHolder = this.$props.placeholder !== undefined && this.$data.isEmpty && !this.$data.isFocused;
@@ -646,7 +599,8 @@ var DateInputVue2 = {
       on: this.v3 ? undefined : {
         "mousedown": this.spinnersMouseDown
       }
-    }, [// @ts-ignore
+    }, [
+    // @ts-ignore
     h(KButton, {
       type: "button",
       attrs: this.v3 ? undefined : {
@@ -669,7 +623,8 @@ var DateInputVue2 = {
       on: this.v3 ? undefined : {
         "click": this.increasePart
       }
-    }), // @ts-ignore
+    }),
+    // @ts-ignore
     h(KButton, {
       type: "button",
       attrs: this.v3 ? undefined : {
@@ -693,7 +648,8 @@ var DateInputVue2 = {
         "click": this.decreasePart
       }
     })])]);
-    return label ? // @ts-ignore function children
+    return label ?
+    // @ts-ignore function children
     h(FloatingLabel, {
       label: label,
       attrs: this.v3 ? undefined : {
@@ -717,6 +673,5 @@ var DateInputVue2 = {
 /**
  * @hidden
  */
-
 var DateInput = DateInputVue2;
 export { DateInput, DateInputVue2 };

package/dist/es/datepicker/DatePicker.js

@@ -20,7 +20,6 @@ import { FloatingLabel } from '@progress/kendo-vue-labels';
 /**
  * @hidden
  */
-
 var DatePickerVue2 = {
   name: 'DatePicker',
   inject: {
@@ -183,11 +182,9 @@ var DatePickerVue2 = {
   },
   mounted: function mounted() {
     this._dateInput = getRef(this, 'dateInput');
-
     if (this.$refs.calendar || this.calendarRef) {
       this._calendar = getRef(this, 'calendar');
     }
-
     if (this.computedShow) {
       // If defaultShow is true during the initial render, the popup is not aligned.
       this.$forceUpdate();
@@ -197,7 +194,6 @@ var DatePickerVue2 = {
     if (this.$refs.calendar || this.calendarRef) {
       this._calendar = getRef(this, 'calendar');
     }
-
     if (this.computedShow) {
       if (this._calendar && this._calendar.$el && !this._oldShow) {
         this._calendar.focus({
@@ -211,7 +207,6 @@ var DatePickerVue2 = {
         });
       }
     }
-
     this.$data.shouldFocusDateInput = false;
   },
   watch: {
@@ -262,7 +257,6 @@ var DatePickerVue2 = {
     },
     createBlurTimeout: function createBlurTimeout() {
       var _this = this;
-
       this._blurTimeout = setTimeout(function () {
         if (_this._dateInput && canUseDOM && document.activeElement !== _this._dateInput._element) {
           _this.setShow(false);
@@ -293,7 +287,6 @@ var DatePickerVue2 = {
       if (this.computedShow === show) {
         return;
       }
-
       this.$data.currentShow = show;
     },
     mergeTime: function mergeTime(value) {
@@ -335,11 +328,9 @@ var DatePickerVue2 = {
     handleIconClick: function handleIconClick(event) {
       event.stopPropagation();
       event.preventDefault();
-
       if (this.$props.disabled) {
         return;
       }
-
       this.$data.shouldFocusDateInput = true;
       this.setShow(!this.computedShow);
       this.$emit('iconclick', event);
@@ -350,28 +341,24 @@ var DatePickerVue2 = {
     },
     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.$data.shouldFocusDateInput = true;
         this.setShow(false);
         return;
       }
-
       if (keyCode === Keys.esc) {
         this.$data.shouldFocusDateInput = true;
         this.setShow(false);
         return;
       }
-
       if (altKey && (keyCode === Keys.up || keyCode === Keys.down)) {
         event.preventDefault();
         event.stopPropagation();
         this.$data.shouldFocusDateInput = keyCode === Keys.up;
         this.setShow(keyCode === Keys.down);
       }
-
       this.$emit('keydown', event);
     }
   },
@@ -391,39 +378,39 @@ var DatePickerVue2 = {
   // @ts-ignore
   render: function render(createElement) {
     var _a;
-
     var h = gh || createElement;
     var defaultSlot = getDefaultSlots(this);
     var _b = this.$props,
-        disabled = _b.disabled,
-        tabIndex = _b.tabIndex,
-        title = _b.title,
-        id = _b.id,
-        format = _b.format,
-        formatPlaceholder = _b.formatPlaceholder,
-        min = _b.min,
-        max = _b.max,
-        weekNumber = _b.weekNumber,
-        focusedDate = _b.focusedDate,
-        width = _b.width,
-        name = _b.name,
-        validationMessage = _b.validationMessage,
-        required = _b.required,
-        validityStyles = _b.validityStyles,
-        size = _b.size,
-        fillMode = _b.fillMode,
-        rounded = _b.rounded;
+      disabled = _b.disabled,
+      tabIndex = _b.tabIndex,
+      title = _b.title,
+      id = _b.id,
+      format = _b.format,
+      formatPlaceholder = _b.formatPlaceholder,
+      min = _b.min,
+      max = _b.max,
+      weekNumber = _b.weekNumber,
+      focusedDate = _b.focusedDate,
+      width = _b.width,
+      name = _b.name,
+      validationMessage = _b.validationMessage,
+      required = _b.required,
+      validityStyles = _b.validityStyles,
+      size = _b.size,
+      fillMode = _b.fillMode,
+      rounded = _b.rounded;
     var _c = this.$props.popupSettings,
-        popupClass = _c.popupClass,
-        animate = _c.animate,
-        appendTo = _c.appendTo;
+      popupClass = _c.popupClass,
+      animate = _c.animate,
+      appendTo = _c.appendTo;
     var show = this.computedShow;
     var value = this.computedValue;
     var sanitizedValue = value && getDate(value);
     var isValid = !this.$props.validityStyles || this.validity().valid;
     var popupClassNames = classNames('k-calendar-container k-group k-reset', popupClass);
     var toggleButton = this.$props.toggleButton ? templateRendering.call(this, this.$props.toggleButton, getListeners.call(this)) : undefined;
-    var toggleButtonDefaultRendering = // @ts-ignore
+    var toggleButtonDefaultRendering =
+    // @ts-ignore
     h(ToggleButton, {
       type: "button",
       attrs: this.v3 ? undefined : {
@@ -459,7 +446,8 @@ var DatePickerVue2 = {
       }
     });
     var dateInput = this.$props.dateInput ? templateRendering.call(this, this.$props.dateInput, getListeners.call(this)) : undefined;
-    var dateInputDefaultRendering = // @ts-ignore
+    var dateInputDefaultRendering =
+    // @ts-ignore
     h(DateInput, {
       ref: setRef(this, 'dateInput'),
       placeholder: this.$props.placeholder,
@@ -519,7 +507,8 @@ var DatePickerVue2 = {
       defaultRendering: dateInputDefaultRendering
     });
     var calendar = this.$props.calendar ? templateRendering.call(this, this.$props.calendar, getListeners.call(this)) : undefined;
-    var calendarDefaultRendering = // @ts-ignore
+    var calendarDefaultRendering =
+    // @ts-ignore
     h(Calendar, {
       ref: setRef(this, 'calendar'),
       onKeydown: this.handleKeyDown,
@@ -553,7 +542,8 @@ var DatePickerVue2 = {
       defaultRendering: calendarDefaultRendering
     });
     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: show,
       attrs: this.v3 ? undefined : {
@@ -609,7 +599,8 @@ var DatePickerVue2 = {
       onFocusin: this.handleFocus,
       onFocusout: this.handleBlur
     }, [dateInputRendering, toggleButtonRendering, 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 : {
@@ -636,6 +627,5 @@ var DatePickerVue2 = {
 /**
  * @hidden
  */
-
 var DatePicker = DatePickerVue2;
 export { DatePicker, DatePickerVue2 };