primevue 2.5.0 → 2.8.0

package/slider/Slider.vue

@@ -2,7 +2,7 @@
     <div :class="containerClass" @click="onBarClick" ref="container">
         <span class="p-slider-range" :style="rangeStyle"></span>
         <span v-if="!range" class="p-slider-handle" :style="handleStyle" @touchstart="onDragStart($event)" @touchmove="onDrag($event)" @touchend="onDragEnd($event)" @mousedown="onMouseDown($event)" @keydown="onKeyDown($event)" tabindex="0"
-             role="slider" :aria-valuemin="min" :aria-valuenow="value" :aria-valuemax="max" :aria-labelledby="ariaLabelledBy"></span>
+            role="slider" :aria-valuemin="min" :aria-valuenow="value" :aria-valuemax="max" :aria-labelledby="ariaLabelledBy"></span>
         <span v-if="range" class="p-slider-handle" :style="rangeStartHandleStyle" @touchstart="onDragStart($event, 0)" @touchmove="onDrag($event)" @touchend="onDragEnd($event)" @mousedown="onMouseDown($event, 0)" @keydown="onKeyDown($event)" tabindex="0"
             role="slider" :aria-valuemin="min" :aria-valuenow="value ? value[0] : null" :aria-valuemax="max" :aria-labelledby="ariaLabelledBy"></span>
         <span v-if="range" class="p-slider-handle" :style="rangeEndHandleStyle" @touchstart="onDragStart($event, 1)" @touchmove="onDrag($event)" @touchend="onDragEnd($event)" @mousedown="onMouseDown($event, 1)" @keydown="onKeyDown($event, 1)" tabindex="0"
@@ -97,22 +97,31 @@ export default {
             let modelValue;
 
             if (this.range) {
+                modelValue = this.value ? [...this.value] : [];
+
                 if (this.handleIndex == 0) {
+                    let maxValue = this.value ? this.value[1] : this.max;
+
                     if (newValue < this.min)
                         newValue = this.min;
-                    else if (newValue >= this.value[1])
-                        newValue = this.value[1];
+                    else if (newValue >= maxValue)
+                        newValue = maxValue;
+
+                    modelValue[0] = newValue;
+                    modelValue[1] = modelValue[1] || this.max;
                 }
                 else {
+                    let minValue = this.value ? this.value[0] : this.min;
                     if (newValue > this.max)
                         newValue = this.max;
-                    else if (newValue <= this.value[0])
-                        newValue = this.value[0];
-                }
+                    else if (newValue <= minValue)
+                        newValue = minValue;
 
-                modelValue = [...this.value];
-                modelValue[this.handleIndex] = newValue;
+                    modelValue[0] = modelValue[0] || this.min;
+                    modelValue[1] = newValue;
+                }
             }
+
             else {
                 if (newValue < this.min)
                     newValue = this.min;
@@ -301,7 +310,6 @@ export default {
                 return {'left': this.handlePosition + '%'};
             else
                 return {'bottom': this.handlePosition + '%'};
-
         },
         handlePosition() {
             if (this.value < this.min)
@@ -312,16 +320,16 @@ export default {
                 return (this.value - this.min) * 100 / (this.max - this.min);
         },
         rangeStartPosition() {
-            if (this.value)
+            if (this.value && this.value[0])
                 return (this.value[0] < this.min ? 0 : this.value[0] - this.min) * 100 / (this.max - this.min);
             else
                 return 0;
         },
         rangeEndPosition() {
-            if (this.value)
+            if (this.value && this.value[1])
                 return (this.value[1] > this.max ? 100 : this.value[1] - this.min) * 100 / (this.max - this.min);
             else
-                return 0;
+                return 100;
         },
         rangeStartHandleStyle() {
             if (this.horizontal)

package/slider/slider.common.js

@@ -4620,12 +4620,12 @@ if (typeof window !== 'undefined') {
 // Indicate to webpack that this file can be concatenated
 /* harmony default export */ var setPublicPath = (null);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0538004c-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/slider/Slider.vue?vue&type=template&id=6751f416&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"9d50adc0-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/slider/Slider.vue?vue&type=template&id=0d242aad&
 var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:"container",class:_vm.containerClass,on:{"click":_vm.onBarClick}},[_c('span',{staticClass:"p-slider-range",style:(_vm.rangeStyle)}),(!_vm.range)?_c('span',{staticClass:"p-slider-handle",style:(_vm.handleStyle),attrs:{"tabindex":"0","role":"slider","aria-valuemin":_vm.min,"aria-valuenow":_vm.value,"aria-valuemax":_vm.max,"aria-labelledby":_vm.ariaLabelledBy},on:{"touchstart":function($event){return _vm.onDragStart($event)},"touchmove":function($event){return _vm.onDrag($event)},"touchend":function($event){return _vm.onDragEnd($event)},"mousedown":function($event){return _vm.onMouseDown($event)},"keydown":function($event){return _vm.onKeyDown($event)}}}):_vm._e(),(_vm.range)?_c('span',{staticClass:"p-slider-handle",style:(_vm.rangeStartHandleStyle),attrs:{"tabindex":"0","role":"slider","aria-valuemin":_vm.min,"aria-valuenow":_vm.value ? _vm.value[0] : null,"aria-valuemax":_vm.max,"aria-labelledby":_vm.ariaLabelledBy},on:{"touchstart":function($event){return _vm.onDragStart($event, 0)},"touchmove":function($event){return _vm.onDrag($event)},"touchend":function($event){return _vm.onDragEnd($event)},"mousedown":function($event){return _vm.onMouseDown($event, 0)},"keydown":function($event){return _vm.onKeyDown($event)}}}):_vm._e(),(_vm.range)?_c('span',{staticClass:"p-slider-handle",style:(_vm.rangeEndHandleStyle),attrs:{"tabindex":"0","role":"slider","aria-valuemin":_vm.min,"aria-valuenow":_vm.value ? _vm.value[1] : null,"aria-valuemax":_vm.max,"aria-labelledby":_vm.ariaLabelledBy},on:{"touchstart":function($event){return _vm.onDragStart($event, 1)},"touchmove":function($event){return _vm.onDrag($event)},"touchend":function($event){return _vm.onDragEnd($event)},"mousedown":function($event){return _vm.onMouseDown($event, 1)},"keydown":function($event){return _vm.onKeyDown($event, 1)}}}):_vm._e()])}
 var staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/slider/Slider.vue?vue&type=template&id=6751f416&
+// CONCATENATED MODULE: ./src/components/slider/Slider.vue?vue&type=template&id=0d242aad&
 
 // EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs2/core-js/array/is-array.js
 var is_array = __webpack_require__("a745");
@@ -4749,6 +4749,11 @@ function _defineProperties(target, props) {
 function _createClass(Constructor, protoProps, staticProps) {
   if (protoProps) _defineProperties(Constructor.prototype, protoProps);
   if (staticProps) _defineProperties(Constructor, staticProps);
+
+  define_property_default()(Constructor, "prototype", {
+    writable: false
+  });
+
   return Constructor;
 }
 // CONCATENATED MODULE: ./src/components/utils/DomHandler.js
@@ -5281,6 +5286,12 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
 
       return visibleFocusableElements;
     }
+  }, {
+    key: "getFirstFocusableElement",
+    value: function getFirstFocusableElement(element) {
+      var focusableElements = this.getFocusableElements(element);
+      return focusableElements.length > 0 ? focusableElements[0] : null;
+    }
   }, {
     key: "isClickable",
     value: function isClickable(element) {
@@ -5288,6 +5299,17 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
       var parentNode = element.parentElement && element.parentElement.nodeName;
       return targetNode == 'INPUT' || targetNode == 'BUTTON' || targetNode == 'A' || parentNode == 'INPUT' || parentNode == 'BUTTON' || parentNode == 'A' || this.hasClass(element, 'p-button') || this.hasClass(element.parentElement, 'p-button') || this.hasClass(element.parentElement, 'p-checkbox') || this.hasClass(element.parentElement, 'p-radiobutton');
     }
+  }, {
+    key: "applyStyle",
+    value: function applyStyle(element, style) {
+      if (typeof style === 'string') {
+        element.style.cssText = this.style;
+      } else {
+        for (var prop in this.style) {
+          element.style[prop] = style[prop];
+        }
+      }
+    }
   }, {
     key: "isIOS",
     value: function isIOS() {
@@ -5298,6 +5320,11 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
     value: function isAndroid() {
       return /(android)/i.test(navigator.userAgent);
     }
+  }, {
+    key: "isTouchDevice",
+    value: function isTouchDevice() {
+      return 'ontouchstart' in window || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0;
+    }
   }]);
 
   return DomHandler;
@@ -5393,14 +5420,19 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
       var modelValue;
 
       if (this.range) {
+        modelValue = this.value ? _toConsumableArray(this.value) : [];
+
         if (this.handleIndex == 0) {
-          if (newValue < this.min) newValue = this.min;else if (newValue >= this.value[1]) newValue = this.value[1];
+          var maxValue = this.value ? this.value[1] : this.max;
+          if (newValue < this.min) newValue = this.min;else if (newValue >= maxValue) newValue = maxValue;
+          modelValue[0] = newValue;
+          modelValue[1] = modelValue[1] || this.max;
         } else {
-          if (newValue > this.max) newValue = this.max;else if (newValue <= this.value[0]) newValue = this.value[0];
+          var minValue = this.value ? this.value[0] : this.min;
+          if (newValue > this.max) newValue = this.max;else if (newValue <= minValue) newValue = minValue;
+          modelValue[0] = modelValue[0] || this.min;
+          modelValue[1] = newValue;
         }
-
-        modelValue = _toConsumableArray(this.value);
-        modelValue[this.handleIndex] = newValue;
       } else {
         if (newValue < this.min) newValue = this.min;else if (newValue > this.max) newValue = this.max;
         modelValue = newValue;
@@ -5583,10 +5615,10 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
       if (this.value < this.min) return 0;else if (this.value > this.max) return 100;else return (this.value - this.min) * 100 / (this.max - this.min);
     },
     rangeStartPosition: function rangeStartPosition() {
-      if (this.value) return (this.value[0] < this.min ? 0 : this.value[0] - this.min) * 100 / (this.max - this.min);else return 0;
+      if (this.value && this.value[0]) return (this.value[0] < this.min ? 0 : this.value[0] - this.min) * 100 / (this.max - this.min);else return 0;
     },
     rangeEndPosition: function rangeEndPosition() {
-      if (this.value) return (this.value[1] > this.max ? 100 : this.value[1] - this.min) * 100 / (this.max - this.min);else return 0;
+      if (this.value && this.value[1]) return (this.value[1] > this.max ? 100 : this.value[1] - this.min) * 100 / (this.max - this.min);else return 100;
     },
     rangeStartHandleStyle: function rangeStartHandleStyle() {
       if (this.horizontal) return {

package/slider/slider.umd.js

@@ -4629,12 +4629,12 @@ if (typeof window !== 'undefined') {
 // Indicate to webpack that this file can be concatenated
 /* harmony default export */ var setPublicPath = (null);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0538004c-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/slider/Slider.vue?vue&type=template&id=6751f416&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"9d50adc0-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/slider/Slider.vue?vue&type=template&id=0d242aad&
 var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:"container",class:_vm.containerClass,on:{"click":_vm.onBarClick}},[_c('span',{staticClass:"p-slider-range",style:(_vm.rangeStyle)}),(!_vm.range)?_c('span',{staticClass:"p-slider-handle",style:(_vm.handleStyle),attrs:{"tabindex":"0","role":"slider","aria-valuemin":_vm.min,"aria-valuenow":_vm.value,"aria-valuemax":_vm.max,"aria-labelledby":_vm.ariaLabelledBy},on:{"touchstart":function($event){return _vm.onDragStart($event)},"touchmove":function($event){return _vm.onDrag($event)},"touchend":function($event){return _vm.onDragEnd($event)},"mousedown":function($event){return _vm.onMouseDown($event)},"keydown":function($event){return _vm.onKeyDown($event)}}}):_vm._e(),(_vm.range)?_c('span',{staticClass:"p-slider-handle",style:(_vm.rangeStartHandleStyle),attrs:{"tabindex":"0","role":"slider","aria-valuemin":_vm.min,"aria-valuenow":_vm.value ? _vm.value[0] : null,"aria-valuemax":_vm.max,"aria-labelledby":_vm.ariaLabelledBy},on:{"touchstart":function($event){return _vm.onDragStart($event, 0)},"touchmove":function($event){return _vm.onDrag($event)},"touchend":function($event){return _vm.onDragEnd($event)},"mousedown":function($event){return _vm.onMouseDown($event, 0)},"keydown":function($event){return _vm.onKeyDown($event)}}}):_vm._e(),(_vm.range)?_c('span',{staticClass:"p-slider-handle",style:(_vm.rangeEndHandleStyle),attrs:{"tabindex":"0","role":"slider","aria-valuemin":_vm.min,"aria-valuenow":_vm.value ? _vm.value[1] : null,"aria-valuemax":_vm.max,"aria-labelledby":_vm.ariaLabelledBy},on:{"touchstart":function($event){return _vm.onDragStart($event, 1)},"touchmove":function($event){return _vm.onDrag($event)},"touchend":function($event){return _vm.onDragEnd($event)},"mousedown":function($event){return _vm.onMouseDown($event, 1)},"keydown":function($event){return _vm.onKeyDown($event, 1)}}}):_vm._e()])}
 var staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/slider/Slider.vue?vue&type=template&id=6751f416&
+// CONCATENATED MODULE: ./src/components/slider/Slider.vue?vue&type=template&id=0d242aad&
 
 // EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs2/core-js/array/is-array.js
 var is_array = __webpack_require__("a745");
@@ -4758,6 +4758,11 @@ function _defineProperties(target, props) {
 function _createClass(Constructor, protoProps, staticProps) {
   if (protoProps) _defineProperties(Constructor.prototype, protoProps);
   if (staticProps) _defineProperties(Constructor, staticProps);
+
+  define_property_default()(Constructor, "prototype", {
+    writable: false
+  });
+
   return Constructor;
 }
 // CONCATENATED MODULE: ./src/components/utils/DomHandler.js
@@ -5290,6 +5295,12 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
 
       return visibleFocusableElements;
     }
+  }, {
+    key: "getFirstFocusableElement",
+    value: function getFirstFocusableElement(element) {
+      var focusableElements = this.getFocusableElements(element);
+      return focusableElements.length > 0 ? focusableElements[0] : null;
+    }
   }, {
     key: "isClickable",
     value: function isClickable(element) {
@@ -5297,6 +5308,17 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
       var parentNode = element.parentElement && element.parentElement.nodeName;
       return targetNode == 'INPUT' || targetNode == 'BUTTON' || targetNode == 'A' || parentNode == 'INPUT' || parentNode == 'BUTTON' || parentNode == 'A' || this.hasClass(element, 'p-button') || this.hasClass(element.parentElement, 'p-button') || this.hasClass(element.parentElement, 'p-checkbox') || this.hasClass(element.parentElement, 'p-radiobutton');
     }
+  }, {
+    key: "applyStyle",
+    value: function applyStyle(element, style) {
+      if (typeof style === 'string') {
+        element.style.cssText = this.style;
+      } else {
+        for (var prop in this.style) {
+          element.style[prop] = style[prop];
+        }
+      }
+    }
   }, {
     key: "isIOS",
     value: function isIOS() {
@@ -5307,6 +5329,11 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
     value: function isAndroid() {
       return /(android)/i.test(navigator.userAgent);
     }
+  }, {
+    key: "isTouchDevice",
+    value: function isTouchDevice() {
+      return 'ontouchstart' in window || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0;
+    }
   }]);
 
   return DomHandler;
@@ -5402,14 +5429,19 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
       var modelValue;
 
       if (this.range) {
+        modelValue = this.value ? _toConsumableArray(this.value) : [];
+
         if (this.handleIndex == 0) {
-          if (newValue < this.min) newValue = this.min;else if (newValue >= this.value[1]) newValue = this.value[1];
+          var maxValue = this.value ? this.value[1] : this.max;
+          if (newValue < this.min) newValue = this.min;else if (newValue >= maxValue) newValue = maxValue;
+          modelValue[0] = newValue;
+          modelValue[1] = modelValue[1] || this.max;
         } else {
-          if (newValue > this.max) newValue = this.max;else if (newValue <= this.value[0]) newValue = this.value[0];
+          var minValue = this.value ? this.value[0] : this.min;
+          if (newValue > this.max) newValue = this.max;else if (newValue <= minValue) newValue = minValue;
+          modelValue[0] = modelValue[0] || this.min;
+          modelValue[1] = newValue;
         }
-
-        modelValue = _toConsumableArray(this.value);
-        modelValue[this.handleIndex] = newValue;
       } else {
         if (newValue < this.min) newValue = this.min;else if (newValue > this.max) newValue = this.max;
         modelValue = newValue;
@@ -5592,10 +5624,10 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
       if (this.value < this.min) return 0;else if (this.value > this.max) return 100;else return (this.value - this.min) * 100 / (this.max - this.min);
     },
     rangeStartPosition: function rangeStartPosition() {
-      if (this.value) return (this.value[0] < this.min ? 0 : this.value[0] - this.min) * 100 / (this.max - this.min);else return 0;
+      if (this.value && this.value[0]) return (this.value[0] < this.min ? 0 : this.value[0] - this.min) * 100 / (this.max - this.min);else return 0;
     },
     rangeEndPosition: function rangeEndPosition() {
-      if (this.value) return (this.value[1] > this.max ? 100 : this.value[1] - this.min) * 100 / (this.max - this.min);else return 0;
+      if (this.value && this.value[1]) return (this.value[1] > this.max ? 100 : this.value[1] - this.min) * 100 / (this.max - this.min);else return 100;
     },
     rangeStartHandleStyle: function rangeStartHandleStyle() {
       if (this.horizontal) return {