primevue 3.26.1 → 3.28.0

package/card/card.esm.js

@@ -1,89 +1,53 @@
-import { openBlock, createElementBlock, renderSlot, createCommentVNode, createElementVNode } from 'vue';
+import BaseComponent from 'primevue/basecomponent';
+import { openBlock, createElementBlock, mergeProps, renderSlot, createCommentVNode, createElementVNode } from 'vue';
 
 var script = {
-    name: 'Card'
-};
-
-const _hoisted_1 = { class: "p-card p-component" };
-const _hoisted_2 = {
-  key: 0,
-  class: "p-card-header"
-};
-const _hoisted_3 = { class: "p-card-body" };
-const _hoisted_4 = {
-  key: 0,
-  class: "p-card-title"
-};
-const _hoisted_5 = {
-  key: 1,
-  class: "p-card-subtitle"
-};
-const _hoisted_6 = { class: "p-card-content" };
-const _hoisted_7 = {
-  key: 2,
-  class: "p-card-footer"
+    name: 'Card',
+    extends: BaseComponent
 };
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (openBlock(), createElementBlock("div", _hoisted_1, [
+  return (openBlock(), createElementBlock("div", mergeProps({ class: "p-card p-component" }, _ctx.ptm('root')), [
     (_ctx.$slots.header)
-      ? (openBlock(), createElementBlock("div", _hoisted_2, [
+      ? (openBlock(), createElementBlock("div", mergeProps({
+          key: 0,
+          class: "p-card-header"
+        }, _ctx.ptm('header')), [
           renderSlot(_ctx.$slots, "header")
-        ]))
+        ], 16))
       : createCommentVNode("", true),
-    createElementVNode("div", _hoisted_3, [
+    createElementVNode("div", mergeProps({ class: "p-card-body" }, _ctx.ptm('body')), [
       (_ctx.$slots.title)
-        ? (openBlock(), createElementBlock("div", _hoisted_4, [
+        ? (openBlock(), createElementBlock("div", mergeProps({
+            key: 0,
+            class: "p-card-title"
+          }, _ctx.ptm('title')), [
             renderSlot(_ctx.$slots, "title")
-          ]))
+          ], 16))
         : createCommentVNode("", true),
       (_ctx.$slots.subtitle)
-        ? (openBlock(), createElementBlock("div", _hoisted_5, [
+        ? (openBlock(), createElementBlock("div", mergeProps({
+            key: 1,
+            class: "p-card-subtitle"
+          }, _ctx.ptm('subtitle')), [
             renderSlot(_ctx.$slots, "subtitle")
-          ]))
+          ], 16))
         : createCommentVNode("", true),
-      createElementVNode("div", _hoisted_6, [
+      createElementVNode("div", mergeProps({ class: "p-card-content" }, _ctx.ptm('content')), [
         renderSlot(_ctx.$slots, "content")
-      ]),
+      ], 16),
       (_ctx.$slots.footer)
-        ? (openBlock(), createElementBlock("div", _hoisted_7, [
+        ? (openBlock(), createElementBlock("div", mergeProps({
+            key: 2,
+            class: "p-card-footer"
+          }, _ctx.ptm('footer')), [
             renderSlot(_ctx.$slots, "footer")
-          ]))
+          ], 16))
         : createCommentVNode("", true)
-    ])
-  ]))
-}
-
-function styleInject(css, ref) {
-  if ( ref === void 0 ) ref = {};
-  var insertAt = ref.insertAt;
-
-  if (!css || typeof document === 'undefined') { return; }
-
-  var head = document.head || document.getElementsByTagName('head')[0];
-  var style = document.createElement('style');
-  style.type = 'text/css';
-
-  if (insertAt === 'top') {
-    if (head.firstChild) {
-      head.insertBefore(style, head.firstChild);
-    } else {
-      head.appendChild(style);
-    }
-  } else {
-    head.appendChild(style);
-  }
-
-  if (style.styleSheet) {
-    style.styleSheet.cssText = css;
-  } else {
-    style.appendChild(document.createTextNode(css));
-  }
+    ], 16)
+  ], 16))
 }
 
-var css_248z = "\n.p-card-header img {\n    width: 100%;\n}\n";
-styleInject(css_248z);
-
 script.render = render;
 
 export { script as default };

package/card/card.esm.min.js

@@ -1 +1 @@
-import{openBlock as e,createElementBlock as t,renderSlot as s,createCommentVNode as d,createElementVNode as o}from"vue";var a={name:"Card"};const r={class:"p-card p-component"},l={key:0,class:"p-card-header"},n={class:"p-card-body"},c={key:0,class:"p-card-title"},i={key:1,class:"p-card-subtitle"},p={class:"p-card-content"},u={key:2,class:"p-card-footer"};!function(e,t){void 0===t&&(t={});var s=t.insertAt;if(e&&"undefined"!=typeof document){var d=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===s&&d.firstChild?d.insertBefore(o,d.firstChild):d.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}("\n.p-card-header img {\n    width: 100%;\n}\n"),a.render=function(a,f,h,m,v,y){return e(),t("div",r,[a.$slots.header?(e(),t("div",l,[s(a.$slots,"header")])):d("",!0),o("div",n,[a.$slots.title?(e(),t("div",c,[s(a.$slots,"title")])):d("",!0),a.$slots.subtitle?(e(),t("div",i,[s(a.$slots,"subtitle")])):d("",!0),o("div",p,[s(a.$slots,"content")]),a.$slots.footer?(e(),t("div",u,[s(a.$slots,"footer")])):d("",!0)])])};export{a as default};
+import t from"primevue/basecomponent";import{openBlock as e,createElementBlock as s,mergeProps as o,renderSlot as r,createCommentVNode as l,createElementVNode as a}from"vue";var d={name:"Card",extends:t};d.render=function(t,d,p,c,i,n){return e(),s("div",o({class:"p-card p-component"},t.ptm("root")),[t.$slots.header?(e(),s("div",o({key:0,class:"p-card-header"},t.ptm("header")),[r(t.$slots,"header")],16)):l("",!0),a("div",o({class:"p-card-body"},t.ptm("body")),[t.$slots.title?(e(),s("div",o({key:0,class:"p-card-title"},t.ptm("title")),[r(t.$slots,"title")],16)):l("",!0),t.$slots.subtitle?(e(),s("div",o({key:1,class:"p-card-subtitle"},t.ptm("subtitle")),[r(t.$slots,"subtitle")],16)):l("",!0),a("div",o({class:"p-card-content"},t.ptm("content")),[r(t.$slots,"content")],16),t.$slots.footer?(e(),s("div",o({key:2,class:"p-card-footer"},t.ptm("footer")),[r(t.$slots,"footer")],16)):l("",!0)],16)],16)};export{d as default};

package/card/card.js

@@ -1,93 +1,60 @@
 this.primevue = this.primevue || {};
-this.primevue.card = (function (vue) {
+this.primevue.card = (function (BaseComponent, vue) {
     'use strict';
 
-    var script = {
-        name: 'Card'
-    };
+    function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-    const _hoisted_1 = { class: "p-card p-component" };
-    const _hoisted_2 = {
-      key: 0,
-      class: "p-card-header"
-    };
-    const _hoisted_3 = { class: "p-card-body" };
-    const _hoisted_4 = {
-      key: 0,
-      class: "p-card-title"
-    };
-    const _hoisted_5 = {
-      key: 1,
-      class: "p-card-subtitle"
-    };
-    const _hoisted_6 = { class: "p-card-content" };
-    const _hoisted_7 = {
-      key: 2,
-      class: "p-card-footer"
+    var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
+
+    var script = {
+        name: 'Card',
+        extends: BaseComponent__default["default"]
     };
 
     function render(_ctx, _cache, $props, $setup, $data, $options) {
-      return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+      return (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({ class: "p-card p-component" }, _ctx.ptm('root')), [
         (_ctx.$slots.header)
-          ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
+          ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+              key: 0,
+              class: "p-card-header"
+            }, _ctx.ptm('header')), [
               vue.renderSlot(_ctx.$slots, "header")
-            ]))
+            ], 16))
           : vue.createCommentVNode("", true),
-        vue.createElementVNode("div", _hoisted_3, [
+        vue.createElementVNode("div", vue.mergeProps({ class: "p-card-body" }, _ctx.ptm('body')), [
           (_ctx.$slots.title)
-            ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
+            ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+                key: 0,
+                class: "p-card-title"
+              }, _ctx.ptm('title')), [
                 vue.renderSlot(_ctx.$slots, "title")
-              ]))
+              ], 16))
             : vue.createCommentVNode("", true),
           (_ctx.$slots.subtitle)
-            ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
+            ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+                key: 1,
+                class: "p-card-subtitle"
+              }, _ctx.ptm('subtitle')), [
                 vue.renderSlot(_ctx.$slots, "subtitle")
-              ]))
+              ], 16))
             : vue.createCommentVNode("", true),
-          vue.createElementVNode("div", _hoisted_6, [
+          vue.createElementVNode("div", vue.mergeProps({ class: "p-card-content" }, _ctx.ptm('content')), [
             vue.renderSlot(_ctx.$slots, "content")
-          ]),
+          ], 16),
           (_ctx.$slots.footer)
-            ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7, [
+            ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+                key: 2,
+                class: "p-card-footer"
+              }, _ctx.ptm('footer')), [
                 vue.renderSlot(_ctx.$slots, "footer")
-              ]))
+              ], 16))
             : vue.createCommentVNode("", true)
-        ])
-      ]))
+        ], 16)
+      ], 16))
     }
 
-    function styleInject(css, ref) {
-      if ( ref === void 0 ) ref = {};
-      var insertAt = ref.insertAt;
-
-      if (!css || typeof document === 'undefined') { return; }
-
-      var head = document.head || document.getElementsByTagName('head')[0];
-      var style = document.createElement('style');
-      style.type = 'text/css';
-
-      if (insertAt === 'top') {
-        if (head.firstChild) {
-          head.insertBefore(style, head.firstChild);
-        } else {
-          head.appendChild(style);
-        }
-      } else {
-        head.appendChild(style);
-      }
-
-      if (style.styleSheet) {
-        style.styleSheet.cssText = css;
-      } else {
-        style.appendChild(document.createTextNode(css));
-      }
-    }
-
-    var css_248z = "\n.p-card-header img {\n    width: 100%;\n}\n";
-    styleInject(css_248z);
-
     script.render = render;
 
     return script;
 
-})(Vue);
+})(primevue.basecomponent, Vue);

package/card/card.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.card=function(e){"use strict";var t={name:"Card"};const o={class:"p-card p-component"},r={key:0,class:"p-card-header"},n={class:"p-card-body"},c={key:0,class:"p-card-title"},l={key:1,class:"p-card-subtitle"},s={class:"p-card-content"},d={key:2,class:"p-card-footer"};return function(e,t){void 0===t&&(t={});var o=t.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===o&&r.firstChild?r.insertBefore(n,r.firstChild):r.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}}("\n.p-card-header img {\n    width: 100%;\n}\n"),t.render=function(t,a,i,m,p,u){return e.openBlock(),e.createElementBlock("div",o,[t.$slots.header?(e.openBlock(),e.createElementBlock("div",r,[e.renderSlot(t.$slots,"header")])):e.createCommentVNode("",!0),e.createElementVNode("div",n,[t.$slots.title?(e.openBlock(),e.createElementBlock("div",c,[e.renderSlot(t.$slots,"title")])):e.createCommentVNode("",!0),t.$slots.subtitle?(e.openBlock(),e.createElementBlock("div",l,[e.renderSlot(t.$slots,"subtitle")])):e.createCommentVNode("",!0),e.createElementVNode("div",s,[e.renderSlot(t.$slots,"content")]),t.$slots.footer?(e.openBlock(),e.createElementBlock("div",d,[e.renderSlot(t.$slots,"footer")])):e.createCommentVNode("",!0)])])},t}(Vue);
+this.primevue=this.primevue||{},this.primevue.card=function(e,t){"use strict";function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r={name:"Card",extends:o(e).default};return r.render=function(e,o,r,s,l,c){return t.openBlock(),t.createElementBlock("div",t.mergeProps({class:"p-card p-component"},e.ptm("root")),[e.$slots.header?(t.openBlock(),t.createElementBlock("div",t.mergeProps({key:0,class:"p-card-header"},e.ptm("header")),[t.renderSlot(e.$slots,"header")],16)):t.createCommentVNode("",!0),t.createElementVNode("div",t.mergeProps({class:"p-card-body"},e.ptm("body")),[e.$slots.title?(t.openBlock(),t.createElementBlock("div",t.mergeProps({key:0,class:"p-card-title"},e.ptm("title")),[t.renderSlot(e.$slots,"title")],16)):t.createCommentVNode("",!0),e.$slots.subtitle?(t.openBlock(),t.createElementBlock("div",t.mergeProps({key:1,class:"p-card-subtitle"},e.ptm("subtitle")),[t.renderSlot(e.$slots,"subtitle")],16)):t.createCommentVNode("",!0),t.createElementVNode("div",t.mergeProps({class:"p-card-content"},e.ptm("content")),[t.renderSlot(e.$slots,"content")],16),e.$slots.footer?(t.openBlock(),t.createElementBlock("div",t.mergeProps({key:2,class:"p-card-footer"},e.ptm("footer")),[t.renderSlot(e.$slots,"footer")],16)):t.createCommentVNode("",!0)],16)],16)},r}(primevue.basecomponent,Vue);

package/carousel/Carousel.d.ts

@@ -130,6 +130,14 @@ export interface CarouselSlots {
      * Custom footer template.
      */
     footer(): VNode[];
+    /**
+     * Custom previous icon template.
+     */
+    previousicon(): VNode[];
+    /**
+     * Custom next icon template.
+     */
+    nexticon(): VNode[];
 }
 
 /**

package/carousel/Carousel.vue

@@ -15,7 +15,9 @@
                     @click="navBackward"
                     v-bind="prevButtonProps"
                 >
-                    <span :class="['p-carousel-prev-icon pi', { 'pi-chevron-left': !isVertical(), 'pi-chevron-up': isVertical() }]"></span>
+                    <slot name="previousicon">
+                        <component :is="isVertical() ? 'ChevronUpIcon' : 'ChevronLeftIcon'" class="p-carousel-next-icon" />
+                    </slot>
                 </button>
 
                 <div class="p-carousel-items-content" :style="[{ height: isVertical() ? verticalViewPortHeight : 'auto' }]" @touchend="onTouchEnd" @touchstart="onTouchStart" @touchmove="onTouchMove">
@@ -65,7 +67,9 @@
                     @click="navForward"
                     v-bind="nextButtonProps"
                 >
-                    <span :class="['p-carousel-prev-icon pi', { 'pi-chevron-right': !isVertical(), 'pi-chevron-down': isVertical() }]"></span>
+                    <slot name="nexticon">
+                        <component :is="isVertical() ? 'ChevronDownIcon' : 'ChevronRightIcon'" class="p-carousel-prev-icon" />
+                    </slot>
                 </button>
             </div>
             <ul v-if="totalIndicators >= 0 && showIndicators" ref="indicatorContent" :class="indicatorsContentClasses" @keydown="onIndicatorKeydown">
@@ -81,6 +85,10 @@
 </template>
 
 <script>
+import ChevronDownIcon from 'primevue/icons/chevrondown';
+import ChevronLeftIcon from 'primevue/icons/chevronleft';
+import ChevronRightIcon from 'primevue/icons/chevronright';
+import ChevronUpIcon from 'primevue/icons/chevronup';
 import Ripple from 'primevue/ripple';
 import { DomHandler, UniqueComponentId } from 'primevue/utils';
 
@@ -654,6 +662,12 @@ export default {
             return UniqueComponentId();
         }
     },
+    components: {
+        ChevronRightIcon,
+        ChevronDownIcon,
+        ChevronLeftIcon,
+        ChevronUpIcon
+    },
     directives: {
         ripple: Ripple
     }

package/carousel/carousel.cjs.js

@@ -1,11 +1,19 @@
 'use strict';
 
+var ChevronDownIcon = require('primevue/icons/chevrondown');
+var ChevronLeftIcon = require('primevue/icons/chevronleft');
+var ChevronRightIcon = require('primevue/icons/chevronright');
+var ChevronUpIcon = require('primevue/icons/chevronup');
 var Ripple = require('primevue/ripple');
 var utils = require('primevue/utils');
 var vue = require('vue');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+var ChevronDownIcon__default = /*#__PURE__*/_interopDefaultLegacy(ChevronDownIcon);
+var ChevronLeftIcon__default = /*#__PURE__*/_interopDefaultLegacy(ChevronLeftIcon);
+var ChevronRightIcon__default = /*#__PURE__*/_interopDefaultLegacy(ChevronRightIcon);
+var ChevronUpIcon__default = /*#__PURE__*/_interopDefaultLegacy(ChevronUpIcon);
 var Ripple__default = /*#__PURE__*/_interopDefaultLegacy(Ripple);
 
 var script = {
@@ -575,6 +583,12 @@ var script = {
             return utils.UniqueComponentId();
         }
     },
+    components: {
+        ChevronRightIcon: ChevronRightIcon__default["default"],
+        ChevronDownIcon: ChevronDownIcon__default["default"],
+        ChevronLeftIcon: ChevronLeftIcon__default["default"],
+        ChevronUpIcon: ChevronUpIcon__default["default"]
+    },
     directives: {
         ripple: Ripple__default["default"]
     }
@@ -622,9 +636,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               "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)
+              vue.renderSlot(_ctx.$slots, "previousicon", {}, () => [
+                (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($options.isVertical() ? 'ChevronUpIcon' : 'ChevronLeftIcon'), { class: "p-carousel-next-icon" }))
+              ])
             ], 16, _hoisted_3)), [
               [_directive_ripple]
             ])
@@ -696,9 +710,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               "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)
+              vue.renderSlot(_ctx.$slots, "nexticon", {}, () => [
+                (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($options.isVertical() ? 'ChevronDownIcon' : 'ChevronRightIcon'), { class: "p-carousel-prev-icon" }))
+              ])
             ], 16, _hoisted_5)), [
               [_directive_ripple]
             ])

package/carousel/carousel.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/ripple"),t=require("primevue/utils"),i=require("vue");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"};!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)},module.exports=n;
+"use strict";var e=require("primevue/icons/chevrondown"),t=require("primevue/icons/chevronleft"),i=require("primevue/icons/chevronright"),n=require("primevue/icons/chevronup"),s=require("primevue/ripple"),a=require("primevue/utils"),l=require("vue");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=o(e),d=o(t),c=o(i),h=o(n),u=o(s),m={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 n=this.d_page;0!==this.totalIndicators&&n>=this.totalIndicators&&(n=this.totalIndicators-1,this.$emit("update:page",n),this.d_page=n,t=!0),i=n*this.d_numScroll*-1,e&&(i-=this.d_numVisible),n===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,t){let i=this.totalShiftedItems;const n=this.isCircular();if(null!=t)i=this.d_numScroll*t*-1,n&&(i-=this.d_numVisible),this.isRemainingItemsAdded=!1;else{i+=this.d_numScroll*e,this.isRemainingItemsAdded&&(i+=this.remainingItems-this.d_numScroll*e,this.isRemainingItemsAdded=!1);let s=n?i+this.d_numVisible:i;t=Math.abs(Math.floor(s/this.d_numScroll))}n&&this.d_page===this.totalIndicators-1&&-1===e?(i=-1*(this.value.length+this.d_numVisible),t=0):n&&0===this.d_page&&1===e?(i=0,t=this.totalIndicators-1):t===this.totalIndicators-1&&this.remainingItems>0&&(i+=-1*this.remainingItems-this.d_numScroll*e,this.isRemainingItemsAdded=!0),this.$refs.itemsContainer&&(a.DomHandler.removeClass(this.$refs.itemsContainer,"p-items-hidden"),this.$refs.itemsContainer.style.transform=this.isVertical()?`translate3d(0, ${i*(100/this.d_numVisible)}%, 0)`:`translate3d(${i*(100/this.d_numVisible)}%, 0, 0)`,this.$refs.itemsContainer.style.transition="transform 500ms ease 0s"),this.totalShiftedItems=i,this.$emit("update:page",t),this.d_page=t},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 n=this.responsiveOptions[i];parseInt(n.breakpoint,10)>=e&&(t=n)}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&&(a.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=[...a.DomHandler.find(this.$refs.indicatorContent,".p-carousel-indicator")],t=this.findFocusedIndicatorIndex();this.changedFocusedIndicator(t,t+1===e.length?e.length-1:t+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=[...a.DomHandler.find(this.$refs.indicatorContent,".p-carousel-indicator")],t=this.findFocusedIndicatorIndex();this.changedFocusedIndicator(t,e.length-1)},onTabKey(){const e=[...a.DomHandler.find(this.$refs.indicatorContent,".p-carousel-indicator")],t=e.findIndex((e=>a.DomHandler.hasClass(e,"p-highlight"))),i=a.DomHandler.findSingle(this.$refs.indicatorContent,'.p-carousel-indicator > button[tabindex="0"]'),n=e.findIndex((e=>e===i.parentElement));e[n].children[0].tabIndex="-1",e[t].children[0].tabIndex="0"},findFocusedIndicatorIndex(){const e=[...a.DomHandler.find(this.$refs.indicatorContent,".p-carousel-indicator")],t=a.DomHandler.findSingle(this.$refs.indicatorContent,'.p-carousel-indicator > button[tabindex="0"]');return e.findIndex((e=>e===t.parentElement))},changedFocusedIndicator(e,t){const i=[...a.DomHandler.find(this.$refs.indicatorContent,".p-carousel-indicator")];i[e].children[0].tabIndex="-1",i[t].children[0].tabIndex="0",i[t].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,n=t.breakpoint;let s=null;return s=null==i&&null!=n?-1:null!=i&&null==n?1:null==i&&null==n?0:"string"==typeof i&&"string"==typeof n?i.localeCompare(n,void 0,{numeric:!0}):i<n?-1:i>n?1:0,-1*s}));for(let i=0;i<t.length;i++){let n=t[i];e+=`\n                        @media screen and (max-width: ${n.breakpoint}) {\n                            .p-carousel[${this.attributeSelector}] .p-carousel-item {\n                                flex: 1 0 ${100/n.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:()=>a.UniqueComponentId()},components:{ChevronRightIcon:c.default,ChevronDownIcon:r.default,ChevronLeftIcon:d.default,ChevronUpIcon:h.default},directives:{ripple:u.default}};const p={key:0,class:"p-carousel-header"},f=["aria-live"],v=["disabled","aria-label"],g=["aria-hidden","aria-label","aria-roledescription"],b=["disabled","aria-label"],I=["tabindex","aria-label","aria-current","onClick"],y={key:1,class:"p-carousel-footer"};!function(e,t){void 0===t&&(t={});var i=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],s=document.createElement("style");s.type="text/css","top"===i&&n.firstChild?n.insertBefore(s,n.firstChild):n.appendChild(s),s.styleSheet?s.styleSheet.cssText=e:s.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"),m.render=function(e,t,i,n,s,a){const o=l.resolveDirective("ripple");return l.openBlock(),l.createElementBlock("div",{class:l.normalizeClass(["p-carousel p-component",{"p-carousel-vertical":a.isVertical(),"p-carousel-horizontal":!a.isVertical()}]),role:"region"},[e.$slots.header?(l.openBlock(),l.createElementBlock("div",p,[l.renderSlot(e.$slots,"header")])):l.createCommentVNode("",!0),l.createElementVNode("div",{class:l.normalizeClass(a.contentClasses)},[l.createElementVNode("div",{class:l.normalizeClass(a.containerClasses),"aria-live":s.allowAutoplay?"polite":"off"},[i.showNavigators?l.withDirectives((l.openBlock(),l.createElementBlock("button",l.mergeProps({key:0,type:"button",class:["p-carousel-prev p-link",{"p-disabled":a.backwardIsDisabled}],disabled:a.backwardIsDisabled,"aria-label":a.ariaPrevButtonLabel,onClick:t[0]||(t[0]=(...e)=>a.navBackward&&a.navBackward(...e))},i.prevButtonProps),[l.renderSlot(e.$slots,"previousicon",{},(()=>[(l.openBlock(),l.createBlock(l.resolveDynamicComponent(a.isVertical()?"ChevronUpIcon":"ChevronLeftIcon"),{class:"p-carousel-next-icon"}))]))],16,v)),[[o]]):l.createCommentVNode("",!0),l.createElementVNode("div",{class:"p-carousel-items-content",style:l.normalizeStyle([{height:a.isVertical()?i.verticalViewPortHeight:"auto"}]),onTouchend:t[2]||(t[2]=(...e)=>a.onTouchEnd&&a.onTouchEnd(...e)),onTouchstart:t[3]||(t[3]=(...e)=>a.onTouchStart&&a.onTouchStart(...e)),onTouchmove:t[4]||(t[4]=(...e)=>a.onTouchMove&&a.onTouchMove(...e))},[l.createElementVNode("div",{ref:"itemsContainer",class:"p-carousel-items-container",onTransitionend:t[1]||(t[1]=(...e)=>a.onTransitionEnd&&a.onTransitionEnd(...e))},[a.isCircular()?(l.openBlock(!0),l.createElementBlock(l.Fragment,{key:0},l.renderList(i.value.slice(-1*s.d_numVisible),((t,n)=>(l.openBlock(),l.createElementBlock("div",{key:n+"_scloned",class:l.normalizeClass(["p-carousel-item p-carousel-item-cloned",{"p-carousel-item-active":-1*s.totalShiftedItems===i.value.length+s.d_numVisible,"p-carousel-item-start":0===n,"p-carousel-item-end":i.value.slice(-1*s.d_numVisible).length-1===n}])},[l.renderSlot(e.$slots,"item",{data:t,index:n})],2)))),128)):l.createCommentVNode("",!0),(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList(i.value,((t,i)=>(l.openBlock(),l.createElementBlock("div",{key:i,class:l.normalizeClass(["p-carousel-item",{"p-carousel-item-active":a.firstIndex()<=i&&a.lastIndex()>=i,"p-carousel-item-start":a.firstIndex()===i,"p-carousel-item-end":a.lastIndex()===i}]),role:"group","aria-hidden":a.firstIndex()>i||a.lastIndex()<i||void 0,"aria-label":a.ariaSlideNumber(i),"aria-roledescription":a.ariaSlideLabel},[l.renderSlot(e.$slots,"item",{data:t,index:i})],10,g)))),128)),a.isCircular()?(l.openBlock(!0),l.createElementBlock(l.Fragment,{key:1},l.renderList(i.value.slice(0,s.d_numVisible),((t,n)=>(l.openBlock(),l.createElementBlock("div",{key:n+"_fcloned",class:l.normalizeClass(["p-carousel-item p-carousel-item-cloned",{"p-carousel-item-active":0===s.totalShiftedItems,"p-carousel-item-start":0===n,"p-carousel-item-end":i.value.slice(0,s.d_numVisible).length-1===n}])},[l.renderSlot(e.$slots,"item",{data:t,index:n})],2)))),128)):l.createCommentVNode("",!0)],544)],36),i.showNavigators?l.withDirectives((l.openBlock(),l.createElementBlock("button",l.mergeProps({key:1,type:"button",class:["p-carousel-next p-link",{"p-disabled":a.forwardIsDisabled}],disabled:a.forwardIsDisabled,"aria-label":a.ariaNextButtonLabel,onClick:t[5]||(t[5]=(...e)=>a.navForward&&a.navForward(...e))},i.nextButtonProps),[l.renderSlot(e.$slots,"nexticon",{},(()=>[(l.openBlock(),l.createBlock(l.resolveDynamicComponent(a.isVertical()?"ChevronDownIcon":"ChevronRightIcon"),{class:"p-carousel-prev-icon"}))]))],16,b)),[[o]]):l.createCommentVNode("",!0)],10,f),a.totalIndicators>=0&&i.showIndicators?(l.openBlock(),l.createElementBlock("ul",{key:0,ref:"indicatorContent",class:l.normalizeClass(a.indicatorsContentClasses),onKeydown:t[6]||(t[6]=(...e)=>a.onIndicatorKeydown&&a.onIndicatorKeydown(...e))},[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList(a.totalIndicators,((e,t)=>(l.openBlock(),l.createElementBlock("li",{key:"p-carousel-indicator-"+t.toString(),class:l.normalizeClass(["p-carousel-indicator",{"p-highlight":s.d_page===t}])},[l.createElementVNode("button",{class:"p-link",type:"button",tabindex:s.d_page===t?"0":"-1","aria-label":a.ariaPageLabel(t+1),"aria-current":s.d_page===t?"page":void 0,onClick:e=>a.onIndicatorClick(e,t)},null,8,I)],2)))),128))],34)):l.createCommentVNode("",!0)],2),e.$slots.footer?(l.openBlock(),l.createElementBlock("div",y,[l.renderSlot(e.$slots,"footer")])):l.createCommentVNode("",!0)],2)},module.exports=m;

package/carousel/carousel.esm.js

@@ -1,6 +1,10 @@
+import ChevronDownIcon from 'primevue/icons/chevrondown';
+import ChevronLeftIcon from 'primevue/icons/chevronleft';
+import ChevronRightIcon from 'primevue/icons/chevronright';
+import ChevronUpIcon from 'primevue/icons/chevronup';
 import Ripple from 'primevue/ripple';
 import { DomHandler, UniqueComponentId } from 'primevue/utils';
-import { resolveDirective, openBlock, createElementBlock, normalizeClass, renderSlot, createCommentVNode, createElementVNode, withDirectives, mergeProps, normalizeStyle, Fragment, renderList } from 'vue';
+import { resolveDirective, openBlock, createElementBlock, normalizeClass, renderSlot, createCommentVNode, createElementVNode, withDirectives, mergeProps, createBlock, resolveDynamicComponent, normalizeStyle, Fragment, renderList } from 'vue';
 
 var script = {
     name: 'Carousel',
@@ -569,6 +573,12 @@ var script = {
             return UniqueComponentId();
         }
     },
+    components: {
+        ChevronRightIcon,
+        ChevronDownIcon,
+        ChevronLeftIcon,
+        ChevronUpIcon
+    },
     directives: {
         ripple: Ripple
     }
@@ -616,9 +626,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               "aria-label": $options.ariaPrevButtonLabel,
               onClick: _cache[0] || (_cache[0] = (...args) => ($options.navBackward && $options.navBackward(...args)))
             }, $props.prevButtonProps), [
-              createElementVNode("span", {
-                class: normalizeClass(['p-carousel-prev-icon pi', { 'pi-chevron-left': !$options.isVertical(), 'pi-chevron-up': $options.isVertical() }])
-              }, null, 2)
+              renderSlot(_ctx.$slots, "previousicon", {}, () => [
+                (openBlock(), createBlock(resolveDynamicComponent($options.isVertical() ? 'ChevronUpIcon' : 'ChevronLeftIcon'), { class: "p-carousel-next-icon" }))
+              ])
             ], 16, _hoisted_3)), [
               [_directive_ripple]
             ])
@@ -690,9 +700,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               "aria-label": $options.ariaNextButtonLabel,
               onClick: _cache[5] || (_cache[5] = (...args) => ($options.navForward && $options.navForward(...args)))
             }, $props.nextButtonProps), [
-              createElementVNode("span", {
-                class: normalizeClass(['p-carousel-prev-icon pi', { 'pi-chevron-right': !$options.isVertical(), 'pi-chevron-down': $options.isVertical() }])
-              }, null, 2)
+              renderSlot(_ctx.$slots, "nexticon", {}, () => [
+                (openBlock(), createBlock(resolveDynamicComponent($options.isVertical() ? 'ChevronDownIcon' : 'ChevronRightIcon'), { class: "p-carousel-prev-icon" }))
+              ])
             ], 16, _hoisted_5)), [
               [_directive_ripple]
             ])

package/carousel/carousel.esm.min.js

@@ -1 +1 @@
-import t from"primevue/ripple";import{DomHandler as e,UniqueComponentId as i}from"primevue/utils";import{resolveDirective as s,openBlock as n,createElementBlock as a,normalizeClass as l,renderSlot as r,createCommentVNode as o,createElementVNode as d,withDirectives as c,mergeProps as h,normalizeStyle as u,Fragment as p,renderList as m}from"vue";var f={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(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}},mounted(){let t=!1;if(this.$el.setAttribute(this.attributeSelector,""),this.createStyle(),this.calculatePosition(),this.responsiveOptions&&this.bindDocumentListeners(),this.isCircular()){let e=this.totalShiftedItems;0===this.d_page?e=-1*this.d_numVisible:0===e&&(e=-1*this.value.length,this.remainingItems>0&&(this.isRemainingItemsAdded=!0)),e!==this.totalShiftedItems&&(this.totalShiftedItems=e,t=!0)}!t&&this.isAutoplay()&&this.startAutoplay()},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()},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))},onIndicatorKeydown(t){switch(t.code){case"ArrowRight":this.onRightKey();break;case"ArrowLeft":this.onLeftKey();break;case"Home":this.onHomeKey(),t.preventDefault();break;case"End":this.onEndKey(),t.preventDefault();break;case"ArrowUp":case"ArrowDown":t.preventDefault();break;case"Tab":this.onTabKey()}},onRightKey(){const t=[...e.find(this.$refs.indicatorContent,".p-carousel-indicator")],i=this.findFocusedIndicatorIndex();this.changedFocusedIndicator(i,i+1===t.length?t.length-1:i+1)},onLeftKey(){const t=this.findFocusedIndicatorIndex();this.changedFocusedIndicator(t,t-1<=0?0:t-1)},onHomeKey(){const t=this.findFocusedIndicatorIndex();this.changedFocusedIndicator(t,0)},onEndKey(){const t=[...e.find(this.$refs.indicatorContent,".p-carousel-indicator")],i=this.findFocusedIndicatorIndex();this.changedFocusedIndicator(i,t.length-1)},onTabKey(){const t=[...e.find(this.$refs.indicatorContent,".p-carousel-indicator")],i=t.findIndex((t=>e.hasClass(t,"p-highlight"))),s=e.findSingle(this.$refs.indicatorContent,'.p-carousel-indicator > button[tabindex="0"]'),n=t.findIndex((t=>t===s.parentElement));t[n].children[0].tabIndex="-1",t[i].children[0].tabIndex="0"},findFocusedIndicatorIndex(){const t=[...e.find(this.$refs.indicatorContent,".p-carousel-indicator")],i=e.findSingle(this.$refs.indicatorContent,'.p-carousel-indicator > button[tabindex="0"]');return t.findIndex((t=>t===i.parentElement))},changedFocusedIndicator(t,i){const s=[...e.find(this.$refs.indicatorContent,".p-carousel-indicator")];s[t].children[0].tabIndex="-1",s[i].children[0].tabIndex="0",s[i].children[0].focus()},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                .p-carousel[${this.attributeSelector}] .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                            .p-carousel[${this.attributeSelector}] .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},ariaSlideNumber(t){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.slideNumber.replace(/{slideNumber}/g,t):void 0},ariaPageLabel(t){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.pageLabel.replace(/{page}/g,t):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:()=>i()},directives:{ripple:t}};const g={key:0,class:"p-carousel-header"},v=["aria-live"],b=["disabled","aria-label"],I=["aria-hidden","aria-label","aria-roledescription"],y=["disabled","aria-label"],_=["tabindex","aria-label","aria-current","onClick"],S={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    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"),f.render=function(t,e,i,f,x,V){const w=s("ripple");return n(),a("div",{class:l(["p-carousel p-component",{"p-carousel-vertical":V.isVertical(),"p-carousel-horizontal":!V.isVertical()}]),role:"region"},[t.$slots.header?(n(),a("div",g,[r(t.$slots,"header")])):o("",!0),d("div",{class:l(V.contentClasses)},[d("div",{class:l(V.containerClasses),"aria-live":x.allowAutoplay?"polite":"off"},[i.showNavigators?c((n(),a("button",h({key:0,type:"button",class:["p-carousel-prev p-link",{"p-disabled":V.backwardIsDisabled}],disabled:V.backwardIsDisabled,"aria-label":V.ariaPrevButtonLabel,onClick:e[0]||(e[0]=(...t)=>V.navBackward&&V.navBackward(...t))},i.prevButtonProps),[d("span",{class:l(["p-carousel-prev-icon pi",{"pi-chevron-left":!V.isVertical(),"pi-chevron-up":V.isVertical()}])},null,2)],16,b)),[[w]]):o("",!0),d("div",{class:"p-carousel-items-content",style:u([{height:V.isVertical()?i.verticalViewPortHeight:"auto"}]),onTouchend:e[2]||(e[2]=(...t)=>V.onTouchEnd&&V.onTouchEnd(...t)),onTouchstart:e[3]||(e[3]=(...t)=>V.onTouchStart&&V.onTouchStart(...t)),onTouchmove:e[4]||(e[4]=(...t)=>V.onTouchMove&&V.onTouchMove(...t))},[d("div",{ref:"itemsContainer",class:"p-carousel-items-container",onTransitionend:e[1]||(e[1]=(...t)=>V.onTransitionEnd&&V.onTransitionEnd(...t))},[V.isCircular()?(n(!0),a(p,{key:0},m(i.value.slice(-1*x.d_numVisible),((e,s)=>(n(),a("div",{key:s+"_scloned",class:l(["p-carousel-item p-carousel-item-cloned",{"p-carousel-item-active":-1*x.totalShiftedItems===i.value.length+x.d_numVisible,"p-carousel-item-start":0===s,"p-carousel-item-end":i.value.slice(-1*x.d_numVisible).length-1===s}])},[r(t.$slots,"item",{data:e,index:s})],2)))),128)):o("",!0),(n(!0),a(p,null,m(i.value,((e,i)=>(n(),a("div",{key:i,class:l(["p-carousel-item",{"p-carousel-item-active":V.firstIndex()<=i&&V.lastIndex()>=i,"p-carousel-item-start":V.firstIndex()===i,"p-carousel-item-end":V.lastIndex()===i}]),role:"group","aria-hidden":V.firstIndex()>i||V.lastIndex()<i||void 0,"aria-label":V.ariaSlideNumber(i),"aria-roledescription":V.ariaSlideLabel},[r(t.$slots,"item",{data:e,index:i})],10,I)))),128)),V.isCircular()?(n(!0),a(p,{key:1},m(i.value.slice(0,x.d_numVisible),((e,s)=>(n(),a("div",{key:s+"_fcloned",class:l(["p-carousel-item p-carousel-item-cloned",{"p-carousel-item-active":0===x.totalShiftedItems,"p-carousel-item-start":0===s,"p-carousel-item-end":i.value.slice(0,x.d_numVisible).length-1===s}])},[r(t.$slots,"item",{data:e,index:s})],2)))),128)):o("",!0)],544)],36),i.showNavigators?c((n(),a("button",h({key:1,type:"button",class:["p-carousel-next p-link",{"p-disabled":V.forwardIsDisabled}],disabled:V.forwardIsDisabled,"aria-label":V.ariaNextButtonLabel,onClick:e[5]||(e[5]=(...t)=>V.navForward&&V.navForward(...t))},i.nextButtonProps),[d("span",{class:l(["p-carousel-prev-icon pi",{"pi-chevron-right":!V.isVertical(),"pi-chevron-down":V.isVertical()}])},null,2)],16,y)),[[w]]):o("",!0)],10,v),V.totalIndicators>=0&&i.showIndicators?(n(),a("ul",{key:0,ref:"indicatorContent",class:l(V.indicatorsContentClasses),onKeydown:e[6]||(e[6]=(...t)=>V.onIndicatorKeydown&&V.onIndicatorKeydown(...t))},[(n(!0),a(p,null,m(V.totalIndicators,((t,e)=>(n(),a("li",{key:"p-carousel-indicator-"+e.toString(),class:l(["p-carousel-indicator",{"p-highlight":x.d_page===e}])},[d("button",{class:"p-link",type:"button",tabindex:x.d_page===e?"0":"-1","aria-label":V.ariaPageLabel(e+1),"aria-current":x.d_page===e?"page":void 0,onClick:t=>V.onIndicatorClick(t,e)},null,8,_)],2)))),128))],34)):o("",!0)],2),t.$slots.footer?(n(),a("div",S,[r(t.$slots,"footer")])):o("",!0)],2)};export{f as default};
+import e from"primevue/icons/chevrondown";import t from"primevue/icons/chevronleft";import i from"primevue/icons/chevronright";import s from"primevue/icons/chevronup";import n from"primevue/ripple";import{DomHandler as a,UniqueComponentId as l}from"primevue/utils";import{resolveDirective as o,openBlock as r,createElementBlock as d,normalizeClass as c,renderSlot as h,createCommentVNode as u,createElementVNode as p,withDirectives as m,mergeProps as f,createBlock as v,resolveDynamicComponent as g,normalizeStyle as b,Fragment as I,renderList as y}from"vue";var _={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,t){let i=this.totalShiftedItems;const s=this.isCircular();if(null!=t)i=this.d_numScroll*t*-1,s&&(i-=this.d_numVisible),this.isRemainingItemsAdded=!1;else{i+=this.d_numScroll*e,this.isRemainingItemsAdded&&(i+=this.remainingItems-this.d_numScroll*e,this.isRemainingItemsAdded=!1);let n=s?i+this.d_numVisible:i;t=Math.abs(Math.floor(n/this.d_numScroll))}s&&this.d_page===this.totalIndicators-1&&-1===e?(i=-1*(this.value.length+this.d_numVisible),t=0):s&&0===this.d_page&&1===e?(i=0,t=this.totalIndicators-1):t===this.totalIndicators-1&&this.remainingItems>0&&(i+=-1*this.remainingItems-this.d_numScroll*e,this.isRemainingItemsAdded=!0),this.$refs.itemsContainer&&(a.removeClass(this.$refs.itemsContainer,"p-items-hidden"),this.$refs.itemsContainer.style.transform=this.isVertical()?`translate3d(0, ${i*(100/this.d_numVisible)}%, 0)`:`translate3d(${i*(100/this.d_numVisible)}%, 0, 0)`,this.$refs.itemsContainer.style.transition="transform 500ms ease 0s"),this.totalShiftedItems=i,this.$emit("update:page",t),this.d_page=t},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&&(a.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=[...a.find(this.$refs.indicatorContent,".p-carousel-indicator")],t=this.findFocusedIndicatorIndex();this.changedFocusedIndicator(t,t+1===e.length?e.length-1:t+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=[...a.find(this.$refs.indicatorContent,".p-carousel-indicator")],t=this.findFocusedIndicatorIndex();this.changedFocusedIndicator(t,e.length-1)},onTabKey(){const e=[...a.find(this.$refs.indicatorContent,".p-carousel-indicator")],t=e.findIndex((e=>a.hasClass(e,"p-highlight"))),i=a.findSingle(this.$refs.indicatorContent,'.p-carousel-indicator > button[tabindex="0"]'),s=e.findIndex((e=>e===i.parentElement));e[s].children[0].tabIndex="-1",e[t].children[0].tabIndex="0"},findFocusedIndicatorIndex(){const e=[...a.find(this.$refs.indicatorContent,".p-carousel-indicator")],t=a.findSingle(this.$refs.indicatorContent,'.p-carousel-indicator > button[tabindex="0"]');return e.findIndex((e=>e===t.parentElement))},changedFocusedIndicator(e,t){const i=[...a.find(this.$refs.indicatorContent,".p-carousel-indicator")];i[e].children[0].tabIndex="-1",i[t].children[0].tabIndex="0",i[t].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:()=>l()},components:{ChevronRightIcon:i,ChevronDownIcon:e,ChevronLeftIcon:t,ChevronUpIcon:s},directives:{ripple:n}};const S={key:0,class:"p-carousel-header"},C=["aria-live"],x=["disabled","aria-label"],w=["aria-hidden","aria-label","aria-roledescription"],V=["disabled","aria-label"],$=["tabindex","aria-label","aria-current","onClick"],k={key:1,class:"p-carousel-footer"};!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"),_.render=function(e,t,i,s,n,a){const l=o("ripple");return r(),d("div",{class:c(["p-carousel p-component",{"p-carousel-vertical":a.isVertical(),"p-carousel-horizontal":!a.isVertical()}]),role:"region"},[e.$slots.header?(r(),d("div",S,[h(e.$slots,"header")])):u("",!0),p("div",{class:c(a.contentClasses)},[p("div",{class:c(a.containerClasses),"aria-live":n.allowAutoplay?"polite":"off"},[i.showNavigators?m((r(),d("button",f({key:0,type:"button",class:["p-carousel-prev p-link",{"p-disabled":a.backwardIsDisabled}],disabled:a.backwardIsDisabled,"aria-label":a.ariaPrevButtonLabel,onClick:t[0]||(t[0]=(...e)=>a.navBackward&&a.navBackward(...e))},i.prevButtonProps),[h(e.$slots,"previousicon",{},(()=>[(r(),v(g(a.isVertical()?"ChevronUpIcon":"ChevronLeftIcon"),{class:"p-carousel-next-icon"}))]))],16,x)),[[l]]):u("",!0),p("div",{class:"p-carousel-items-content",style:b([{height:a.isVertical()?i.verticalViewPortHeight:"auto"}]),onTouchend:t[2]||(t[2]=(...e)=>a.onTouchEnd&&a.onTouchEnd(...e)),onTouchstart:t[3]||(t[3]=(...e)=>a.onTouchStart&&a.onTouchStart(...e)),onTouchmove:t[4]||(t[4]=(...e)=>a.onTouchMove&&a.onTouchMove(...e))},[p("div",{ref:"itemsContainer",class:"p-carousel-items-container",onTransitionend:t[1]||(t[1]=(...e)=>a.onTransitionEnd&&a.onTransitionEnd(...e))},[a.isCircular()?(r(!0),d(I,{key:0},y(i.value.slice(-1*n.d_numVisible),((t,s)=>(r(),d("div",{key:s+"_scloned",class:c(["p-carousel-item p-carousel-item-cloned",{"p-carousel-item-active":-1*n.totalShiftedItems===i.value.length+n.d_numVisible,"p-carousel-item-start":0===s,"p-carousel-item-end":i.value.slice(-1*n.d_numVisible).length-1===s}])},[h(e.$slots,"item",{data:t,index:s})],2)))),128)):u("",!0),(r(!0),d(I,null,y(i.value,((t,i)=>(r(),d("div",{key:i,class:c(["p-carousel-item",{"p-carousel-item-active":a.firstIndex()<=i&&a.lastIndex()>=i,"p-carousel-item-start":a.firstIndex()===i,"p-carousel-item-end":a.lastIndex()===i}]),role:"group","aria-hidden":a.firstIndex()>i||a.lastIndex()<i||void 0,"aria-label":a.ariaSlideNumber(i),"aria-roledescription":a.ariaSlideLabel},[h(e.$slots,"item",{data:t,index:i})],10,w)))),128)),a.isCircular()?(r(!0),d(I,{key:1},y(i.value.slice(0,n.d_numVisible),((t,s)=>(r(),d("div",{key:s+"_fcloned",class:c(["p-carousel-item p-carousel-item-cloned",{"p-carousel-item-active":0===n.totalShiftedItems,"p-carousel-item-start":0===s,"p-carousel-item-end":i.value.slice(0,n.d_numVisible).length-1===s}])},[h(e.$slots,"item",{data:t,index:s})],2)))),128)):u("",!0)],544)],36),i.showNavigators?m((r(),d("button",f({key:1,type:"button",class:["p-carousel-next p-link",{"p-disabled":a.forwardIsDisabled}],disabled:a.forwardIsDisabled,"aria-label":a.ariaNextButtonLabel,onClick:t[5]||(t[5]=(...e)=>a.navForward&&a.navForward(...e))},i.nextButtonProps),[h(e.$slots,"nexticon",{},(()=>[(r(),v(g(a.isVertical()?"ChevronDownIcon":"ChevronRightIcon"),{class:"p-carousel-prev-icon"}))]))],16,V)),[[l]]):u("",!0)],10,C),a.totalIndicators>=0&&i.showIndicators?(r(),d("ul",{key:0,ref:"indicatorContent",class:c(a.indicatorsContentClasses),onKeydown:t[6]||(t[6]=(...e)=>a.onIndicatorKeydown&&a.onIndicatorKeydown(...e))},[(r(!0),d(I,null,y(a.totalIndicators,((e,t)=>(r(),d("li",{key:"p-carousel-indicator-"+t.toString(),class:c(["p-carousel-indicator",{"p-highlight":n.d_page===t}])},[p("button",{class:"p-link",type:"button",tabindex:n.d_page===t?"0":"-1","aria-label":a.ariaPageLabel(t+1),"aria-current":n.d_page===t?"page":void 0,onClick:e=>a.onIndicatorClick(e,t)},null,8,$)],2)))),128))],34)):u("",!0)],2),e.$slots.footer?(r(),d("div",k,[h(e.$slots,"footer")])):u("",!0)],2)};export{_ as default};