@progress/kendo-vue-data-tools 3.12.0 → 3.13.0-dev.202308171358

package/dist/npm/pager/PagerInput.js

@@ -12,7 +12,7 @@ var isV3 = allVue.version && allVue.version[0] === '3';
 var inject = allVue.inject;
 var main_1 = require("../messages/main");
 var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
-var kendo_vue_common_1 = require("@progress/kendo-vue-common");
+var kendo_vue_inputs_1 = require("@progress/kendo-vue-inputs");
 /**
  * @hidden
  */
@@ -32,36 +32,22 @@ var PagerInputVue2 = {
       default: null
     }
   },
-  created: function created() {
-    this._text = undefined;
+  data: function data() {
+    return {
+      currentText: undefined
+    };
   },
   computed: {
-    inputClass: function inputClass() {
-      var _a;
-      var size = this.$props.size;
-      return _a = {
-        'k-textbox': true,
-        'k-input': true,
-        'k-rounded-md': true,
-        'k-input-solid': true
-      }, _a["k-input-".concat(kendo_vue_common_1.kendoThemeMaps.sizeMap[size] || size)] = size, _a;
+    computedValue: function computedValue() {
+      return this.$props.currentPage !== undefined ? this.$props.currentPage : this.currentText;
     }
   },
   methods: {
     changeHangler: function changeHangler(e) {
-      var text = this._text = e.target.value.replace(/\D/g, '');
-      this.$forceUpdate();
-      if (text) {
-        this.$emit('pagechange', parseInt(text, 10), e);
+      this.currentText = e.target.value;
+      if (this.currentText) {
+        this.$emit('pagechange', this.currentText, e);
       }
-    },
-    blurHandler: function blurHandler() {
-      this.$forceUpdate();
-    },
-    value: function value() {
-      var value = this._text === undefined ? this.$props.currentPage.toString() : this._text;
-      this._text = undefined;
-      return value;
     }
   },
   // @ts-ignore
@@ -97,26 +83,25 @@ var PagerInputVue2 = {
       defaultMessage: main_1.messages[main_1.pagerPageInputAriaLabel]
     };
     return h("span", {
-      "class": "k-pager-input k-label"
-    }, [localizationService.toLanguageString(pageMessage.messageKey, pageMessage.defaultMessage), h("span", {
-      "class": this.inputClass
-    }, [h("input", {
-      "class": "k-input-inner",
-      value: this.v3 ? this.value() : null,
-      domProps: this.v3 ? undefined : {
-        "value": this.value()
-      },
-      ariaLabel: localizationService.toLanguageString(pageInputAriaLabel.messageKey, pageInputAriaLabel.defaultMessage),
+      "class": "k-pager-input"
+    }, [h("span", [localizationService.toLanguageString(pageMessage.messageKey, pageMessage.defaultMessage)]), h(kendo_vue_inputs_1.NumericTextBox, {
+      min: 1,
       attrs: this.v3 ? undefined : {
+        min: 1,
+        value: this.computedValue,
+        spinners: false,
+        size: this.$props.size,
         ariaLabel: localizationService.toLanguageString(pageInputAriaLabel.messageKey, pageInputAriaLabel.defaultMessage)
       },
-      onBlur: this.blurHandler,
+      value: this.computedValue,
+      onChange: this.changeHangler,
       on: this.v3 ? undefined : {
-        "blur": this.blurHandler,
         "change": this.changeHangler
       },
-      onChange: this.changeHangler
-    })]), " ", "".concat(localizationService.toLanguageString(ofMessage.messageKey, ofMessage.defaultMessage), " ").concat(intlService.format(localizationService.toLanguageString(totalPagesMessage.messageKey, totalPagesMessage.defaultMessage), [this.$props.totalPages]))]);
+      spinners: false,
+      size: this.$props.size,
+      ariaLabel: localizationService.toLanguageString(pageInputAriaLabel.messageKey, pageInputAriaLabel.defaultMessage)
+    }), h("span", ["".concat(localizationService.toLanguageString(ofMessage.messageKey, ofMessage.defaultMessage), " ").concat(intlService.format(localizationService.toLanguageString(totalPagesMessage.messageKey, totalPagesMessage.defaultMessage), [this.$props.totalPages]))])]);
   }
 };
 exports.PagerInputVue2 = PagerInputVue2;

package/dist/npm/pager/PagerNumericButtons.js

@@ -176,6 +176,11 @@ var PagerNumericButtonsVue2 = {
     }, this);
     var dropdown = function dropdown(currentButtons) {
       return h("select", {
+        style: {
+          width: '5em',
+          margin: '0px 1em',
+          display: this.$props.responsiveSize === 'small' ? 'inline-flex' : 'none'
+        },
         "class": this.dropdownClass,
         ariaLabel: localizationService.toLanguageString(pagerSmallPageSelectoLabel.messageKey, pagerSmallPageSelectoLabel.defaultMessage),
         attrs: this.v3 ? undefined : {
@@ -199,7 +204,10 @@ var PagerNumericButtonsVue2 = {
     return h("div", {
       "class": "k-pager-numbers-wrap"
     }, [h("div", {
-      "class": "k-pager-numbers"
+      "class": "k-pager-numbers",
+      style: {
+        display: this.$props.responsiveSize !== 'small' ? '' : 'none'
+      }
     }, [prevDots, numerics, postDots]), dropdown.call(this, buttons)]);
   }
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-vue-data-tools",
   "description": "Kendo UI for Vue Data Tools package",
-  "version": "3.12.0",
+  "version": "3.13.0-dev.202308171358",
   "repository": {
     "type": "git",
     "url": "https://github.com/telerik/kendo-vue.git"
@@ -38,6 +38,7 @@
   "peerDependencies": {
     "@progress/kendo-data-query": "^1.5.4",
     "@progress/kendo-drawing": "^1.9.3",
+    "@progress/kendo-licensing": "^1.3.0",
     "@progress/kendo-vue-buttons": "^3.10.0",
     "@progress/kendo-vue-dateinputs": "^3.10.0",
     "@progress/kendo-vue-dropdowns": "^3.10.0",
@@ -46,7 +47,7 @@
     "vue": "^2.6.12 || ^3.0.2"
   },
   "dependencies": {
-    "@progress/kendo-vue-common": "3.12.0"
+    "@progress/kendo-vue-common": "3.13.0-dev.202308171358"
   },
   "devDependencies": {
     "@progress/kendo-data-query": "^1.0.0",
@@ -54,14 +55,14 @@
     "@progress/kendo-drawing": "^1.8.0",
     "@progress/kendo-licensing": "^1.3.0",
     "@progress/kendo-svg-icons": "^1.0.0",
-    "@progress/kendo-vue-animation": "3.12.0",
-    "@progress/kendo-vue-buttons": "3.12.0",
-    "@progress/kendo-vue-dateinputs": "3.12.0",
-    "@progress/kendo-vue-dropdowns": "3.12.0",
-    "@progress/kendo-vue-grid": "3.12.0",
-    "@progress/kendo-vue-inputs": "3.12.0",
-    "@progress/kendo-vue-intl": "3.12.0",
-    "@progress/kendo-vue-popup": "3.12.0"
+    "@progress/kendo-vue-animation": "3.13.0-dev.202308171358",
+    "@progress/kendo-vue-buttons": "3.13.0-dev.202308171358",
+    "@progress/kendo-vue-dateinputs": "3.13.0-dev.202308171358",
+    "@progress/kendo-vue-dropdowns": "3.13.0-dev.202308171358",
+    "@progress/kendo-vue-grid": "3.13.0-dev.202308171358",
+    "@progress/kendo-vue-inputs": "3.13.0-dev.202308171358",
+    "@progress/kendo-vue-intl": "3.13.0-dev.202308171358",
+    "@progress/kendo-vue-popup": "3.13.0-dev.202308171358"
   },
   "@progress": {
     "friendlyName": "Data Tools",