primevue 3.16.2 → 3.18.0

package/slider/slider.js

@@ -6,30 +6,30 @@ this.primevue.slider = (function (utils, vue) {
         name: 'Slider',
         emits: ['update:modelValue', 'change', 'slideend'],
         props: {
-            modelValue: [Number,Array],
-    		min: {
-    			type: Number,
-    			default: 0
-    		},
-    		max: {
-    			type: Number,
-    			default: 100
-    		},
-    		orientation: {
-    			type: String,
-    			default: 'horizontal'
-    		},
-    		step: {
-    			type: Number,
-    			default: null
-    		},
-    		range: {
-    			type: Boolean,
-    			default: false
-    		},
+            modelValue: [Number, Array],
+            min: {
+                type: Number,
+                default: 0
+            },
+            max: {
+                type: Number,
+                default: 100
+            },
+            orientation: {
+                type: String,
+                default: 'horizontal'
+            },
+            step: {
+                type: Number,
+                default: null
+            },
+            range: {
+                type: Boolean,
+                default: false
+            },
             disabled: {
-    			type: Boolean,
-    			default: false
+                type: Boolean,
+                default: false
             },
             tabindex: {
                 type: Number,
@@ -37,7 +37,7 @@ this.primevue.slider = (function (utils, vue) {
             },
             'aria-labelledby': {
                 type: String,
-    			default: null
+                default: null
             },
             'aria-label': {
                 type: String,
@@ -58,6 +58,7 @@ this.primevue.slider = (function (utils, vue) {
         methods: {
             updateDomData() {
                 let rect = this.$el.getBoundingClientRect();
+
                 this.initX = rect.left + utils.DomHandler.getWindowScrollLeft();
                 this.initY = rect.top + utils.DomHandler.getWindowScrollTop();
                 this.barWidth = this.$el.offsetWidth;
@@ -67,22 +68,21 @@ this.primevue.slider = (function (utils, vue) {
                 let handleValue;
                 let pageX = event.touches ? event.touches[0].pageX : event.pageX;
                 let pageY = event.touches ? event.touches[0].pageY : event.pageY;
-                if(this.orientation === 'horizontal')
-                    handleValue = ((pageX - this.initX) * 100) / (this.barWidth);
-                else
-                    handleValue = (((this.initY + this.barHeight) - pageY) * 100) / (this.barHeight);
+
+                if (this.orientation === 'horizontal') handleValue = ((pageX - this.initX) * 100) / this.barWidth;
+                else handleValue = ((this.initY + this.barHeight - pageY) * 100) / this.barHeight;
                 let newValue = (this.max - this.min) * (handleValue / 100) + this.min;
+
                 if (this.step) {
                     const oldValue = this.range ? this.modelValue[this.handleIndex] : this.modelValue;
-                    const diff = (newValue - oldValue);
-                    if (diff < 0)
-                        newValue = oldValue + Math.ceil(newValue / this.step - oldValue / this.step) * this.step;
-                    else if (diff > 0)
-                        newValue = oldValue + Math.floor(newValue / this.step - oldValue / this.step) * this.step;
-                }
-                else {
+                    const diff = newValue - oldValue;
+
+                    if (diff < 0) newValue = oldValue + Math.ceil(newValue / this.step - oldValue / this.step) * this.step;
+                    else if (diff > 0) newValue = oldValue + Math.floor(newValue / this.step - oldValue / this.step) * this.step;
+                } else {
                     newValue = Math.floor(newValue);
                 }
+
                 this.updateModel(event, newValue);
             },
             updateModel(event, value) {
@@ -95,30 +95,23 @@ this.primevue.slider = (function (utils, vue) {
                     if (this.handleIndex == 0) {
                         let maxValue = this.modelValue ? this.modelValue[1] : this.max;
 
-                        if (newValue < this.min)
-                            newValue = this.min;
-                        else if (newValue >= maxValue)
-                            newValue = maxValue;
+                        if (newValue < this.min) newValue = this.min;
+                        else if (newValue >= maxValue) newValue = maxValue;
 
                         modelValue[0] = newValue;
                         modelValue[1] = modelValue[1] || this.max;
-                    }
-                    else {
+                    } else {
                         let minValue = this.modelValue ? this.modelValue[0] : this.min;
-                        if (newValue > this.max)
-                            newValue = this.max;
-                        else if (newValue <= minValue)
-                            newValue = minValue;
+
+                        if (newValue > this.max) newValue = this.max;
+                        else if (newValue <= minValue) newValue = minValue;
 
                         modelValue[0] = modelValue[0] || this.min;
                         modelValue[1] = newValue;
                     }
-                }
-                else {
-                    if (newValue < this.min)
-                        newValue = this.min;
-                    else if (newValue > this.max)
-                        newValue = this.max;
+                } else {
+                    if (newValue < this.min) newValue = this.min;
+                    else if (newValue > this.max) newValue = this.max;
 
                     modelValue = newValue;
                 }
@@ -137,8 +130,7 @@ this.primevue.slider = (function (utils, vue) {
 
                 if (this.range && this.modelValue[0] === this.max) {
                     this.handleIndex = 0;
-                }
-                else {
+                } else {
                     this.handleIndex = index;
                 }
 
@@ -154,13 +146,14 @@ this.primevue.slider = (function (utils, vue) {
                 if (this.dragging) {
                     this.dragging = false;
                     utils.DomHandler.removeClass(this.$el, 'p-slider-sliding');
-                    this.$emit('slideend', {originalEvent: event, value: this.modelValue});
+                    this.$emit('slideend', { originalEvent: event, value: this.modelValue });
                 }
             },
             onBarClick(event) {
                 if (this.disabled) {
                     return;
                 }
+
                 if (!utils.DomHandler.hasClass(event.target, 'p-slider-handle')) {
                     this.updateDomData();
                     this.setValue(event);
@@ -172,75 +165,68 @@ this.primevue.slider = (function (utils, vue) {
             },
             onKeyDown(event, index) {
                 this.handleIndex = index;
+
                 switch (event.code) {
                     case 'ArrowDown':
                     case 'ArrowLeft':
                         this.decrementValue(event, index);
                         event.preventDefault();
-                    break;
+                        break;
 
                     case 'ArrowUp':
                     case 'ArrowRight':
                         this.incrementValue(event, index);
                         event.preventDefault();
-                    break;
+                        break;
 
                     case 'PageDown':
                         this.decrementValue(event, index, true);
                         event.preventDefault();
-                    break;
+                        break;
 
                     case 'PageUp':
                         this.incrementValue(event, index, true);
                         event.preventDefault();
-                    break;
+                        break;
 
                     case 'Home':
                         this.updateModel(event, this.min);
                         event.preventDefault();
-                    break;
+                        break;
 
                     case 'End':
                         this.updateModel(event, this.max);
                         event.preventDefault();
-                    break;
+                        break;
                 }
             },
             decrementValue(event, index, pageKey = false) {
                 let newValue;
+
                 if (this.range) {
-                    if (this.step)
-                        newValue = this.modelValue[index] - this.step;
-                    else
-                        newValue = this.modelValue[index] - 1;
-                }
-                else {
-                    if (this.step)
-                        newValue = this.modelValue - this.step;
-                    else if (!this.step && pageKey)
-                        newValue = this.modelValue - 10;
-                    else
-                        newValue = this.modelValue - 1;
+                    if (this.step) newValue = this.modelValue[index] - this.step;
+                    else newValue = this.modelValue[index] - 1;
+                } else {
+                    if (this.step) newValue = this.modelValue - this.step;
+                    else if (!this.step && pageKey) newValue = this.modelValue - 10;
+                    else newValue = this.modelValue - 1;
                 }
+
                 this.updateModel(event, newValue);
                 event.preventDefault();
             },
             incrementValue(event, index, pageKey = false) {
                 let newValue;
+
                 if (this.range) {
-                    if (this.step)
-                        newValue = this.modelValue[index] + this.step;
-                    else
-                        newValue = this.modelValue[index] + 1;
-                }
-                else {
-                    if (this.step)
-                        newValue = this.modelValue + this.step;
-                    else if (!this.step && pageKey)
-                        newValue = this.modelValue + 10;
-                    else
-                        newValue = this.modelValue + 1;
+                    if (this.step) newValue = this.modelValue[index] + this.step;
+                    else newValue = this.modelValue[index] + 1;
+                } else {
+                    if (this.step) newValue = this.modelValue + this.step;
+                    else if (!this.step && pageKey) newValue = this.modelValue + 10;
+                    else newValue = this.modelValue + 1;
                 }
+
                 this.updateModel(event, newValue);
                 event.preventDefault();
             },
@@ -249,6 +235,7 @@ this.primevue.slider = (function (utils, vue) {
                     this.dragListener = this.onDrag.bind(this);
                     document.addEventListener('mousemove', this.dragListener);
                 }
+
                 if (!this.dragEndListener) {
                     this.dragEndListener = this.onDragEnd.bind(this);
                     document.addEventListener('mouseup', this.dragEndListener);
@@ -259,6 +246,7 @@ this.primevue.slider = (function (utils, vue) {
                     document.removeEventListener('mousemove', this.dragListener);
                     this.dragListener = null;
                 }
+
                 if (this.dragEndListener) {
                     document.removeEventListener('mouseup', this.dragEndListener);
                     this.dragEndListener = null;
@@ -267,11 +255,14 @@ this.primevue.slider = (function (utils, vue) {
         },
         computed: {
             containerClass() {
-                return ['p-slider p-component', {
-                    'p-disabled': this.disabled,
-                    'p-slider-horizontal': (this.orientation === 'horizontal'),
-                    'p-slider-vertical': (this.orientation === 'vertical')
-                }];
+                return [
+                    'p-slider p-component',
+                    {
+                        'p-disabled': this.disabled,
+                        'p-slider-horizontal': this.orientation === 'horizontal',
+                        'p-slider-vertical': this.orientation === 'vertical'
+                    }
+                ];
             },
             horizontal() {
                 return this.orientation === 'horizontal';
@@ -281,56 +272,38 @@ this.primevue.slider = (function (utils, vue) {
             },
             rangeStyle() {
                 if (this.range) {
-                    if (this.horizontal)
-                        return {'left': this.rangeStartPosition + '%', width: (this.rangeEndPosition - this.rangeStartPosition + '%')};
-                    else
-                        return {'bottom': this.rangeStartPosition + '%', height: (this.rangeEndPosition - this.rangeStartHandlePosition + '%')};
-                }
-                else {
-                    if (this.horizontal)
-                        return {'width': this.handlePosition + '%'};
-                    else
-                        return {'height': this.handlePosition + '%'};
+                    if (this.horizontal) return { left: this.rangeStartPosition + '%', width: this.rangeEndPosition - this.rangeStartPosition + '%' };
+                    else return { bottom: this.rangeStartPosition + '%', height: this.rangeEndPosition - this.rangeStartHandlePosition + '%' };
+                } else {
+                    if (this.horizontal) return { width: this.handlePosition + '%' };
+                    else return { height: this.handlePosition + '%' };
                 }
             },
             handleStyle() {
-                if (this.horizontal)
-                    return {'left': this.handlePosition + '%'};
-                else
-                    return {'bottom': this.handlePosition + '%'};
+                if (this.horizontal) return { left: this.handlePosition + '%' };
+                else return { bottom: this.handlePosition + '%' };
             },
             handlePosition() {
-                if (this.modelValue < this.min)
-                    return 0;
-                else if (this.modelValue > this.max)
-                    return 100;
-                else
-                    return (this.modelValue - this.min) * 100 / (this.max - this.min);
+                if (this.modelValue < this.min) return 0;
+                else if (this.modelValue > this.max) return 100;
+                else return ((this.modelValue - this.min) * 100) / (this.max - this.min);
             },
             rangeStartPosition() {
-                if (this.modelValue && this.modelValue[0])
-                    return (this.modelValue[0] < this.min ? 0 : this.modelValue[0] - this.min) * 100 / (this.max - this.min);
-                else
-                    return 0;
+                if (this.modelValue && this.modelValue[0]) return ((this.modelValue[0] < this.min ? 0 : this.modelValue[0] - this.min) * 100) / (this.max - this.min);
+                else return 0;
             },
             rangeEndPosition() {
-                if (this.modelValue && this.modelValue.length === 2)
-                    return (this.modelValue[1] > this.max ? 100 : this.modelValue[1] - this.min) * 100 / (this.max - this.min);
-                else
-                    return 100;
+                if (this.modelValue && this.modelValue.length === 2) return ((this.modelValue[1] > this.max ? 100 : this.modelValue[1] - this.min) * 100) / (this.max - this.min);
+                else return 100;
             },
             rangeStartHandleStyle() {
-                if (this.horizontal)
-                    return {'left': this.rangeStartPosition + '%'};
-                else
-                    return {'bottom': this.rangeStartPosition + '%'};
+                if (this.horizontal) return { left: this.rangeStartPosition + '%' };
+                else return { bottom: this.rangeStartPosition + '%' };
             },
             rangeEndHandleStyle() {
-                if (this.horizontal)
-                    return {'left': this.rangeEndPosition + '%'};
-                else
-                    return {'bottom': this.rangeEndPosition + '%'};
-            },
+                if (this.horizontal) return { left: this.rangeEndPosition + '%' };
+                else return { bottom: this.rangeEndPosition + '%' };
+            }
         }
     };
 
@@ -437,7 +410,7 @@ this.primevue.slider = (function (utils, vue) {
       }
     }
 
-    var css_248z = "\n.p-slider {\n\tposition: relative;\n}\n.p-slider .p-slider-handle {\n\tposition: absolute;\n\tcursor: -webkit-grab;\n\tcursor: grab;\n    -ms-touch-action: none;\n        touch-action: none;\n    display: block;\n}\n.p-slider-range {\n\tposition: absolute;\n    display: block;\n}\n.p-slider-horizontal .p-slider-range {\n    top: 0;\n    left: 0;\n\theight: 100%;\n}\n.p-slider-horizontal .p-slider-handle {\n    top: 50%;\n}\n.p-slider-vertical {\n\theight: 100px;\n}\n.p-slider-vertical .p-slider-handle {\n    left: 50%;\n}\n.p-slider-vertical .p-slider-range {\n    bottom: 0;\n    left: 0;\n    width: 100%;\n}\n";
+    var css_248z = "\n.p-slider {\n    position: relative;\n}\n.p-slider .p-slider-handle {\n    position: absolute;\n    cursor: -webkit-grab;\n    cursor: grab;\n    -ms-touch-action: none;\n        touch-action: none;\n    display: block;\n}\n.p-slider-range {\n    position: absolute;\n    display: block;\n}\n.p-slider-horizontal .p-slider-range {\n    top: 0;\n    left: 0;\n    height: 100%;\n}\n.p-slider-horizontal .p-slider-handle {\n    top: 50%;\n}\n.p-slider-vertical {\n    height: 100px;\n}\n.p-slider-vertical .p-slider-handle {\n    left: 50%;\n}\n.p-slider-vertical .p-slider-range {\n    bottom: 0;\n    left: 0;\n    width: 100%;\n}\n";
     styleInject(css_248z);
 
     script.render = render;

package/slider/slider.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.slider=function(e,t){"use strict";var i={name:"Slider",emits:["update:modelValue","change","slideend"],props:{modelValue:[Number,Array],min:{type:Number,default:0},max:{type:Number,default:100},orientation:{type:String,default:"horizontal"},step:{type:Number,default:null},range:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},tabindex:{type:Number,default:0},"aria-labelledby":{type:String,default:null},"aria-label":{type:String,default:null}},dragging:!1,handleIndex:null,initX:null,initY:null,barWidth:null,barHeight:null,dragListener:null,dragEndListener:null,beforeUnmount(){this.unbindDragListeners()},methods:{updateDomData(){let t=this.$el.getBoundingClientRect();this.initX=t.left+e.DomHandler.getWindowScrollLeft(),this.initY=t.top+e.DomHandler.getWindowScrollTop(),this.barWidth=this.$el.offsetWidth,this.barHeight=this.$el.offsetHeight},setValue(e){let t,i=e.touches?e.touches[0].pageX:e.pageX,a=e.touches?e.touches[0].pageY:e.pageY;t="horizontal"===this.orientation?100*(i-this.initX)/this.barWidth:100*(this.initY+this.barHeight-a)/this.barHeight;let n=(this.max-this.min)*(t/100)+this.min;if(this.step){const e=this.range?this.modelValue[this.handleIndex]:this.modelValue,t=n-e;t<0?n=e+Math.ceil(n/this.step-e/this.step)*this.step:t>0&&(n=e+Math.floor(n/this.step-e/this.step)*this.step)}else n=Math.floor(n);this.updateModel(e,n)},updateModel(e,t){let i,a=parseFloat(t.toFixed(10));if(this.range)if(i=this.modelValue?[...this.modelValue]:[],0==this.handleIndex){let e=this.modelValue?this.modelValue[1]:this.max;a<this.min?a=this.min:a>=e&&(a=e),i[0]=a,i[1]=i[1]||this.max}else{let e=this.modelValue?this.modelValue[0]:this.min;a>this.max?a=this.max:a<=e&&(a=e),i[0]=i[0]||this.min,i[1]=a}else a<this.min?a=this.min:a>this.max&&(a=this.max),i=a;this.$emit("update:modelValue",i),this.$emit("change",i)},onDragStart(t,i){this.disabled||(e.DomHandler.addClass(this.$el,"p-slider-sliding"),this.dragging=!0,this.updateDomData(),this.range&&this.modelValue[0]===this.max?this.handleIndex=0:this.handleIndex=i,t.preventDefault())},onDrag(e){this.dragging&&(this.setValue(e),e.preventDefault())},onDragEnd(t){this.dragging&&(this.dragging=!1,e.DomHandler.removeClass(this.$el,"p-slider-sliding"),this.$emit("slideend",{originalEvent:t,value:this.modelValue}))},onBarClick(t){this.disabled||e.DomHandler.hasClass(t.target,"p-slider-handle")||(this.updateDomData(),this.setValue(t))},onMouseDown(e,t){this.bindDragListeners(),this.onDragStart(e,t)},onKeyDown(e,t){switch(this.handleIndex=t,e.code){case"ArrowDown":case"ArrowLeft":this.decrementValue(e,t),e.preventDefault();break;case"ArrowUp":case"ArrowRight":this.incrementValue(e,t),e.preventDefault();break;case"PageDown":this.decrementValue(e,t,!0),e.preventDefault();break;case"PageUp":this.incrementValue(e,t,!0),e.preventDefault();break;case"Home":this.updateModel(e,this.min),e.preventDefault();break;case"End":this.updateModel(e,this.max),e.preventDefault()}},decrementValue(e,t,i=!1){let a;a=this.range?this.step?this.modelValue[t]-this.step:this.modelValue[t]-1:this.step?this.modelValue-this.step:!this.step&&i?this.modelValue-10:this.modelValue-1,this.updateModel(e,a),e.preventDefault()},incrementValue(e,t,i=!1){let a;a=this.range?this.step?this.modelValue[t]+this.step:this.modelValue[t]+1:this.step?this.modelValue+this.step:!this.step&&i?this.modelValue+10:this.modelValue+1,this.updateModel(e,a),e.preventDefault()},bindDragListeners(){this.dragListener||(this.dragListener=this.onDrag.bind(this),document.addEventListener("mousemove",this.dragListener)),this.dragEndListener||(this.dragEndListener=this.onDragEnd.bind(this),document.addEventListener("mouseup",this.dragEndListener))},unbindDragListeners(){this.dragListener&&(document.removeEventListener("mousemove",this.dragListener),this.dragListener=null),this.dragEndListener&&(document.removeEventListener("mouseup",this.dragEndListener),this.dragEndListener=null)}},computed:{containerClass(){return["p-slider p-component",{"p-disabled":this.disabled,"p-slider-horizontal":"horizontal"===this.orientation,"p-slider-vertical":"vertical"===this.orientation}]},horizontal(){return"horizontal"===this.orientation},vertical(){return"vertical"===this.orientation},rangeStyle(){return this.range?this.horizontal?{left:this.rangeStartPosition+"%",width:this.rangeEndPosition-this.rangeStartPosition+"%"}:{bottom:this.rangeStartPosition+"%",height:this.rangeEndPosition-this.rangeStartHandlePosition+"%"}:this.horizontal?{width:this.handlePosition+"%"}:{height:this.handlePosition+"%"}},handleStyle(){return this.horizontal?{left:this.handlePosition+"%"}:{bottom:this.handlePosition+"%"}},handlePosition(){return this.modelValue<this.min?0:this.modelValue>this.max?100:100*(this.modelValue-this.min)/(this.max-this.min)},rangeStartPosition(){return this.modelValue&&this.modelValue[0]?100*(this.modelValue[0]<this.min?0:this.modelValue[0]-this.min)/(this.max-this.min):0},rangeEndPosition(){return this.modelValue&&2===this.modelValue.length?100*(this.modelValue[1]>this.max?100:this.modelValue[1]-this.min)/(this.max-this.min):100},rangeStartHandleStyle(){return this.horizontal?{left:this.rangeStartPosition+"%"}:{bottom:this.rangeStartPosition+"%"}},rangeEndHandleStyle(){return this.horizontal?{left:this.rangeEndPosition+"%"}:{bottom:this.rangeEndPosition+"%"}}}};const a=["tabindex","aria-valuemin","aria-valuenow","aria-valuemax","aria-labelledby","aria-label","aria-orientation"],n=["tabindex","aria-valuemin","aria-valuenow","aria-valuemax","aria-labelledby","aria-label","aria-orientation"],l=["tabindex","aria-valuemin","aria-valuenow","aria-valuemax","aria-labelledby","aria-label","aria-orientation"];return function(e,t){void 0===t&&(t={});var i=t.insertAt;if(e&&"undefined"!=typeof document){var a=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===i&&a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}}("\n.p-slider {\n\tposition: relative;\n}\n.p-slider .p-slider-handle {\n\tposition: absolute;\n\tcursor: -webkit-grab;\n\tcursor: grab;\n    -ms-touch-action: none;\n        touch-action: none;\n    display: block;\n}\n.p-slider-range {\n\tposition: absolute;\n    display: block;\n}\n.p-slider-horizontal .p-slider-range {\n    top: 0;\n    left: 0;\n\theight: 100%;\n}\n.p-slider-horizontal .p-slider-handle {\n    top: 50%;\n}\n.p-slider-vertical {\n\theight: 100px;\n}\n.p-slider-vertical .p-slider-handle {\n    left: 50%;\n}\n.p-slider-vertical .p-slider-range {\n    bottom: 0;\n    left: 0;\n    width: 100%;\n}\n"),i.render=function(e,i,s,o,r,d){return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(d.containerClass),onClick:i[15]||(i[15]=(...e)=>d.onBarClick&&d.onBarClick(...e))},[t.createElementVNode("span",{class:"p-slider-range",style:t.normalizeStyle(d.rangeStyle)},null,4),s.range?t.createCommentVNode("",!0):(t.openBlock(),t.createElementBlock("span",{key:0,class:"p-slider-handle",style:t.normalizeStyle(d.handleStyle),onTouchstart:i[0]||(i[0]=e=>d.onDragStart(e)),onTouchmove:i[1]||(i[1]=e=>d.onDrag(e)),onTouchend:i[2]||(i[2]=e=>d.onDragEnd(e)),onMousedown:i[3]||(i[3]=e=>d.onMouseDown(e)),onKeydown:i[4]||(i[4]=e=>d.onKeyDown(e)),tabindex:s.tabindex,role:"slider","aria-valuemin":s.min,"aria-valuenow":s.modelValue,"aria-valuemax":s.max,"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel,"aria-orientation":s.orientation},null,44,a)),s.range?(t.openBlock(),t.createElementBlock("span",{key:1,class:"p-slider-handle",style:t.normalizeStyle(d.rangeStartHandleStyle),onTouchstart:i[5]||(i[5]=e=>d.onDragStart(e,0)),onTouchmove:i[6]||(i[6]=e=>d.onDrag(e)),onTouchend:i[7]||(i[7]=e=>d.onDragEnd(e)),onMousedown:i[8]||(i[8]=e=>d.onMouseDown(e,0)),onKeydown:i[9]||(i[9]=e=>d.onKeyDown(e,0)),tabindex:s.tabindex,role:"slider","aria-valuemin":s.min,"aria-valuenow":s.modelValue?s.modelValue[0]:null,"aria-valuemax":s.max,"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel,"aria-orientation":s.orientation},null,44,n)):t.createCommentVNode("",!0),s.range?(t.openBlock(),t.createElementBlock("span",{key:2,class:"p-slider-handle",style:t.normalizeStyle(d.rangeEndHandleStyle),onTouchstart:i[10]||(i[10]=e=>d.onDragStart(e,1)),onTouchmove:i[11]||(i[11]=e=>d.onDrag(e)),onTouchend:i[12]||(i[12]=e=>d.onDragEnd(e)),onMousedown:i[13]||(i[13]=e=>d.onMouseDown(e,1)),onKeydown:i[14]||(i[14]=e=>d.onKeyDown(e,1)),tabindex:s.tabindex,role:"slider","aria-valuemin":s.min,"aria-valuenow":s.modelValue?s.modelValue[1]:null,"aria-valuemax":s.max,"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel,"aria-orientation":s.orientation},null,44,l)):t.createCommentVNode("",!0)],2)},i}(primevue.utils,Vue);
+this.primevue=this.primevue||{},this.primevue.slider=function(e,t){"use strict";var i={name:"Slider",emits:["update:modelValue","change","slideend"],props:{modelValue:[Number,Array],min:{type:Number,default:0},max:{type:Number,default:100},orientation:{type:String,default:"horizontal"},step:{type:Number,default:null},range:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},tabindex:{type:Number,default:0},"aria-labelledby":{type:String,default:null},"aria-label":{type:String,default:null}},dragging:!1,handleIndex:null,initX:null,initY:null,barWidth:null,barHeight:null,dragListener:null,dragEndListener:null,beforeUnmount(){this.unbindDragListeners()},methods:{updateDomData(){let t=this.$el.getBoundingClientRect();this.initX=t.left+e.DomHandler.getWindowScrollLeft(),this.initY=t.top+e.DomHandler.getWindowScrollTop(),this.barWidth=this.$el.offsetWidth,this.barHeight=this.$el.offsetHeight},setValue(e){let t,i=e.touches?e.touches[0].pageX:e.pageX,a=e.touches?e.touches[0].pageY:e.pageY;t="horizontal"===this.orientation?100*(i-this.initX)/this.barWidth:100*(this.initY+this.barHeight-a)/this.barHeight;let n=(this.max-this.min)*(t/100)+this.min;if(this.step){const e=this.range?this.modelValue[this.handleIndex]:this.modelValue,t=n-e;t<0?n=e+Math.ceil(n/this.step-e/this.step)*this.step:t>0&&(n=e+Math.floor(n/this.step-e/this.step)*this.step)}else n=Math.floor(n);this.updateModel(e,n)},updateModel(e,t){let i,a=parseFloat(t.toFixed(10));if(this.range)if(i=this.modelValue?[...this.modelValue]:[],0==this.handleIndex){let e=this.modelValue?this.modelValue[1]:this.max;a<this.min?a=this.min:a>=e&&(a=e),i[0]=a,i[1]=i[1]||this.max}else{let e=this.modelValue?this.modelValue[0]:this.min;a>this.max?a=this.max:a<=e&&(a=e),i[0]=i[0]||this.min,i[1]=a}else a<this.min?a=this.min:a>this.max&&(a=this.max),i=a;this.$emit("update:modelValue",i),this.$emit("change",i)},onDragStart(t,i){this.disabled||(e.DomHandler.addClass(this.$el,"p-slider-sliding"),this.dragging=!0,this.updateDomData(),this.range&&this.modelValue[0]===this.max?this.handleIndex=0:this.handleIndex=i,t.preventDefault())},onDrag(e){this.dragging&&(this.setValue(e),e.preventDefault())},onDragEnd(t){this.dragging&&(this.dragging=!1,e.DomHandler.removeClass(this.$el,"p-slider-sliding"),this.$emit("slideend",{originalEvent:t,value:this.modelValue}))},onBarClick(t){this.disabled||e.DomHandler.hasClass(t.target,"p-slider-handle")||(this.updateDomData(),this.setValue(t))},onMouseDown(e,t){this.bindDragListeners(),this.onDragStart(e,t)},onKeyDown(e,t){switch(this.handleIndex=t,e.code){case"ArrowDown":case"ArrowLeft":this.decrementValue(e,t),e.preventDefault();break;case"ArrowUp":case"ArrowRight":this.incrementValue(e,t),e.preventDefault();break;case"PageDown":this.decrementValue(e,t,!0),e.preventDefault();break;case"PageUp":this.incrementValue(e,t,!0),e.preventDefault();break;case"Home":this.updateModel(e,this.min),e.preventDefault();break;case"End":this.updateModel(e,this.max),e.preventDefault()}},decrementValue(e,t,i=!1){let a;a=this.range?this.step?this.modelValue[t]-this.step:this.modelValue[t]-1:this.step?this.modelValue-this.step:!this.step&&i?this.modelValue-10:this.modelValue-1,this.updateModel(e,a),e.preventDefault()},incrementValue(e,t,i=!1){let a;a=this.range?this.step?this.modelValue[t]+this.step:this.modelValue[t]+1:this.step?this.modelValue+this.step:!this.step&&i?this.modelValue+10:this.modelValue+1,this.updateModel(e,a),e.preventDefault()},bindDragListeners(){this.dragListener||(this.dragListener=this.onDrag.bind(this),document.addEventListener("mousemove",this.dragListener)),this.dragEndListener||(this.dragEndListener=this.onDragEnd.bind(this),document.addEventListener("mouseup",this.dragEndListener))},unbindDragListeners(){this.dragListener&&(document.removeEventListener("mousemove",this.dragListener),this.dragListener=null),this.dragEndListener&&(document.removeEventListener("mouseup",this.dragEndListener),this.dragEndListener=null)}},computed:{containerClass(){return["p-slider p-component",{"p-disabled":this.disabled,"p-slider-horizontal":"horizontal"===this.orientation,"p-slider-vertical":"vertical"===this.orientation}]},horizontal(){return"horizontal"===this.orientation},vertical(){return"vertical"===this.orientation},rangeStyle(){return this.range?this.horizontal?{left:this.rangeStartPosition+"%",width:this.rangeEndPosition-this.rangeStartPosition+"%"}:{bottom:this.rangeStartPosition+"%",height:this.rangeEndPosition-this.rangeStartHandlePosition+"%"}:this.horizontal?{width:this.handlePosition+"%"}:{height:this.handlePosition+"%"}},handleStyle(){return this.horizontal?{left:this.handlePosition+"%"}:{bottom:this.handlePosition+"%"}},handlePosition(){return this.modelValue<this.min?0:this.modelValue>this.max?100:100*(this.modelValue-this.min)/(this.max-this.min)},rangeStartPosition(){return this.modelValue&&this.modelValue[0]?100*(this.modelValue[0]<this.min?0:this.modelValue[0]-this.min)/(this.max-this.min):0},rangeEndPosition(){return this.modelValue&&2===this.modelValue.length?100*(this.modelValue[1]>this.max?100:this.modelValue[1]-this.min)/(this.max-this.min):100},rangeStartHandleStyle(){return this.horizontal?{left:this.rangeStartPosition+"%"}:{bottom:this.rangeStartPosition+"%"}},rangeEndHandleStyle(){return this.horizontal?{left:this.rangeEndPosition+"%"}:{bottom:this.rangeEndPosition+"%"}}}};const a=["tabindex","aria-valuemin","aria-valuenow","aria-valuemax","aria-labelledby","aria-label","aria-orientation"],n=["tabindex","aria-valuemin","aria-valuenow","aria-valuemax","aria-labelledby","aria-label","aria-orientation"],l=["tabindex","aria-valuemin","aria-valuenow","aria-valuemax","aria-labelledby","aria-label","aria-orientation"];return function(e,t){void 0===t&&(t={});var i=t.insertAt;if(e&&"undefined"!=typeof document){var a=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===i&&a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}}("\n.p-slider {\n    position: relative;\n}\n.p-slider .p-slider-handle {\n    position: absolute;\n    cursor: -webkit-grab;\n    cursor: grab;\n    -ms-touch-action: none;\n        touch-action: none;\n    display: block;\n}\n.p-slider-range {\n    position: absolute;\n    display: block;\n}\n.p-slider-horizontal .p-slider-range {\n    top: 0;\n    left: 0;\n    height: 100%;\n}\n.p-slider-horizontal .p-slider-handle {\n    top: 50%;\n}\n.p-slider-vertical {\n    height: 100px;\n}\n.p-slider-vertical .p-slider-handle {\n    left: 50%;\n}\n.p-slider-vertical .p-slider-range {\n    bottom: 0;\n    left: 0;\n    width: 100%;\n}\n"),i.render=function(e,i,s,o,r,d){return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(d.containerClass),onClick:i[15]||(i[15]=(...e)=>d.onBarClick&&d.onBarClick(...e))},[t.createElementVNode("span",{class:"p-slider-range",style:t.normalizeStyle(d.rangeStyle)},null,4),s.range?t.createCommentVNode("",!0):(t.openBlock(),t.createElementBlock("span",{key:0,class:"p-slider-handle",style:t.normalizeStyle(d.handleStyle),onTouchstart:i[0]||(i[0]=e=>d.onDragStart(e)),onTouchmove:i[1]||(i[1]=e=>d.onDrag(e)),onTouchend:i[2]||(i[2]=e=>d.onDragEnd(e)),onMousedown:i[3]||(i[3]=e=>d.onMouseDown(e)),onKeydown:i[4]||(i[4]=e=>d.onKeyDown(e)),tabindex:s.tabindex,role:"slider","aria-valuemin":s.min,"aria-valuenow":s.modelValue,"aria-valuemax":s.max,"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel,"aria-orientation":s.orientation},null,44,a)),s.range?(t.openBlock(),t.createElementBlock("span",{key:1,class:"p-slider-handle",style:t.normalizeStyle(d.rangeStartHandleStyle),onTouchstart:i[5]||(i[5]=e=>d.onDragStart(e,0)),onTouchmove:i[6]||(i[6]=e=>d.onDrag(e)),onTouchend:i[7]||(i[7]=e=>d.onDragEnd(e)),onMousedown:i[8]||(i[8]=e=>d.onMouseDown(e,0)),onKeydown:i[9]||(i[9]=e=>d.onKeyDown(e,0)),tabindex:s.tabindex,role:"slider","aria-valuemin":s.min,"aria-valuenow":s.modelValue?s.modelValue[0]:null,"aria-valuemax":s.max,"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel,"aria-orientation":s.orientation},null,44,n)):t.createCommentVNode("",!0),s.range?(t.openBlock(),t.createElementBlock("span",{key:2,class:"p-slider-handle",style:t.normalizeStyle(d.rangeEndHandleStyle),onTouchstart:i[10]||(i[10]=e=>d.onDragStart(e,1)),onTouchmove:i[11]||(i[11]=e=>d.onDrag(e)),onTouchend:i[12]||(i[12]=e=>d.onDragEnd(e)),onMousedown:i[13]||(i[13]=e=>d.onMouseDown(e,1)),onKeydown:i[14]||(i[14]=e=>d.onKeyDown(e,1)),tabindex:s.tabindex,role:"slider","aria-valuemin":s.min,"aria-valuenow":s.modelValue?s.modelValue[1]:null,"aria-valuemax":s.max,"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel,"aria-orientation":s.orientation},null,44,l)):t.createCommentVNode("",!0)],2)},i}(primevue.utils,Vue);

package/speeddial/SpeedDial.d.ts

@@ -141,22 +141,22 @@ export declare type SpeedDialEmits = {
      * Fired when the button element clicked.
      * @param {Event} event - Browser event.
      */
-    'click': (event: Event) => void;
+    click: (event: Event) => void;
     /**
      * Fired when the actions are visible.
      */
-    'show': () => void;
+    show: () => void;
     /**
      * Fired when the actions are hidden.
      */
-    'hide': () => void;
-}
+    hide: () => void;
+};
 
-declare class SpeedDial extends ClassComponent<SpeedDialProps, SpeedDialSlots, SpeedDialEmits> { }
+declare class SpeedDial extends ClassComponent<SpeedDialProps, SpeedDialSlots, SpeedDialEmits> {}
 
 declare module '@vue/runtime-core' {
     interface GlobalComponents {
-        SpeedDial: GlobalComponentConstructor<SpeedDial>
+        SpeedDial: GlobalComponentConstructor<SpeedDial>;
     }
 }
 
@@ -166,11 +166,11 @@ declare module '@vue/runtime-core' {
  *
  * Helper API:
  *
- * - [MenuItem](https://www.primefaces.org/primevue/showcase/#/menumodel)
+ * - [MenuItem](https://www.primefaces.org/primevue/menumodel)
  *
  * Demos:
  *
- * - [SpeedDial](https://www.primefaces.org/primevue/showcase/#/speeddial)
+ * - [SpeedDial](https://www.primefaces.org/primevue/speeddial)
  *
  */
 export default SpeedDial;