primevue 3.8.2 → 3.11.0

package/carousel/carousel.cjs.min.js

@@ -1 +1 @@
-"use strict";var t=require("primevue/utils"),e=require("primevue/ripple"),i=require("vue");function s(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var n={name:"Carousel",emits:["update:page"],props:{value:null,page:{type:Number,default:0},numVisible:{type:Number,default:1},numScroll:{type:Number,default:1},responsiveOptions:Array,orientation:{type:String,default:"horizontal"},verticalViewPortHeight:{type:String,default:"300px"},contentClass:String,containerClass:String,indicatorsContentClass:String,circular:{type:Boolean,default:!1},autoplayInterval:{type:Number,default:0}},data(){return{id:t.UniqueComponentId(),remainingItems:0,d_numVisible:this.numVisible,d_numScroll:this.numScroll,d_oldNumScroll:0,d_oldNumVisible:0,d_oldValue:null,d_page:this.page,totalShiftedItems:this.page*this.numScroll*-1,allowAutoplay:!!this.autoplayInterval,d_circular:this.circular||this.allowAutoplay,swipeThreshold:20}},isRemainingItemsAdded:!1,watch:{page(t){this.d_page=t},circular(t){this.d_circular=t},numVisible(t,e){this.d_numVisible=t,this.d_oldNumVisible=e},numScroll(t,e){this.d_oldNumScroll=e,this.d_numScroll=t},value(t){this.d_oldValue=t}},methods:{step(e,i){let s=this.totalShiftedItems;const n=this.isCircular();if(null!=i)s=this.d_numScroll*i*-1,n&&(s-=this.d_numVisible),this.isRemainingItemsAdded=!1;else{s+=this.d_numScroll*e,this.isRemainingItemsAdded&&(s+=this.remainingItems-this.d_numScroll*e,this.isRemainingItemsAdded=!1);let t=n?s+this.d_numVisible:s;i=Math.abs(Math.floor(t/this.d_numScroll))}n&&this.d_page===this.totalIndicators-1&&-1===e?(s=-1*(this.value.length+this.d_numVisible),i=0):n&&0===this.d_page&&1===e?(s=0,i=this.totalIndicators-1):i===this.totalIndicators-1&&this.remainingItems>0&&(s+=-1*this.remainingItems-this.d_numScroll*e,this.isRemainingItemsAdded=!0),this.$refs.itemsContainer&&(t.DomHandler.removeClass(this.$refs.itemsContainer,"p-items-hidden"),this.$refs.itemsContainer.style.transform=this.isVertical()?`translate3d(0, ${s*(100/this.d_numVisible)}%, 0)`:`translate3d(${s*(100/this.d_numVisible)}%, 0, 0)`,this.$refs.itemsContainer.style.transition="transform 500ms ease 0s"),this.totalShiftedItems=s,this.$emit("update:page",i),this.d_page=i},calculatePosition(){if(this.$refs.itemsContainer&&this.responsiveOptions){let t=window.innerWidth,e={numVisible:this.numVisible,numScroll:this.numScroll};for(let i=0;i<this.responsiveOptions.length;i++){let s=this.responsiveOptions[i];parseInt(s.breakpoint,10)>=t&&(e=s)}if(this.d_numScroll!==e.numScroll){let t=this.d_page;t=parseInt(t*this.d_numScroll/e.numScroll),this.totalShiftedItems=e.numScroll*t*-1,this.isCircular()&&(this.totalShiftedItems-=e.numVisible),this.d_numScroll=e.numScroll,this.$emit("update:page",t),this.d_page=t}this.d_numVisible!==e.numVisible&&(this.d_numVisible=e.numVisible)}},navBackward(t,e){(this.d_circular||0!==this.d_page)&&this.step(1,e),this.allowAutoplay=!1,t.cancelable&&t.preventDefault()},navForward(t,e){(this.d_circular||this.d_page<this.totalIndicators-1)&&this.step(-1,e),this.allowAutoplay=!1,t.cancelable&&t.preventDefault()},onIndicatorClick(t,e){let i=this.d_page;e>i?this.navForward(t,e):e<i&&this.navBackward(t,e)},onTransitionEnd(){this.$refs.itemsContainer&&(t.DomHandler.addClass(this.$refs.itemsContainer,"p-items-hidden"),this.$refs.itemsContainer.style.transition="",0!==this.d_page&&this.d_page!==this.totalIndicators-1||!this.isCircular()||(this.$refs.itemsContainer.style.transform=this.isVertical()?`translate3d(0, ${this.totalShiftedItems*(100/this.d_numVisible)}%, 0)`:`translate3d(${this.totalShiftedItems*(100/this.d_numVisible)}%, 0, 0)`))},onTouchStart(t){let e=t.changedTouches[0];this.startPos={x:e.pageX,y:e.pageY}},onTouchMove(t){t.cancelable&&t.preventDefault()},onTouchEnd(t){let e=t.changedTouches[0];this.isVertical()?this.changePageOnTouch(t,e.pageY-this.startPos.y):this.changePageOnTouch(t,e.pageX-this.startPos.x)},changePageOnTouch(t,e){Math.abs(e)>this.swipeThreshold&&(e<0?this.navForward(t):this.navBackward(t))},bindDocumentListeners(){this.documentResizeListener||(this.documentResizeListener=t=>{this.calculatePosition(t)},window.addEventListener("resize",this.documentResizeListener))},unbindDocumentListeners(){this.documentResizeListener&&(window.removeEventListener("resize",this.documentResizeListener),this.documentResizeListener=null)},startAutoplay(){this.interval=setInterval((()=>{this.d_page===this.totalIndicators-1?this.step(-1,0):this.step(-1,this.d_page+1)}),this.autoplayInterval)},stopAutoplay(){this.interval&&clearInterval(this.interval)},createStyle(){this.carouselStyle||(this.carouselStyle=document.createElement("style"),this.carouselStyle.type="text/css",document.body.appendChild(this.carouselStyle));let t=`\n            #${this.id} .p-carousel-item {\n                flex: 1 0 ${100/this.d_numVisible}%\n            }\n        `;if(this.responsiveOptions){let e=[...this.responsiveOptions];e.sort(((t,e)=>{const i=t.breakpoint,s=e.breakpoint;let n=null;return n=null==i&&null!=s?-1:null!=i&&null==s?1:null==i&&null==s?0:"string"==typeof i&&"string"==typeof s?i.localeCompare(s,void 0,{numeric:!0}):i<s?-1:i>s?1:0,-1*n}));for(let i=0;i<e.length;i++){let s=e[i];t+=`\n                    @media screen and (max-width: ${s.breakpoint}) {\n                        #${this.id} .p-carousel-item {\n                            flex: 1 0 ${100/s.numVisible}%\n                        }\n                    }\n                `}}this.carouselStyle.innerHTML=t},isVertical(){return"vertical"===this.orientation},isCircular(){return this.value&&this.d_circular&&this.value.length>=this.d_numVisible},isAutoplay(){return this.autoplayInterval&&this.allowAutoplay},firstIndex(){return this.isCircular()?-1*(this.totalShiftedItems+this.d_numVisible):-1*this.totalShiftedItems},lastIndex(){return this.firstIndex()+this.d_numVisible-1}},mounted(){this.createStyle(),this.calculatePosition(),this.responsiveOptions&&this.bindDocumentListeners()},updated(){const t=this.isCircular();let e=!1,i=this.totalShiftedItems;if(this.autoplayInterval&&this.stopAutoplay(),this.d_oldNumScroll!==this.d_numScroll||this.d_oldNumVisible!==this.d_numVisible||this.d_oldValue.length!==this.value.length){this.remainingItems=(this.value.length-this.d_numVisible)%this.d_numScroll;let s=this.d_page;0!==this.totalIndicators&&s>=this.totalIndicators&&(s=this.totalIndicators-1,this.$emit("update:page",s),this.d_page=s,e=!0),i=s*this.d_numScroll*-1,t&&(i-=this.d_numVisible),s===this.totalIndicators-1&&this.remainingItems>0?(i+=-1*this.remainingItems+this.d_numScroll,this.isRemainingItemsAdded=!0):this.isRemainingItemsAdded=!1,i!==this.totalShiftedItems&&(this.totalShiftedItems=i,e=!0),this.d_oldNumScroll=this.d_numScroll,this.d_oldNumVisible=this.d_numVisible,this.d_oldValue=this.value,this.$refs.itemsContainer.style.transform=this.isVertical()?`translate3d(0, ${i*(100/this.d_numVisible)}%, 0)`:`translate3d(${i*(100/this.d_numVisible)}%, 0, 0)`}t&&(0===this.d_page?i=-1*this.d_numVisible:0===i&&(i=-1*this.value.length,this.remainingItems>0&&(this.isRemainingItemsAdded=!0)),i!==this.totalShiftedItems&&(this.totalShiftedItems=i,e=!0)),!e&&this.isAutoplay()&&this.startAutoplay()},beforeUnmount(){this.responsiveOptions&&this.unbindDocumentListeners(),this.autoplayInterval&&this.stopAutoplay()},computed:{totalIndicators(){return this.value?Math.ceil((this.value.length-this.d_numVisible)/this.d_numScroll)+1:0},backwardIsDisabled(){return this.value&&(!this.circular||this.value.length<this.d_numVisible)&&0===this.d_page},forwardIsDisabled(){return this.value&&(!this.circular||this.value.length<this.d_numVisible)&&(this.d_page===this.totalIndicators-1||0===this.totalIndicators)},containerClasses(){return["p-carousel-container",this.containerClass]},contentClasses(){return["p-carousel-content ",this.contentClass]},indicatorsContentClasses(){return["p-carousel-indicators p-reset",this.indicatorsContentClass]}},directives:{ripple:s(e).default}};const l={key:0,class:"p-carousel-header"},a={key:1,class:"p-carousel-footer"};!function(t,e){void 0===e&&(e={});var i=e.insertAt;if(t&&"undefined"!=typeof document){var s=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===i&&s.firstChild?s.insertBefore(n,s.firstChild):s.appendChild(n),n.styleSheet?n.styleSheet.cssText=t:n.appendChild(document.createTextNode(t))}}("\n.p-carousel {\n\tdisplay: -webkit-box;\n\tdisplay: -ms-flexbox;\n\tdisplay: flex;\n\t-webkit-box-orient: vertical;\n\t-webkit-box-direction: normal;\n\t    -ms-flex-direction: column;\n\t        flex-direction: column;\n}\n.p-carousel-content {\n\tdisplay: -webkit-box;\n\tdisplay: -ms-flexbox;\n\tdisplay: flex;\n\t-webkit-box-orient: vertical;\n\t-webkit-box-direction: normal;\n\t    -ms-flex-direction: column;\n\t        flex-direction: column;\n\toverflow: auto;\n}\n.p-carousel-prev,\n.p-carousel-next {\n\t-ms-flex-item-align: center;\n\t    align-self: center;\n\t-webkit-box-flex: 0;\n\t    -ms-flex-positive: 0;\n\t        flex-grow: 0;\n    -ms-flex-negative: 0;\n        flex-shrink: 0;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    overflow: hidden;\n    position: relative;\n}\n.p-carousel-container {\n\tdisplay: -webkit-box;\n\tdisplay: -ms-flexbox;\n\tdisplay: flex;\n\t-webkit-box-orient: horizontal;\n\t-webkit-box-direction: normal;\n\t    -ms-flex-direction: row;\n\t        flex-direction: row;\n}\n.p-carousel-items-content {\n\toverflow: hidden;\n    width: 100%;\n}\n.p-carousel-items-container {\n\tdisplay: -webkit-box;\n\tdisplay: -ms-flexbox;\n\tdisplay: flex;\n\t-webkit-box-orient: horizontal;\n\t-webkit-box-direction: normal;\n\t    -ms-flex-direction: row;\n\t        flex-direction: row;\n}\n.p-carousel-indicators {\n\tdisplay: -webkit-box;\n\tdisplay: -ms-flexbox;\n\tdisplay: flex;\n\t-webkit-box-orient: horizontal;\n\t-webkit-box-direction: normal;\n\t    -ms-flex-direction: row;\n\t        flex-direction: row;\n\t-webkit-box-pack: center;\n\t    -ms-flex-pack: center;\n\t        justify-content: center;\n\t-ms-flex-wrap: wrap;\n\t    flex-wrap: wrap;\n}\n.p-carousel-indicator > button {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n}\n\n/* Vertical */\n.p-carousel-vertical .p-carousel-container {\n\t-webkit-box-orient: vertical;\n\t-webkit-box-direction: normal;\n\t    -ms-flex-direction: column;\n\t        flex-direction: column;\n}\n.p-carousel-vertical .p-carousel-items-container {\n\t-webkit-box-orient: vertical;\n\t-webkit-box-direction: normal;\n\t    -ms-flex-direction: column;\n\t        flex-direction: column;\n\theight: 100%;\n}\n\n/* Keyboard Support */\n.p-items-hidden .p-carousel-item {\n\tvisibility: hidden;\n}\n.p-items-hidden .p-carousel-item.p-carousel-item-active {\n\tvisibility: visible;\n}\n"),n.render=function(t,e,s,n,o,r){const c=i.resolveDirective("ripple");return i.openBlock(),i.createBlock("div",{id:o.id,class:["p-carousel p-component",{"p-carousel-vertical":r.isVertical(),"p-carousel-horizontal":!r.isVertical()}]},[t.$slots.header?(i.openBlock(),i.createBlock("div",l,[i.renderSlot(t.$slots,"header")])):i.createCommentVNode("",!0),i.createVNode("div",{class:r.contentClasses},[i.createVNode("div",{class:r.containerClasses},[i.withDirectives(i.createVNode("button",{class:["p-carousel-prev p-link",{"p-disabled":r.backwardIsDisabled}],disabled:r.backwardIsDisabled,onClick:e[1]||(e[1]=(...t)=>r.navBackward&&r.navBackward(...t)),type:"button"},[i.createVNode("span",{class:["p-carousel-prev-icon pi",{"pi-chevron-left":!r.isVertical(),"pi-chevron-up":r.isVertical()}]},null,2)],10,["disabled"]),[[c]]),i.createVNode("div",{class:"p-carousel-items-content",style:[{height:r.isVertical()?s.verticalViewPortHeight:"auto"}]},[i.createVNode("div",{ref:"itemsContainer",class:"p-carousel-items-container",onTransitionend:e[2]||(e[2]=(...t)=>r.onTransitionEnd&&r.onTransitionEnd(...t)),onTouchend:e[3]||(e[3]=(...t)=>r.onTouchEnd&&r.onTouchEnd(...t)),onTouchstart:e[4]||(e[4]=(...t)=>r.onTouchStart&&r.onTouchStart(...t)),onTouchmove:e[5]||(e[5]=(...t)=>r.onTouchMove&&r.onTouchMove(...t))},[r.isCircular()?(i.openBlock(!0),i.createBlock(i.Fragment,{key:0},i.renderList(s.value.slice(-1*o.d_numVisible),((e,n)=>(i.openBlock(),i.createBlock("div",{key:n+"_scloned",class:["p-carousel-item p-carousel-item-cloned",{"p-carousel-item-active":-1*o.totalShiftedItems===s.value.length+o.d_numVisible,"p-carousel-item-start":0===n,"p-carousel-item-end":s.value.slice(-1*o.d_numVisible).length-1===n}]},[i.renderSlot(t.$slots,"item",{data:e,index:n})],2)))),128)):i.createCommentVNode("",!0),(i.openBlock(!0),i.createBlock(i.Fragment,null,i.renderList(s.value,((e,s)=>(i.openBlock(),i.createBlock("div",{key:s,class:["p-carousel-item",{"p-carousel-item-active":r.firstIndex()<=s&&r.lastIndex()>=s,"p-carousel-item-start":r.firstIndex()===s,"p-carousel-item-end":r.lastIndex()===s}]},[i.renderSlot(t.$slots,"item",{data:e,index:s})],2)))),128)),r.isCircular()?(i.openBlock(!0),i.createBlock(i.Fragment,{key:1},i.renderList(s.value.slice(0,o.d_numVisible),((e,n)=>(i.openBlock(),i.createBlock("div",{key:n+"_fcloned",class:["p-carousel-item p-carousel-item-cloned",{"p-carousel-item-active":0===o.totalShiftedItems,"p-carousel-item-start":0===n,"p-carousel-item-end":s.value.slice(0,o.d_numVisible).length-1===n}]},[i.renderSlot(t.$slots,"item",{data:e,index:n})],2)))),128)):i.createCommentVNode("",!0)],544)],4),i.withDirectives(i.createVNode("button",{class:["p-carousel-next p-link",{"p-disabled":r.forwardIsDisabled}],disabled:r.forwardIsDisabled,onClick:e[6]||(e[6]=(...t)=>r.navForward&&r.navForward(...t)),type:"button"},[i.createVNode("span",{class:["p-carousel-prev-icon pi",{"pi-chevron-right":!r.isVertical(),"pi-chevron-down":r.isVertical()}]},null,2)],10,["disabled"]),[[c]])],2),r.totalIndicators>=0?(i.openBlock(),i.createBlock("ul",{key:0,class:r.indicatorsContentClasses},[(i.openBlock(!0),i.createBlock(i.Fragment,null,i.renderList(r.totalIndicators,((t,e)=>(i.openBlock(),i.createBlock("li",{key:"p-carousel-indicator-"+e.toString(),class:["p-carousel-indicator",{"p-highlight":o.d_page===e}]},[i.createVNode("button",{class:"p-link",onClick:t=>r.onIndicatorClick(t,e),type:"button"},null,8,["onClick"])],2)))),128))],2)):i.createCommentVNode("",!0)],2),t.$slots.footer?(i.openBlock(),i.createBlock("div",a,[i.renderSlot(t.$slots,"footer")])):i.createCommentVNode("",!0)],10,["id"])},module.exports=n;
+"use strict";var t=require("primevue/utils"),e=require("primevue/ripple"),i=require("vue");function s(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var n={name:"Carousel",emits:["update:page"],props:{value:null,page:{type:Number,default:0},numVisible:{type:Number,default:1},numScroll:{type:Number,default:1},responsiveOptions:Array,orientation:{type:String,default:"horizontal"},verticalViewPortHeight:{type:String,default:"300px"},contentClass:String,containerClass:String,indicatorsContentClass:String,circular:{type:Boolean,default:!1},autoplayInterval:{type:Number,default:0}},data(){return{id:t.UniqueComponentId(),remainingItems:0,d_numVisible:this.numVisible,d_numScroll:this.numScroll,d_oldNumScroll:0,d_oldNumVisible:0,d_oldValue:null,d_page:this.page,totalShiftedItems:this.page*this.numScroll*-1,allowAutoplay:!!this.autoplayInterval,d_circular:this.circular||this.allowAutoplay,swipeThreshold:20}},isRemainingItemsAdded:!1,watch:{page(t){this.d_page=t},circular(t){this.d_circular=t},numVisible(t,e){this.d_numVisible=t,this.d_oldNumVisible=e},numScroll(t,e){this.d_oldNumScroll=e,this.d_numScroll=t},value(t){this.d_oldValue=t}},methods:{step(e,i){let s=this.totalShiftedItems;const n=this.isCircular();if(null!=i)s=this.d_numScroll*i*-1,n&&(s-=this.d_numVisible),this.isRemainingItemsAdded=!1;else{s+=this.d_numScroll*e,this.isRemainingItemsAdded&&(s+=this.remainingItems-this.d_numScroll*e,this.isRemainingItemsAdded=!1);let t=n?s+this.d_numVisible:s;i=Math.abs(Math.floor(t/this.d_numScroll))}n&&this.d_page===this.totalIndicators-1&&-1===e?(s=-1*(this.value.length+this.d_numVisible),i=0):n&&0===this.d_page&&1===e?(s=0,i=this.totalIndicators-1):i===this.totalIndicators-1&&this.remainingItems>0&&(s+=-1*this.remainingItems-this.d_numScroll*e,this.isRemainingItemsAdded=!0),this.$refs.itemsContainer&&(t.DomHandler.removeClass(this.$refs.itemsContainer,"p-items-hidden"),this.$refs.itemsContainer.style.transform=this.isVertical()?`translate3d(0, ${s*(100/this.d_numVisible)}%, 0)`:`translate3d(${s*(100/this.d_numVisible)}%, 0, 0)`,this.$refs.itemsContainer.style.transition="transform 500ms ease 0s"),this.totalShiftedItems=s,this.$emit("update:page",i),this.d_page=i},calculatePosition(){if(this.$refs.itemsContainer&&this.responsiveOptions){let t=window.innerWidth,e={numVisible:this.numVisible,numScroll:this.numScroll};for(let i=0;i<this.responsiveOptions.length;i++){let s=this.responsiveOptions[i];parseInt(s.breakpoint,10)>=t&&(e=s)}if(this.d_numScroll!==e.numScroll){let t=this.d_page;t=parseInt(t*this.d_numScroll/e.numScroll),this.totalShiftedItems=e.numScroll*t*-1,this.isCircular()&&(this.totalShiftedItems-=e.numVisible),this.d_numScroll=e.numScroll,this.$emit("update:page",t),this.d_page=t}this.d_numVisible!==e.numVisible&&(this.d_numVisible=e.numVisible)}},navBackward(t,e){(this.d_circular||0!==this.d_page)&&this.step(1,e),this.allowAutoplay=!1,t.cancelable&&t.preventDefault()},navForward(t,e){(this.d_circular||this.d_page<this.totalIndicators-1)&&this.step(-1,e),this.allowAutoplay=!1,t.cancelable&&t.preventDefault()},onIndicatorClick(t,e){let i=this.d_page;e>i?this.navForward(t,e):e<i&&this.navBackward(t,e)},onTransitionEnd(){this.$refs.itemsContainer&&(t.DomHandler.addClass(this.$refs.itemsContainer,"p-items-hidden"),this.$refs.itemsContainer.style.transition="",0!==this.d_page&&this.d_page!==this.totalIndicators-1||!this.isCircular()||(this.$refs.itemsContainer.style.transform=this.isVertical()?`translate3d(0, ${this.totalShiftedItems*(100/this.d_numVisible)}%, 0)`:`translate3d(${this.totalShiftedItems*(100/this.d_numVisible)}%, 0, 0)`))},onTouchStart(t){let e=t.changedTouches[0];this.startPos={x:e.pageX,y:e.pageY}},onTouchMove(t){t.cancelable&&t.preventDefault()},onTouchEnd(t){let e=t.changedTouches[0];this.isVertical()?this.changePageOnTouch(t,e.pageY-this.startPos.y):this.changePageOnTouch(t,e.pageX-this.startPos.x)},changePageOnTouch(t,e){Math.abs(e)>this.swipeThreshold&&(e<0?this.navForward(t):this.navBackward(t))},bindDocumentListeners(){this.documentResizeListener||(this.documentResizeListener=t=>{this.calculatePosition(t)},window.addEventListener("resize",this.documentResizeListener))},unbindDocumentListeners(){this.documentResizeListener&&(window.removeEventListener("resize",this.documentResizeListener),this.documentResizeListener=null)},startAutoplay(){this.interval=setInterval((()=>{this.d_page===this.totalIndicators-1?this.step(-1,0):this.step(-1,this.d_page+1)}),this.autoplayInterval)},stopAutoplay(){this.interval&&clearInterval(this.interval)},createStyle(){this.carouselStyle||(this.carouselStyle=document.createElement("style"),this.carouselStyle.type="text/css",document.body.appendChild(this.carouselStyle));let t=`\n            #${this.id} .p-carousel-item {\n                flex: 1 0 ${100/this.d_numVisible}%\n            }\n        `;if(this.responsiveOptions){let e=[...this.responsiveOptions];e.sort(((t,e)=>{const i=t.breakpoint,s=e.breakpoint;let n=null;return n=null==i&&null!=s?-1:null!=i&&null==s?1:null==i&&null==s?0:"string"==typeof i&&"string"==typeof s?i.localeCompare(s,void 0,{numeric:!0}):i<s?-1:i>s?1:0,-1*n}));for(let i=0;i<e.length;i++){let s=e[i];t+=`\n                    @media screen and (max-width: ${s.breakpoint}) {\n                        #${this.id} .p-carousel-item {\n                            flex: 1 0 ${100/s.numVisible}%\n                        }\n                    }\n                `}}this.carouselStyle.innerHTML=t},isVertical(){return"vertical"===this.orientation},isCircular(){return this.value&&this.d_circular&&this.value.length>=this.d_numVisible},isAutoplay(){return this.autoplayInterval&&this.allowAutoplay},firstIndex(){return this.isCircular()?-1*(this.totalShiftedItems+this.d_numVisible):-1*this.totalShiftedItems},lastIndex(){return this.firstIndex()+this.d_numVisible-1}},mounted(){this.createStyle(),this.calculatePosition(),this.responsiveOptions&&this.bindDocumentListeners()},updated(){const t=this.isCircular();let e=!1,i=this.totalShiftedItems;if(this.autoplayInterval&&this.stopAutoplay(),this.d_oldNumScroll!==this.d_numScroll||this.d_oldNumVisible!==this.d_numVisible||this.d_oldValue.length!==this.value.length){this.remainingItems=(this.value.length-this.d_numVisible)%this.d_numScroll;let s=this.d_page;0!==this.totalIndicators&&s>=this.totalIndicators&&(s=this.totalIndicators-1,this.$emit("update:page",s),this.d_page=s,e=!0),i=s*this.d_numScroll*-1,t&&(i-=this.d_numVisible),s===this.totalIndicators-1&&this.remainingItems>0?(i+=-1*this.remainingItems+this.d_numScroll,this.isRemainingItemsAdded=!0):this.isRemainingItemsAdded=!1,i!==this.totalShiftedItems&&(this.totalShiftedItems=i,e=!0),this.d_oldNumScroll=this.d_numScroll,this.d_oldNumVisible=this.d_numVisible,this.d_oldValue=this.value,this.$refs.itemsContainer.style.transform=this.isVertical()?`translate3d(0, ${i*(100/this.d_numVisible)}%, 0)`:`translate3d(${i*(100/this.d_numVisible)}%, 0, 0)`}t&&(0===this.d_page?i=-1*this.d_numVisible:0===i&&(i=-1*this.value.length,this.remainingItems>0&&(this.isRemainingItemsAdded=!0)),i!==this.totalShiftedItems&&(this.totalShiftedItems=i,e=!0)),!e&&this.isAutoplay()&&this.startAutoplay()},beforeUnmount(){this.responsiveOptions&&this.unbindDocumentListeners(),this.autoplayInterval&&this.stopAutoplay()},computed:{totalIndicators(){return this.value?Math.ceil((this.value.length-this.d_numVisible)/this.d_numScroll)+1:0},backwardIsDisabled(){return this.value&&(!this.circular||this.value.length<this.d_numVisible)&&0===this.d_page},forwardIsDisabled(){return this.value&&(!this.circular||this.value.length<this.d_numVisible)&&(this.d_page===this.totalIndicators-1||0===this.totalIndicators)},containerClasses(){return["p-carousel-container",this.containerClass]},contentClasses(){return["p-carousel-content ",this.contentClass]},indicatorsContentClasses(){return["p-carousel-indicators p-reset",this.indicatorsContentClass]}},directives:{ripple:s(e).default}};const l={key:0,class:"p-carousel-header"},a={key:1,class:"p-carousel-footer"};!function(t,e){void 0===e&&(e={});var i=e.insertAt;if(t&&"undefined"!=typeof document){var s=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===i&&s.firstChild?s.insertBefore(n,s.firstChild):s.appendChild(n),n.styleSheet?n.styleSheet.cssText=t:n.appendChild(document.createTextNode(t))}}("\n.p-carousel {\n\tdisplay: -webkit-box;\n\tdisplay: -ms-flexbox;\n\tdisplay: flex;\n\t-webkit-box-orient: vertical;\n\t-webkit-box-direction: normal;\n\t    -ms-flex-direction: column;\n\t        flex-direction: column;\n}\n.p-carousel-content {\n\tdisplay: -webkit-box;\n\tdisplay: -ms-flexbox;\n\tdisplay: flex;\n\t-webkit-box-orient: vertical;\n\t-webkit-box-direction: normal;\n\t    -ms-flex-direction: column;\n\t        flex-direction: column;\n\toverflow: auto;\n}\n.p-carousel-prev,\n.p-carousel-next {\n\t-ms-flex-item-align: center;\n\t    align-self: center;\n\t-webkit-box-flex: 0;\n\t    -ms-flex-positive: 0;\n\t        flex-grow: 0;\n    -ms-flex-negative: 0;\n        flex-shrink: 0;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    overflow: hidden;\n    position: relative;\n}\n.p-carousel-container {\n\tdisplay: -webkit-box;\n\tdisplay: -ms-flexbox;\n\tdisplay: flex;\n\t-webkit-box-orient: horizontal;\n\t-webkit-box-direction: normal;\n\t    -ms-flex-direction: row;\n\t        flex-direction: row;\n}\n.p-carousel-items-content {\n\toverflow: hidden;\n    width: 100%;\n}\n.p-carousel-items-container {\n\tdisplay: -webkit-box;\n\tdisplay: -ms-flexbox;\n\tdisplay: flex;\n\t-webkit-box-orient: horizontal;\n\t-webkit-box-direction: normal;\n\t    -ms-flex-direction: row;\n\t        flex-direction: row;\n}\n.p-carousel-indicators {\n\tdisplay: -webkit-box;\n\tdisplay: -ms-flexbox;\n\tdisplay: flex;\n\t-webkit-box-orient: horizontal;\n\t-webkit-box-direction: normal;\n\t    -ms-flex-direction: row;\n\t        flex-direction: row;\n\t-webkit-box-pack: center;\n\t    -ms-flex-pack: center;\n\t        justify-content: center;\n\t-ms-flex-wrap: wrap;\n\t    flex-wrap: wrap;\n}\n.p-carousel-indicator > button {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n}\n\n/* Vertical */\n.p-carousel-vertical .p-carousel-container {\n\t-webkit-box-orient: vertical;\n\t-webkit-box-direction: normal;\n\t    -ms-flex-direction: column;\n\t        flex-direction: column;\n}\n.p-carousel-vertical .p-carousel-items-container {\n\t-webkit-box-orient: vertical;\n\t-webkit-box-direction: normal;\n\t    -ms-flex-direction: column;\n\t        flex-direction: column;\n\theight: 100%;\n}\n\n/* Keyboard Support */\n.p-items-hidden .p-carousel-item {\n\tvisibility: hidden;\n}\n.p-items-hidden .p-carousel-item.p-carousel-item-active {\n\tvisibility: visible;\n}\n"),n.render=function(t,e,s,n,o,r){const c=i.resolveDirective("ripple");return i.openBlock(),i.createBlock("div",{id:o.id,class:["p-carousel p-component",{"p-carousel-vertical":r.isVertical(),"p-carousel-horizontal":!r.isVertical()}]},[t.$slots.header?(i.openBlock(),i.createBlock("div",l,[i.renderSlot(t.$slots,"header")])):i.createCommentVNode("",!0),i.createVNode("div",{class:r.contentClasses},[i.createVNode("div",{class:r.containerClasses},[i.withDirectives(i.createVNode("button",{class:["p-carousel-prev p-link",{"p-disabled":r.backwardIsDisabled}],disabled:r.backwardIsDisabled,onClick:e[1]||(e[1]=(...t)=>r.navBackward&&r.navBackward(...t)),type:"button"},[i.createVNode("span",{class:["p-carousel-prev-icon pi",{"pi-chevron-left":!r.isVertical(),"pi-chevron-up":r.isVertical()}]},null,2)],10,["disabled"]),[[c]]),i.createVNode("div",{class:"p-carousel-items-content",style:[{height:r.isVertical()?s.verticalViewPortHeight:"auto"}],onTouchend:e[3]||(e[3]=(...t)=>r.onTouchEnd&&r.onTouchEnd(...t)),onTouchstart:e[4]||(e[4]=(...t)=>r.onTouchStart&&r.onTouchStart(...t)),onTouchmove:e[5]||(e[5]=(...t)=>r.onTouchMove&&r.onTouchMove(...t))},[i.createVNode("div",{ref:"itemsContainer",class:"p-carousel-items-container",onTransitionend:e[2]||(e[2]=(...t)=>r.onTransitionEnd&&r.onTransitionEnd(...t))},[r.isCircular()?(i.openBlock(!0),i.createBlock(i.Fragment,{key:0},i.renderList(s.value.slice(-1*o.d_numVisible),((e,n)=>(i.openBlock(),i.createBlock("div",{key:n+"_scloned",class:["p-carousel-item p-carousel-item-cloned",{"p-carousel-item-active":-1*o.totalShiftedItems===s.value.length+o.d_numVisible,"p-carousel-item-start":0===n,"p-carousel-item-end":s.value.slice(-1*o.d_numVisible).length-1===n}]},[i.renderSlot(t.$slots,"item",{data:e,index:n})],2)))),128)):i.createCommentVNode("",!0),(i.openBlock(!0),i.createBlock(i.Fragment,null,i.renderList(s.value,((e,s)=>(i.openBlock(),i.createBlock("div",{key:s,class:["p-carousel-item",{"p-carousel-item-active":r.firstIndex()<=s&&r.lastIndex()>=s,"p-carousel-item-start":r.firstIndex()===s,"p-carousel-item-end":r.lastIndex()===s}]},[i.renderSlot(t.$slots,"item",{data:e,index:s})],2)))),128)),r.isCircular()?(i.openBlock(!0),i.createBlock(i.Fragment,{key:1},i.renderList(s.value.slice(0,o.d_numVisible),((e,n)=>(i.openBlock(),i.createBlock("div",{key:n+"_fcloned",class:["p-carousel-item p-carousel-item-cloned",{"p-carousel-item-active":0===o.totalShiftedItems,"p-carousel-item-start":0===n,"p-carousel-item-end":s.value.slice(0,o.d_numVisible).length-1===n}]},[i.renderSlot(t.$slots,"item",{data:e,index:n})],2)))),128)):i.createCommentVNode("",!0)],544)],36),i.withDirectives(i.createVNode("button",{class:["p-carousel-next p-link",{"p-disabled":r.forwardIsDisabled}],disabled:r.forwardIsDisabled,onClick:e[6]||(e[6]=(...t)=>r.navForward&&r.navForward(...t)),type:"button"},[i.createVNode("span",{class:["p-carousel-prev-icon pi",{"pi-chevron-right":!r.isVertical(),"pi-chevron-down":r.isVertical()}]},null,2)],10,["disabled"]),[[c]])],2),r.totalIndicators>=0?(i.openBlock(),i.createBlock("ul",{key:0,class:r.indicatorsContentClasses},[(i.openBlock(!0),i.createBlock(i.Fragment,null,i.renderList(r.totalIndicators,((t,e)=>(i.openBlock(),i.createBlock("li",{key:"p-carousel-indicator-"+e.toString(),class:["p-carousel-indicator",{"p-highlight":o.d_page===e}]},[i.createVNode("button",{class:"p-link",onClick:t=>r.onIndicatorClick(t,e),type:"button"},null,8,["onClick"])],2)))),128))],2)):i.createCommentVNode("",!0)],2),t.$slots.footer?(i.openBlock(),i.createBlock("div",a,[i.renderSlot(t.$slots,"footer")])):i.createCommentVNode("",!0)],10,["id"])},module.exports=n;

package/carousel/carousel.esm.js

@@ -482,15 +482,15 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         ]),
         createVNode("div", {
           class: "p-carousel-items-content",
-          style: [{'height': $options.isVertical() ? $props.verticalViewPortHeight : 'auto'}]
+          style: [{'height': $options.isVertical() ? $props.verticalViewPortHeight : 'auto'}],
+          onTouchend: _cache[3] || (_cache[3] = (...args) => ($options.onTouchEnd && $options.onTouchEnd(...args))),
+          onTouchstart: _cache[4] || (_cache[4] = (...args) => ($options.onTouchStart && $options.onTouchStart(...args))),
+          onTouchmove: _cache[5] || (_cache[5] = (...args) => ($options.onTouchMove && $options.onTouchMove(...args)))
         }, [
           createVNode("div", {
             ref: "itemsContainer",
             class: "p-carousel-items-container",
-            onTransitionend: _cache[2] || (_cache[2] = (...args) => ($options.onTransitionEnd && $options.onTransitionEnd(...args))),
-            onTouchend: _cache[3] || (_cache[3] = (...args) => ($options.onTouchEnd && $options.onTouchEnd(...args))),
-            onTouchstart: _cache[4] || (_cache[4] = (...args) => ($options.onTouchStart && $options.onTouchStart(...args))),
-            onTouchmove: _cache[5] || (_cache[5] = (...args) => ($options.onTouchMove && $options.onTouchMove(...args)))
+            onTransitionend: _cache[2] || (_cache[2] = (...args) => ($options.onTransitionEnd && $options.onTransitionEnd(...args)))
           }, [
             ($options.isCircular())
               ? (openBlock(true), createBlock(Fragment, { key: 0 }, renderList($props.value.slice(-1 * $data.d_numVisible), (item, index) => {
@@ -539,7 +539,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                 }), 128))
               : createCommentVNode("", true)
           ], 544)
-        ], 4),
+        ], 36),
         withDirectives(createVNode("button", {
           class: ['p-carousel-next p-link', {'p-disabled': $options.forwardIsDisabled}],
           disabled: $options.forwardIsDisabled,
@@ -613,4 +613,4 @@ styleInject(css_248z);
 
 script.render = render;
 
-export default script;
+export { script as default };

package/carousel/carousel.esm.min.js

@@ -1 +1 @@
-import{UniqueComponentId as t,DomHandler as e}from"primevue/utils";import i from"primevue/ripple";import{resolveDirective as s,openBlock as n,createBlock as l,renderSlot as a,createCommentVNode as o,createVNode as r,withDirectives as d,Fragment as c,renderList as h}from"vue";var u={name:"Carousel",emits:["update:page"],props:{value:null,page:{type:Number,default:0},numVisible:{type:Number,default:1},numScroll:{type:Number,default:1},responsiveOptions:Array,orientation:{type:String,default:"horizontal"},verticalViewPortHeight:{type:String,default:"300px"},contentClass:String,containerClass:String,indicatorsContentClass:String,circular:{type:Boolean,default:!1},autoplayInterval:{type:Number,default:0}},data(){return{id:t(),remainingItems:0,d_numVisible:this.numVisible,d_numScroll:this.numScroll,d_oldNumScroll:0,d_oldNumVisible:0,d_oldValue:null,d_page:this.page,totalShiftedItems:this.page*this.numScroll*-1,allowAutoplay:!!this.autoplayInterval,d_circular:this.circular||this.allowAutoplay,swipeThreshold:20}},isRemainingItemsAdded:!1,watch:{page(t){this.d_page=t},circular(t){this.d_circular=t},numVisible(t,e){this.d_numVisible=t,this.d_oldNumVisible=e},numScroll(t,e){this.d_oldNumScroll=e,this.d_numScroll=t},value(t){this.d_oldValue=t}},methods:{step(t,i){let s=this.totalShiftedItems;const n=this.isCircular();if(null!=i)s=this.d_numScroll*i*-1,n&&(s-=this.d_numVisible),this.isRemainingItemsAdded=!1;else{s+=this.d_numScroll*t,this.isRemainingItemsAdded&&(s+=this.remainingItems-this.d_numScroll*t,this.isRemainingItemsAdded=!1);let e=n?s+this.d_numVisible:s;i=Math.abs(Math.floor(e/this.d_numScroll))}n&&this.d_page===this.totalIndicators-1&&-1===t?(s=-1*(this.value.length+this.d_numVisible),i=0):n&&0===this.d_page&&1===t?(s=0,i=this.totalIndicators-1):i===this.totalIndicators-1&&this.remainingItems>0&&(s+=-1*this.remainingItems-this.d_numScroll*t,this.isRemainingItemsAdded=!0),this.$refs.itemsContainer&&(e.removeClass(this.$refs.itemsContainer,"p-items-hidden"),this.$refs.itemsContainer.style.transform=this.isVertical()?`translate3d(0, ${s*(100/this.d_numVisible)}%, 0)`:`translate3d(${s*(100/this.d_numVisible)}%, 0, 0)`,this.$refs.itemsContainer.style.transition="transform 500ms ease 0s"),this.totalShiftedItems=s,this.$emit("update:page",i),this.d_page=i},calculatePosition(){if(this.$refs.itemsContainer&&this.responsiveOptions){let t=window.innerWidth,e={numVisible:this.numVisible,numScroll:this.numScroll};for(let i=0;i<this.responsiveOptions.length;i++){let s=this.responsiveOptions[i];parseInt(s.breakpoint,10)>=t&&(e=s)}if(this.d_numScroll!==e.numScroll){let t=this.d_page;t=parseInt(t*this.d_numScroll/e.numScroll),this.totalShiftedItems=e.numScroll*t*-1,this.isCircular()&&(this.totalShiftedItems-=e.numVisible),this.d_numScroll=e.numScroll,this.$emit("update:page",t),this.d_page=t}this.d_numVisible!==e.numVisible&&(this.d_numVisible=e.numVisible)}},navBackward(t,e){(this.d_circular||0!==this.d_page)&&this.step(1,e),this.allowAutoplay=!1,t.cancelable&&t.preventDefault()},navForward(t,e){(this.d_circular||this.d_page<this.totalIndicators-1)&&this.step(-1,e),this.allowAutoplay=!1,t.cancelable&&t.preventDefault()},onIndicatorClick(t,e){let i=this.d_page;e>i?this.navForward(t,e):e<i&&this.navBackward(t,e)},onTransitionEnd(){this.$refs.itemsContainer&&(e.addClass(this.$refs.itemsContainer,"p-items-hidden"),this.$refs.itemsContainer.style.transition="",0!==this.d_page&&this.d_page!==this.totalIndicators-1||!this.isCircular()||(this.$refs.itemsContainer.style.transform=this.isVertical()?`translate3d(0, ${this.totalShiftedItems*(100/this.d_numVisible)}%, 0)`:`translate3d(${this.totalShiftedItems*(100/this.d_numVisible)}%, 0, 0)`))},onTouchStart(t){let e=t.changedTouches[0];this.startPos={x:e.pageX,y:e.pageY}},onTouchMove(t){t.cancelable&&t.preventDefault()},onTouchEnd(t){let e=t.changedTouches[0];this.isVertical()?this.changePageOnTouch(t,e.pageY-this.startPos.y):this.changePageOnTouch(t,e.pageX-this.startPos.x)},changePageOnTouch(t,e){Math.abs(e)>this.swipeThreshold&&(e<0?this.navForward(t):this.navBackward(t))},bindDocumentListeners(){this.documentResizeListener||(this.documentResizeListener=t=>{this.calculatePosition(t)},window.addEventListener("resize",this.documentResizeListener))},unbindDocumentListeners(){this.documentResizeListener&&(window.removeEventListener("resize",this.documentResizeListener),this.documentResizeListener=null)},startAutoplay(){this.interval=setInterval((()=>{this.d_page===this.totalIndicators-1?this.step(-1,0):this.step(-1,this.d_page+1)}),this.autoplayInterval)},stopAutoplay(){this.interval&&clearInterval(this.interval)},createStyle(){this.carouselStyle||(this.carouselStyle=document.createElement("style"),this.carouselStyle.type="text/css",document.body.appendChild(this.carouselStyle));let t=`\n            #${this.id} .p-carousel-item {\n                flex: 1 0 ${100/this.d_numVisible}%\n            }\n        `;if(this.responsiveOptions){let e=[...this.responsiveOptions];e.sort(((t,e)=>{const i=t.breakpoint,s=e.breakpoint;let n=null;return n=null==i&&null!=s?-1:null!=i&&null==s?1:null==i&&null==s?0:"string"==typeof i&&"string"==typeof s?i.localeCompare(s,void 0,{numeric:!0}):i<s?-1:i>s?1:0,-1*n}));for(let i=0;i<e.length;i++){let s=e[i];t+=`\n                    @media screen and (max-width: ${s.breakpoint}) {\n                        #${this.id} .p-carousel-item {\n                            flex: 1 0 ${100/s.numVisible}%\n                        }\n                    }\n                `}}this.carouselStyle.innerHTML=t},isVertical(){return"vertical"===this.orientation},isCircular(){return this.value&&this.d_circular&&this.value.length>=this.d_numVisible},isAutoplay(){return this.autoplayInterval&&this.allowAutoplay},firstIndex(){return this.isCircular()?-1*(this.totalShiftedItems+this.d_numVisible):-1*this.totalShiftedItems},lastIndex(){return this.firstIndex()+this.d_numVisible-1}},mounted(){this.createStyle(),this.calculatePosition(),this.responsiveOptions&&this.bindDocumentListeners()},updated(){const t=this.isCircular();let e=!1,i=this.totalShiftedItems;if(this.autoplayInterval&&this.stopAutoplay(),this.d_oldNumScroll!==this.d_numScroll||this.d_oldNumVisible!==this.d_numVisible||this.d_oldValue.length!==this.value.length){this.remainingItems=(this.value.length-this.d_numVisible)%this.d_numScroll;let s=this.d_page;0!==this.totalIndicators&&s>=this.totalIndicators&&(s=this.totalIndicators-1,this.$emit("update:page",s),this.d_page=s,e=!0),i=s*this.d_numScroll*-1,t&&(i-=this.d_numVisible),s===this.totalIndicators-1&&this.remainingItems>0?(i+=-1*this.remainingItems+this.d_numScroll,this.isRemainingItemsAdded=!0):this.isRemainingItemsAdded=!1,i!==this.totalShiftedItems&&(this.totalShiftedItems=i,e=!0),this.d_oldNumScroll=this.d_numScroll,this.d_oldNumVisible=this.d_numVisible,this.d_oldValue=this.value,this.$refs.itemsContainer.style.transform=this.isVertical()?`translate3d(0, ${i*(100/this.d_numVisible)}%, 0)`:`translate3d(${i*(100/this.d_numVisible)}%, 0, 0)`}t&&(0===this.d_page?i=-1*this.d_numVisible:0===i&&(i=-1*this.value.length,this.remainingItems>0&&(this.isRemainingItemsAdded=!0)),i!==this.totalShiftedItems&&(this.totalShiftedItems=i,e=!0)),!e&&this.isAutoplay()&&this.startAutoplay()},beforeUnmount(){this.responsiveOptions&&this.unbindDocumentListeners(),this.autoplayInterval&&this.stopAutoplay()},computed:{totalIndicators(){return this.value?Math.ceil((this.value.length-this.d_numVisible)/this.d_numScroll)+1:0},backwardIsDisabled(){return this.value&&(!this.circular||this.value.length<this.d_numVisible)&&0===this.d_page},forwardIsDisabled(){return this.value&&(!this.circular||this.value.length<this.d_numVisible)&&(this.d_page===this.totalIndicators-1||0===this.totalIndicators)},containerClasses(){return["p-carousel-container",this.containerClass]},contentClasses(){return["p-carousel-content ",this.contentClass]},indicatorsContentClasses(){return["p-carousel-indicators p-reset",this.indicatorsContentClass]}},directives:{ripple:i}};const m={key:0,class:"p-carousel-header"},p={key:1,class:"p-carousel-footer"};!function(t,e){void 0===e&&(e={});var i=e.insertAt;if(t&&"undefined"!=typeof document){var s=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===i&&s.firstChild?s.insertBefore(n,s.firstChild):s.appendChild(n),n.styleSheet?n.styleSheet.cssText=t:n.appendChild(document.createTextNode(t))}}("\n.p-carousel {\n\tdisplay: -webkit-box;\n\tdisplay: -ms-flexbox;\n\tdisplay: flex;\n\t-webkit-box-orient: vertical;\n\t-webkit-box-direction: normal;\n\t    -ms-flex-direction: column;\n\t        flex-direction: column;\n}\n.p-carousel-content {\n\tdisplay: -webkit-box;\n\tdisplay: -ms-flexbox;\n\tdisplay: flex;\n\t-webkit-box-orient: vertical;\n\t-webkit-box-direction: normal;\n\t    -ms-flex-direction: column;\n\t        flex-direction: column;\n\toverflow: auto;\n}\n.p-carousel-prev,\n.p-carousel-next {\n\t-ms-flex-item-align: center;\n\t    align-self: center;\n\t-webkit-box-flex: 0;\n\t    -ms-flex-positive: 0;\n\t        flex-grow: 0;\n    -ms-flex-negative: 0;\n        flex-shrink: 0;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    overflow: hidden;\n    position: relative;\n}\n.p-carousel-container {\n\tdisplay: -webkit-box;\n\tdisplay: -ms-flexbox;\n\tdisplay: flex;\n\t-webkit-box-orient: horizontal;\n\t-webkit-box-direction: normal;\n\t    -ms-flex-direction: row;\n\t        flex-direction: row;\n}\n.p-carousel-items-content {\n\toverflow: hidden;\n    width: 100%;\n}\n.p-carousel-items-container {\n\tdisplay: -webkit-box;\n\tdisplay: -ms-flexbox;\n\tdisplay: flex;\n\t-webkit-box-orient: horizontal;\n\t-webkit-box-direction: normal;\n\t    -ms-flex-direction: row;\n\t        flex-direction: row;\n}\n.p-carousel-indicators {\n\tdisplay: -webkit-box;\n\tdisplay: -ms-flexbox;\n\tdisplay: flex;\n\t-webkit-box-orient: horizontal;\n\t-webkit-box-direction: normal;\n\t    -ms-flex-direction: row;\n\t        flex-direction: row;\n\t-webkit-box-pack: center;\n\t    -ms-flex-pack: center;\n\t        justify-content: center;\n\t-ms-flex-wrap: wrap;\n\t    flex-wrap: wrap;\n}\n.p-carousel-indicator > button {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n}\n\n/* Vertical */\n.p-carousel-vertical .p-carousel-container {\n\t-webkit-box-orient: vertical;\n\t-webkit-box-direction: normal;\n\t    -ms-flex-direction: column;\n\t        flex-direction: column;\n}\n.p-carousel-vertical .p-carousel-items-container {\n\t-webkit-box-orient: vertical;\n\t-webkit-box-direction: normal;\n\t    -ms-flex-direction: column;\n\t        flex-direction: column;\n\theight: 100%;\n}\n\n/* Keyboard Support */\n.p-items-hidden .p-carousel-item {\n\tvisibility: hidden;\n}\n.p-items-hidden .p-carousel-item.p-carousel-item-active {\n\tvisibility: visible;\n}\n"),u.render=function(t,e,i,u,b,f){const v=s("ripple");return n(),l("div",{id:b.id,class:["p-carousel p-component",{"p-carousel-vertical":f.isVertical(),"p-carousel-horizontal":!f.isVertical()}]},[t.$slots.header?(n(),l("div",m,[a(t.$slots,"header")])):o("",!0),r("div",{class:f.contentClasses},[r("div",{class:f.containerClasses},[d(r("button",{class:["p-carousel-prev p-link",{"p-disabled":f.backwardIsDisabled}],disabled:f.backwardIsDisabled,onClick:e[1]||(e[1]=(...t)=>f.navBackward&&f.navBackward(...t)),type:"button"},[r("span",{class:["p-carousel-prev-icon pi",{"pi-chevron-left":!f.isVertical(),"pi-chevron-up":f.isVertical()}]},null,2)],10,["disabled"]),[[v]]),r("div",{class:"p-carousel-items-content",style:[{height:f.isVertical()?i.verticalViewPortHeight:"auto"}]},[r("div",{ref:"itemsContainer",class:"p-carousel-items-container",onTransitionend:e[2]||(e[2]=(...t)=>f.onTransitionEnd&&f.onTransitionEnd(...t)),onTouchend:e[3]||(e[3]=(...t)=>f.onTouchEnd&&f.onTouchEnd(...t)),onTouchstart:e[4]||(e[4]=(...t)=>f.onTouchStart&&f.onTouchStart(...t)),onTouchmove:e[5]||(e[5]=(...t)=>f.onTouchMove&&f.onTouchMove(...t))},[f.isCircular()?(n(!0),l(c,{key:0},h(i.value.slice(-1*b.d_numVisible),((e,s)=>(n(),l("div",{key:s+"_scloned",class:["p-carousel-item p-carousel-item-cloned",{"p-carousel-item-active":-1*b.totalShiftedItems===i.value.length+b.d_numVisible,"p-carousel-item-start":0===s,"p-carousel-item-end":i.value.slice(-1*b.d_numVisible).length-1===s}]},[a(t.$slots,"item",{data:e,index:s})],2)))),128)):o("",!0),(n(!0),l(c,null,h(i.value,((e,i)=>(n(),l("div",{key:i,class:["p-carousel-item",{"p-carousel-item-active":f.firstIndex()<=i&&f.lastIndex()>=i,"p-carousel-item-start":f.firstIndex()===i,"p-carousel-item-end":f.lastIndex()===i}]},[a(t.$slots,"item",{data:e,index:i})],2)))),128)),f.isCircular()?(n(!0),l(c,{key:1},h(i.value.slice(0,b.d_numVisible),((e,s)=>(n(),l("div",{key:s+"_fcloned",class:["p-carousel-item p-carousel-item-cloned",{"p-carousel-item-active":0===b.totalShiftedItems,"p-carousel-item-start":0===s,"p-carousel-item-end":i.value.slice(0,b.d_numVisible).length-1===s}]},[a(t.$slots,"item",{data:e,index:s})],2)))),128)):o("",!0)],544)],4),d(r("button",{class:["p-carousel-next p-link",{"p-disabled":f.forwardIsDisabled}],disabled:f.forwardIsDisabled,onClick:e[6]||(e[6]=(...t)=>f.navForward&&f.navForward(...t)),type:"button"},[r("span",{class:["p-carousel-prev-icon pi",{"pi-chevron-right":!f.isVertical(),"pi-chevron-down":f.isVertical()}]},null,2)],10,["disabled"]),[[v]])],2),f.totalIndicators>=0?(n(),l("ul",{key:0,class:f.indicatorsContentClasses},[(n(!0),l(c,null,h(f.totalIndicators,((t,e)=>(n(),l("li",{key:"p-carousel-indicator-"+e.toString(),class:["p-carousel-indicator",{"p-highlight":b.d_page===e}]},[r("button",{class:"p-link",onClick:t=>f.onIndicatorClick(t,e),type:"button"},null,8,["onClick"])],2)))),128))],2)):o("",!0)],2),t.$slots.footer?(n(),l("div",p,[a(t.$slots,"footer")])):o("",!0)],10,["id"])};export default u;
+import{UniqueComponentId as t,DomHandler as e}from"primevue/utils";import i from"primevue/ripple";import{resolveDirective as s,openBlock as n,createBlock as l,renderSlot as a,createCommentVNode as o,createVNode as r,withDirectives as d,Fragment as c,renderList as h}from"vue";var u={name:"Carousel",emits:["update:page"],props:{value:null,page:{type:Number,default:0},numVisible:{type:Number,default:1},numScroll:{type:Number,default:1},responsiveOptions:Array,orientation:{type:String,default:"horizontal"},verticalViewPortHeight:{type:String,default:"300px"},contentClass:String,containerClass:String,indicatorsContentClass:String,circular:{type:Boolean,default:!1},autoplayInterval:{type:Number,default:0}},data(){return{id:t(),remainingItems:0,d_numVisible:this.numVisible,d_numScroll:this.numScroll,d_oldNumScroll:0,d_oldNumVisible:0,d_oldValue:null,d_page:this.page,totalShiftedItems:this.page*this.numScroll*-1,allowAutoplay:!!this.autoplayInterval,d_circular:this.circular||this.allowAutoplay,swipeThreshold:20}},isRemainingItemsAdded:!1,watch:{page(t){this.d_page=t},circular(t){this.d_circular=t},numVisible(t,e){this.d_numVisible=t,this.d_oldNumVisible=e},numScroll(t,e){this.d_oldNumScroll=e,this.d_numScroll=t},value(t){this.d_oldValue=t}},methods:{step(t,i){let s=this.totalShiftedItems;const n=this.isCircular();if(null!=i)s=this.d_numScroll*i*-1,n&&(s-=this.d_numVisible),this.isRemainingItemsAdded=!1;else{s+=this.d_numScroll*t,this.isRemainingItemsAdded&&(s+=this.remainingItems-this.d_numScroll*t,this.isRemainingItemsAdded=!1);let e=n?s+this.d_numVisible:s;i=Math.abs(Math.floor(e/this.d_numScroll))}n&&this.d_page===this.totalIndicators-1&&-1===t?(s=-1*(this.value.length+this.d_numVisible),i=0):n&&0===this.d_page&&1===t?(s=0,i=this.totalIndicators-1):i===this.totalIndicators-1&&this.remainingItems>0&&(s+=-1*this.remainingItems-this.d_numScroll*t,this.isRemainingItemsAdded=!0),this.$refs.itemsContainer&&(e.removeClass(this.$refs.itemsContainer,"p-items-hidden"),this.$refs.itemsContainer.style.transform=this.isVertical()?`translate3d(0, ${s*(100/this.d_numVisible)}%, 0)`:`translate3d(${s*(100/this.d_numVisible)}%, 0, 0)`,this.$refs.itemsContainer.style.transition="transform 500ms ease 0s"),this.totalShiftedItems=s,this.$emit("update:page",i),this.d_page=i},calculatePosition(){if(this.$refs.itemsContainer&&this.responsiveOptions){let t=window.innerWidth,e={numVisible:this.numVisible,numScroll:this.numScroll};for(let i=0;i<this.responsiveOptions.length;i++){let s=this.responsiveOptions[i];parseInt(s.breakpoint,10)>=t&&(e=s)}if(this.d_numScroll!==e.numScroll){let t=this.d_page;t=parseInt(t*this.d_numScroll/e.numScroll),this.totalShiftedItems=e.numScroll*t*-1,this.isCircular()&&(this.totalShiftedItems-=e.numVisible),this.d_numScroll=e.numScroll,this.$emit("update:page",t),this.d_page=t}this.d_numVisible!==e.numVisible&&(this.d_numVisible=e.numVisible)}},navBackward(t,e){(this.d_circular||0!==this.d_page)&&this.step(1,e),this.allowAutoplay=!1,t.cancelable&&t.preventDefault()},navForward(t,e){(this.d_circular||this.d_page<this.totalIndicators-1)&&this.step(-1,e),this.allowAutoplay=!1,t.cancelable&&t.preventDefault()},onIndicatorClick(t,e){let i=this.d_page;e>i?this.navForward(t,e):e<i&&this.navBackward(t,e)},onTransitionEnd(){this.$refs.itemsContainer&&(e.addClass(this.$refs.itemsContainer,"p-items-hidden"),this.$refs.itemsContainer.style.transition="",0!==this.d_page&&this.d_page!==this.totalIndicators-1||!this.isCircular()||(this.$refs.itemsContainer.style.transform=this.isVertical()?`translate3d(0, ${this.totalShiftedItems*(100/this.d_numVisible)}%, 0)`:`translate3d(${this.totalShiftedItems*(100/this.d_numVisible)}%, 0, 0)`))},onTouchStart(t){let e=t.changedTouches[0];this.startPos={x:e.pageX,y:e.pageY}},onTouchMove(t){t.cancelable&&t.preventDefault()},onTouchEnd(t){let e=t.changedTouches[0];this.isVertical()?this.changePageOnTouch(t,e.pageY-this.startPos.y):this.changePageOnTouch(t,e.pageX-this.startPos.x)},changePageOnTouch(t,e){Math.abs(e)>this.swipeThreshold&&(e<0?this.navForward(t):this.navBackward(t))},bindDocumentListeners(){this.documentResizeListener||(this.documentResizeListener=t=>{this.calculatePosition(t)},window.addEventListener("resize",this.documentResizeListener))},unbindDocumentListeners(){this.documentResizeListener&&(window.removeEventListener("resize",this.documentResizeListener),this.documentResizeListener=null)},startAutoplay(){this.interval=setInterval((()=>{this.d_page===this.totalIndicators-1?this.step(-1,0):this.step(-1,this.d_page+1)}),this.autoplayInterval)},stopAutoplay(){this.interval&&clearInterval(this.interval)},createStyle(){this.carouselStyle||(this.carouselStyle=document.createElement("style"),this.carouselStyle.type="text/css",document.body.appendChild(this.carouselStyle));let t=`\n            #${this.id} .p-carousel-item {\n                flex: 1 0 ${100/this.d_numVisible}%\n            }\n        `;if(this.responsiveOptions){let e=[...this.responsiveOptions];e.sort(((t,e)=>{const i=t.breakpoint,s=e.breakpoint;let n=null;return n=null==i&&null!=s?-1:null!=i&&null==s?1:null==i&&null==s?0:"string"==typeof i&&"string"==typeof s?i.localeCompare(s,void 0,{numeric:!0}):i<s?-1:i>s?1:0,-1*n}));for(let i=0;i<e.length;i++){let s=e[i];t+=`\n                    @media screen and (max-width: ${s.breakpoint}) {\n                        #${this.id} .p-carousel-item {\n                            flex: 1 0 ${100/s.numVisible}%\n                        }\n                    }\n                `}}this.carouselStyle.innerHTML=t},isVertical(){return"vertical"===this.orientation},isCircular(){return this.value&&this.d_circular&&this.value.length>=this.d_numVisible},isAutoplay(){return this.autoplayInterval&&this.allowAutoplay},firstIndex(){return this.isCircular()?-1*(this.totalShiftedItems+this.d_numVisible):-1*this.totalShiftedItems},lastIndex(){return this.firstIndex()+this.d_numVisible-1}},mounted(){this.createStyle(),this.calculatePosition(),this.responsiveOptions&&this.bindDocumentListeners()},updated(){const t=this.isCircular();let e=!1,i=this.totalShiftedItems;if(this.autoplayInterval&&this.stopAutoplay(),this.d_oldNumScroll!==this.d_numScroll||this.d_oldNumVisible!==this.d_numVisible||this.d_oldValue.length!==this.value.length){this.remainingItems=(this.value.length-this.d_numVisible)%this.d_numScroll;let s=this.d_page;0!==this.totalIndicators&&s>=this.totalIndicators&&(s=this.totalIndicators-1,this.$emit("update:page",s),this.d_page=s,e=!0),i=s*this.d_numScroll*-1,t&&(i-=this.d_numVisible),s===this.totalIndicators-1&&this.remainingItems>0?(i+=-1*this.remainingItems+this.d_numScroll,this.isRemainingItemsAdded=!0):this.isRemainingItemsAdded=!1,i!==this.totalShiftedItems&&(this.totalShiftedItems=i,e=!0),this.d_oldNumScroll=this.d_numScroll,this.d_oldNumVisible=this.d_numVisible,this.d_oldValue=this.value,this.$refs.itemsContainer.style.transform=this.isVertical()?`translate3d(0, ${i*(100/this.d_numVisible)}%, 0)`:`translate3d(${i*(100/this.d_numVisible)}%, 0, 0)`}t&&(0===this.d_page?i=-1*this.d_numVisible:0===i&&(i=-1*this.value.length,this.remainingItems>0&&(this.isRemainingItemsAdded=!0)),i!==this.totalShiftedItems&&(this.totalShiftedItems=i,e=!0)),!e&&this.isAutoplay()&&this.startAutoplay()},beforeUnmount(){this.responsiveOptions&&this.unbindDocumentListeners(),this.autoplayInterval&&this.stopAutoplay()},computed:{totalIndicators(){return this.value?Math.ceil((this.value.length-this.d_numVisible)/this.d_numScroll)+1:0},backwardIsDisabled(){return this.value&&(!this.circular||this.value.length<this.d_numVisible)&&0===this.d_page},forwardIsDisabled(){return this.value&&(!this.circular||this.value.length<this.d_numVisible)&&(this.d_page===this.totalIndicators-1||0===this.totalIndicators)},containerClasses(){return["p-carousel-container",this.containerClass]},contentClasses(){return["p-carousel-content ",this.contentClass]},indicatorsContentClasses(){return["p-carousel-indicators p-reset",this.indicatorsContentClass]}},directives:{ripple:i}};const m={key:0,class:"p-carousel-header"},p={key:1,class:"p-carousel-footer"};!function(t,e){void 0===e&&(e={});var i=e.insertAt;if(t&&"undefined"!=typeof document){var s=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===i&&s.firstChild?s.insertBefore(n,s.firstChild):s.appendChild(n),n.styleSheet?n.styleSheet.cssText=t:n.appendChild(document.createTextNode(t))}}("\n.p-carousel {\n\tdisplay: -webkit-box;\n\tdisplay: -ms-flexbox;\n\tdisplay: flex;\n\t-webkit-box-orient: vertical;\n\t-webkit-box-direction: normal;\n\t    -ms-flex-direction: column;\n\t        flex-direction: column;\n}\n.p-carousel-content {\n\tdisplay: -webkit-box;\n\tdisplay: -ms-flexbox;\n\tdisplay: flex;\n\t-webkit-box-orient: vertical;\n\t-webkit-box-direction: normal;\n\t    -ms-flex-direction: column;\n\t        flex-direction: column;\n\toverflow: auto;\n}\n.p-carousel-prev,\n.p-carousel-next {\n\t-ms-flex-item-align: center;\n\t    align-self: center;\n\t-webkit-box-flex: 0;\n\t    -ms-flex-positive: 0;\n\t        flex-grow: 0;\n    -ms-flex-negative: 0;\n        flex-shrink: 0;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    overflow: hidden;\n    position: relative;\n}\n.p-carousel-container {\n\tdisplay: -webkit-box;\n\tdisplay: -ms-flexbox;\n\tdisplay: flex;\n\t-webkit-box-orient: horizontal;\n\t-webkit-box-direction: normal;\n\t    -ms-flex-direction: row;\n\t        flex-direction: row;\n}\n.p-carousel-items-content {\n\toverflow: hidden;\n    width: 100%;\n}\n.p-carousel-items-container {\n\tdisplay: -webkit-box;\n\tdisplay: -ms-flexbox;\n\tdisplay: flex;\n\t-webkit-box-orient: horizontal;\n\t-webkit-box-direction: normal;\n\t    -ms-flex-direction: row;\n\t        flex-direction: row;\n}\n.p-carousel-indicators {\n\tdisplay: -webkit-box;\n\tdisplay: -ms-flexbox;\n\tdisplay: flex;\n\t-webkit-box-orient: horizontal;\n\t-webkit-box-direction: normal;\n\t    -ms-flex-direction: row;\n\t        flex-direction: row;\n\t-webkit-box-pack: center;\n\t    -ms-flex-pack: center;\n\t        justify-content: center;\n\t-ms-flex-wrap: wrap;\n\t    flex-wrap: wrap;\n}\n.p-carousel-indicator > button {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n}\n\n/* Vertical */\n.p-carousel-vertical .p-carousel-container {\n\t-webkit-box-orient: vertical;\n\t-webkit-box-direction: normal;\n\t    -ms-flex-direction: column;\n\t        flex-direction: column;\n}\n.p-carousel-vertical .p-carousel-items-container {\n\t-webkit-box-orient: vertical;\n\t-webkit-box-direction: normal;\n\t    -ms-flex-direction: column;\n\t        flex-direction: column;\n\theight: 100%;\n}\n\n/* Keyboard Support */\n.p-items-hidden .p-carousel-item {\n\tvisibility: hidden;\n}\n.p-items-hidden .p-carousel-item.p-carousel-item-active {\n\tvisibility: visible;\n}\n"),u.render=function(t,e,i,u,b,f){const v=s("ripple");return n(),l("div",{id:b.id,class:["p-carousel p-component",{"p-carousel-vertical":f.isVertical(),"p-carousel-horizontal":!f.isVertical()}]},[t.$slots.header?(n(),l("div",m,[a(t.$slots,"header")])):o("",!0),r("div",{class:f.contentClasses},[r("div",{class:f.containerClasses},[d(r("button",{class:["p-carousel-prev p-link",{"p-disabled":f.backwardIsDisabled}],disabled:f.backwardIsDisabled,onClick:e[1]||(e[1]=(...t)=>f.navBackward&&f.navBackward(...t)),type:"button"},[r("span",{class:["p-carousel-prev-icon pi",{"pi-chevron-left":!f.isVertical(),"pi-chevron-up":f.isVertical()}]},null,2)],10,["disabled"]),[[v]]),r("div",{class:"p-carousel-items-content",style:[{height:f.isVertical()?i.verticalViewPortHeight:"auto"}],onTouchend:e[3]||(e[3]=(...t)=>f.onTouchEnd&&f.onTouchEnd(...t)),onTouchstart:e[4]||(e[4]=(...t)=>f.onTouchStart&&f.onTouchStart(...t)),onTouchmove:e[5]||(e[5]=(...t)=>f.onTouchMove&&f.onTouchMove(...t))},[r("div",{ref:"itemsContainer",class:"p-carousel-items-container",onTransitionend:e[2]||(e[2]=(...t)=>f.onTransitionEnd&&f.onTransitionEnd(...t))},[f.isCircular()?(n(!0),l(c,{key:0},h(i.value.slice(-1*b.d_numVisible),((e,s)=>(n(),l("div",{key:s+"_scloned",class:["p-carousel-item p-carousel-item-cloned",{"p-carousel-item-active":-1*b.totalShiftedItems===i.value.length+b.d_numVisible,"p-carousel-item-start":0===s,"p-carousel-item-end":i.value.slice(-1*b.d_numVisible).length-1===s}]},[a(t.$slots,"item",{data:e,index:s})],2)))),128)):o("",!0),(n(!0),l(c,null,h(i.value,((e,i)=>(n(),l("div",{key:i,class:["p-carousel-item",{"p-carousel-item-active":f.firstIndex()<=i&&f.lastIndex()>=i,"p-carousel-item-start":f.firstIndex()===i,"p-carousel-item-end":f.lastIndex()===i}]},[a(t.$slots,"item",{data:e,index:i})],2)))),128)),f.isCircular()?(n(!0),l(c,{key:1},h(i.value.slice(0,b.d_numVisible),((e,s)=>(n(),l("div",{key:s+"_fcloned",class:["p-carousel-item p-carousel-item-cloned",{"p-carousel-item-active":0===b.totalShiftedItems,"p-carousel-item-start":0===s,"p-carousel-item-end":i.value.slice(0,b.d_numVisible).length-1===s}]},[a(t.$slots,"item",{data:e,index:s})],2)))),128)):o("",!0)],544)],36),d(r("button",{class:["p-carousel-next p-link",{"p-disabled":f.forwardIsDisabled}],disabled:f.forwardIsDisabled,onClick:e[6]||(e[6]=(...t)=>f.navForward&&f.navForward(...t)),type:"button"},[r("span",{class:["p-carousel-prev-icon pi",{"pi-chevron-right":!f.isVertical(),"pi-chevron-down":f.isVertical()}]},null,2)],10,["disabled"]),[[v]])],2),f.totalIndicators>=0?(n(),l("ul",{key:0,class:f.indicatorsContentClasses},[(n(!0),l(c,null,h(f.totalIndicators,((t,e)=>(n(),l("li",{key:"p-carousel-indicator-"+e.toString(),class:["p-carousel-indicator",{"p-highlight":b.d_page===e}]},[r("button",{class:"p-link",onClick:t=>f.onIndicatorClick(t,e),type:"button"},null,8,["onClick"])],2)))),128))],2)):o("",!0)],2),t.$slots.footer?(n(),l("div",p,[a(t.$slots,"footer")])):o("",!0)],10,["id"])};export{u as default};

package/carousel/carousel.js

@@ -445,7 +445,7 @@ this.primevue.carousel = (function (utils, Ripple, vue) {
 			},
 	    },
 	    directives: {
-	        'ripple': Ripple__default['default']
+	        'ripple': Ripple__default["default"]
 	    }
 	};
 
@@ -486,15 +486,15 @@ this.primevue.carousel = (function (utils, Ripple, vue) {
 	        ]),
 	        vue.createVNode("div", {
 	          class: "p-carousel-items-content",
-	          style: [{'height': $options.isVertical() ? $props.verticalViewPortHeight : 'auto'}]
+	          style: [{'height': $options.isVertical() ? $props.verticalViewPortHeight : 'auto'}],
+	          onTouchend: _cache[3] || (_cache[3] = (...args) => ($options.onTouchEnd && $options.onTouchEnd(...args))),
+	          onTouchstart: _cache[4] || (_cache[4] = (...args) => ($options.onTouchStart && $options.onTouchStart(...args))),
+	          onTouchmove: _cache[5] || (_cache[5] = (...args) => ($options.onTouchMove && $options.onTouchMove(...args)))
 	        }, [
 	          vue.createVNode("div", {
 	            ref: "itemsContainer",
 	            class: "p-carousel-items-container",
-	            onTransitionend: _cache[2] || (_cache[2] = (...args) => ($options.onTransitionEnd && $options.onTransitionEnd(...args))),
-	            onTouchend: _cache[3] || (_cache[3] = (...args) => ($options.onTouchEnd && $options.onTouchEnd(...args))),
-	            onTouchstart: _cache[4] || (_cache[4] = (...args) => ($options.onTouchStart && $options.onTouchStart(...args))),
-	            onTouchmove: _cache[5] || (_cache[5] = (...args) => ($options.onTouchMove && $options.onTouchMove(...args)))
+	            onTransitionend: _cache[2] || (_cache[2] = (...args) => ($options.onTransitionEnd && $options.onTransitionEnd(...args)))
 	          }, [
 	            ($options.isCircular())
 	              ? (vue.openBlock(true), vue.createBlock(vue.Fragment, { key: 0 }, vue.renderList($props.value.slice(-1 * $data.d_numVisible), (item, index) => {
@@ -543,7 +543,7 @@ this.primevue.carousel = (function (utils, Ripple, vue) {
 	                }), 128))
 	              : vue.createCommentVNode("", true)
 	          ], 544)
-	        ], 4),
+	        ], 36),
 	        vue.withDirectives(vue.createVNode("button", {
 	          class: ['p-carousel-next p-link', {'p-disabled': $options.forwardIsDisabled}],
 	          disabled: $options.forwardIsDisabled,
@@ -619,4 +619,4 @@ this.primevue.carousel = (function (utils, Ripple, vue) {
 
 	return script;
 
-}(primevue.utils, primevue.ripple, Vue));
+})(primevue.utils, primevue.ripple, Vue);

package/carousel/carousel.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.carousel=function(t,e,i){"use strict";function s(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var n={name:"Carousel",emits:["update:page"],props:{value:null,page:{type:Number,default:0},numVisible:{type:Number,default:1},numScroll:{type:Number,default:1},responsiveOptions:Array,orientation:{type:String,default:"horizontal"},verticalViewPortHeight:{type:String,default:"300px"},contentClass:String,containerClass:String,indicatorsContentClass:String,circular:{type:Boolean,default:!1},autoplayInterval:{type:Number,default:0}},data(){return{id:t.UniqueComponentId(),remainingItems:0,d_numVisible:this.numVisible,d_numScroll:this.numScroll,d_oldNumScroll:0,d_oldNumVisible:0,d_oldValue:null,d_page:this.page,totalShiftedItems:this.page*this.numScroll*-1,allowAutoplay:!!this.autoplayInterval,d_circular:this.circular||this.allowAutoplay,swipeThreshold:20}},isRemainingItemsAdded:!1,watch:{page(t){this.d_page=t},circular(t){this.d_circular=t},numVisible(t,e){this.d_numVisible=t,this.d_oldNumVisible=e},numScroll(t,e){this.d_oldNumScroll=e,this.d_numScroll=t},value(t){this.d_oldValue=t}},methods:{step(e,i){let s=this.totalShiftedItems;const n=this.isCircular();if(null!=i)s=this.d_numScroll*i*-1,n&&(s-=this.d_numVisible),this.isRemainingItemsAdded=!1;else{s+=this.d_numScroll*e,this.isRemainingItemsAdded&&(s+=this.remainingItems-this.d_numScroll*e,this.isRemainingItemsAdded=!1);let t=n?s+this.d_numVisible:s;i=Math.abs(Math.floor(t/this.d_numScroll))}n&&this.d_page===this.totalIndicators-1&&-1===e?(s=-1*(this.value.length+this.d_numVisible),i=0):n&&0===this.d_page&&1===e?(s=0,i=this.totalIndicators-1):i===this.totalIndicators-1&&this.remainingItems>0&&(s+=-1*this.remainingItems-this.d_numScroll*e,this.isRemainingItemsAdded=!0),this.$refs.itemsContainer&&(t.DomHandler.removeClass(this.$refs.itemsContainer,"p-items-hidden"),this.$refs.itemsContainer.style.transform=this.isVertical()?`translate3d(0, ${s*(100/this.d_numVisible)}%, 0)`:`translate3d(${s*(100/this.d_numVisible)}%, 0, 0)`,this.$refs.itemsContainer.style.transition="transform 500ms ease 0s"),this.totalShiftedItems=s,this.$emit("update:page",i),this.d_page=i},calculatePosition(){if(this.$refs.itemsContainer&&this.responsiveOptions){let t=window.innerWidth,e={numVisible:this.numVisible,numScroll:this.numScroll};for(let i=0;i<this.responsiveOptions.length;i++){let s=this.responsiveOptions[i];parseInt(s.breakpoint,10)>=t&&(e=s)}if(this.d_numScroll!==e.numScroll){let t=this.d_page;t=parseInt(t*this.d_numScroll/e.numScroll),this.totalShiftedItems=e.numScroll*t*-1,this.isCircular()&&(this.totalShiftedItems-=e.numVisible),this.d_numScroll=e.numScroll,this.$emit("update:page",t),this.d_page=t}this.d_numVisible!==e.numVisible&&(this.d_numVisible=e.numVisible)}},navBackward(t,e){(this.d_circular||0!==this.d_page)&&this.step(1,e),this.allowAutoplay=!1,t.cancelable&&t.preventDefault()},navForward(t,e){(this.d_circular||this.d_page<this.totalIndicators-1)&&this.step(-1,e),this.allowAutoplay=!1,t.cancelable&&t.preventDefault()},onIndicatorClick(t,e){let i=this.d_page;e>i?this.navForward(t,e):e<i&&this.navBackward(t,e)},onTransitionEnd(){this.$refs.itemsContainer&&(t.DomHandler.addClass(this.$refs.itemsContainer,"p-items-hidden"),this.$refs.itemsContainer.style.transition="",0!==this.d_page&&this.d_page!==this.totalIndicators-1||!this.isCircular()||(this.$refs.itemsContainer.style.transform=this.isVertical()?`translate3d(0, ${this.totalShiftedItems*(100/this.d_numVisible)}%, 0)`:`translate3d(${this.totalShiftedItems*(100/this.d_numVisible)}%, 0, 0)`))},onTouchStart(t){let e=t.changedTouches[0];this.startPos={x:e.pageX,y:e.pageY}},onTouchMove(t){t.cancelable&&t.preventDefault()},onTouchEnd(t){let e=t.changedTouches[0];this.isVertical()?this.changePageOnTouch(t,e.pageY-this.startPos.y):this.changePageOnTouch(t,e.pageX-this.startPos.x)},changePageOnTouch(t,e){Math.abs(e)>this.swipeThreshold&&(e<0?this.navForward(t):this.navBackward(t))},bindDocumentListeners(){this.documentResizeListener||(this.documentResizeListener=t=>{this.calculatePosition(t)},window.addEventListener("resize",this.documentResizeListener))},unbindDocumentListeners(){this.documentResizeListener&&(window.removeEventListener("resize",this.documentResizeListener),this.documentResizeListener=null)},startAutoplay(){this.interval=setInterval((()=>{this.d_page===this.totalIndicators-1?this.step(-1,0):this.step(-1,this.d_page+1)}),this.autoplayInterval)},stopAutoplay(){this.interval&&clearInterval(this.interval)},createStyle(){this.carouselStyle||(this.carouselStyle=document.createElement("style"),this.carouselStyle.type="text/css",document.body.appendChild(this.carouselStyle));let t=`\n            #${this.id} .p-carousel-item {\n                flex: 1 0 ${100/this.d_numVisible}%\n            }\n        `;if(this.responsiveOptions){let e=[...this.responsiveOptions];e.sort(((t,e)=>{const i=t.breakpoint,s=e.breakpoint;let n=null;return n=null==i&&null!=s?-1:null!=i&&null==s?1:null==i&&null==s?0:"string"==typeof i&&"string"==typeof s?i.localeCompare(s,void 0,{numeric:!0}):i<s?-1:i>s?1:0,-1*n}));for(let i=0;i<e.length;i++){let s=e[i];t+=`\n                    @media screen and (max-width: ${s.breakpoint}) {\n                        #${this.id} .p-carousel-item {\n                            flex: 1 0 ${100/s.numVisible}%\n                        }\n                    }\n                `}}this.carouselStyle.innerHTML=t},isVertical(){return"vertical"===this.orientation},isCircular(){return this.value&&this.d_circular&&this.value.length>=this.d_numVisible},isAutoplay(){return this.autoplayInterval&&this.allowAutoplay},firstIndex(){return this.isCircular()?-1*(this.totalShiftedItems+this.d_numVisible):-1*this.totalShiftedItems},lastIndex(){return this.firstIndex()+this.d_numVisible-1}},mounted(){this.createStyle(),this.calculatePosition(),this.responsiveOptions&&this.bindDocumentListeners()},updated(){const t=this.isCircular();let e=!1,i=this.totalShiftedItems;if(this.autoplayInterval&&this.stopAutoplay(),this.d_oldNumScroll!==this.d_numScroll||this.d_oldNumVisible!==this.d_numVisible||this.d_oldValue.length!==this.value.length){this.remainingItems=(this.value.length-this.d_numVisible)%this.d_numScroll;let s=this.d_page;0!==this.totalIndicators&&s>=this.totalIndicators&&(s=this.totalIndicators-1,this.$emit("update:page",s),this.d_page=s,e=!0),i=s*this.d_numScroll*-1,t&&(i-=this.d_numVisible),s===this.totalIndicators-1&&this.remainingItems>0?(i+=-1*this.remainingItems+this.d_numScroll,this.isRemainingItemsAdded=!0):this.isRemainingItemsAdded=!1,i!==this.totalShiftedItems&&(this.totalShiftedItems=i,e=!0),this.d_oldNumScroll=this.d_numScroll,this.d_oldNumVisible=this.d_numVisible,this.d_oldValue=this.value,this.$refs.itemsContainer.style.transform=this.isVertical()?`translate3d(0, ${i*(100/this.d_numVisible)}%, 0)`:`translate3d(${i*(100/this.d_numVisible)}%, 0, 0)`}t&&(0===this.d_page?i=-1*this.d_numVisible:0===i&&(i=-1*this.value.length,this.remainingItems>0&&(this.isRemainingItemsAdded=!0)),i!==this.totalShiftedItems&&(this.totalShiftedItems=i,e=!0)),!e&&this.isAutoplay()&&this.startAutoplay()},beforeUnmount(){this.responsiveOptions&&this.unbindDocumentListeners(),this.autoplayInterval&&this.stopAutoplay()},computed:{totalIndicators(){return this.value?Math.ceil((this.value.length-this.d_numVisible)/this.d_numScroll)+1:0},backwardIsDisabled(){return this.value&&(!this.circular||this.value.length<this.d_numVisible)&&0===this.d_page},forwardIsDisabled(){return this.value&&(!this.circular||this.value.length<this.d_numVisible)&&(this.d_page===this.totalIndicators-1||0===this.totalIndicators)},containerClasses(){return["p-carousel-container",this.containerClass]},contentClasses(){return["p-carousel-content ",this.contentClass]},indicatorsContentClasses(){return["p-carousel-indicators p-reset",this.indicatorsContentClass]}},directives:{ripple:s(e).default}};const l={key:0,class:"p-carousel-header"},a={key:1,class:"p-carousel-footer"};return function(t,e){void 0===e&&(e={});var i=e.insertAt;if(t&&"undefined"!=typeof document){var s=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===i&&s.firstChild?s.insertBefore(n,s.firstChild):s.appendChild(n),n.styleSheet?n.styleSheet.cssText=t:n.appendChild(document.createTextNode(t))}}("\n.p-carousel {\n\tdisplay: -webkit-box;\n\tdisplay: -ms-flexbox;\n\tdisplay: flex;\n\t-webkit-box-orient: vertical;\n\t-webkit-box-direction: normal;\n\t    -ms-flex-direction: column;\n\t        flex-direction: column;\n}\n.p-carousel-content {\n\tdisplay: -webkit-box;\n\tdisplay: -ms-flexbox;\n\tdisplay: flex;\n\t-webkit-box-orient: vertical;\n\t-webkit-box-direction: normal;\n\t    -ms-flex-direction: column;\n\t        flex-direction: column;\n\toverflow: auto;\n}\n.p-carousel-prev,\n.p-carousel-next {\n\t-ms-flex-item-align: center;\n\t    align-self: center;\n\t-webkit-box-flex: 0;\n\t    -ms-flex-positive: 0;\n\t        flex-grow: 0;\n    -ms-flex-negative: 0;\n        flex-shrink: 0;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    overflow: hidden;\n    position: relative;\n}\n.p-carousel-container {\n\tdisplay: -webkit-box;\n\tdisplay: -ms-flexbox;\n\tdisplay: flex;\n\t-webkit-box-orient: horizontal;\n\t-webkit-box-direction: normal;\n\t    -ms-flex-direction: row;\n\t        flex-direction: row;\n}\n.p-carousel-items-content {\n\toverflow: hidden;\n    width: 100%;\n}\n.p-carousel-items-container {\n\tdisplay: -webkit-box;\n\tdisplay: -ms-flexbox;\n\tdisplay: flex;\n\t-webkit-box-orient: horizontal;\n\t-webkit-box-direction: normal;\n\t    -ms-flex-direction: row;\n\t        flex-direction: row;\n}\n.p-carousel-indicators {\n\tdisplay: -webkit-box;\n\tdisplay: -ms-flexbox;\n\tdisplay: flex;\n\t-webkit-box-orient: horizontal;\n\t-webkit-box-direction: normal;\n\t    -ms-flex-direction: row;\n\t        flex-direction: row;\n\t-webkit-box-pack: center;\n\t    -ms-flex-pack: center;\n\t        justify-content: center;\n\t-ms-flex-wrap: wrap;\n\t    flex-wrap: wrap;\n}\n.p-carousel-indicator > button {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n}\n\n/* Vertical */\n.p-carousel-vertical .p-carousel-container {\n\t-webkit-box-orient: vertical;\n\t-webkit-box-direction: normal;\n\t    -ms-flex-direction: column;\n\t        flex-direction: column;\n}\n.p-carousel-vertical .p-carousel-items-container {\n\t-webkit-box-orient: vertical;\n\t-webkit-box-direction: normal;\n\t    -ms-flex-direction: column;\n\t        flex-direction: column;\n\theight: 100%;\n}\n\n/* Keyboard Support */\n.p-items-hidden .p-carousel-item {\n\tvisibility: hidden;\n}\n.p-items-hidden .p-carousel-item.p-carousel-item-active {\n\tvisibility: visible;\n}\n"),n.render=function(t,e,s,n,o,r){const c=i.resolveDirective("ripple");return i.openBlock(),i.createBlock("div",{id:o.id,class:["p-carousel p-component",{"p-carousel-vertical":r.isVertical(),"p-carousel-horizontal":!r.isVertical()}]},[t.$slots.header?(i.openBlock(),i.createBlock("div",l,[i.renderSlot(t.$slots,"header")])):i.createCommentVNode("",!0),i.createVNode("div",{class:r.contentClasses},[i.createVNode("div",{class:r.containerClasses},[i.withDirectives(i.createVNode("button",{class:["p-carousel-prev p-link",{"p-disabled":r.backwardIsDisabled}],disabled:r.backwardIsDisabled,onClick:e[1]||(e[1]=(...t)=>r.navBackward&&r.navBackward(...t)),type:"button"},[i.createVNode("span",{class:["p-carousel-prev-icon pi",{"pi-chevron-left":!r.isVertical(),"pi-chevron-up":r.isVertical()}]},null,2)],10,["disabled"]),[[c]]),i.createVNode("div",{class:"p-carousel-items-content",style:[{height:r.isVertical()?s.verticalViewPortHeight:"auto"}]},[i.createVNode("div",{ref:"itemsContainer",class:"p-carousel-items-container",onTransitionend:e[2]||(e[2]=(...t)=>r.onTransitionEnd&&r.onTransitionEnd(...t)),onTouchend:e[3]||(e[3]=(...t)=>r.onTouchEnd&&r.onTouchEnd(...t)),onTouchstart:e[4]||(e[4]=(...t)=>r.onTouchStart&&r.onTouchStart(...t)),onTouchmove:e[5]||(e[5]=(...t)=>r.onTouchMove&&r.onTouchMove(...t))},[r.isCircular()?(i.openBlock(!0),i.createBlock(i.Fragment,{key:0},i.renderList(s.value.slice(-1*o.d_numVisible),((e,n)=>(i.openBlock(),i.createBlock("div",{key:n+"_scloned",class:["p-carousel-item p-carousel-item-cloned",{"p-carousel-item-active":-1*o.totalShiftedItems===s.value.length+o.d_numVisible,"p-carousel-item-start":0===n,"p-carousel-item-end":s.value.slice(-1*o.d_numVisible).length-1===n}]},[i.renderSlot(t.$slots,"item",{data:e,index:n})],2)))),128)):i.createCommentVNode("",!0),(i.openBlock(!0),i.createBlock(i.Fragment,null,i.renderList(s.value,((e,s)=>(i.openBlock(),i.createBlock("div",{key:s,class:["p-carousel-item",{"p-carousel-item-active":r.firstIndex()<=s&&r.lastIndex()>=s,"p-carousel-item-start":r.firstIndex()===s,"p-carousel-item-end":r.lastIndex()===s}]},[i.renderSlot(t.$slots,"item",{data:e,index:s})],2)))),128)),r.isCircular()?(i.openBlock(!0),i.createBlock(i.Fragment,{key:1},i.renderList(s.value.slice(0,o.d_numVisible),((e,n)=>(i.openBlock(),i.createBlock("div",{key:n+"_fcloned",class:["p-carousel-item p-carousel-item-cloned",{"p-carousel-item-active":0===o.totalShiftedItems,"p-carousel-item-start":0===n,"p-carousel-item-end":s.value.slice(0,o.d_numVisible).length-1===n}]},[i.renderSlot(t.$slots,"item",{data:e,index:n})],2)))),128)):i.createCommentVNode("",!0)],544)],4),i.withDirectives(i.createVNode("button",{class:["p-carousel-next p-link",{"p-disabled":r.forwardIsDisabled}],disabled:r.forwardIsDisabled,onClick:e[6]||(e[6]=(...t)=>r.navForward&&r.navForward(...t)),type:"button"},[i.createVNode("span",{class:["p-carousel-prev-icon pi",{"pi-chevron-right":!r.isVertical(),"pi-chevron-down":r.isVertical()}]},null,2)],10,["disabled"]),[[c]])],2),r.totalIndicators>=0?(i.openBlock(),i.createBlock("ul",{key:0,class:r.indicatorsContentClasses},[(i.openBlock(!0),i.createBlock(i.Fragment,null,i.renderList(r.totalIndicators,((t,e)=>(i.openBlock(),i.createBlock("li",{key:"p-carousel-indicator-"+e.toString(),class:["p-carousel-indicator",{"p-highlight":o.d_page===e}]},[i.createVNode("button",{class:"p-link",onClick:t=>r.onIndicatorClick(t,e),type:"button"},null,8,["onClick"])],2)))),128))],2)):i.createCommentVNode("",!0)],2),t.$slots.footer?(i.openBlock(),i.createBlock("div",a,[i.renderSlot(t.$slots,"footer")])):i.createCommentVNode("",!0)],10,["id"])},n}(primevue.utils,primevue.ripple,Vue);
+this.primevue=this.primevue||{},this.primevue.carousel=function(t,e,i){"use strict";function s(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var n={name:"Carousel",emits:["update:page"],props:{value:null,page:{type:Number,default:0},numVisible:{type:Number,default:1},numScroll:{type:Number,default:1},responsiveOptions:Array,orientation:{type:String,default:"horizontal"},verticalViewPortHeight:{type:String,default:"300px"},contentClass:String,containerClass:String,indicatorsContentClass:String,circular:{type:Boolean,default:!1},autoplayInterval:{type:Number,default:0}},data(){return{id:t.UniqueComponentId(),remainingItems:0,d_numVisible:this.numVisible,d_numScroll:this.numScroll,d_oldNumScroll:0,d_oldNumVisible:0,d_oldValue:null,d_page:this.page,totalShiftedItems:this.page*this.numScroll*-1,allowAutoplay:!!this.autoplayInterval,d_circular:this.circular||this.allowAutoplay,swipeThreshold:20}},isRemainingItemsAdded:!1,watch:{page(t){this.d_page=t},circular(t){this.d_circular=t},numVisible(t,e){this.d_numVisible=t,this.d_oldNumVisible=e},numScroll(t,e){this.d_oldNumScroll=e,this.d_numScroll=t},value(t){this.d_oldValue=t}},methods:{step(e,i){let s=this.totalShiftedItems;const n=this.isCircular();if(null!=i)s=this.d_numScroll*i*-1,n&&(s-=this.d_numVisible),this.isRemainingItemsAdded=!1;else{s+=this.d_numScroll*e,this.isRemainingItemsAdded&&(s+=this.remainingItems-this.d_numScroll*e,this.isRemainingItemsAdded=!1);let t=n?s+this.d_numVisible:s;i=Math.abs(Math.floor(t/this.d_numScroll))}n&&this.d_page===this.totalIndicators-1&&-1===e?(s=-1*(this.value.length+this.d_numVisible),i=0):n&&0===this.d_page&&1===e?(s=0,i=this.totalIndicators-1):i===this.totalIndicators-1&&this.remainingItems>0&&(s+=-1*this.remainingItems-this.d_numScroll*e,this.isRemainingItemsAdded=!0),this.$refs.itemsContainer&&(t.DomHandler.removeClass(this.$refs.itemsContainer,"p-items-hidden"),this.$refs.itemsContainer.style.transform=this.isVertical()?`translate3d(0, ${s*(100/this.d_numVisible)}%, 0)`:`translate3d(${s*(100/this.d_numVisible)}%, 0, 0)`,this.$refs.itemsContainer.style.transition="transform 500ms ease 0s"),this.totalShiftedItems=s,this.$emit("update:page",i),this.d_page=i},calculatePosition(){if(this.$refs.itemsContainer&&this.responsiveOptions){let t=window.innerWidth,e={numVisible:this.numVisible,numScroll:this.numScroll};for(let i=0;i<this.responsiveOptions.length;i++){let s=this.responsiveOptions[i];parseInt(s.breakpoint,10)>=t&&(e=s)}if(this.d_numScroll!==e.numScroll){let t=this.d_page;t=parseInt(t*this.d_numScroll/e.numScroll),this.totalShiftedItems=e.numScroll*t*-1,this.isCircular()&&(this.totalShiftedItems-=e.numVisible),this.d_numScroll=e.numScroll,this.$emit("update:page",t),this.d_page=t}this.d_numVisible!==e.numVisible&&(this.d_numVisible=e.numVisible)}},navBackward(t,e){(this.d_circular||0!==this.d_page)&&this.step(1,e),this.allowAutoplay=!1,t.cancelable&&t.preventDefault()},navForward(t,e){(this.d_circular||this.d_page<this.totalIndicators-1)&&this.step(-1,e),this.allowAutoplay=!1,t.cancelable&&t.preventDefault()},onIndicatorClick(t,e){let i=this.d_page;e>i?this.navForward(t,e):e<i&&this.navBackward(t,e)},onTransitionEnd(){this.$refs.itemsContainer&&(t.DomHandler.addClass(this.$refs.itemsContainer,"p-items-hidden"),this.$refs.itemsContainer.style.transition="",0!==this.d_page&&this.d_page!==this.totalIndicators-1||!this.isCircular()||(this.$refs.itemsContainer.style.transform=this.isVertical()?`translate3d(0, ${this.totalShiftedItems*(100/this.d_numVisible)}%, 0)`:`translate3d(${this.totalShiftedItems*(100/this.d_numVisible)}%, 0, 0)`))},onTouchStart(t){let e=t.changedTouches[0];this.startPos={x:e.pageX,y:e.pageY}},onTouchMove(t){t.cancelable&&t.preventDefault()},onTouchEnd(t){let e=t.changedTouches[0];this.isVertical()?this.changePageOnTouch(t,e.pageY-this.startPos.y):this.changePageOnTouch(t,e.pageX-this.startPos.x)},changePageOnTouch(t,e){Math.abs(e)>this.swipeThreshold&&(e<0?this.navForward(t):this.navBackward(t))},bindDocumentListeners(){this.documentResizeListener||(this.documentResizeListener=t=>{this.calculatePosition(t)},window.addEventListener("resize",this.documentResizeListener))},unbindDocumentListeners(){this.documentResizeListener&&(window.removeEventListener("resize",this.documentResizeListener),this.documentResizeListener=null)},startAutoplay(){this.interval=setInterval((()=>{this.d_page===this.totalIndicators-1?this.step(-1,0):this.step(-1,this.d_page+1)}),this.autoplayInterval)},stopAutoplay(){this.interval&&clearInterval(this.interval)},createStyle(){this.carouselStyle||(this.carouselStyle=document.createElement("style"),this.carouselStyle.type="text/css",document.body.appendChild(this.carouselStyle));let t=`\n            #${this.id} .p-carousel-item {\n                flex: 1 0 ${100/this.d_numVisible}%\n            }\n        `;if(this.responsiveOptions){let e=[...this.responsiveOptions];e.sort(((t,e)=>{const i=t.breakpoint,s=e.breakpoint;let n=null;return n=null==i&&null!=s?-1:null!=i&&null==s?1:null==i&&null==s?0:"string"==typeof i&&"string"==typeof s?i.localeCompare(s,void 0,{numeric:!0}):i<s?-1:i>s?1:0,-1*n}));for(let i=0;i<e.length;i++){let s=e[i];t+=`\n                    @media screen and (max-width: ${s.breakpoint}) {\n                        #${this.id} .p-carousel-item {\n                            flex: 1 0 ${100/s.numVisible}%\n                        }\n                    }\n                `}}this.carouselStyle.innerHTML=t},isVertical(){return"vertical"===this.orientation},isCircular(){return this.value&&this.d_circular&&this.value.length>=this.d_numVisible},isAutoplay(){return this.autoplayInterval&&this.allowAutoplay},firstIndex(){return this.isCircular()?-1*(this.totalShiftedItems+this.d_numVisible):-1*this.totalShiftedItems},lastIndex(){return this.firstIndex()+this.d_numVisible-1}},mounted(){this.createStyle(),this.calculatePosition(),this.responsiveOptions&&this.bindDocumentListeners()},updated(){const t=this.isCircular();let e=!1,i=this.totalShiftedItems;if(this.autoplayInterval&&this.stopAutoplay(),this.d_oldNumScroll!==this.d_numScroll||this.d_oldNumVisible!==this.d_numVisible||this.d_oldValue.length!==this.value.length){this.remainingItems=(this.value.length-this.d_numVisible)%this.d_numScroll;let s=this.d_page;0!==this.totalIndicators&&s>=this.totalIndicators&&(s=this.totalIndicators-1,this.$emit("update:page",s),this.d_page=s,e=!0),i=s*this.d_numScroll*-1,t&&(i-=this.d_numVisible),s===this.totalIndicators-1&&this.remainingItems>0?(i+=-1*this.remainingItems+this.d_numScroll,this.isRemainingItemsAdded=!0):this.isRemainingItemsAdded=!1,i!==this.totalShiftedItems&&(this.totalShiftedItems=i,e=!0),this.d_oldNumScroll=this.d_numScroll,this.d_oldNumVisible=this.d_numVisible,this.d_oldValue=this.value,this.$refs.itemsContainer.style.transform=this.isVertical()?`translate3d(0, ${i*(100/this.d_numVisible)}%, 0)`:`translate3d(${i*(100/this.d_numVisible)}%, 0, 0)`}t&&(0===this.d_page?i=-1*this.d_numVisible:0===i&&(i=-1*this.value.length,this.remainingItems>0&&(this.isRemainingItemsAdded=!0)),i!==this.totalShiftedItems&&(this.totalShiftedItems=i,e=!0)),!e&&this.isAutoplay()&&this.startAutoplay()},beforeUnmount(){this.responsiveOptions&&this.unbindDocumentListeners(),this.autoplayInterval&&this.stopAutoplay()},computed:{totalIndicators(){return this.value?Math.ceil((this.value.length-this.d_numVisible)/this.d_numScroll)+1:0},backwardIsDisabled(){return this.value&&(!this.circular||this.value.length<this.d_numVisible)&&0===this.d_page},forwardIsDisabled(){return this.value&&(!this.circular||this.value.length<this.d_numVisible)&&(this.d_page===this.totalIndicators-1||0===this.totalIndicators)},containerClasses(){return["p-carousel-container",this.containerClass]},contentClasses(){return["p-carousel-content ",this.contentClass]},indicatorsContentClasses(){return["p-carousel-indicators p-reset",this.indicatorsContentClass]}},directives:{ripple:s(e).default}};const l={key:0,class:"p-carousel-header"},a={key:1,class:"p-carousel-footer"};return function(t,e){void 0===e&&(e={});var i=e.insertAt;if(t&&"undefined"!=typeof document){var s=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===i&&s.firstChild?s.insertBefore(n,s.firstChild):s.appendChild(n),n.styleSheet?n.styleSheet.cssText=t:n.appendChild(document.createTextNode(t))}}("\n.p-carousel {\n\tdisplay: -webkit-box;\n\tdisplay: -ms-flexbox;\n\tdisplay: flex;\n\t-webkit-box-orient: vertical;\n\t-webkit-box-direction: normal;\n\t    -ms-flex-direction: column;\n\t        flex-direction: column;\n}\n.p-carousel-content {\n\tdisplay: -webkit-box;\n\tdisplay: -ms-flexbox;\n\tdisplay: flex;\n\t-webkit-box-orient: vertical;\n\t-webkit-box-direction: normal;\n\t    -ms-flex-direction: column;\n\t        flex-direction: column;\n\toverflow: auto;\n}\n.p-carousel-prev,\n.p-carousel-next {\n\t-ms-flex-item-align: center;\n\t    align-self: center;\n\t-webkit-box-flex: 0;\n\t    -ms-flex-positive: 0;\n\t        flex-grow: 0;\n    -ms-flex-negative: 0;\n        flex-shrink: 0;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    overflow: hidden;\n    position: relative;\n}\n.p-carousel-container {\n\tdisplay: -webkit-box;\n\tdisplay: -ms-flexbox;\n\tdisplay: flex;\n\t-webkit-box-orient: horizontal;\n\t-webkit-box-direction: normal;\n\t    -ms-flex-direction: row;\n\t        flex-direction: row;\n}\n.p-carousel-items-content {\n\toverflow: hidden;\n    width: 100%;\n}\n.p-carousel-items-container {\n\tdisplay: -webkit-box;\n\tdisplay: -ms-flexbox;\n\tdisplay: flex;\n\t-webkit-box-orient: horizontal;\n\t-webkit-box-direction: normal;\n\t    -ms-flex-direction: row;\n\t        flex-direction: row;\n}\n.p-carousel-indicators {\n\tdisplay: -webkit-box;\n\tdisplay: -ms-flexbox;\n\tdisplay: flex;\n\t-webkit-box-orient: horizontal;\n\t-webkit-box-direction: normal;\n\t    -ms-flex-direction: row;\n\t        flex-direction: row;\n\t-webkit-box-pack: center;\n\t    -ms-flex-pack: center;\n\t        justify-content: center;\n\t-ms-flex-wrap: wrap;\n\t    flex-wrap: wrap;\n}\n.p-carousel-indicator > button {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n}\n\n/* Vertical */\n.p-carousel-vertical .p-carousel-container {\n\t-webkit-box-orient: vertical;\n\t-webkit-box-direction: normal;\n\t    -ms-flex-direction: column;\n\t        flex-direction: column;\n}\n.p-carousel-vertical .p-carousel-items-container {\n\t-webkit-box-orient: vertical;\n\t-webkit-box-direction: normal;\n\t    -ms-flex-direction: column;\n\t        flex-direction: column;\n\theight: 100%;\n}\n\n/* Keyboard Support */\n.p-items-hidden .p-carousel-item {\n\tvisibility: hidden;\n}\n.p-items-hidden .p-carousel-item.p-carousel-item-active {\n\tvisibility: visible;\n}\n"),n.render=function(t,e,s,n,o,r){const c=i.resolveDirective("ripple");return i.openBlock(),i.createBlock("div",{id:o.id,class:["p-carousel p-component",{"p-carousel-vertical":r.isVertical(),"p-carousel-horizontal":!r.isVertical()}]},[t.$slots.header?(i.openBlock(),i.createBlock("div",l,[i.renderSlot(t.$slots,"header")])):i.createCommentVNode("",!0),i.createVNode("div",{class:r.contentClasses},[i.createVNode("div",{class:r.containerClasses},[i.withDirectives(i.createVNode("button",{class:["p-carousel-prev p-link",{"p-disabled":r.backwardIsDisabled}],disabled:r.backwardIsDisabled,onClick:e[1]||(e[1]=(...t)=>r.navBackward&&r.navBackward(...t)),type:"button"},[i.createVNode("span",{class:["p-carousel-prev-icon pi",{"pi-chevron-left":!r.isVertical(),"pi-chevron-up":r.isVertical()}]},null,2)],10,["disabled"]),[[c]]),i.createVNode("div",{class:"p-carousel-items-content",style:[{height:r.isVertical()?s.verticalViewPortHeight:"auto"}],onTouchend:e[3]||(e[3]=(...t)=>r.onTouchEnd&&r.onTouchEnd(...t)),onTouchstart:e[4]||(e[4]=(...t)=>r.onTouchStart&&r.onTouchStart(...t)),onTouchmove:e[5]||(e[5]=(...t)=>r.onTouchMove&&r.onTouchMove(...t))},[i.createVNode("div",{ref:"itemsContainer",class:"p-carousel-items-container",onTransitionend:e[2]||(e[2]=(...t)=>r.onTransitionEnd&&r.onTransitionEnd(...t))},[r.isCircular()?(i.openBlock(!0),i.createBlock(i.Fragment,{key:0},i.renderList(s.value.slice(-1*o.d_numVisible),((e,n)=>(i.openBlock(),i.createBlock("div",{key:n+"_scloned",class:["p-carousel-item p-carousel-item-cloned",{"p-carousel-item-active":-1*o.totalShiftedItems===s.value.length+o.d_numVisible,"p-carousel-item-start":0===n,"p-carousel-item-end":s.value.slice(-1*o.d_numVisible).length-1===n}]},[i.renderSlot(t.$slots,"item",{data:e,index:n})],2)))),128)):i.createCommentVNode("",!0),(i.openBlock(!0),i.createBlock(i.Fragment,null,i.renderList(s.value,((e,s)=>(i.openBlock(),i.createBlock("div",{key:s,class:["p-carousel-item",{"p-carousel-item-active":r.firstIndex()<=s&&r.lastIndex()>=s,"p-carousel-item-start":r.firstIndex()===s,"p-carousel-item-end":r.lastIndex()===s}]},[i.renderSlot(t.$slots,"item",{data:e,index:s})],2)))),128)),r.isCircular()?(i.openBlock(!0),i.createBlock(i.Fragment,{key:1},i.renderList(s.value.slice(0,o.d_numVisible),((e,n)=>(i.openBlock(),i.createBlock("div",{key:n+"_fcloned",class:["p-carousel-item p-carousel-item-cloned",{"p-carousel-item-active":0===o.totalShiftedItems,"p-carousel-item-start":0===n,"p-carousel-item-end":s.value.slice(0,o.d_numVisible).length-1===n}]},[i.renderSlot(t.$slots,"item",{data:e,index:n})],2)))),128)):i.createCommentVNode("",!0)],544)],36),i.withDirectives(i.createVNode("button",{class:["p-carousel-next p-link",{"p-disabled":r.forwardIsDisabled}],disabled:r.forwardIsDisabled,onClick:e[6]||(e[6]=(...t)=>r.navForward&&r.navForward(...t)),type:"button"},[i.createVNode("span",{class:["p-carousel-prev-icon pi",{"pi-chevron-right":!r.isVertical(),"pi-chevron-down":r.isVertical()}]},null,2)],10,["disabled"]),[[c]])],2),r.totalIndicators>=0?(i.openBlock(),i.createBlock("ul",{key:0,class:r.indicatorsContentClasses},[(i.openBlock(!0),i.createBlock(i.Fragment,null,i.renderList(r.totalIndicators,((t,e)=>(i.openBlock(),i.createBlock("li",{key:"p-carousel-indicator-"+e.toString(),class:["p-carousel-indicator",{"p-highlight":o.d_page===e}]},[i.createVNode("button",{class:"p-link",onClick:t=>r.onIndicatorClick(t,e),type:"button"},null,8,["onClick"])],2)))),128))],2)):i.createCommentVNode("",!0)],2),t.$slots.footer?(i.openBlock(),i.createBlock("div",a,[i.renderSlot(t.$slots,"footer")])):i.createCommentVNode("",!0)],10,["id"])},n}(primevue.utils,primevue.ripple,Vue);

package/cascadeselect/CascadeSelect.d.ts

@@ -1,47 +1,184 @@
 import { VNode } from 'vue';
+import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
-interface CascadeSelectProps {
-    modelValue?: any;
-    options?: any[];
-    optionLabel?: string;
-    optionValue?: any;
-    optionGroupLabel?: string;
-    optionGroupChildren?: string[];
-    placeholder?: string;
-    disabled?: boolean;
-    dataKey?: string;
-    tabindex?: string;
-    inputId?: string;
-    ariaLabelledBy?: string;
-    appendTo?: string;
-    panelClass?: string;
-    loading?: boolean;
-    loadingIcon?: string;
+type CascadeSelectOptionLabelType = string | ((data: any) => string) | undefined;
+
+type CascadeSelectOptionValueType = string | ((data: any) => any) | undefined;
+
+type CascadeSelectOptionChildrenType = string[] | string | ((data: any) => any[]) | undefined;
+
+type CascadeSelectAppendToType = 'body' | 'self' | string | undefined;
+
+export interface CascadeSelectChangeEvent {
+    /**
+     * Original event.
+     */
+    originalEvent: Event;
+    /**
+     * Selected option value.
+     */
+    value: any;
 }
 
-interface CascadeSelectOptionSlotInterface {
-    option: any;
+/**
+ * @extends CascadeSelectChangeEvent
+ */
+export interface CascadeSelectChangeGroupEvent extends CascadeSelectChangeEvent { }
+
+export interface CascadeSelectProps {
+    /**
+     * Value of the component.
+     */
+    modelValue?: any | undefined;
+    /**
+     * An array of selectitems to display as the available options.
+     */
+    options?: any[] | undefined;
+    /**
+     * Property name or getter function to use as the label of an option.
+     * @see CascadeSelectOptionLabelType
+     */
+    optionLabel?: CascadeSelectOptionLabelType;
+    /**
+     * Property name or getter function to use as the value of an option, defaults to the option itself when not defined.
+     * @see CascadeSelectOptionValueType
+     */
+    optionValue?: CascadeSelectOptionValueType;
+    /**
+     * Property name or getter function to use as the label of an option group.
+     * @see CascadeSelectOptionLabelType
+     */
+    optionGroupLabel?: CascadeSelectOptionLabelType;
+    /**
+     * Property name or getter function to retrieve the items of a group.
+     * @see CascadeSelectOptionChildrenType
+     */
+    optionGroupChildren?: CascadeSelectOptionChildrenType;
+    /**
+     * Default text to display when no option is selected.
+     */
+    placeholder?: string | undefined;
+    /**
+     * When present, it specifies that the component should be disabled.
+     */
+    disabled?: boolean | undefined;
+    /**
+     * A property to uniquely identify an option.
+     */
+    dataKey?: string | undefined;
+    /**
+     * Index of the element in tabbing order.
+     */
+    tabindex?: string | undefined;
+    /**
+     * Identifier of the underlying input element.
+     */
+    inputId?: string | undefined;
+    /**
+     * Establishes relationships between the component and label(s) where its value should be one or more element IDs.
+     */
+    ariaLabelledBy?: string | undefined;
+    /**
+     * A valid query selector or an HTMLElement to specify where the overlay gets attached. Special keywords are 'body' for document body and 'self' for the element itself.
+     * @see CascadeSelectAppendToType
+     * Default value is 'body'.
+     */
+    appendTo?: CascadeSelectAppendToType;
+    /**
+     * Style class of the overlay panel.
+     */
+    panelClass?: any;
+    /**
+     * Whether the dropdown is in loading state.
+     */
+    loading?: boolean | undefined;
+    /**
+     * Icon to display in loading state.
+     * Default value is 'pi pi-spinner pi-spin'.
+     */
+    loadingIcon?: string | undefined;
 }
 
-interface CascadeSelectValueSlotInterface {
-    value: any;
-    placeholder: string;
+export interface CascadeSelectSlots {
+    /**
+     * Custom content for each option.
+     * @param {Object} scope - option slot's params.
+     */
+    option: (scope: {
+        /**
+         * Option instance
+         */
+        option: any;
+    }) => VNode[];
+    /**
+     * Custom value template.
+     * @param {CascadeSelectValueSlot} scope - value slot's params.
+     */
+    value: (scope: {
+        /**
+         * Value of the component
+         */
+        value: any;
+        /**
+         * Placeholder text to show
+         */
+        placeholder: string;
+    }) => VNode[];
+    /**
+     * Custom indicator template.
+     */
+    indicator: () => VNode[];
 }
 
-declare class CascadeSelect {
-    $props: CascadeSelectProps;
-    $emit(eventName: 'update:modelValue', value: string): this;
-    $emit(eventName: 'change', e: { originalEvent: Event, value: any }): this;
-    $emit(eventName: 'change-group', e: { originalEvent: Event, value: any }): this;
-    $emit(eventName: 'before-show'): this;
-    $emit(eventName: 'before-hide'): this;
-    $emit(eventName: 'show'): this;
-    $emit(eventName: 'hide'): this;
-    $slot: {
-        option: CascadeSelectOptionSlotInterface;
-        value: CascadeSelectValueSlotInterface;
-        indicator: VNode[];
+export declare type CascadeSelectEmits = {
+    /**
+     * Emitted when the value changes.
+     * @param {*} value - New value.
+     */
+    'update:modelValue': (value: any) => void;
+    /**
+     * Callback to invoke on value change.
+     * @param { CascadeSelectChangeEvent } event - Custom change event.
+     */
+    'change': (event: CascadeSelectChangeEvent) => void;
+    /**
+     * Callback to invoke when a group changes.
+     * @param { CascadeSelectChangeGroupEvent } event - Custom change event.
+     */
+    'change-group': (event: CascadeSelectChangeGroupEvent) => void;
+    /**
+     * Callback to invoke before the overlay is shown.
+     */
+    'before-show': () => void;
+    /**
+     * Callback to invoke before the overlay is hidden.
+     */
+    'before-hide': () => void;
+    /**
+     * Callback to invoke when the overlay is shown.
+     */
+    'show': () => void;
+    /**
+     * Callback to invoke when the overlay is hidden.
+     */
+    'hide': () => void;
+}
+
+declare class CascadeSelect extends ClassComponent<CascadeSelectProps, CascadeSelectSlots, CascadeSelectEmits> { }
+
+declare module '@vue/runtime-core' {
+    interface GlobalComponents {
+        CascadeSelect: GlobalComponentConstructor<CascadeSelect>
     }
 }
 
+/**
+ *
+ * CascadeSelect displays a nested structure of options.
+ *
+ * Demos:
+ *
+ * - [CascadeSelect](https://www.primefaces.org/primevue/showcase/#/cascadeselect)
+ *
+ */
 export default CascadeSelect;

package/cascadeselect/cascadeselect.cjs.js

@@ -164,7 +164,7 @@ var script$1 = {
         }
     },
     directives: {
-        'ripple': Ripple__default['default']
+        'ripple': Ripple__default["default"]
     }
 };
 
@@ -486,7 +486,7 @@ var script = {
             }
         },
         onOverlayClick(event) {
-            OverlayEventBus__default['default'].emit('overlay-click', {
+            OverlayEventBus__default["default"].emit('overlay-click', {
                 originalEvent: event,
                 target: this.$el
             });

package/cascadeselect/cascadeselect.esm.js

@@ -653,4 +653,4 @@ styleInject(css_248z);
 
 script.render = render;
 
-export default script;
+export { script as default };