primevue 3.20.0 → 3.22.0

package/carousel/carousel.js

@@ -1,5 +1,5 @@
 this.primevue = this.primevue || {};
-this.primevue.carousel = (function (utils, Ripple, vue) {
+this.primevue.carousel = (function (Ripple, utils, vue) {
     'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -50,11 +50,19 @@ this.primevue.carousel = (function (utils, Ripple, vue) {
             showIndicators: {
                 type: Boolean,
                 default: true
+            },
+            prevButtonProps: {
+                type: null,
+                default: null
+            },
+            nextButtonProps: {
+                type: null,
+                default: null
             }
         },
+        isRemainingItemsAdded: false,
         data() {
             return {
-                id: utils.UniqueComponentId(),
                 remainingItems: 0,
                 d_numVisible: this.numVisible,
                 d_numScroll: this.numScroll,
@@ -68,7 +76,6 @@ this.primevue.carousel = (function (utils, Ripple, vue) {
                 swipeThreshold: 20
             };
         },
-        isRemainingItemsAdded: false,
         watch: {
             page(newValue) {
                 this.d_page = newValue;
@@ -91,6 +98,7 @@ this.primevue.carousel = (function (utils, Ripple, vue) {
         mounted() {
             let stateChanged = false;
 
+            this.$el.setAttribute(this.attributeSelector, '');
             this.createStyle();
             this.calculatePosition();
 
@@ -362,6 +370,81 @@ this.primevue.carousel = (function (utils, Ripple, vue) {
                     }
                 }
             },
+            onIndicatorKeydown(event) {
+                switch (event.code) {
+                    case 'ArrowRight':
+                        this.onRightKey();
+                        break;
+
+                    case 'ArrowLeft':
+                        this.onLeftKey();
+                        break;
+
+                    case 'Home':
+                        this.onHomeKey();
+                        event.preventDefault();
+                        break;
+
+                    case 'End':
+                        this.onEndKey();
+                        event.preventDefault();
+                        break;
+
+                    case 'ArrowUp':
+                    case 'ArrowDown':
+                        event.preventDefault();
+                        break;
+
+                    case 'Tab':
+                        this.onTabKey();
+                        break;
+                }
+            },
+            onRightKey() {
+                const indicators = [...utils.DomHandler.find(this.$refs.indicatorContent, '.p-carousel-indicator')];
+                const activeIndex = this.findFocusedIndicatorIndex();
+
+                this.changedFocusedIndicator(activeIndex, activeIndex + 1 === indicators.length ? indicators.length - 1 : activeIndex + 1);
+            },
+            onLeftKey() {
+                const activeIndex = this.findFocusedIndicatorIndex();
+
+                this.changedFocusedIndicator(activeIndex, activeIndex - 1 <= 0 ? 0 : activeIndex - 1);
+            },
+            onHomeKey() {
+                const activeIndex = this.findFocusedIndicatorIndex();
+
+                this.changedFocusedIndicator(activeIndex, 0);
+            },
+            onEndKey() {
+                const indicators = [...utils.DomHandler.find(this.$refs.indicatorContent, '.p-carousel-indicator')];
+                const activeIndex = this.findFocusedIndicatorIndex();
+
+                this.changedFocusedIndicator(activeIndex, indicators.length - 1);
+            },
+            onTabKey() {
+                const indicators = [...utils.DomHandler.find(this.$refs.indicatorContent, '.p-carousel-indicator')];
+                const highlightedIndex = indicators.findIndex((ind) => utils.DomHandler.hasClass(ind, 'p-highlight'));
+
+                const activeIndicator = utils.DomHandler.findSingle(this.$refs.indicatorContent, '.p-carousel-indicator > button[tabindex="0"]');
+                const activeIndex = indicators.findIndex((ind) => ind === activeIndicator.parentElement);
+
+                indicators[activeIndex].children[0].tabIndex = '-1';
+                indicators[highlightedIndex].children[0].tabIndex = '0';
+            },
+            findFocusedIndicatorIndex() {
+                const indicators = [...utils.DomHandler.find(this.$refs.indicatorContent, '.p-carousel-indicator')];
+                const activeIndicator = utils.DomHandler.findSingle(this.$refs.indicatorContent, '.p-carousel-indicator > button[tabindex="0"]');
+
+                return indicators.findIndex((ind) => ind === activeIndicator.parentElement);
+            },
+            changedFocusedIndicator(prevInd, nextInd) {
+                const indicators = [...utils.DomHandler.find(this.$refs.indicatorContent, '.p-carousel-indicator')];
+
+                indicators[prevInd].children[0].tabIndex = '-1';
+                indicators[nextInd].children[0].tabIndex = '0';
+                indicators[nextInd].children[0].focus();
+            },
             bindDocumentListeners() {
                 if (!this.documentResizeListener) {
                     this.documentResizeListener = (e) => {
@@ -399,10 +482,10 @@ this.primevue.carousel = (function (utils, Ripple, vue) {
                 }
 
                 let innerHTML = `
-            #${this.id} .p-carousel-item {
-                flex: 1 0 ${100 / this.d_numVisible}%
-            }
-        `;
+                .p-carousel[${this.attributeSelector}] .p-carousel-item {
+                    flex: 1 0 ${100 / this.d_numVisible}%
+                }
+            `;
 
                 if (this.responsiveOptions) {
                     let _responsiveOptions = [...this.responsiveOptions];
@@ -425,12 +508,12 @@ this.primevue.carousel = (function (utils, Ripple, vue) {
                         let res = _responsiveOptions[i];
 
                         innerHTML += `
-                    @media screen and (max-width: ${res.breakpoint}) {
-                        #${this.id} .p-carousel-item {
-                            flex: 1 0 ${100 / res.numVisible}%
+                        @media screen and (max-width: ${res.breakpoint}) {
+                            .p-carousel[${this.attributeSelector}] .p-carousel-item {
+                                flex: 1 0 ${100 / res.numVisible}%
+                            }
                         }
-                    }
-                `;
+                    `;
                     }
                 }
 
@@ -450,6 +533,12 @@ this.primevue.carousel = (function (utils, Ripple, vue) {
             },
             lastIndex() {
                 return this.firstIndex() + this.d_numVisible - 1;
+            },
+            ariaSlideNumber(value) {
+                return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.slideNumber.replace(/{slideNumber}/g, value) : undefined;
+            },
+            ariaPageLabel(value) {
+                return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.pageLabel.replace(/{page}/g, value) : undefined;
             }
         },
         computed: {
@@ -470,6 +559,18 @@ this.primevue.carousel = (function (utils, Ripple, vue) {
             },
             indicatorsContentClasses() {
                 return ['p-carousel-indicators p-reset', this.indicatorsContentClass];
+            },
+            ariaSlideLabel() {
+                return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.slide : undefined;
+            },
+            ariaPrevButtonLabel() {
+                return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.prevPageLabel : undefined;
+            },
+            ariaNextButtonLabel() {
+                return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.nextPageLabel : undefined;
+            },
+            attributeSelector() {
+                return utils.UniqueComponentId();
             }
         },
         directives: {
@@ -477,15 +578,16 @@ this.primevue.carousel = (function (utils, Ripple, vue) {
         }
     };
 
-    const _hoisted_1 = ["id"];
-    const _hoisted_2 = {
+    const _hoisted_1 = {
       key: 0,
       class: "p-carousel-header"
     };
-    const _hoisted_3 = ["disabled"];
-    const _hoisted_4 = ["disabled"];
-    const _hoisted_5 = ["onClick"];
-    const _hoisted_6 = {
+    const _hoisted_2 = ["aria-live"];
+    const _hoisted_3 = ["disabled", "aria-label"];
+    const _hoisted_4 = ["aria-hidden", "aria-label", "aria-roledescription"];
+    const _hoisted_5 = ["disabled", "aria-label"];
+    const _hoisted_6 = ["tabindex", "aria-label", "aria-current", "onClick"];
+    const _hoisted_7 = {
       key: 1,
       class: "p-carousel-footer"
     };
@@ -494,11 +596,11 @@ this.primevue.carousel = (function (utils, Ripple, vue) {
       const _directive_ripple = vue.resolveDirective("ripple");
 
       return (vue.openBlock(), vue.createElementBlock("div", {
-        id: $data.id,
-        class: vue.normalizeClass(['p-carousel p-component', { 'p-carousel-vertical': $options.isVertical(), 'p-carousel-horizontal': !$options.isVertical() }])
+        class: vue.normalizeClass(['p-carousel p-component', { 'p-carousel-vertical': $options.isVertical(), 'p-carousel-horizontal': !$options.isVertical() }]),
+        role: "region"
       }, [
         (_ctx.$slots.header)
-          ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
+          ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
               vue.renderSlot(_ctx.$slots, "header")
             ]))
           : vue.createCommentVNode("", true),
@@ -506,20 +608,22 @@ this.primevue.carousel = (function (utils, Ripple, vue) {
           class: vue.normalizeClass($options.contentClasses)
         }, [
           vue.createElementVNode("div", {
-            class: vue.normalizeClass($options.containerClasses)
+            class: vue.normalizeClass($options.containerClasses),
+            "aria-live": $data.allowAutoplay ? 'polite' : 'off'
           }, [
             ($props.showNavigators)
-              ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("button", {
+              ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("button", vue.mergeProps({
                   key: 0,
-                  class: vue.normalizeClass(['p-carousel-prev p-link', { 'p-disabled': $options.backwardIsDisabled }]),
+                  type: "button",
+                  class: ['p-carousel-prev p-link', { 'p-disabled': $options.backwardIsDisabled }],
                   disabled: $options.backwardIsDisabled,
-                  onClick: _cache[0] || (_cache[0] = (...args) => ($options.navBackward && $options.navBackward(...args))),
-                  type: "button"
-                }, [
+                  "aria-label": $options.ariaPrevButtonLabel,
+                  onClick: _cache[0] || (_cache[0] = (...args) => ($options.navBackward && $options.navBackward(...args)))
+                }, $props.prevButtonProps), [
                   vue.createElementVNode("span", {
                     class: vue.normalizeClass(['p-carousel-prev-icon pi', { 'pi-chevron-left': !$options.isVertical(), 'pi-chevron-up': $options.isVertical() }])
                   }, null, 2)
-                ], 10, _hoisted_3)), [
+                ], 16, _hoisted_3)), [
                   [_directive_ripple]
                 ])
               : vue.createCommentVNode("", true),
@@ -554,13 +658,17 @@ this.primevue.carousel = (function (utils, Ripple, vue) {
                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($props.value, (item, index) => {
                   return (vue.openBlock(), vue.createElementBlock("div", {
                     key: index,
-                    class: vue.normalizeClass(['p-carousel-item', { 'p-carousel-item-active': $options.firstIndex() <= index && $options.lastIndex() >= index, 'p-carousel-item-start': $options.firstIndex() === index, 'p-carousel-item-end': $options.lastIndex() === index }])
+                    class: vue.normalizeClass(['p-carousel-item', { 'p-carousel-item-active': $options.firstIndex() <= index && $options.lastIndex() >= index, 'p-carousel-item-start': $options.firstIndex() === index, 'p-carousel-item-end': $options.lastIndex() === index }]),
+                    role: "group",
+                    "aria-hidden": $options.firstIndex() > index || $options.lastIndex() < index ? true : undefined,
+                    "aria-label": $options.ariaSlideNumber(index),
+                    "aria-roledescription": $options.ariaSlideLabel
                   }, [
                     vue.renderSlot(_ctx.$slots, "item", {
                       data: item,
                       index: index
                     })
-                  ], 2))
+                  ], 10, _hoisted_4))
                 }), 128)),
                 ($options.isCircular())
                   ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList($props.value.slice(0, $data.d_numVisible), (item, index) => {
@@ -578,25 +686,28 @@ this.primevue.carousel = (function (utils, Ripple, vue) {
               ], 544)
             ], 36),
             ($props.showNavigators)
-              ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("button", {
+              ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("button", vue.mergeProps({
                   key: 1,
-                  class: vue.normalizeClass(['p-carousel-next p-link', { 'p-disabled': $options.forwardIsDisabled }]),
+                  type: "button",
+                  class: ['p-carousel-next p-link', { 'p-disabled': $options.forwardIsDisabled }],
                   disabled: $options.forwardIsDisabled,
-                  onClick: _cache[5] || (_cache[5] = (...args) => ($options.navForward && $options.navForward(...args))),
-                  type: "button"
-                }, [
+                  "aria-label": $options.ariaNextButtonLabel,
+                  onClick: _cache[5] || (_cache[5] = (...args) => ($options.navForward && $options.navForward(...args)))
+                }, $props.nextButtonProps), [
                   vue.createElementVNode("span", {
                     class: vue.normalizeClass(['p-carousel-prev-icon pi', { 'pi-chevron-right': !$options.isVertical(), 'pi-chevron-down': $options.isVertical() }])
                   }, null, 2)
-                ], 10, _hoisted_4)), [
+                ], 16, _hoisted_5)), [
                   [_directive_ripple]
                 ])
               : vue.createCommentVNode("", true)
-          ], 2),
+          ], 10, _hoisted_2),
           ($options.totalIndicators >= 0 && $props.showIndicators)
             ? (vue.openBlock(), vue.createElementBlock("ul", {
                 key: 0,
-                class: vue.normalizeClass($options.indicatorsContentClasses)
+                ref: "indicatorContent",
+                class: vue.normalizeClass($options.indicatorsContentClasses),
+                onKeydown: _cache[6] || (_cache[6] = (...args) => ($options.onIndicatorKeydown && $options.onIndicatorKeydown(...args)))
               }, [
                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($options.totalIndicators, (indicator, i) => {
                   return (vue.openBlock(), vue.createElementBlock("li", {
@@ -605,20 +716,23 @@ this.primevue.carousel = (function (utils, Ripple, vue) {
                   }, [
                     vue.createElementVNode("button", {
                       class: "p-link",
-                      onClick: $event => ($options.onIndicatorClick($event, i)),
-                      type: "button"
-                    }, null, 8, _hoisted_5)
+                      type: "button",
+                      tabindex: $data.d_page === i ? '0' : '-1',
+                      "aria-label": $options.ariaPageLabel(i + 1),
+                      "aria-current": $data.d_page === i ? 'page' : undefined,
+                      onClick: $event => ($options.onIndicatorClick($event, i))
+                    }, null, 8, _hoisted_6)
                   ], 2))
                 }), 128))
-              ], 2))
+              ], 34))
             : vue.createCommentVNode("", true)
         ], 2),
         (_ctx.$slots.footer)
-          ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, [
+          ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7, [
               vue.renderSlot(_ctx.$slots, "footer")
             ]))
           : vue.createCommentVNode("", true)
-      ], 10, _hoisted_1))
+      ], 2))
     }
 
     function styleInject(css, ref) {
@@ -648,11 +762,11 @@ this.primevue.carousel = (function (utils, Ripple, vue) {
       }
     }
 
-    var css_248z = "\n.p-carousel {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n}\n.p-carousel-content {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n    overflow: auto;\n}\n.p-carousel-prev,\n.p-carousel-next {\n    -ms-flex-item-align: center;\n        align-self: center;\n    -webkit-box-flex: 0;\n        -ms-flex-positive: 0;\n            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    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-orient: horizontal;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: row;\n            flex-direction: row;\n}\n.p-carousel-items-content {\n    overflow: hidden;\n    width: 100%;\n}\n.p-carousel-items-container {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-orient: horizontal;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: row;\n            flex-direction: row;\n}\n.p-carousel-indicators {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-orient: horizontal;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: row;\n            flex-direction: row;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    -ms-flex-wrap: wrap;\n        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    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n}\n.p-carousel-vertical .p-carousel-items-container {\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n    height: 100%;\n}\n\n/* Keyboard Support */\n.p-items-hidden .p-carousel-item {\n    visibility: hidden;\n}\n.p-items-hidden .p-carousel-item.p-carousel-item-active {\n    visibility: visible;\n}\n";
+    var css_248z = "\n.p-carousel {\n    display: flex;\n    flex-direction: column;\n}\n.p-carousel-content {\n    display: flex;\n    flex-direction: column;\n    overflow: auto;\n}\n.p-carousel-prev,\n.p-carousel-next {\n    align-self: center;\n    flex-grow: 0;\n    flex-shrink: 0;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    overflow: hidden;\n    position: relative;\n}\n.p-carousel-container {\n    display: flex;\n    flex-direction: row;\n}\n.p-carousel-items-content {\n    overflow: hidden;\n    width: 100%;\n}\n.p-carousel-items-container {\n    display: flex;\n    flex-direction: row;\n}\n.p-carousel-indicators {\n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n    flex-wrap: wrap;\n}\n.p-carousel-indicator > button {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n/* Vertical */\n.p-carousel-vertical .p-carousel-container {\n    flex-direction: column;\n}\n.p-carousel-vertical .p-carousel-items-container {\n    flex-direction: column;\n    height: 100%;\n}\n\n/* Keyboard Support */\n.p-items-hidden .p-carousel-item {\n    visibility: hidden;\n}\n.p-items-hidden .p-carousel-item.p-carousel-item-active {\n    visibility: visible;\n}\n";
     styleInject(css_248z);
 
     script.render = render;
 
     return script;
 
-})(primevue.utils, primevue.ripple, Vue);
+})(primevue.ripple, primevue.utils, Vue);

package/carousel/carousel.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.carousel=function(e,t,i){"use strict";function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}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},showNavigators:{type:Boolean,default:!0},showIndicators:{type:Boolean,default:!0}},data(){return{id:e.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(e){this.d_page=e},circular(e){this.d_circular=e},numVisible(e,t){this.d_numVisible=e,this.d_oldNumVisible=t},numScroll(e,t){this.d_oldNumScroll=t,this.d_numScroll=e},value(e){this.d_oldValue=e}},mounted(){let e=!1;if(this.createStyle(),this.calculatePosition(),this.responsiveOptions&&this.bindDocumentListeners(),this.isCircular()){let t=this.totalShiftedItems;0===this.d_page?t=-1*this.d_numVisible:0===t&&(t=-1*this.value.length,this.remainingItems>0&&(this.isRemainingItemsAdded=!0)),t!==this.totalShiftedItems&&(this.totalShiftedItems=t,e=!0)}!e&&this.isAutoplay()&&this.startAutoplay()},updated(){const e=this.isCircular();let t=!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,t=!0),i=s*this.d_numScroll*-1,e&&(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,t=!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)`}e&&(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,t=!0)),!t&&this.isAutoplay()&&this.startAutoplay()},beforeUnmount(){this.responsiveOptions&&this.unbindDocumentListeners(),this.autoplayInterval&&this.stopAutoplay()},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.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 e=window.innerWidth,t={numVisible:this.numVisible,numScroll:this.numScroll};for(let i=0;i<this.responsiveOptions.length;i++){let s=this.responsiveOptions[i];parseInt(s.breakpoint,10)>=e&&(t=s)}if(this.d_numScroll!==t.numScroll){let e=this.d_page;e=parseInt(e*this.d_numScroll/t.numScroll),this.totalShiftedItems=t.numScroll*e*-1,this.isCircular()&&(this.totalShiftedItems-=t.numVisible),this.d_numScroll=t.numScroll,this.$emit("update:page",e),this.d_page=e}this.d_numVisible!==t.numVisible&&(this.d_numVisible=t.numVisible)}},navBackward(e,t){(this.d_circular||0!==this.d_page)&&this.step(1,t),this.allowAutoplay=!1,e.cancelable&&e.preventDefault()},navForward(e,t){(this.d_circular||this.d_page<this.totalIndicators-1)&&this.step(-1,t),this.allowAutoplay=!1,e.cancelable&&e.preventDefault()},onIndicatorClick(e,t){let i=this.d_page;t>i?this.navForward(e,t):t<i&&this.navBackward(e,t)},onTransitionEnd(){this.$refs.itemsContainer&&(e.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(e){let t=e.changedTouches[0];this.startPos={x:t.pageX,y:t.pageY}},onTouchMove(e){e.cancelable&&e.preventDefault()},onTouchEnd(e){let t=e.changedTouches[0];this.isVertical()?this.changePageOnTouch(e,t.pageY-this.startPos.y):this.changePageOnTouch(e,t.pageX-this.startPos.x)},changePageOnTouch(e,t){Math.abs(t)>this.swipeThreshold&&(t<0?this.navForward(e):this.navBackward(e))},bindDocumentListeners(){this.documentResizeListener||(this.documentResizeListener=e=>{this.calculatePosition(e)},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 e=`\n            #${this.id} .p-carousel-item {\n                flex: 1 0 ${100/this.d_numVisible}%\n            }\n        `;if(this.responsiveOptions){let t=[...this.responsiveOptions];t.sort(((e,t)=>{const i=e.breakpoint,s=t.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<t.length;i++){let s=t[i];e+=`\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=e},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}},computed:{totalIndicators(){return this.value?Math.max(Math.ceil((this.value.length-this.d_numVisible)/this.d_numScroll)+1,0):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(t).default}};const l=["id"],a={key:0,class:"p-carousel-header"},o=["disabled"],r=["disabled"],c=["onClick"],d={key:1,class:"p-carousel-footer"};return function(e,t){void 0===t&&(t={});var i=t.insertAt;if(e&&"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=e:n.appendChild(document.createTextNode(e))}}("\n.p-carousel {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n}\n.p-carousel-content {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n    overflow: auto;\n}\n.p-carousel-prev,\n.p-carousel-next {\n    -ms-flex-item-align: center;\n        align-self: center;\n    -webkit-box-flex: 0;\n        -ms-flex-positive: 0;\n            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    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-orient: horizontal;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: row;\n            flex-direction: row;\n}\n.p-carousel-items-content {\n    overflow: hidden;\n    width: 100%;\n}\n.p-carousel-items-container {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-orient: horizontal;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: row;\n            flex-direction: row;\n}\n.p-carousel-indicators {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-orient: horizontal;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: row;\n            flex-direction: row;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    -ms-flex-wrap: wrap;\n        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    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n}\n.p-carousel-vertical .p-carousel-items-container {\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n    height: 100%;\n}\n\n/* Keyboard Support */\n.p-items-hidden .p-carousel-item {\n    visibility: hidden;\n}\n.p-items-hidden .p-carousel-item.p-carousel-item-active {\n    visibility: visible;\n}\n"),n.render=function(e,t,s,n,h,u){const m=i.resolveDirective("ripple");return i.openBlock(),i.createElementBlock("div",{id:h.id,class:i.normalizeClass(["p-carousel p-component",{"p-carousel-vertical":u.isVertical(),"p-carousel-horizontal":!u.isVertical()}])},[e.$slots.header?(i.openBlock(),i.createElementBlock("div",a,[i.renderSlot(e.$slots,"header")])):i.createCommentVNode("",!0),i.createElementVNode("div",{class:i.normalizeClass(u.contentClasses)},[i.createElementVNode("div",{class:i.normalizeClass(u.containerClasses)},[s.showNavigators?i.withDirectives((i.openBlock(),i.createElementBlock("button",{key:0,class:i.normalizeClass(["p-carousel-prev p-link",{"p-disabled":u.backwardIsDisabled}]),disabled:u.backwardIsDisabled,onClick:t[0]||(t[0]=(...e)=>u.navBackward&&u.navBackward(...e)),type:"button"},[i.createElementVNode("span",{class:i.normalizeClass(["p-carousel-prev-icon pi",{"pi-chevron-left":!u.isVertical(),"pi-chevron-up":u.isVertical()}])},null,2)],10,o)),[[m]]):i.createCommentVNode("",!0),i.createElementVNode("div",{class:"p-carousel-items-content",style:i.normalizeStyle([{height:u.isVertical()?s.verticalViewPortHeight:"auto"}]),onTouchend:t[2]||(t[2]=(...e)=>u.onTouchEnd&&u.onTouchEnd(...e)),onTouchstart:t[3]||(t[3]=(...e)=>u.onTouchStart&&u.onTouchStart(...e)),onTouchmove:t[4]||(t[4]=(...e)=>u.onTouchMove&&u.onTouchMove(...e))},[i.createElementVNode("div",{ref:"itemsContainer",class:"p-carousel-items-container",onTransitionend:t[1]||(t[1]=(...e)=>u.onTransitionEnd&&u.onTransitionEnd(...e))},[u.isCircular()?(i.openBlock(!0),i.createElementBlock(i.Fragment,{key:0},i.renderList(s.value.slice(-1*h.d_numVisible),((t,n)=>(i.openBlock(),i.createElementBlock("div",{key:n+"_scloned",class:i.normalizeClass(["p-carousel-item p-carousel-item-cloned",{"p-carousel-item-active":-1*h.totalShiftedItems===s.value.length+h.d_numVisible,"p-carousel-item-start":0===n,"p-carousel-item-end":s.value.slice(-1*h.d_numVisible).length-1===n}])},[i.renderSlot(e.$slots,"item",{data:t,index:n})],2)))),128)):i.createCommentVNode("",!0),(i.openBlock(!0),i.createElementBlock(i.Fragment,null,i.renderList(s.value,((t,s)=>(i.openBlock(),i.createElementBlock("div",{key:s,class:i.normalizeClass(["p-carousel-item",{"p-carousel-item-active":u.firstIndex()<=s&&u.lastIndex()>=s,"p-carousel-item-start":u.firstIndex()===s,"p-carousel-item-end":u.lastIndex()===s}])},[i.renderSlot(e.$slots,"item",{data:t,index:s})],2)))),128)),u.isCircular()?(i.openBlock(!0),i.createElementBlock(i.Fragment,{key:1},i.renderList(s.value.slice(0,h.d_numVisible),((t,n)=>(i.openBlock(),i.createElementBlock("div",{key:n+"_fcloned",class:i.normalizeClass(["p-carousel-item p-carousel-item-cloned",{"p-carousel-item-active":0===h.totalShiftedItems,"p-carousel-item-start":0===n,"p-carousel-item-end":s.value.slice(0,h.d_numVisible).length-1===n}])},[i.renderSlot(e.$slots,"item",{data:t,index:n})],2)))),128)):i.createCommentVNode("",!0)],544)],36),s.showNavigators?i.withDirectives((i.openBlock(),i.createElementBlock("button",{key:1,class:i.normalizeClass(["p-carousel-next p-link",{"p-disabled":u.forwardIsDisabled}]),disabled:u.forwardIsDisabled,onClick:t[5]||(t[5]=(...e)=>u.navForward&&u.navForward(...e)),type:"button"},[i.createElementVNode("span",{class:i.normalizeClass(["p-carousel-prev-icon pi",{"pi-chevron-right":!u.isVertical(),"pi-chevron-down":u.isVertical()}])},null,2)],10,r)),[[m]]):i.createCommentVNode("",!0)],2),u.totalIndicators>=0&&s.showIndicators?(i.openBlock(),i.createElementBlock("ul",{key:0,class:i.normalizeClass(u.indicatorsContentClasses)},[(i.openBlock(!0),i.createElementBlock(i.Fragment,null,i.renderList(u.totalIndicators,((e,t)=>(i.openBlock(),i.createElementBlock("li",{key:"p-carousel-indicator-"+t.toString(),class:i.normalizeClass(["p-carousel-indicator",{"p-highlight":h.d_page===t}])},[i.createElementVNode("button",{class:"p-link",onClick:e=>u.onIndicatorClick(e,t),type:"button"},null,8,c)],2)))),128))],2)):i.createCommentVNode("",!0)],2),e.$slots.footer?(i.openBlock(),i.createElementBlock("div",d,[i.renderSlot(e.$slots,"footer")])):i.createCommentVNode("",!0)],10,l)},n}(primevue.utils,primevue.ripple,Vue);
+this.primevue=this.primevue||{},this.primevue.carousel=function(e,t,i){"use strict";function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}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},showNavigators:{type:Boolean,default:!0},showIndicators:{type:Boolean,default:!0},prevButtonProps:{type:null,default:null},nextButtonProps:{type:null,default:null}},isRemainingItemsAdded:!1,data(){return{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}},watch:{page(e){this.d_page=e},circular(e){this.d_circular=e},numVisible(e,t){this.d_numVisible=e,this.d_oldNumVisible=t},numScroll(e,t){this.d_oldNumScroll=t,this.d_numScroll=e},value(e){this.d_oldValue=e}},mounted(){let e=!1;if(this.$el.setAttribute(this.attributeSelector,""),this.createStyle(),this.calculatePosition(),this.responsiveOptions&&this.bindDocumentListeners(),this.isCircular()){let t=this.totalShiftedItems;0===this.d_page?t=-1*this.d_numVisible:0===t&&(t=-1*this.value.length,this.remainingItems>0&&(this.isRemainingItemsAdded=!0)),t!==this.totalShiftedItems&&(this.totalShiftedItems=t,e=!0)}!e&&this.isAutoplay()&&this.startAutoplay()},updated(){const e=this.isCircular();let t=!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,t=!0),i=s*this.d_numScroll*-1,e&&(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,t=!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)`}e&&(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,t=!0)),!t&&this.isAutoplay()&&this.startAutoplay()},beforeUnmount(){this.responsiveOptions&&this.unbindDocumentListeners(),this.autoplayInterval&&this.stopAutoplay()},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 e=window.innerWidth,t={numVisible:this.numVisible,numScroll:this.numScroll};for(let i=0;i<this.responsiveOptions.length;i++){let s=this.responsiveOptions[i];parseInt(s.breakpoint,10)>=e&&(t=s)}if(this.d_numScroll!==t.numScroll){let e=this.d_page;e=parseInt(e*this.d_numScroll/t.numScroll),this.totalShiftedItems=t.numScroll*e*-1,this.isCircular()&&(this.totalShiftedItems-=t.numVisible),this.d_numScroll=t.numScroll,this.$emit("update:page",e),this.d_page=e}this.d_numVisible!==t.numVisible&&(this.d_numVisible=t.numVisible)}},navBackward(e,t){(this.d_circular||0!==this.d_page)&&this.step(1,t),this.allowAutoplay=!1,e.cancelable&&e.preventDefault()},navForward(e,t){(this.d_circular||this.d_page<this.totalIndicators-1)&&this.step(-1,t),this.allowAutoplay=!1,e.cancelable&&e.preventDefault()},onIndicatorClick(e,t){let i=this.d_page;t>i?this.navForward(e,t):t<i&&this.navBackward(e,t)},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(e){let t=e.changedTouches[0];this.startPos={x:t.pageX,y:t.pageY}},onTouchMove(e){e.cancelable&&e.preventDefault()},onTouchEnd(e){let t=e.changedTouches[0];this.isVertical()?this.changePageOnTouch(e,t.pageY-this.startPos.y):this.changePageOnTouch(e,t.pageX-this.startPos.x)},changePageOnTouch(e,t){Math.abs(t)>this.swipeThreshold&&(t<0?this.navForward(e):this.navBackward(e))},onIndicatorKeydown(e){switch(e.code){case"ArrowRight":this.onRightKey();break;case"ArrowLeft":this.onLeftKey();break;case"Home":this.onHomeKey(),e.preventDefault();break;case"End":this.onEndKey(),e.preventDefault();break;case"ArrowUp":case"ArrowDown":e.preventDefault();break;case"Tab":this.onTabKey()}},onRightKey(){const e=[...t.DomHandler.find(this.$refs.indicatorContent,".p-carousel-indicator")],i=this.findFocusedIndicatorIndex();this.changedFocusedIndicator(i,i+1===e.length?e.length-1:i+1)},onLeftKey(){const e=this.findFocusedIndicatorIndex();this.changedFocusedIndicator(e,e-1<=0?0:e-1)},onHomeKey(){const e=this.findFocusedIndicatorIndex();this.changedFocusedIndicator(e,0)},onEndKey(){const e=[...t.DomHandler.find(this.$refs.indicatorContent,".p-carousel-indicator")],i=this.findFocusedIndicatorIndex();this.changedFocusedIndicator(i,e.length-1)},onTabKey(){const e=[...t.DomHandler.find(this.$refs.indicatorContent,".p-carousel-indicator")],i=e.findIndex((e=>t.DomHandler.hasClass(e,"p-highlight"))),s=t.DomHandler.findSingle(this.$refs.indicatorContent,'.p-carousel-indicator > button[tabindex="0"]'),n=e.findIndex((e=>e===s.parentElement));e[n].children[0].tabIndex="-1",e[i].children[0].tabIndex="0"},findFocusedIndicatorIndex(){const e=[...t.DomHandler.find(this.$refs.indicatorContent,".p-carousel-indicator")],i=t.DomHandler.findSingle(this.$refs.indicatorContent,'.p-carousel-indicator > button[tabindex="0"]');return e.findIndex((e=>e===i.parentElement))},changedFocusedIndicator(e,i){const s=[...t.DomHandler.find(this.$refs.indicatorContent,".p-carousel-indicator")];s[e].children[0].tabIndex="-1",s[i].children[0].tabIndex="0",s[i].children[0].focus()},bindDocumentListeners(){this.documentResizeListener||(this.documentResizeListener=e=>{this.calculatePosition(e)},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 e=`\n                .p-carousel[${this.attributeSelector}] .p-carousel-item {\n                    flex: 1 0 ${100/this.d_numVisible}%\n                }\n            `;if(this.responsiveOptions){let t=[...this.responsiveOptions];t.sort(((e,t)=>{const i=e.breakpoint,s=t.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<t.length;i++){let s=t[i];e+=`\n                        @media screen and (max-width: ${s.breakpoint}) {\n                            .p-carousel[${this.attributeSelector}] .p-carousel-item {\n                                flex: 1 0 ${100/s.numVisible}%\n                            }\n                        }\n                    `}}this.carouselStyle.innerHTML=e},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},ariaSlideNumber(e){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.slideNumber.replace(/{slideNumber}/g,e):void 0},ariaPageLabel(e){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.pageLabel.replace(/{page}/g,e):void 0}},computed:{totalIndicators(){return this.value?Math.max(Math.ceil((this.value.length-this.d_numVisible)/this.d_numScroll)+1,0):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]},ariaSlideLabel(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.slide:void 0},ariaPrevButtonLabel(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.prevPageLabel:void 0},ariaNextButtonLabel(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.nextPageLabel:void 0},attributeSelector:()=>t.UniqueComponentId()},directives:{ripple:s(e).default}};const a={key:0,class:"p-carousel-header"},l=["aria-live"],o=["disabled","aria-label"],r=["aria-hidden","aria-label","aria-roledescription"],d=["disabled","aria-label"],c=["tabindex","aria-label","aria-current","onClick"],h={key:1,class:"p-carousel-footer"};return function(e,t){void 0===t&&(t={});var i=t.insertAt;if(e&&"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=e:n.appendChild(document.createTextNode(e))}}("\n.p-carousel {\n    display: flex;\n    flex-direction: column;\n}\n.p-carousel-content {\n    display: flex;\n    flex-direction: column;\n    overflow: auto;\n}\n.p-carousel-prev,\n.p-carousel-next {\n    align-self: center;\n    flex-grow: 0;\n    flex-shrink: 0;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    overflow: hidden;\n    position: relative;\n}\n.p-carousel-container {\n    display: flex;\n    flex-direction: row;\n}\n.p-carousel-items-content {\n    overflow: hidden;\n    width: 100%;\n}\n.p-carousel-items-container {\n    display: flex;\n    flex-direction: row;\n}\n.p-carousel-indicators {\n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n    flex-wrap: wrap;\n}\n.p-carousel-indicator > button {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n/* Vertical */\n.p-carousel-vertical .p-carousel-container {\n    flex-direction: column;\n}\n.p-carousel-vertical .p-carousel-items-container {\n    flex-direction: column;\n    height: 100%;\n}\n\n/* Keyboard Support */\n.p-items-hidden .p-carousel-item {\n    visibility: hidden;\n}\n.p-items-hidden .p-carousel-item.p-carousel-item-active {\n    visibility: visible;\n}\n"),n.render=function(e,t,s,n,u,m){const p=i.resolveDirective("ripple");return i.openBlock(),i.createElementBlock("div",{class:i.normalizeClass(["p-carousel p-component",{"p-carousel-vertical":m.isVertical(),"p-carousel-horizontal":!m.isVertical()}]),role:"region"},[e.$slots.header?(i.openBlock(),i.createElementBlock("div",a,[i.renderSlot(e.$slots,"header")])):i.createCommentVNode("",!0),i.createElementVNode("div",{class:i.normalizeClass(m.contentClasses)},[i.createElementVNode("div",{class:i.normalizeClass(m.containerClasses),"aria-live":u.allowAutoplay?"polite":"off"},[s.showNavigators?i.withDirectives((i.openBlock(),i.createElementBlock("button",i.mergeProps({key:0,type:"button",class:["p-carousel-prev p-link",{"p-disabled":m.backwardIsDisabled}],disabled:m.backwardIsDisabled,"aria-label":m.ariaPrevButtonLabel,onClick:t[0]||(t[0]=(...e)=>m.navBackward&&m.navBackward(...e))},s.prevButtonProps),[i.createElementVNode("span",{class:i.normalizeClass(["p-carousel-prev-icon pi",{"pi-chevron-left":!m.isVertical(),"pi-chevron-up":m.isVertical()}])},null,2)],16,o)),[[p]]):i.createCommentVNode("",!0),i.createElementVNode("div",{class:"p-carousel-items-content",style:i.normalizeStyle([{height:m.isVertical()?s.verticalViewPortHeight:"auto"}]),onTouchend:t[2]||(t[2]=(...e)=>m.onTouchEnd&&m.onTouchEnd(...e)),onTouchstart:t[3]||(t[3]=(...e)=>m.onTouchStart&&m.onTouchStart(...e)),onTouchmove:t[4]||(t[4]=(...e)=>m.onTouchMove&&m.onTouchMove(...e))},[i.createElementVNode("div",{ref:"itemsContainer",class:"p-carousel-items-container",onTransitionend:t[1]||(t[1]=(...e)=>m.onTransitionEnd&&m.onTransitionEnd(...e))},[m.isCircular()?(i.openBlock(!0),i.createElementBlock(i.Fragment,{key:0},i.renderList(s.value.slice(-1*u.d_numVisible),((t,n)=>(i.openBlock(),i.createElementBlock("div",{key:n+"_scloned",class:i.normalizeClass(["p-carousel-item p-carousel-item-cloned",{"p-carousel-item-active":-1*u.totalShiftedItems===s.value.length+u.d_numVisible,"p-carousel-item-start":0===n,"p-carousel-item-end":s.value.slice(-1*u.d_numVisible).length-1===n}])},[i.renderSlot(e.$slots,"item",{data:t,index:n})],2)))),128)):i.createCommentVNode("",!0),(i.openBlock(!0),i.createElementBlock(i.Fragment,null,i.renderList(s.value,((t,s)=>(i.openBlock(),i.createElementBlock("div",{key:s,class:i.normalizeClass(["p-carousel-item",{"p-carousel-item-active":m.firstIndex()<=s&&m.lastIndex()>=s,"p-carousel-item-start":m.firstIndex()===s,"p-carousel-item-end":m.lastIndex()===s}]),role:"group","aria-hidden":m.firstIndex()>s||m.lastIndex()<s||void 0,"aria-label":m.ariaSlideNumber(s),"aria-roledescription":m.ariaSlideLabel},[i.renderSlot(e.$slots,"item",{data:t,index:s})],10,r)))),128)),m.isCircular()?(i.openBlock(!0),i.createElementBlock(i.Fragment,{key:1},i.renderList(s.value.slice(0,u.d_numVisible),((t,n)=>(i.openBlock(),i.createElementBlock("div",{key:n+"_fcloned",class:i.normalizeClass(["p-carousel-item p-carousel-item-cloned",{"p-carousel-item-active":0===u.totalShiftedItems,"p-carousel-item-start":0===n,"p-carousel-item-end":s.value.slice(0,u.d_numVisible).length-1===n}])},[i.renderSlot(e.$slots,"item",{data:t,index:n})],2)))),128)):i.createCommentVNode("",!0)],544)],36),s.showNavigators?i.withDirectives((i.openBlock(),i.createElementBlock("button",i.mergeProps({key:1,type:"button",class:["p-carousel-next p-link",{"p-disabled":m.forwardIsDisabled}],disabled:m.forwardIsDisabled,"aria-label":m.ariaNextButtonLabel,onClick:t[5]||(t[5]=(...e)=>m.navForward&&m.navForward(...e))},s.nextButtonProps),[i.createElementVNode("span",{class:i.normalizeClass(["p-carousel-prev-icon pi",{"pi-chevron-right":!m.isVertical(),"pi-chevron-down":m.isVertical()}])},null,2)],16,d)),[[p]]):i.createCommentVNode("",!0)],10,l),m.totalIndicators>=0&&s.showIndicators?(i.openBlock(),i.createElementBlock("ul",{key:0,ref:"indicatorContent",class:i.normalizeClass(m.indicatorsContentClasses),onKeydown:t[6]||(t[6]=(...e)=>m.onIndicatorKeydown&&m.onIndicatorKeydown(...e))},[(i.openBlock(!0),i.createElementBlock(i.Fragment,null,i.renderList(m.totalIndicators,((e,t)=>(i.openBlock(),i.createElementBlock("li",{key:"p-carousel-indicator-"+t.toString(),class:i.normalizeClass(["p-carousel-indicator",{"p-highlight":u.d_page===t}])},[i.createElementVNode("button",{class:"p-link",type:"button",tabindex:u.d_page===t?"0":"-1","aria-label":m.ariaPageLabel(t+1),"aria-current":u.d_page===t?"page":void 0,onClick:e=>m.onIndicatorClick(e,t)},null,8,c)],2)))),128))],34)):i.createCommentVNode("",!0)],2),e.$slots.footer?(i.openBlock(),i.createElementBlock("div",h,[i.renderSlot(e.$slots,"footer")])):i.createCommentVNode("",!0)],2)},n}(primevue.ripple,primevue.utils,Vue);

package/cascadeselect/CascadeSelect.vue

@@ -59,11 +59,11 @@
                             :optionGroupChildren="optionGroupChildren"
                             @option-change="onOptionChange"
                         />
-
-                        <span role="status" aria-live="polite" class="p-hidden-accessible">
-                            {{ selectedMessageText }}
-                        </span>
                     </div>
+
+                    <span role="status" aria-live="polite" class="p-hidden-accessible">
+                        {{ selectedMessageText }}
+                    </span>
                 </div>
             </transition>
         </Portal>
@@ -278,6 +278,11 @@ export default {
             }, 0); // For ScreenReaders
         },
         onFocus(event) {
+            if (this.disabled) {
+                // For ScreenReaders
+                return;
+            }
+
             this.focused = true;
             this.$emit('focus', event);
         },

package/cascadeselect/cascadeselect.cjs.js

@@ -377,6 +377,11 @@ var script = {
             }, 0); // For ScreenReaders
         },
         onFocus(event) {
+            if (this.disabled) {
+                // For ScreenReaders
+                return;
+            }
+
             this.focused = true;
             this.$emit('focus', event);
         },
@@ -1057,9 +1062,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                       optionGroupLabel: $props.optionGroupLabel,
                       optionGroupChildren: $props.optionGroupChildren,
                       onOptionChange: $options.onOptionChange
-                    }, null, 8, ["id", "selectId", "focusedOptionId", "options", "activeOptionPath", "templates", "optionLabel", "optionValue", "optionDisabled", "optionGroupIcon", "optionGroupLabel", "optionGroupChildren", "onOptionChange"]),
-                    vue.createElementVNode("span", _hoisted_6, vue.toDisplayString($options.selectedMessageText), 1)
-                  ])
+                    }, null, 8, ["id", "selectId", "focusedOptionId", "options", "activeOptionPath", "templates", "optionLabel", "optionValue", "optionDisabled", "optionGroupIcon", "optionGroupLabel", "optionGroupChildren", "onOptionChange"])
+                  ]),
+                  vue.createElementVNode("span", _hoisted_6, vue.toDisplayString($options.selectedMessageText), 1)
                 ], 16))
               : vue.createCommentVNode("", true)
           ]),
@@ -1098,7 +1103,7 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z = "\n.p-cascadeselect {\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    cursor: pointer;\n    position: relative;\n    -webkit-user-select: none;\n       -moz-user-select: none;\n        -ms-user-select: none;\n            user-select: none;\n}\n.p-cascadeselect-trigger {\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    -ms-flex-negative: 0;\n        flex-shrink: 0;\n}\n.p-cascadeselect-label {\n    display: block;\n    white-space: nowrap;\n    overflow: hidden;\n    -webkit-box-flex: 1;\n        -ms-flex: 1 1 auto;\n            flex: 1 1 auto;\n    width: 1%;\n    text-overflow: ellipsis;\n    cursor: pointer;\n}\n.p-cascadeselect-label-empty {\n    overflow: hidden;\n    visibility: hidden;\n}\n.p-cascadeselect .p-cascadeselect-panel {\n    min-width: 100%;\n}\n.p-cascadeselect-panel {\n    position: absolute;\n    top: 0;\n    left: 0;\n}\n.p-cascadeselect-item {\n    cursor: pointer;\n    font-weight: normal;\n    white-space: nowrap;\n}\n.p-cascadeselect-item-content {\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    overflow: hidden;\n    position: relative;\n}\n.p-cascadeselect-group-icon {\n    margin-left: auto;\n}\n.p-cascadeselect-items {\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n    min-width: 100%;\n}\n.p-fluid .p-cascadeselect {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n}\n.p-fluid .p-cascadeselect .p-cascadeselect-label {\n    width: 1%;\n}\n.p-cascadeselect-sublist {\n    position: absolute;\n    min-width: 100%;\n    z-index: 1;\n    display: none;\n}\n.p-cascadeselect-item-active {\n    overflow: visible !important;\n}\n.p-cascadeselect-item-active > .p-cascadeselect-sublist {\n    display: block;\n    left: 100%;\n    top: 0;\n}\n";
+var css_248z = "\n.p-cascadeselect {\n    display: inline-flex;\n    cursor: pointer;\n    position: relative;\n    user-select: none;\n}\n.p-cascadeselect-trigger {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n}\n.p-cascadeselect-label {\n    display: block;\n    white-space: nowrap;\n    overflow: hidden;\n    flex: 1 1 auto;\n    width: 1%;\n    text-overflow: ellipsis;\n    cursor: pointer;\n}\n.p-cascadeselect-label-empty {\n    overflow: hidden;\n    visibility: hidden;\n}\n.p-cascadeselect .p-cascadeselect-panel {\n    min-width: 100%;\n}\n.p-cascadeselect-panel {\n    position: absolute;\n    top: 0;\n    left: 0;\n}\n.p-cascadeselect-item {\n    cursor: pointer;\n    font-weight: normal;\n    white-space: nowrap;\n}\n.p-cascadeselect-item-content {\n    display: flex;\n    align-items: center;\n    overflow: hidden;\n    position: relative;\n}\n.p-cascadeselect-group-icon {\n    margin-left: auto;\n}\n.p-cascadeselect-items {\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n    min-width: 100%;\n}\n.p-fluid .p-cascadeselect {\n    display: flex;\n}\n.p-fluid .p-cascadeselect .p-cascadeselect-label {\n    width: 1%;\n}\n.p-cascadeselect-sublist {\n    position: absolute;\n    min-width: 100%;\n    z-index: 1;\n    display: none;\n}\n.p-cascadeselect-item-active {\n    overflow: visible !important;\n}\n.p-cascadeselect-item-active > .p-cascadeselect-sublist {\n    display: block;\n    left: 100%;\n    top: 0;\n}\n";
 styleInject(css_248z);
 
 script.render = render;