primevue
Version:
[](https://opensource.org/licenses/MIT) [](https://badge.fury.io/js/primevue) [ • 31.5 kB
JavaScript
import t from"primevue/focustrap";import e from"primevue/portal";import{DomHandler as i,ObjectUtils as n,UniqueComponentId as a,ZIndexUtils as o}from"primevue/utils";import r from"primevue/basecomponent";import s from"primevue/galleria/style";import l from"primevue/icons/times";import c from"primevue/ripple";import u from"primevue/icons/chevronleft";import d from"primevue/icons/chevronright";import{resolveDirective as h,openBlock as m,createElementBlock as p,mergeProps as v,createElementVNode as f,withDirectives as b,createBlock as I,resolveDynamicComponent as y,createCommentVNode as g,Fragment as x,renderList as S,resolveComponent as w,createVNode as $,withCtx as P,Transition as O}from"vue";import k from"primevue/icons/chevrondown";import C from"primevue/icons/chevronup";var A={name:"BaseGalleria",extends:r,props:{id:{type:String,default:null},value:{type:Array,default:null},activeIndex:{type:Number,default:0},fullScreen:{type:Boolean,default:!1},visible:{type:Boolean,default:!1},numVisible:{type:Number,default:3},responsiveOptions:{type:Array,default:null},showItemNavigators:{type:Boolean,default:!1},showThumbnailNavigators:{type:Boolean,default:!0},showItemNavigatorsOnHover:{type:Boolean,default:!1},changeItemOnIndicatorHover:{type:Boolean,default:!1},circular:{type:Boolean,default:!1},autoPlay:{type:Boolean,default:!1},transitionInterval:{type:Number,default:4e3},showThumbnails:{type:Boolean,default:!0},thumbnailsPosition:{type:String,default:"bottom"},verticalThumbnailViewPortHeight:{type:String,default:"300px"},showIndicators:{type:Boolean,default:!1},showIndicatorsOnItem:{type:Boolean,default:!1},indicatorsPosition:{type:String,default:"bottom"},baseZIndex:{type:Number,default:0},maskClass:{type:String,default:null},containerStyle:{type:null,default:null},containerClass:{type:null,default:null},containerProps:{type:null,default:null},prevButtonProps:{type:null,default:null},nextButtonProps:{type:null,default:null}},style:s,provide:function(){return{$parentInstance:this}}},B={name:"GalleriaItem",hostName:"Galleria",extends:r,emits:["start-slideshow","stop-slideshow","update:activeIndex"],props:{circular:{type:Boolean,default:!1},activeIndex:{type:Number,default:0},value:{type:Array,default:null},showItemNavigators:{type:Boolean,default:!0},showIndicators:{type:Boolean,default:!0},slideShowActive:{type:Boolean,default:!0},changeItemOnIndicatorHover:{type:Boolean,default:!0},autoPlay:{type:Boolean,default:!1},templates:{type:null,default:null},id:{type:String,default:null}},mounted:function(){this.autoPlay&&this.$emit("start-slideshow")},methods:{getIndicatorPTOptions:function(t){return{context:{highlighted:this.activeIndex===t}}},next:function(){this.$emit("update:activeIndex",this.circular&&this.value.length-1===this.activeIndex?0:this.activeIndex+1)},prev:function(){this.$emit("update:activeIndex",this.circular&&0===this.activeIndex?this.value.length-1:0!==this.activeIndex?this.activeIndex-1:0)},stopSlideShow:function(){this.slideShowActive&&this.stopSlideShow&&this.$emit("stop-slideshow")},navBackward:function(t){this.stopSlideShow(),this.prev(),t&&t.cancelable&&t.preventDefault()},navForward:function(t){this.stopSlideShow(),this.next(),t&&t.cancelable&&t.preventDefault()},onIndicatorClick:function(t){this.stopSlideShow(),this.$emit("update:activeIndex",t)},onIndicatorMouseEnter:function(t){this.changeItemOnIndicatorHover&&(this.stopSlideShow(),this.$emit("update:activeIndex",t))},onIndicatorKeyDown:function(t,e){switch(t.code){case"Enter":case"Space":this.stopSlideShow(),this.$emit("update:activeIndex",e),t.preventDefault();break;case"ArrowDown":case"ArrowUp":t.preventDefault()}},isIndicatorItemActive:function(t){return this.activeIndex===t},isNavBackwardDisabled:function(){return!this.circular&&0===this.activeIndex},isNavForwardDisabled:function(){return!this.circular&&this.activeIndex===this.value.length-1},ariaSlideNumber:function(t){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.slideNumber.replace(/{slideNumber}/g,t):void 0},ariaPageLabel:function(t){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.pageLabel.replace(/{page}/g,t):void 0}},computed:{activeItem:function(){return this.value[this.activeIndex]},ariaSlideLabel:function(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.slide:void 0}},components:{ChevronLeftIcon:u,ChevronRightIcon:d},directives:{ripple:c}},V=["disabled"],_=["id","aria-label","aria-roledescription"],T=["disabled"],N=["aria-label","aria-selected","aria-controls","onClick","onMouseenter","onKeydown","data-p-highlight"];function j(t){return R(t)||E(t)||D(t)||L()}function L(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function D(t,e){if(t){if("string"==typeof t)return H(t,e);var i=Object.prototype.toString.call(t).slice(8,-1);return"Object"===i&&t.constructor&&(i=t.constructor.name),"Map"===i||"Set"===i?Array.from(t):"Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i)?H(t,e):void 0}}function E(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}function R(t){if(Array.isArray(t))return H(t)}function H(t,e){(null==e||e>t.length)&&(e=t.length);for(var i=0,n=new Array(e);i<e;i++)n[i]=t[i];return n}B.render=function(t,e,i,n,a,o){var r=h("ripple");return m(),p("div",v({class:t.cx("itemWrapper")},t.ptm("itemWrapper")),[f("div",v({class:t.cx("itemContainer")},t.ptm("itemContainer")),[i.showItemNavigators?b((m(),p("button",v({key:0,type:"button",class:t.cx("previousItemButton"),onClick:e[0]||(e[0]=function(t){return o.navBackward(t)}),disabled:o.isNavBackwardDisabled()},t.ptm("previousItemButton"),{"data-pc-group-section":"itemnavigator"}),[(m(),I(y(i.templates.previousitemicon||"ChevronLeftIcon"),v({class:t.cx("previousItemIcon")},t.ptm("previousItemIcon")),null,16,["class"]))],16,V)),[[r]]):g("",!0),f("div",v({id:i.id+"_item_"+i.activeIndex,class:t.cx("item"),role:"group","aria-label":o.ariaSlideNumber(i.activeIndex+1),"aria-roledescription":o.ariaSlideLabel},t.ptm("item")),[i.templates.item?(m(),I(y(i.templates.item),{key:0,item:o.activeItem},null,8,["item"])):g("",!0)],16,_),i.showItemNavigators?b((m(),p("button",v({key:1,type:"button",class:t.cx("nextItemButton"),onClick:e[1]||(e[1]=function(t){return o.navForward(t)}),disabled:o.isNavForwardDisabled()},t.ptm("nextItemButton"),{"data-pc-group-section":"itemnavigator"}),[(m(),I(y(i.templates.nextitemicon||"ChevronRightIcon"),v({class:t.cx("nextItemIcon")},t.ptm("nextItemIcon")),null,16,["class"]))],16,T)),[[r]]):g("",!0),i.templates.caption?(m(),p("div",v({key:2,class:t.cx("caption")},t.ptm("caption")),[i.templates.caption?(m(),I(y(i.templates.caption),{key:0,item:o.activeItem},null,8,["item"])):g("",!0)],16)):g("",!0)],16),i.showIndicators?(m(),p("ul",v({key:0,class:t.cx("indicators")},t.ptm("indicators")),[(m(!0),p(x,null,S(i.value,(function(e,n){return m(),p("li",v({key:"p-galleria-indicator-".concat(n),class:t.cx("indicator",{index:n}),tabindex:"0","aria-label":o.ariaPageLabel(n+1),"aria-selected":i.activeIndex===n,"aria-controls":i.id+"_item_"+n,onClick:function(t){return o.onIndicatorClick(n)},onMouseenter:function(t){return o.onIndicatorMouseEnter(n)},onKeydown:function(t){return o.onIndicatorKeyDown(t,n)}},t.ptm("indicator",o.getIndicatorPTOptions(n)),{"data-p-highlight":o.isIndicatorItemActive(n)}),[i.templates.indicator?g("",!0):(m(),p("button",v({key:0,type:"button",tabindex:"-1",class:t.cx("indicatorButton")},t.ptm("indicatorButton",o.getIndicatorPTOptions(n))),null,16)),i.templates.indicator?(m(),I(y(i.templates.indicator),{key:1,index:n},null,8,["index"])):g("",!0)],16,N)})),128))],16)):g("",!0)],16)};var M={name:"GalleriaThumbnails",hostName:"Galleria",extends:r,emits:["stop-slideshow","update:activeIndex"],props:{containerId:{type:String,default:null},value:{type:Array,default:null},numVisible:{type:Number,default:3},activeIndex:{type:Number,default:0},isVertical:{type:Boolean,default:!1},slideShowActive:{type:Boolean,default:!1},circular:{type:Boolean,default:!1},responsiveOptions:{type:Array,default:null},contentHeight:{type:String,default:"300px"},showThumbnailNavigators:{type:Boolean,default:!0},templates:{type:null,default:null},prevButtonProps:{type:null,default:null},nextButtonProps:{type:null,default:null}},startPos:null,thumbnailsStyle:null,sortedResponsiveOptions:null,data:function(){return{d_numVisible:this.numVisible,d_oldNumVisible:this.numVisible,d_activeIndex:this.activeIndex,d_oldActiveItemIndex:this.activeIndex,totalShiftedItems:0,page:0}},watch:{numVisible:function(t,e){this.d_numVisible=t,this.d_oldNumVisible=e},activeIndex:function(t,e){this.d_activeIndex=t,this.d_oldActiveItemIndex=e}},mounted:function(){this.createStyle(),this.calculatePosition(),this.responsiveOptions&&this.bindDocumentListeners()},updated:function(){var t=this.totalShiftedItems;this.d_oldNumVisible===this.d_numVisible&&this.d_oldActiveItemIndex===this.d_activeIndex||((t=this.d_activeIndex<=this.getMedianItemIndex()?0:this.value.length-this.d_numVisible+this.getMedianItemIndex()<this.d_activeIndex?this.d_numVisible-this.value.length:this.value.length-this.d_numVisible<this.d_activeIndex&&this.d_numVisible%2==0?-1*this.d_activeIndex+this.getMedianItemIndex()+1:-1*this.d_activeIndex+this.getMedianItemIndex())!==this.totalShiftedItems&&(this.totalShiftedItems=t),this.$refs.itemsContainer.style.transform=this.isVertical?"translate3d(0, ".concat(t*(100/this.d_numVisible),"%, 0)"):"translate3d(".concat(t*(100/this.d_numVisible),"%, 0, 0)"),this.d_oldActiveItemIndex!==this.d_activeIndex&&(document.body.setAttribute("data-p-items-hidden","false"),!this.isUnstyled&&i.removeClass(this.$refs.itemsContainer,"p-items-hidden"),this.$refs.itemsContainer.style.transition="transform 500ms ease 0s"),this.d_oldActiveItemIndex=this.d_activeIndex,this.d_oldNumVisible=this.d_numVisible)},beforeUnmount:function(){this.responsiveOptions&&this.unbindDocumentListeners(),this.thumbnailsStyle&&this.thumbnailsStyle.parentNode.removeChild(this.thumbnailsStyle)},methods:{step:function(t){var e=this.totalShiftedItems+t;t<0&&-1*e+this.d_numVisible>this.value.length-1?e=this.d_numVisible-this.value.length:t>0&&e>0&&(e=0),this.circular&&(t<0&&this.value.length-1===this.d_activeIndex?e=0:t>0&&0===this.d_activeIndex&&(e=this.d_numVisible-this.value.length)),this.$refs.itemsContainer&&(document.body.setAttribute("data-p-items-hidden","false"),!this.isUnstyled&&i.removeClass(this.$refs.itemsContainer,"p-items-hidden"),this.$refs.itemsContainer.style.transform=this.isVertical?"translate3d(0, ".concat(e*(100/this.d_numVisible),"%, 0)"):"translate3d(".concat(e*(100/this.d_numVisible),"%, 0, 0)"),this.$refs.itemsContainer.style.transition="transform 500ms ease 0s"),this.totalShiftedItems=e},stopSlideShow:function(){this.slideShowActive&&this.stopSlideShow&&this.$emit("stop-slideshow")},getMedianItemIndex:function(){var t=Math.floor(this.d_numVisible/2);return this.d_numVisible%2?t:t-1},navBackward:function(t){this.stopSlideShow();var e=0!==this.d_activeIndex?this.d_activeIndex-1:0;this.d_numVisible-(e+this.totalShiftedItems)-1>this.getMedianItemIndex()&&(-1*this.totalShiftedItems!=0||this.circular)&&this.step(1),this.$emit("update:activeIndex",this.circular&&0===this.d_activeIndex?this.value.length-1:e),t.cancelable&&t.preventDefault()},navForward:function(t){this.stopSlideShow();var e=this.d_activeIndex===this.value.length-1?this.value.length-1:this.d_activeIndex+1;e+this.totalShiftedItems>this.getMedianItemIndex()&&(-1*this.totalShiftedItems<this.getTotalPageNumber()-1||this.circular)&&this.step(-1),this.$emit("update:activeIndex",this.circular&&this.value.length-1===this.d_activeIndex?0:e),t.cancelable&&t.preventDefault()},onItemClick:function(t){this.stopSlideShow();var e=t;if(e!==this.d_activeIndex){var i=e+this.totalShiftedItems,n=0;e<this.d_activeIndex?(n=this.d_numVisible-i-1-this.getMedianItemIndex())>0&&-1*this.totalShiftedItems!=0&&this.step(n):(n=this.getMedianItemIndex()-i)<0&&-1*this.totalShiftedItems<this.getTotalPageNumber()-1&&this.step(n),this.$emit("update:activeIndex",e)}},onThumbnailKeydown:function(t,e){switch("Enter"!==t.code&&"Space"!==t.code||(this.onItemClick(e),t.preventDefault()),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:function(){var t=i.find(this.$refs.itemsContainer,'[data-pc-section="thumbnailitem"]'),e=this.findFocusedIndicatorIndex();this.changedFocusedIndicator(e,e+1===t.length?t.length-1:e+1)},onLeftKey:function(){var t=this.findFocusedIndicatorIndex();this.changedFocusedIndicator(t,t-1<=0?0:t-1)},onHomeKey:function(){var t=this.findFocusedIndicatorIndex();this.changedFocusedIndicator(t,0)},onEndKey:function(){var t=i.find(this.$refs.itemsContainer,'[data-pc-section="thumbnailitem"]'),e=this.findFocusedIndicatorIndex();this.changedFocusedIndicator(e,t.length-1)},onTabKey:function(){var t=j(i.find(this.$refs.itemsContainer,'[data-pc-section="thumbnailitem"]')),e=t.findIndex((function(t){return!0===i.getAttribute(t,"data-p-active")})),n=i.findSingle(this.$refs.itemsContainer,'[tabindex="0"]'),a=t.findIndex((function(t){return t===n.parentElement}));t[a].children[0].tabIndex="-1",t[e].children[0].tabIndex="0"},findFocusedIndicatorIndex:function(){var t=j(i.find(this.$refs.itemsContainer,'[data-pc-section="thumbnailitem"]')),e=i.findSingle(this.$refs.itemsContainer,'[data-pc-section="thumbnailitem"] > [tabindex="0"]');return t.findIndex((function(t){return t===e.parentElement}))},changedFocusedIndicator:function(t,e){var n=i.find(this.$refs.itemsContainer,'[data-pc-section="thumbnailitem"]');n[t].children[0].tabIndex="-1",n[e].children[0].tabIndex="0",n[e].children[0].focus()},onTransitionEnd:function(){this.$refs.itemsContainer&&(document.body.setAttribute("data-p-items-hidden","true"),!this.isUnstyled&&i.addClass(this.$refs.itemsContainer,"p-items-hidden"),this.$refs.itemsContainer.style.transition="")},onTouchStart:function(t){var e=t.changedTouches[0];this.startPos={x:e.pageX,y:e.pageY}},onTouchMove:function(t){t.cancelable&&t.preventDefault()},onTouchEnd:function(t){var e=t.changedTouches[0];this.changePageOnTouch(t,this.isVertical?e.pageY-this.startPos.y:e.pageX-this.startPos.x)},changePageOnTouch:function(t,e){e<0?this.navForward(t):this.navBackward(t)},getTotalPageNumber:function(){return this.value.length>this.d_numVisible?this.value.length-this.d_numVisible+1:0},createStyle:function(){var t;this.thumbnailsStyle||(this.thumbnailsStyle=document.createElement("style"),this.thumbnailsStyle.type="text/css",i.setAttribute(this.thumbnailsStyle,"nonce",null===(t=this.$primevue)||void 0===t||null===(t=t.config)||void 0===t||null===(t=t.csp)||void 0===t?void 0:t.nonce),document.body.appendChild(this.thumbnailsStyle));var e="\n #".concat(this.containerId,' [data-pc-section="thumbnailitem"] {\n flex: 1 0 ').concat(100/this.d_numVisible,"%\n }\n ");if(this.responsiveOptions&&!this.isUnstyled){this.sortedResponsiveOptions=j(this.responsiveOptions);var a=n.localeComparator();this.sortedResponsiveOptions.sort((function(t,e){return n.sort(t.breakpoint,e.breakpoint,-1,a)}));for(var o=0;o<this.sortedResponsiveOptions.length;o++){var r=this.sortedResponsiveOptions[o];e+="\n @media screen and (max-width: ".concat(r.breakpoint,") {\n #").concat(this.containerId," .p-galleria-thumbnail-item {\n flex: 1 0 ").concat(100/r.numVisible,"%\n }\n }\n ")}}this.thumbnailsStyle.innerHTML=e},calculatePosition:function(){if(this.$refs.itemsContainer&&this.sortedResponsiveOptions){for(var t=window.innerWidth,e={numVisible:this.numVisible},i=0;i<this.sortedResponsiveOptions.length;i++){var n=this.sortedResponsiveOptions[i];parseInt(n.breakpoint,10)>=t&&(e=n)}this.d_numVisible!==e.numVisible&&(this.d_numVisible=e.numVisible)}},bindDocumentListeners:function(){var t=this;this.documentResizeListener||(this.documentResizeListener=function(){t.calculatePosition()},window.addEventListener("resize",this.documentResizeListener))},unbindDocumentListeners:function(){this.documentResizeListener&&(window.removeEventListener("resize",this.documentResizeListener),this.documentResizeListener=null)},isNavBackwardDisabled:function(){return!this.circular&&0===this.d_activeIndex||this.value.length<=this.d_numVisible},isNavForwardDisabled:function(){return!this.circular&&this.d_activeIndex===this.value.length-1||this.value.length<=this.d_numVisible},firstItemAciveIndex:function(){return-1*this.totalShiftedItems},lastItemActiveIndex:function(){return this.firstItemAciveIndex()+this.d_numVisible-1},isItemActive:function(t){return this.firstItemAciveIndex()<=t&&this.lastItemActiveIndex()>=t},ariaPageLabel:function(t){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.pageLabel.replace(/{page}/g,t):void 0}},computed:{ariaPrevButtonLabel:function(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.prevPageLabel:void 0},ariaNextButtonLabel:function(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.nextPageLabel:void 0}},components:{ChevronLeftIcon:u,ChevronRightIcon:d,ChevronUpIcon:C,ChevronDownIcon:k},directives:{ripple:c}};function F(t){return F="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},F(t)}function K(t,e){var i=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),i.push.apply(i,n)}return i}function U(t){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?K(Object(i),!0).forEach((function(e){G(t,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):K(Object(i)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(i,e))}))}return t}function G(t,e,i){return(e=z(e))in t?Object.defineProperty(t,e,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[e]=i,t}function z(t){var e=W(t,"string");return"symbol"===F(e)?e:String(e)}function W(t,e){if("object"!==F(t)||null===t)return t;var i=t[Symbol.toPrimitive];if(void 0!==i){var n=i.call(t,e||"default");if("object"!==F(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}var X=["disabled","aria-label"],Y=["data-p-active","aria-selected","aria-controls","onKeydown","data-p-galleria-thumbnail-item-current","data-p-galleria-thumbnail-item-active","data-p-galleria-thumbnail-item-start","data-p-galleria-thumbnail-item-end"],Z=["tabindex","aria-label","aria-current","onClick"],q=["disabled","aria-label"];function J(t){return J="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},J(t)}function Q(t,e){var i=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),i.push.apply(i,n)}return i}function tt(t){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?Q(Object(i),!0).forEach((function(e){et(t,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):Q(Object(i)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(i,e))}))}return t}function et(t,e,i){return(e=it(e))in t?Object.defineProperty(t,e,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[e]=i,t}function it(t){var e=nt(t,"string");return"symbol"===J(e)?e:String(e)}function nt(t,e){if("object"!==J(t)||null===t)return t;var i=t[Symbol.toPrimitive];if(void 0!==i){var n=i.call(t,e||"default");if("object"!==J(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}M.render=function(t,e,i,n,a,o){var r=h("ripple");return m(),p("div",v({class:t.cx("thumbnailWrapper")},t.ptm("thumbnailWrapper")),[f("div",v({class:t.cx("thumbnailContainer")},t.ptm("thumbnailContainer")),[i.showThumbnailNavigators?b((m(),p("button",v({key:0,class:t.cx("previousThumbnailButton"),disabled:o.isNavBackwardDisabled(),type:"button","aria-label":o.ariaPrevButtonLabel,onClick:e[0]||(e[0]=function(t){return o.navBackward(t)})},U(U({},i.prevButtonProps),t.ptm("previousThumbnailButton")),{"data-pc-group-section":"thumbnailnavigator"}),[(m(),I(y(i.templates.previousthumbnailicon||(i.isVertical?"ChevronUpIcon":"ChevronLeftIcon")),v({class:t.cx("previousThumbnailIcon")},t.ptm("previousThumbnailIcon")),null,16,["class"]))],16,X)),[[r]]):g("",!0),f("div",v({class:t.cx("thumbnailItemsContainer"),style:{height:i.isVertical?i.contentHeight:""}},t.ptm("thumbnailItemsContainer")),[f("div",v({ref:"itemsContainer",class:t.cx("thumbnailItems"),role:"tablist",onTransitionend:e[1]||(e[1]=function(){return o.onTransitionEnd&&o.onTransitionEnd.apply(o,arguments)}),onTouchstart:e[2]||(e[2]=function(t){return o.onTouchStart(t)}),onTouchmove:e[3]||(e[3]=function(t){return o.onTouchMove(t)}),onTouchend:e[4]||(e[4]=function(t){return o.onTouchEnd(t)})},t.ptm("thumbnailItems")),[(m(!0),p(x,null,S(i.value,(function(e,n){return m(),p("div",v({key:"p-galleria-thumbnail-item-".concat(n),class:t.cx("thumbnailItem",{index:n,activeIndex:i.activeIndex}),role:"tab","data-p-active":i.activeIndex===n,"aria-selected":i.activeIndex===n,"aria-controls":i.containerId+"_item_"+n,onKeydown:function(t){return o.onThumbnailKeydown(t,n)}},t.ptm("thumbnailItem"),{"data-p-galleria-thumbnail-item-current":i.activeIndex===n,"data-p-galleria-thumbnail-item-active":o.isItemActive(n),"data-p-galleria-thumbnail-item-start":o.firstItemAciveIndex()===n,"data-p-galleria-thumbnail-item-end":o.lastItemActiveIndex()===n}),[f("div",v({class:t.cx("thumbnailItemContent"),tabindex:i.activeIndex===n?"0":"-1","aria-label":o.ariaPageLabel(n+1),"aria-current":i.activeIndex===n?"page":void 0,onClick:function(t){return o.onItemClick(n)}},t.ptm("thumbnailItemContent")),[i.templates.thumbnail?(m(),I(y(i.templates.thumbnail),{key:0,item:e},null,8,["item"])):g("",!0)],16,Z)],16,Y)})),128))],16)],16),i.showThumbnailNavigators?b((m(),p("button",v({key:1,class:t.cx("nextThumbnailButton"),disabled:o.isNavForwardDisabled(),type:"button","aria-label":o.ariaNextButtonLabel,onClick:e[5]||(e[5]=function(t){return o.navForward(t)})},U(U({},i.nextButtonProps),t.ptm("nextThumbnailButton")),{"data-pc-group-section":"thumbnailnavigator"}),[(m(),I(y(i.templates.nextthumbnailicon||(i.isVertical?"ChevronDownIcon":"ChevronRightIcon")),v({class:t.cx("nextThumbnailIcon")},t.ptm("nextThumbnailIcon")),null,16,["class"]))],16,q)),[[r]]):g("",!0)],16)],16)};var at={name:"GalleriaContent",hostName:"Galleria",extends:r,inheritAttrs:!1,interval:null,emits:["activeitem-change","mask-hide"],data:function(){return{id:this.$attrs.id||a(),activeIndex:this.$attrs.activeIndex,numVisible:this.$attrs.numVisible,slideShowActive:!1}},watch:{"$attrs.value":function(t){t&&t.length<this.numVisible&&(this.numVisible=t.length)},"$attrs.activeIndex":function(t){this.activeIndex=t},"$attrs.numVisible":function(t){this.numVisible=t},"$attrs.autoPlay":function(t){t?this.startSlideShow():this.stopSlideShow()}},updated:function(){this.$emit("activeitem-change",this.activeIndex)},beforeUnmount:function(){this.slideShowActive&&this.stopSlideShow()},methods:{getPTOptions:function(t){return this.ptm(t,{props:tt(tt({},this.$attrs),{},{pt:this.pt,unstyled:this.unstyled})})},isAutoPlayActive:function(){return this.slideShowActive},startSlideShow:function(){var t=this;this.interval=setInterval((function(){t.activeIndex=t.$attrs.circular&&t.$attrs.value.length-1===t.activeIndex?0:t.activeIndex+1}),this.$attrs.transitionInterval),this.slideShowActive=!0},stopSlideShow:function(){this.interval&&clearInterval(this.interval),this.slideShowActive=!1},getPositionClass:function(t,e){var i=["top","left","bottom","right"].find((function(t){return t===e}));return i?"".concat(t,"-").concat(i):""},isVertical:function(){return"left"===this.$attrs.thumbnailsPosition||"right"===this.$attrs.thumbnailsPosition}},computed:{closeAriaLabel:function(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.close:void 0}},components:{GalleriaItem:B,GalleriaThumbnails:M,TimesIcon:l},directives:{ripple:c}};function ot(t){return ot="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},ot(t)}function rt(t,e){var i=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),i.push.apply(i,n)}return i}function st(t){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?rt(Object(i),!0).forEach((function(e){lt(t,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):rt(Object(i)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(i,e))}))}return t}function lt(t,e,i){return(e=ct(e))in t?Object.defineProperty(t,e,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[e]=i,t}function ct(t){var e=ut(t,"string");return"symbol"===ot(e)?e:String(e)}function ut(t,e){if("object"!==ot(t)||null===t)return t;var i=t[Symbol.toPrimitive];if(void 0!==i){var n=i.call(t,e||"default");if("object"!==ot(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}var dt=["id"],ht=["aria-label"],mt=["aria-live"];at.render=function(t,e,i,n,a,o){var r=w("GalleriaItem"),s=w("GalleriaThumbnails"),l=h("ripple");return t.$attrs.value&&t.$attrs.value.length>0?(m(),p("div",v({key:0,id:a.id,class:[t.cx("root"),t.$attrs.containerClass],style:t.$attrs.containerStyle},st(st({},t.$attrs.containerProps),o.getPTOptions("root")),{"data-pc-name":"galleria"}),[t.$attrs.fullScreen?b((m(),p("button",v({key:0,autofocus:"",type:"button",class:t.cx("closeButton"),"aria-label":o.closeAriaLabel,onClick:e[0]||(e[0]=function(e){return t.$emit("mask-hide")})},o.getPTOptions("closeButton")),[(m(),I(y(t.$attrs.templates.closeicon||"TimesIcon"),v({class:t.cx("closeIcon")},o.getPTOptions("closeIcon")),null,16,["class"]))],16,ht)),[[l]]):g("",!0),t.$attrs.templates&&t.$attrs.templates.header?(m(),p("div",v({key:1,class:t.cx("header")},o.getPTOptions("header")),[(m(),I(y(t.$attrs.templates.header)))],16)):g("",!0),f("div",v({class:t.cx("content"),"aria-live":t.$attrs.autoPlay?"polite":"off"},o.getPTOptions("content")),[$(r,{id:a.id,activeIndex:a.activeIndex,"onUpdate:activeIndex":e[1]||(e[1]=function(t){return a.activeIndex=t}),slideShowActive:a.slideShowActive,"onUpdate:slideShowActive":e[2]||(e[2]=function(t){return a.slideShowActive=t}),value:t.$attrs.value,circular:t.$attrs.circular,templates:t.$attrs.templates,showIndicators:t.$attrs.showIndicators,changeItemOnIndicatorHover:t.$attrs.changeItemOnIndicatorHover,showItemNavigators:t.$attrs.showItemNavigators,autoPlay:t.$attrs.autoPlay,onStartSlideshow:o.startSlideShow,onStopSlideshow:o.stopSlideShow,pt:t.pt,unstyled:t.unstyled},null,8,["id","activeIndex","slideShowActive","value","circular","templates","showIndicators","changeItemOnIndicatorHover","showItemNavigators","autoPlay","onStartSlideshow","onStopSlideshow","pt","unstyled"]),t.$attrs.showThumbnails?(m(),I(s,{key:0,activeIndex:a.activeIndex,"onUpdate:activeIndex":e[3]||(e[3]=function(t){return a.activeIndex=t}),slideShowActive:a.slideShowActive,"onUpdate:slideShowActive":e[4]||(e[4]=function(t){return a.slideShowActive=t}),containerId:a.id,value:t.$attrs.value,templates:t.$attrs.templates,numVisible:a.numVisible,responsiveOptions:t.$attrs.responsiveOptions,circular:t.$attrs.circular,isVertical:o.isVertical(),contentHeight:t.$attrs.verticalThumbnailViewPortHeight,showThumbnailNavigators:t.$attrs.showThumbnailNavigators,prevButtonProps:t.$attrs.prevButtonProps,nextButtonProps:t.$attrs.nextButtonProps,onStopSlideshow:o.stopSlideShow,pt:t.pt,unstyled:t.unstyled},null,8,["activeIndex","slideShowActive","containerId","value","templates","numVisible","responsiveOptions","circular","isVertical","contentHeight","showThumbnailNavigators","prevButtonProps","nextButtonProps","onStopSlideshow","pt","unstyled"])):g("",!0)],16,mt),t.$attrs.templates&&t.$attrs.templates.footer?(m(),p("div",v({key:2,class:t.cx("footer")},o.getPTOptions("footer")),[(m(),I(y(t.$attrs.templates.footer)))],16)):g("",!0)],16,dt)):g("",!0)};var pt={name:"Galleria",extends:A,inheritAttrs:!1,emits:["update:activeIndex","update:visible"],container:null,mask:null,data:function(){return{containerVisible:this.visible}},updated:function(){this.fullScreen&&this.visible&&(this.containerVisible=this.visible)},beforeUnmount:function(){this.fullScreen&&i.unblockBodyScroll(),this.mask=null,this.container&&(o.clear(this.container),this.container=null)},methods:{onBeforeEnter:function(t){o.set("modal",t,this.baseZIndex||this.$primevue.config.zIndex.modal)},onEnter:function(t){this.mask.style.zIndex=String(parseInt(t.style.zIndex,10)-1),i.blockBodyScroll(),this.focus()},onBeforeLeave:function(){!this.isUnstyled&&i.addClass(this.mask,"p-component-overlay-leave")},onAfterLeave:function(t){o.clear(t),this.containerVisible=!1,i.unblockBodyScroll()},onActiveItemChange:function(t){this.activeIndex!==t&&this.$emit("update:activeIndex",t)},maskHide:function(){this.$emit("update:visible",!1)},containerRef:function(t){this.container=t},maskRef:function(t){this.mask=t},focus:function(){var t=this.container.$el.querySelector("[autofocus]");t&&t.focus()}},components:{GalleriaContent:at,Portal:e},directives:{focustrap:t}},vt=["role","aria-modal"];pt.render=function(t,e,i,n,a,o){var r=w("GalleriaContent"),s=w("Portal"),l=h("focustrap");return t.fullScreen?(m(),I(s,{key:0},{default:P((function(){return[a.containerVisible?(m(),p("div",v({key:0,ref:o.maskRef,class:[t.cx("mask"),t.maskClass],role:t.fullScreen?"dialog":"region","aria-modal":t.fullScreen?"true":void 0},t.ptm("mask")),[$(O,v({name:"p-galleria",onBeforeEnter:o.onBeforeEnter,onEnter:o.onEnter,onBeforeLeave:o.onBeforeLeave,onAfterLeave:o.onAfterLeave,appear:""},t.ptm("transition")),{default:P((function(){return[t.visible?b((m(),I(r,v({key:0,ref:o.containerRef,onMaskHide:o.maskHide,templates:t.$slots,onActiveitemChange:o.onActiveItemChange,pt:t.pt,unstyled:t.unstyled},t.$props),null,16,["onMaskHide","templates","onActiveitemChange","pt","unstyled"])),[[l]]):g("",!0)]})),_:1},16,["onBeforeEnter","onEnter","onBeforeLeave","onAfterLeave"])],16,vt)):g("",!0)]})),_:1})):(m(),I(r,v({key:1,templates:t.$slots,onActiveitemChange:o.onActiveItemChange,pt:t.pt,unstyled:t.unstyled},t.$props),null,16,["templates","onActiveitemChange","pt","unstyled"]))};export{pt as default};