primevue 3.16.2 → 3.17.0

package/galleria/galleria.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.galleria=function(e,t,i,n){"use strict";function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=a(t),s=a(n),o={name:"GalleriaItem",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}},mounted(){this.autoPlay&&this.$emit("start-slideshow")},methods:{next(){let e=this.activeIndex+1,t=this.circular&&this.value.length-1===this.activeIndex?0:e;this.$emit("update:activeIndex",t)},prev(){let e=0!==this.activeIndex?this.activeIndex-1:0,t=this.circular&&0===this.activeIndex?this.value.length-1:e;this.$emit("update:activeIndex",t)},stopSlideShow(){this.slideShowActive&&this.stopSlideShow&&this.$emit("stop-slideshow")},navBackward(e){this.stopSlideShow(),this.prev(),e&&e.cancelable&&e.preventDefault()},navForward(e){this.stopSlideShow(),this.next(),e&&e.cancelable&&e.preventDefault()},onIndicatorClick(e){this.stopSlideShow(),this.$emit("update:activeIndex",e)},onIndicatorMouseEnter(e){this.changeItemOnIndicatorHover&&(this.stopSlideShow(),this.$emit("update:activeIndex",e))},onIndicatorKeyDown(e){this.stopSlideShow(),this.$emit("update:activeIndex",e)},isIndicatorItemActive(e){return this.activeIndex===e},isNavBackwardDisabled(){return!this.circular&&0===this.activeIndex},isNavForwardDisabled(){return!this.circular&&this.activeIndex===this.value.length-1}},computed:{activeItem(){return this.value[this.activeIndex]},navBackwardClass(){return["p-galleria-item-prev p-galleria-item-nav p-link",{"p-disabled":this.isNavBackwardDisabled()}]},navForwardClass(){return["p-galleria-item-next p-galleria-item-nav p-link",{"p-disabled":this.isNavForwardDisabled()}]}},directives:{ripple:l.default}};const r={class:"p-galleria-item-wrapper"},d={class:"p-galleria-item-container"},c=["disabled"],m=[i.createElementVNode("span",{class:"p-galleria-item-prev-icon pi pi-chevron-left"},null,-1)],p={class:"p-galleria-item"},h=["disabled"],u=[i.createElementVNode("span",{class:"p-galleria-item-next-icon pi pi-chevron-right"},null,-1)],b={key:2,class:"p-galleria-caption"},v={key:0,class:"p-galleria-indicators p-reset"},g=["onClick","onMouseenter","onKeydown"],x={key:0,type:"button",tabindex:"-1",class:"p-link"};o.render=function(e,t,n,a,l,s){const o=i.resolveDirective("ripple");return i.openBlock(),i.createElementBlock("div",r,[i.createElementVNode("div",d,[n.showItemNavigators?i.withDirectives((i.openBlock(),i.createElementBlock("button",{key:0,type:"button",class:i.normalizeClass(s.navBackwardClass),onClick:t[0]||(t[0]=e=>s.navBackward(e)),disabled:s.isNavBackwardDisabled()},m,10,c)),[[o]]):i.createCommentVNode("",!0),i.createElementVNode("div",p,[n.templates.item?(i.openBlock(),i.createBlock(i.resolveDynamicComponent(n.templates.item),{key:0,item:s.activeItem},null,8,["item"])):i.createCommentVNode("",!0)]),n.showItemNavigators?i.withDirectives((i.openBlock(),i.createElementBlock("button",{key:1,type:"button",class:i.normalizeClass(s.navForwardClass),onClick:t[1]||(t[1]=e=>s.navForward(e)),disabled:s.isNavForwardDisabled()},u,10,h)),[[o]]):i.createCommentVNode("",!0),n.templates.caption?(i.openBlock(),i.createElementBlock("div",b,[n.templates.caption?(i.openBlock(),i.createBlock(i.resolveDynamicComponent(n.templates.caption),{key:0,item:s.activeItem},null,8,["item"])):i.createCommentVNode("",!0)])):i.createCommentVNode("",!0)]),n.showIndicators?(i.openBlock(),i.createElementBlock("ul",v,[(i.openBlock(!0),i.createElementBlock(i.Fragment,null,i.renderList(n.value,((e,t)=>(i.openBlock(),i.createElementBlock("li",{key:`p-galleria-indicator-${t}`,tabindex:"0",onClick:e=>s.onIndicatorClick(t),onMouseenter:e=>s.onIndicatorMouseEnter(t),onKeydown:i.withKeys((e=>s.onIndicatorKeyDown(t)),["enter"]),class:i.normalizeClass(["p-galleria-indicator",{"p-highlight":s.isIndicatorItemActive(t)}])},[n.templates.indicator?i.createCommentVNode("",!0):(i.openBlock(),i.createElementBlock("button",x)),n.templates.indicator?(i.openBlock(),i.createBlock(i.resolveDynamicComponent(n.templates.indicator),{key:1,index:t},null,8,["index"])):i.createCommentVNode("",!0)],42,g)))),128))])):i.createCommentVNode("",!0)])};var f={name:"GalleriaThumbnails",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}},startPos:null,thumbnailsStyle:null,sortedResponsiveOptions:null,data(){return{d_numVisible:this.numVisible,d_oldNumVisible:this.numVisible,d_activeIndex:this.activeIndex,d_oldActiveItemIndex:this.activeIndex,totalShiftedItems:0,page:0}},watch:{numVisible(e,t){this.d_numVisible=e,this.d_oldNumVisible=t},activeIndex(e,t){this.d_activeIndex=e,this.d_oldActiveItemIndex=t}},mounted(){this.createStyle(),this.calculatePosition(),this.responsiveOptions&&this.bindDocumentListeners()},updated(){let 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(),t!==this.totalShiftedItems&&(this.totalShiftedItems=t),this.$refs.itemsContainer.style.transform=this.isVertical?`translate3d(0, ${t*(100/this.d_numVisible)}%, 0)`:`translate3d(${t*(100/this.d_numVisible)}%, 0, 0)`,this.d_oldActiveItemIndex!==this.d_activeIndex&&(e.DomHandler.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(){this.responsiveOptions&&this.unbindDocumentListeners(),this.thumbnailsStyle&&this.thumbnailsStyle.parentNode.removeChild(this.thumbnailsStyle)},methods:{step(t){let i=this.totalShiftedItems+t;t<0&&-1*i+this.d_numVisible>this.value.length-1?i=this.d_numVisible-this.value.length:t>0&&i>0&&(i=0),this.circular&&(t<0&&this.value.length-1===this.d_activeIndex?i=0:t>0&&0===this.d_activeIndex&&(i=this.d_numVisible-this.value.length)),this.$refs.itemsContainer&&(e.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},stopSlideShow(){this.slideShowActive&&this.stopSlideShow&&this.$emit("stop-slideshow")},getMedianItemIndex(){let e=Math.floor(this.d_numVisible/2);return this.d_numVisible%2?e:e-1},navBackward(e){this.stopSlideShow();let t=0!==this.d_activeIndex?this.d_activeIndex-1:0,i=t+this.totalShiftedItems;this.d_numVisible-i-1>this.getMedianItemIndex()&&(-1*this.totalShiftedItems!=0||this.circular)&&this.step(1);let n=this.circular&&0===this.d_activeIndex?this.value.length-1:t;this.$emit("update:activeIndex",n),e.cancelable&&e.preventDefault()},navForward(e){this.stopSlideShow();let t=this.d_activeIndex+1;t+this.totalShiftedItems>this.getMedianItemIndex()&&(-1*this.totalShiftedItems<this.getTotalPageNumber()-1||this.circular)&&this.step(-1);let i=this.circular&&this.value.length-1===this.d_activeIndex?0:t;this.$emit("update:activeIndex",i),e.cancelable&&e.preventDefault()},onItemClick(e){this.stopSlideShow();let t=e;if(t!==this.d_activeIndex){const e=t+this.totalShiftedItems;let i=0;t<this.d_activeIndex?(i=this.d_numVisible-e-1-this.getMedianItemIndex(),i>0&&-1*this.totalShiftedItems!=0&&this.step(i)):(i=this.getMedianItemIndex()-e,i<0&&-1*this.totalShiftedItems<this.getTotalPageNumber()-1&&this.step(i)),this.$emit("update:activeIndex",t)}},onTransitionEnd(){this.$refs.itemsContainer&&(e.DomHandler.addClass(this.$refs.itemsContainer,"p-items-hidden"),this.$refs.itemsContainer.style.transition="")},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){t<0?this.navForward(e):this.navBackward(e)},getTotalPageNumber(){return this.value.length>this.d_numVisible?this.value.length-this.d_numVisible+1:0},createStyle(){this.thumbnailsStyle||(this.thumbnailsStyle=document.createElement("style"),this.thumbnailsStyle.type="text/css",document.body.appendChild(this.thumbnailsStyle));let e=`\n                #${this.containerId} .p-galleria-thumbnail-item {\n                    flex: 1 0 ${100/this.d_numVisible}%\n                }\n            `;if(this.responsiveOptions){this.sortedResponsiveOptions=[...this.responsiveOptions],this.sortedResponsiveOptions.sort(((e,t)=>{const i=e.breakpoint,n=t.breakpoint;let a=null;return a=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*a}));for(let t=0;t<this.sortedResponsiveOptions.length;t++){let i=this.sortedResponsiveOptions[t];e+=`\n                        @media screen and (max-width: ${i.breakpoint}) {\n                            #${this.containerId} .p-galleria-thumbnail-item {\n                                flex: 1 0 ${100/i.numVisible}%\n                            }\n                        }\n                    `}}this.thumbnailsStyle.innerHTML=e},calculatePosition(){if(this.$refs.itemsContainer&&this.sortedResponsiveOptions){let e=window.innerWidth,t={numVisible:this.numVisible};for(let i=0;i<this.sortedResponsiveOptions.length;i++){let n=this.sortedResponsiveOptions[i];parseInt(n.breakpoint,10)>=e&&(t=n)}this.d_numVisible!==t.numVisible&&(this.d_numVisible=t.numVisible)}},bindDocumentListeners(){this.documentResizeListener||(this.documentResizeListener=()=>{this.calculatePosition()},window.addEventListener("resize",this.documentResizeListener))},unbindDocumentListeners(){this.documentResizeListener&&(window.removeEventListener("resize",this.documentResizeListener),this.documentResizeListener=null)},isNavBackwardDisabled(){return!this.circular&&0===this.d_activeIndex||this.value.length<=this.d_numVisible},isNavForwardDisabled(){return!this.circular&&this.d_activeIndex===this.value.length-1||this.value.length<=this.d_numVisible},firstItemAciveIndex(){return-1*this.totalShiftedItems},lastItemActiveIndex(){return this.firstItemAciveIndex()+this.d_numVisible-1},isItemActive(e){return this.firstItemAciveIndex()<=e&&this.lastItemActiveIndex()>=e}},computed:{navBackwardClass(){return["p-galleria-thumbnail-prev p-link",{"p-disabled":this.isNavBackwardDisabled()}]},navForwardClass(){return["p-galleria-thumbnail-next p-link",{"p-disabled":this.isNavForwardDisabled()}]},navBackwardIconClass(){return["p-galleria-thumbnail-prev-icon pi",{"pi-chevron-left":!this.isVertical,"pi-chevron-up":this.isVertical}]},navForwardIconClass(){return["p-galleria-thumbnail-next-icon pi",{"pi-chevron-right":!this.isVertical,"pi-chevron-down":this.isVertical}]}},directives:{ripple:l.default}};const w={class:"p-galleria-thumbnail-wrapper"},k={class:"p-galleria-thumbnail-container"},y=["disabled"],I=["tabindex","onClick","onKeydown"],S=["disabled"];f.render=function(e,t,n,a,l,s){const o=i.resolveDirective("ripple");return i.openBlock(),i.createElementBlock("div",w,[i.createElementVNode("div",k,[n.showThumbnailNavigators?i.withDirectives((i.openBlock(),i.createElementBlock("button",{key:0,class:i.normalizeClass(s.navBackwardClass),onClick:t[0]||(t[0]=e=>s.navBackward(e)),disabled:s.isNavBackwardDisabled(),type:"button"},[i.createElementVNode("span",{class:i.normalizeClass(s.navBackwardIconClass)},null,2)],10,y)),[[o]]):i.createCommentVNode("",!0),i.createElementVNode("div",{class:"p-galleria-thumbnail-items-container",style:i.normalizeStyle({height:n.isVertical?n.contentHeight:""})},[i.createElementVNode("div",{ref:"itemsContainer",class:"p-galleria-thumbnail-items",onTransitionend:t[1]||(t[1]=(...e)=>s.onTransitionEnd&&s.onTransitionEnd(...e)),onTouchstart:t[2]||(t[2]=e=>s.onTouchStart(e)),onTouchmove:t[3]||(t[3]=e=>s.onTouchMove(e)),onTouchend:t[4]||(t[4]=e=>s.onTouchEnd(e))},[(i.openBlock(!0),i.createElementBlock(i.Fragment,null,i.renderList(n.value,((e,t)=>(i.openBlock(),i.createElementBlock("div",{key:`p-galleria-thumbnail-item-${t}`,class:i.normalizeClass(["p-galleria-thumbnail-item",{"p-galleria-thumbnail-item-current":n.activeIndex===t,"p-galleria-thumbnail-item-active":s.isItemActive(t),"p-galleria-thumbnail-item-start":s.firstItemAciveIndex()===t,"p-galleria-thumbnail-item-end":s.lastItemActiveIndex()===t}])},[i.createElementVNode("div",{class:"p-galleria-thumbnail-item-content",tabindex:s.isItemActive(t)?0:null,onClick:e=>s.onItemClick(t),onKeydown:i.withKeys((e=>s.onItemClick(t)),["enter"])},[n.templates.thumbnail?(i.openBlock(),i.createBlock(i.resolveDynamicComponent(n.templates.thumbnail),{key:0,item:e},null,8,["item"])):i.createCommentVNode("",!0)],40,I)],2)))),128))],544)],4),n.showThumbnailNavigators?i.withDirectives((i.openBlock(),i.createElementBlock("button",{key:1,class:i.normalizeClass(s.navForwardClass),onClick:t[5]||(t[5]=e=>s.navForward(e)),disabled:s.isNavForwardDisabled(),type:"button"},[i.createElementVNode("span",{class:i.normalizeClass(s.navForwardIconClass)},null,2)],10,S)),[[o]]):i.createCommentVNode("",!0)])])};var C={name:"GalleriaContent",inheritAttrs:!1,interval:null,emits:["activeitem-change","mask-hide"],data(){return{id:this.$attrs.id||e.UniqueComponentId(),activeIndex:this.$attrs.activeIndex,numVisible:this.$attrs.numVisible,slideShowActive:!1}},watch:{"$attrs.value":function(e){e&&e.length<this.numVisible&&(this.numVisible=e.length)},"$attrs.activeIndex":function(e){this.activeIndex=e},"$attrs.numVisible":function(e){this.numVisible=e}},updated(){this.$emit("activeitem-change",this.activeIndex)},beforeUnmount(){this.slideShowActive&&this.stopSlideShow()},methods:{isAutoPlayActive(){return this.slideShowActive},startSlideShow(){this.interval=setInterval((()=>{let e=this.$attrs.circular&&this.$attrs.value.length-1===this.activeIndex?0:this.activeIndex+1;this.activeIndex=e}),this.$attrs.transitionInterval),this.slideShowActive=!0},stopSlideShow(){this.interval&&clearInterval(this.interval),this.slideShowActive=!1},getPositionClass(e,t){const i=["top","left","bottom","right"].find((e=>e===t));return i?`${e}-${i}`:""},isVertical(){return"left"===this.$attrs.thumbnailsPosition||"right"===this.$attrs.thumbnailsPosition}},computed:{galleriaClass(){const e=this.$attrs.showThumbnails&&this.getPositionClass("p-galleria-thumbnails",this.$attrs.thumbnailsPosition),t=this.$attrs.showIndicators&&this.getPositionClass("p-galleria-indicators",this.$attrs.indicatorsPosition);return["p-galleria p-component",{"p-galleria-fullscreen":this.$attrs.fullScreen,"p-galleria-indicator-onitem":this.$attrs.showIndicatorsOnItem,"p-galleria-item-nav-onhover":this.$attrs.showItemNavigatorsOnHover&&!this.$attrs.fullScreen},e,t,this.$attrs.containerClass]}},components:{GalleriaItem:o,GalleriaThumbnails:f,GalleriaItemSlot:{functional:!0,props:{item:{type:null,default:null},index:{type:Number,default:0},templates:{type:null,default:null},type:{type:String,default:null}},render(e,t){const{item:i,index:n,templates:a,type:l}=t.props,s=a&&a[l];if(s){let e;switch(l){case"item":case"caption":case"thumbnail":e=s({item:i});break;case"indicator":e=s({index:n});break;default:e=s({})}return e?[e]:null}return null}}},directives:{ripple:l.default}};const B=["id"],V=[i.createElementVNode("span",{class:"p-galleria-close-icon pi pi-times"},null,-1)],$={key:1,class:"p-galleria-header"},N={class:"p-galleria-content"},_={key:2,class:"p-galleria-footer"};C.render=function(e,t,n,a,l,s){const o=i.resolveComponent("GalleriaItem"),r=i.resolveComponent("GalleriaThumbnails"),d=i.resolveDirective("ripple");return e.$attrs.value&&e.$attrs.value.length>0?(i.openBlock(),i.createElementBlock("div",{key:0,id:l.id,class:i.normalizeClass(s.galleriaClass),style:i.normalizeStyle(e.$attrs.containerStyle)},[e.$attrs.fullScreen?i.withDirectives((i.openBlock(),i.createElementBlock("button",{key:0,type:"button",class:"p-galleria-close p-link",onClick:t[0]||(t[0]=t=>e.$emit("mask-hide"))},V)),[[d]]):i.createCommentVNode("",!0),e.$attrs.templates&&e.$attrs.templates.header?(i.openBlock(),i.createElementBlock("div",$,[(i.openBlock(),i.createBlock(i.resolveDynamicComponent(e.$attrs.templates.header)))])):i.createCommentVNode("",!0),i.createElementVNode("div",N,[i.createVNode(o,{value:e.$attrs.value,activeIndex:l.activeIndex,"onUpdate:activeIndex":t[1]||(t[1]=e=>l.activeIndex=e),circular:e.$attrs.circular,templates:e.$attrs.templates,showIndicators:e.$attrs.showIndicators,changeItemOnIndicatorHover:e.$attrs.changeItemOnIndicatorHover,showItemNavigators:e.$attrs.showItemNavigators,autoPlay:e.$attrs.autoPlay,slideShowActive:l.slideShowActive,"onUpdate:slideShowActive":t[2]||(t[2]=e=>l.slideShowActive=e),onStartSlideshow:s.startSlideShow,onStopSlideshow:s.stopSlideShow},null,8,["value","activeIndex","circular","templates","showIndicators","changeItemOnIndicatorHover","showItemNavigators","autoPlay","slideShowActive","onStartSlideshow","onStopSlideshow"]),e.$attrs.showThumbnails?(i.openBlock(),i.createBlock(r,{key:0,containerId:l.id,value:e.$attrs.value,activeIndex:l.activeIndex,"onUpdate:activeIndex":t[3]||(t[3]=e=>l.activeIndex=e),templates:e.$attrs.templates,numVisible:l.numVisible,responsiveOptions:e.$attrs.responsiveOptions,circular:e.$attrs.circular,isVertical:s.isVertical(),contentHeight:e.$attrs.verticalThumbnailViewPortHeight,showThumbnailNavigators:e.$attrs.showThumbnailNavigators,slideShowActive:l.slideShowActive,"onUpdate:slideShowActive":t[4]||(t[4]=e=>l.slideShowActive=e),onStopSlideshow:s.stopSlideShow},null,8,["containerId","value","activeIndex","templates","numVisible","responsiveOptions","circular","isVertical","contentHeight","showThumbnailNavigators","slideShowActive","onStopSlideshow"])):i.createCommentVNode("",!0)]),e.$attrs.templates&&e.$attrs.templates.footer?(i.openBlock(),i.createElementBlock("div",_,[(i.openBlock(),i.createBlock(i.resolveDynamicComponent(e.$attrs.templates.footer)))])):i.createCommentVNode("",!0)],14,B)):i.createCommentVNode("",!0)};var A={name:"Galleria",inheritAttrs:!1,emits:["update:activeIndex","update:visible"],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:null,containerClass:null},container:null,mask:null,data(){return{containerVisible:this.visible}},updated(){this.fullScreen&&this.visible&&(this.containerVisible=this.visible)},beforeUnmount(){this.fullScreen&&e.DomHandler.removeClass(document.body,"p-overflow-hidden"),this.mask=null,this.container&&(e.ZIndexUtils.clear(this.container),this.container=null)},methods:{onBeforeEnter(t){e.ZIndexUtils.set("modal",t,this.baseZIndex||this.$primevue.config.zIndex.modal)},onEnter(t){this.mask.style.zIndex=String(parseInt(t.style.zIndex,10)-1),e.DomHandler.addClass(document.body,"p-overflow-hidden")},onBeforeLeave(){e.DomHandler.addClass(this.mask,"p-component-overlay-leave")},onAfterLeave(t){e.ZIndexUtils.clear(t),this.containerVisible=!1,e.DomHandler.removeClass(document.body,"p-overflow-hidden")},onActiveItemChange(e){this.activeIndex!==e&&this.$emit("update:activeIndex",e)},maskHide(){this.$emit("update:visible",!1)},containerRef(e){this.container=e},maskRef(e){this.mask=e}},computed:{maskContentClass(){return["p-galleria-mask p-component-overlay p-component-overlay-enter",this.maskClass,{"p-input-filled":"filled"===this.$primevue.config.inputStyle,"p-ripple-disabled":!1===this.$primevue.config.ripple}]}},components:{GalleriaContent:C,Portal:s.default}};return function(e,t){void 0===t&&(t={});var i=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===i&&n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e))}}("\n.p-galleria-content {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n}\n.p-galleria-item-wrapper {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n    position: relative;\n}\n.p-galleria-item-container {\n    position: relative;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    height: 100%;\n}\n.p-galleria-item-nav {\n    position: absolute;\n    top: 50%;\n    margin-top: -.5rem;\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    overflow: hidden;\n}\n.p-galleria-item-prev {\n    left: 0;\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n}\n.p-galleria-item-next {\n    right: 0;\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n}\n.p-galleria-item {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    height: 100%;\n    width: 100%;\n}\n.p-galleria-item-nav-onhover .p-galleria-item-nav {\n    pointer-events: none;\n    opacity: 0;\n    -webkit-transition: opacity .2s ease-in-out;\n    transition: opacity .2s ease-in-out;\n}\n.p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav {\n    pointer-events: all;\n    opacity: 1;\n}\n.p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav.p-disabled {\n    pointer-events: none;\n}\n.p-galleria-caption {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n}\n\n/* Thumbnails */\n.p-galleria-thumbnail-wrapper {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n    overflow: auto;\n    -ms-flex-negative: 0;\n        flex-shrink: 0;\n}\n.p-galleria-thumbnail-prev,\n.p-galleria-thumbnail-next {\n    -ms-flex-item-align: center;\n        align-self: center;\n    -webkit-box-flex: 0;\n        -ms-flex: 0 0 auto;\n            flex: 0 0 auto;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    overflow: hidden;\n    position: relative;\n}\n.p-galleria-thumbnail-prev span,\n.p-galleria-thumbnail-next span {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n}\n.p-galleria-thumbnail-container {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-orient: horizontal;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: row;\n            flex-direction: row;\n}\n.p-galleria-thumbnail-items-container {\n    overflow: hidden;\n    width: 100%;\n}\n.p-galleria-thumbnail-items {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n}\n.p-galleria-thumbnail-item {\n    overflow: auto;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    cursor: pointer;\n    opacity: .5;\n}\n.p-galleria-thumbnail-item:hover {\n    opacity: 1;\n    -webkit-transition: opacity .3s;\n    transition: opacity .3s;\n}\n.p-galleria-thumbnail-item-current {\n    opacity: 1;\n}\n\n/* Positions */\n/* Thumbnails */\n.p-galleria-thumbnails-left .p-galleria-content,\n.p-galleria-thumbnails-right .p-galleria-content {\n    -webkit-box-orient: horizontal;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: row;\n            flex-direction: row;\n}\n.p-galleria-thumbnails-left .p-galleria-item-wrapper,\n.p-galleria-thumbnails-right .p-galleria-item-wrapper {\n    -webkit-box-orient: horizontal;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: row;\n            flex-direction: row;\n}\n.p-galleria-thumbnails-left .p-galleria-item-wrapper,\n.p-galleria-thumbnails-top .p-galleria-item-wrapper {\n    -webkit-box-ordinal-group: 3;\n        -ms-flex-order: 2;\n            order: 2;\n}\n.p-galleria-thumbnails-left .p-galleria-thumbnail-wrapper,\n.p-galleria-thumbnails-top .p-galleria-thumbnail-wrapper {\n    -webkit-box-ordinal-group: 2;\n        -ms-flex-order: 1;\n            order: 1;\n}\n.p-galleria-thumbnails-left .p-galleria-thumbnail-container,\n.p-galleria-thumbnails-right .p-galleria-thumbnail-container {\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n    -webkit-box-flex: 1;\n        -ms-flex-positive: 1;\n            flex-grow: 1;\n}\n.p-galleria-thumbnails-left .p-galleria-thumbnail-items,\n.p-galleria-thumbnails-right .p-galleria-thumbnail-items {\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n    height: 100%;\n}\n\n/* Indicators */\n.p-galleria-indicators {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n}\n.p-galleria-indicator > button {\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n}\n.p-galleria-indicators-left .p-galleria-item-wrapper,\n.p-galleria-indicators-right .p-galleria-item-wrapper {\n    -webkit-box-orient: horizontal;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: row;\n            flex-direction: row;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n}\n.p-galleria-indicators-left .p-galleria-item-container,\n.p-galleria-indicators-top .p-galleria-item-container {\n    -webkit-box-ordinal-group: 3;\n        -ms-flex-order: 2;\n            order: 2;\n}\n.p-galleria-indicators-left .p-galleria-indicators,\n.p-galleria-indicators-top .p-galleria-indicators {\n    -webkit-box-ordinal-group: 2;\n        -ms-flex-order: 1;\n            order: 1;\n}\n.p-galleria-indicators-left .p-galleria-indicators,\n.p-galleria-indicators-right .p-galleria-indicators {\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n}\n.p-galleria-indicator-onitem .p-galleria-indicators {\n    position: absolute;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n}\n.p-galleria-indicator-onitem.p-galleria-indicators-top .p-galleria-indicators {\n    top: 0;\n    left: 0;\n    width: 100%;\n    -webkit-box-align: start;\n        -ms-flex-align: start;\n            align-items: flex-start;\n}\n.p-galleria-indicator-onitem.p-galleria-indicators-right .p-galleria-indicators {\n    right: 0;\n    top: 0;\n    height: 100%;\n    -webkit-box-align: end;\n        -ms-flex-align: end;\n            align-items: flex-end;\n}\n.p-galleria-indicator-onitem.p-galleria-indicators-bottom .p-galleria-indicators {\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    -webkit-box-align: end;\n        -ms-flex-align: end;\n            align-items: flex-end;\n}\n.p-galleria-indicator-onitem.p-galleria-indicators-left .p-galleria-indicators {\n    left: 0;\n    top: 0;\n    height: 100%;\n    -webkit-box-align: start;\n        -ms-flex-align: start;\n            align-items: flex-start;\n}\n\n/* FullScreen */\n.p-galleria-mask {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n}\n.p-galleria-close {\n    position: absolute;\n    top: 0;\n    right: 0;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    overflow: hidden;\n}\n.p-galleria-mask .p-galleria-item-nav {\n    position: fixed;\n    top: 50%;\n    margin-top: -.5rem;\n}\n\n/* Animation */\n.p-galleria-enter-active {\n    -webkit-transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n    transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n}\n.p-galleria-leave-active {\n    -webkit-transition: all 150ms cubic-bezier(0.4, 0.0, 0.2, 1);\n    transition: all 150ms cubic-bezier(0.4, 0.0, 0.2, 1);\n}\n.p-galleria-enter-from,\n.p-galleria-leave-to {\n    opacity: 0;\n    -webkit-transform: scale(0.7);\n            transform: scale(0.7);\n}\n.p-galleria-enter-active .p-galleria-item-nav {\n    opacity: 0;\n}\n\n/* Keyboard Support */\n.p-items-hidden .p-galleria-thumbnail-item {\n    visibility: hidden;\n}\n.p-items-hidden .p-galleria-thumbnail-item.p-galleria-thumbnail-item-active {\n    visibility: visible;\n}\n"),A.render=function(e,t,n,a,l,s){const o=i.resolveComponent("GalleriaContent"),r=i.resolveComponent("Portal");return n.fullScreen?(i.openBlock(),i.createBlock(r,{key:0},{default:i.withCtx((()=>[l.containerVisible?(i.openBlock(),i.createElementBlock("div",{key:0,ref:s.maskRef,class:i.normalizeClass(s.maskContentClass)},[i.createVNode(i.Transition,{name:"p-galleria",onBeforeEnter:s.onBeforeEnter,onEnter:s.onEnter,onBeforeLeave:s.onBeforeLeave,onAfterLeave:s.onAfterLeave,appear:""},{default:i.withCtx((()=>[n.visible?(i.openBlock(),i.createBlock(o,i.mergeProps({key:0,ref:s.containerRef},e.$props,{onMaskHide:s.maskHide,templates:e.$slots,onActiveitemChange:s.onActiveItemChange}),null,16,["onMaskHide","templates","onActiveitemChange"])):i.createCommentVNode("",!0)])),_:1},8,["onBeforeEnter","onEnter","onBeforeLeave","onAfterLeave"])],2)):i.createCommentVNode("",!0)])),_:1})):(i.openBlock(),i.createBlock(o,i.mergeProps({key:1},e.$props,{templates:e.$slots,onActiveitemChange:s.onActiveItemChange}),null,16,["templates","onActiveitemChange"]))},A}(primevue.utils,primevue.ripple,Vue,primevue.portal);
+this.primevue=this.primevue||{},this.primevue.galleria=function(e,t,i,n){"use strict";function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=a(t),s=a(n),o={name:"GalleriaItem",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}},mounted(){this.autoPlay&&this.$emit("start-slideshow")},methods:{next(){let e=this.activeIndex+1,t=this.circular&&this.value.length-1===this.activeIndex?0:e;this.$emit("update:activeIndex",t)},prev(){let e=0!==this.activeIndex?this.activeIndex-1:0,t=this.circular&&0===this.activeIndex?this.value.length-1:e;this.$emit("update:activeIndex",t)},stopSlideShow(){this.slideShowActive&&this.stopSlideShow&&this.$emit("stop-slideshow")},navBackward(e){this.stopSlideShow(),this.prev(),e&&e.cancelable&&e.preventDefault()},navForward(e){this.stopSlideShow(),this.next(),e&&e.cancelable&&e.preventDefault()},onIndicatorClick(e){this.stopSlideShow(),this.$emit("update:activeIndex",e)},onIndicatorMouseEnter(e){this.changeItemOnIndicatorHover&&(this.stopSlideShow(),this.$emit("update:activeIndex",e))},onIndicatorKeyDown(e){this.stopSlideShow(),this.$emit("update:activeIndex",e)},isIndicatorItemActive(e){return this.activeIndex===e},isNavBackwardDisabled(){return!this.circular&&0===this.activeIndex},isNavForwardDisabled(){return!this.circular&&this.activeIndex===this.value.length-1}},computed:{activeItem(){return this.value[this.activeIndex]},navBackwardClass(){return["p-galleria-item-prev p-galleria-item-nav p-link",{"p-disabled":this.isNavBackwardDisabled()}]},navForwardClass(){return["p-galleria-item-next p-galleria-item-nav p-link",{"p-disabled":this.isNavForwardDisabled()}]}},directives:{ripple:l.default}};const r={class:"p-galleria-item-wrapper"},d={class:"p-galleria-item-container"},c=["disabled"],m=[i.createElementVNode("span",{class:"p-galleria-item-prev-icon pi pi-chevron-left"},null,-1)],p={class:"p-galleria-item"},h=["disabled"],u=[i.createElementVNode("span",{class:"p-galleria-item-next-icon pi pi-chevron-right"},null,-1)],b={key:2,class:"p-galleria-caption"},v={key:0,class:"p-galleria-indicators p-reset"},g=["onClick","onMouseenter","onKeydown"],x={key:0,type:"button",tabindex:"-1",class:"p-link"};o.render=function(e,t,n,a,l,s){const o=i.resolveDirective("ripple");return i.openBlock(),i.createElementBlock("div",r,[i.createElementVNode("div",d,[n.showItemNavigators?i.withDirectives((i.openBlock(),i.createElementBlock("button",{key:0,type:"button",class:i.normalizeClass(s.navBackwardClass),onClick:t[0]||(t[0]=e=>s.navBackward(e)),disabled:s.isNavBackwardDisabled()},m,10,c)),[[o]]):i.createCommentVNode("",!0),i.createElementVNode("div",p,[n.templates.item?(i.openBlock(),i.createBlock(i.resolveDynamicComponent(n.templates.item),{key:0,item:s.activeItem},null,8,["item"])):i.createCommentVNode("",!0)]),n.showItemNavigators?i.withDirectives((i.openBlock(),i.createElementBlock("button",{key:1,type:"button",class:i.normalizeClass(s.navForwardClass),onClick:t[1]||(t[1]=e=>s.navForward(e)),disabled:s.isNavForwardDisabled()},u,10,h)),[[o]]):i.createCommentVNode("",!0),n.templates.caption?(i.openBlock(),i.createElementBlock("div",b,[n.templates.caption?(i.openBlock(),i.createBlock(i.resolveDynamicComponent(n.templates.caption),{key:0,item:s.activeItem},null,8,["item"])):i.createCommentVNode("",!0)])):i.createCommentVNode("",!0)]),n.showIndicators?(i.openBlock(),i.createElementBlock("ul",v,[(i.openBlock(!0),i.createElementBlock(i.Fragment,null,i.renderList(n.value,((e,t)=>(i.openBlock(),i.createElementBlock("li",{key:`p-galleria-indicator-${t}`,tabindex:"0",onClick:e=>s.onIndicatorClick(t),onMouseenter:e=>s.onIndicatorMouseEnter(t),onKeydown:i.withKeys((e=>s.onIndicatorKeyDown(t)),["enter"]),class:i.normalizeClass(["p-galleria-indicator",{"p-highlight":s.isIndicatorItemActive(t)}])},[n.templates.indicator?i.createCommentVNode("",!0):(i.openBlock(),i.createElementBlock("button",x)),n.templates.indicator?(i.openBlock(),i.createBlock(i.resolveDynamicComponent(n.templates.indicator),{key:1,index:t},null,8,["index"])):i.createCommentVNode("",!0)],42,g)))),128))])):i.createCommentVNode("",!0)])};var f={name:"GalleriaThumbnails",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}},startPos:null,thumbnailsStyle:null,sortedResponsiveOptions:null,data(){return{d_numVisible:this.numVisible,d_oldNumVisible:this.numVisible,d_activeIndex:this.activeIndex,d_oldActiveItemIndex:this.activeIndex,totalShiftedItems:0,page:0}},watch:{numVisible(e,t){this.d_numVisible=e,this.d_oldNumVisible=t},activeIndex(e,t){this.d_activeIndex=e,this.d_oldActiveItemIndex=t}},mounted(){this.createStyle(),this.calculatePosition(),this.responsiveOptions&&this.bindDocumentListeners()},updated(){let 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(),t!==this.totalShiftedItems&&(this.totalShiftedItems=t),this.$refs.itemsContainer.style.transform=this.isVertical?`translate3d(0, ${t*(100/this.d_numVisible)}%, 0)`:`translate3d(${t*(100/this.d_numVisible)}%, 0, 0)`,this.d_oldActiveItemIndex!==this.d_activeIndex&&(e.DomHandler.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(){this.responsiveOptions&&this.unbindDocumentListeners(),this.thumbnailsStyle&&this.thumbnailsStyle.parentNode.removeChild(this.thumbnailsStyle)},methods:{step(t){let i=this.totalShiftedItems+t;t<0&&-1*i+this.d_numVisible>this.value.length-1?i=this.d_numVisible-this.value.length:t>0&&i>0&&(i=0),this.circular&&(t<0&&this.value.length-1===this.d_activeIndex?i=0:t>0&&0===this.d_activeIndex&&(i=this.d_numVisible-this.value.length)),this.$refs.itemsContainer&&(e.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},stopSlideShow(){this.slideShowActive&&this.stopSlideShow&&this.$emit("stop-slideshow")},getMedianItemIndex(){let e=Math.floor(this.d_numVisible/2);return this.d_numVisible%2?e:e-1},navBackward(e){this.stopSlideShow();let t=0!==this.d_activeIndex?this.d_activeIndex-1:0,i=t+this.totalShiftedItems;this.d_numVisible-i-1>this.getMedianItemIndex()&&(-1*this.totalShiftedItems!=0||this.circular)&&this.step(1);let n=this.circular&&0===this.d_activeIndex?this.value.length-1:t;this.$emit("update:activeIndex",n),e.cancelable&&e.preventDefault()},navForward(e){this.stopSlideShow();let t=this.d_activeIndex+1;t+this.totalShiftedItems>this.getMedianItemIndex()&&(-1*this.totalShiftedItems<this.getTotalPageNumber()-1||this.circular)&&this.step(-1);let i=this.circular&&this.value.length-1===this.d_activeIndex?0:t;this.$emit("update:activeIndex",i),e.cancelable&&e.preventDefault()},onItemClick(e){this.stopSlideShow();let t=e;if(t!==this.d_activeIndex){const e=t+this.totalShiftedItems;let i=0;t<this.d_activeIndex?(i=this.d_numVisible-e-1-this.getMedianItemIndex(),i>0&&-1*this.totalShiftedItems!=0&&this.step(i)):(i=this.getMedianItemIndex()-e,i<0&&-1*this.totalShiftedItems<this.getTotalPageNumber()-1&&this.step(i)),this.$emit("update:activeIndex",t)}},onTransitionEnd(){this.$refs.itemsContainer&&(e.DomHandler.addClass(this.$refs.itemsContainer,"p-items-hidden"),this.$refs.itemsContainer.style.transition="")},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){t<0?this.navForward(e):this.navBackward(e)},getTotalPageNumber(){return this.value.length>this.d_numVisible?this.value.length-this.d_numVisible+1:0},createStyle(){this.thumbnailsStyle||(this.thumbnailsStyle=document.createElement("style"),this.thumbnailsStyle.type="text/css",document.body.appendChild(this.thumbnailsStyle));let e=`\n                #${this.containerId} .p-galleria-thumbnail-item {\n                    flex: 1 0 ${100/this.d_numVisible}%\n                }\n            `;if(this.responsiveOptions){this.sortedResponsiveOptions=[...this.responsiveOptions],this.sortedResponsiveOptions.sort(((e,t)=>{const i=e.breakpoint,n=t.breakpoint;let a=null;return a=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*a}));for(let t=0;t<this.sortedResponsiveOptions.length;t++){let i=this.sortedResponsiveOptions[t];e+=`\n                        @media screen and (max-width: ${i.breakpoint}) {\n                            #${this.containerId} .p-galleria-thumbnail-item {\n                                flex: 1 0 ${100/i.numVisible}%\n                            }\n                        }\n                    `}}this.thumbnailsStyle.innerHTML=e},calculatePosition(){if(this.$refs.itemsContainer&&this.sortedResponsiveOptions){let e=window.innerWidth,t={numVisible:this.numVisible};for(let i=0;i<this.sortedResponsiveOptions.length;i++){let n=this.sortedResponsiveOptions[i];parseInt(n.breakpoint,10)>=e&&(t=n)}this.d_numVisible!==t.numVisible&&(this.d_numVisible=t.numVisible)}},bindDocumentListeners(){this.documentResizeListener||(this.documentResizeListener=()=>{this.calculatePosition()},window.addEventListener("resize",this.documentResizeListener))},unbindDocumentListeners(){this.documentResizeListener&&(window.removeEventListener("resize",this.documentResizeListener),this.documentResizeListener=null)},isNavBackwardDisabled(){return!this.circular&&0===this.d_activeIndex||this.value.length<=this.d_numVisible},isNavForwardDisabled(){return!this.circular&&this.d_activeIndex===this.value.length-1||this.value.length<=this.d_numVisible},firstItemAciveIndex(){return-1*this.totalShiftedItems},lastItemActiveIndex(){return this.firstItemAciveIndex()+this.d_numVisible-1},isItemActive(e){return this.firstItemAciveIndex()<=e&&this.lastItemActiveIndex()>=e}},computed:{navBackwardClass(){return["p-galleria-thumbnail-prev p-link",{"p-disabled":this.isNavBackwardDisabled()}]},navForwardClass(){return["p-galleria-thumbnail-next p-link",{"p-disabled":this.isNavForwardDisabled()}]},navBackwardIconClass(){return["p-galleria-thumbnail-prev-icon pi",{"pi-chevron-left":!this.isVertical,"pi-chevron-up":this.isVertical}]},navForwardIconClass(){return["p-galleria-thumbnail-next-icon pi",{"pi-chevron-right":!this.isVertical,"pi-chevron-down":this.isVertical}]}},directives:{ripple:l.default}};const w={class:"p-galleria-thumbnail-wrapper"},k={class:"p-galleria-thumbnail-container"},y=["disabled"],I=["tabindex","onClick","onKeydown"],S=["disabled"];f.render=function(e,t,n,a,l,s){const o=i.resolveDirective("ripple");return i.openBlock(),i.createElementBlock("div",w,[i.createElementVNode("div",k,[n.showThumbnailNavigators?i.withDirectives((i.openBlock(),i.createElementBlock("button",{key:0,class:i.normalizeClass(s.navBackwardClass),onClick:t[0]||(t[0]=e=>s.navBackward(e)),disabled:s.isNavBackwardDisabled(),type:"button"},[i.createElementVNode("span",{class:i.normalizeClass(s.navBackwardIconClass)},null,2)],10,y)),[[o]]):i.createCommentVNode("",!0),i.createElementVNode("div",{class:"p-galleria-thumbnail-items-container",style:i.normalizeStyle({height:n.isVertical?n.contentHeight:""})},[i.createElementVNode("div",{ref:"itemsContainer",class:"p-galleria-thumbnail-items",onTransitionend:t[1]||(t[1]=(...e)=>s.onTransitionEnd&&s.onTransitionEnd(...e)),onTouchstart:t[2]||(t[2]=e=>s.onTouchStart(e)),onTouchmove:t[3]||(t[3]=e=>s.onTouchMove(e)),onTouchend:t[4]||(t[4]=e=>s.onTouchEnd(e))},[(i.openBlock(!0),i.createElementBlock(i.Fragment,null,i.renderList(n.value,((e,t)=>(i.openBlock(),i.createElementBlock("div",{key:`p-galleria-thumbnail-item-${t}`,class:i.normalizeClass(["p-galleria-thumbnail-item",{"p-galleria-thumbnail-item-current":n.activeIndex===t,"p-galleria-thumbnail-item-active":s.isItemActive(t),"p-galleria-thumbnail-item-start":s.firstItemAciveIndex()===t,"p-galleria-thumbnail-item-end":s.lastItemActiveIndex()===t}])},[i.createElementVNode("div",{class:"p-galleria-thumbnail-item-content",tabindex:s.isItemActive(t)?0:null,onClick:e=>s.onItemClick(t),onKeydown:i.withKeys((e=>s.onItemClick(t)),["enter"])},[n.templates.thumbnail?(i.openBlock(),i.createBlock(i.resolveDynamicComponent(n.templates.thumbnail),{key:0,item:e},null,8,["item"])):i.createCommentVNode("",!0)],40,I)],2)))),128))],544)],4),n.showThumbnailNavigators?i.withDirectives((i.openBlock(),i.createElementBlock("button",{key:1,class:i.normalizeClass(s.navForwardClass),onClick:t[5]||(t[5]=e=>s.navForward(e)),disabled:s.isNavForwardDisabled(),type:"button"},[i.createElementVNode("span",{class:i.normalizeClass(s.navForwardIconClass)},null,2)],10,S)),[[o]]):i.createCommentVNode("",!0)])])};var C={name:"GalleriaContent",inheritAttrs:!1,interval:null,emits:["activeitem-change","mask-hide"],data(){return{id:this.$attrs.id||e.UniqueComponentId(),activeIndex:this.$attrs.activeIndex,numVisible:this.$attrs.numVisible,slideShowActive:!1}},watch:{"$attrs.value":function(e){e&&e.length<this.numVisible&&(this.numVisible=e.length)},"$attrs.activeIndex":function(e){this.activeIndex=e},"$attrs.numVisible":function(e){this.numVisible=e}},updated(){this.$emit("activeitem-change",this.activeIndex)},beforeUnmount(){this.slideShowActive&&this.stopSlideShow()},methods:{isAutoPlayActive(){return this.slideShowActive},startSlideShow(){this.interval=setInterval((()=>{let e=this.$attrs.circular&&this.$attrs.value.length-1===this.activeIndex?0:this.activeIndex+1;this.activeIndex=e}),this.$attrs.transitionInterval),this.slideShowActive=!0},stopSlideShow(){this.interval&&clearInterval(this.interval),this.slideShowActive=!1},getPositionClass(e,t){const i=["top","left","bottom","right"].find((e=>e===t));return i?`${e}-${i}`:""},isVertical(){return"left"===this.$attrs.thumbnailsPosition||"right"===this.$attrs.thumbnailsPosition}},computed:{galleriaClass(){const e=this.$attrs.showThumbnails&&this.getPositionClass("p-galleria-thumbnails",this.$attrs.thumbnailsPosition),t=this.$attrs.showIndicators&&this.getPositionClass("p-galleria-indicators",this.$attrs.indicatorsPosition);return["p-galleria p-component",{"p-galleria-fullscreen":this.$attrs.fullScreen,"p-galleria-indicator-onitem":this.$attrs.showIndicatorsOnItem,"p-galleria-item-nav-onhover":this.$attrs.showItemNavigatorsOnHover&&!this.$attrs.fullScreen},e,t,this.$attrs.containerClass]}},components:{GalleriaItem:o,GalleriaThumbnails:f,GalleriaItemSlot:{functional:!0,props:{item:{type:null,default:null},index:{type:Number,default:0},templates:{type:null,default:null},type:{type:String,default:null}},render(e,t){const{item:i,index:n,templates:a,type:l}=t.props,s=a&&a[l];if(s){let e;switch(l){case"item":case"caption":case"thumbnail":e=s({item:i});break;case"indicator":e=s({index:n});break;default:e=s({})}return e?[e]:null}return null}}},directives:{ripple:l.default}};const B=["id"],V=[i.createElementVNode("span",{class:"p-galleria-close-icon pi pi-times"},null,-1)],$={key:1,class:"p-galleria-header"},N={class:"p-galleria-content"},_={key:2,class:"p-galleria-footer"};C.render=function(e,t,n,a,l,s){const o=i.resolveComponent("GalleriaItem"),r=i.resolveComponent("GalleriaThumbnails"),d=i.resolveDirective("ripple");return e.$attrs.value&&e.$attrs.value.length>0?(i.openBlock(),i.createElementBlock("div",{key:0,id:l.id,class:i.normalizeClass(s.galleriaClass),style:i.normalizeStyle(e.$attrs.containerStyle)},[e.$attrs.fullScreen?i.withDirectives((i.openBlock(),i.createElementBlock("button",{key:0,type:"button",class:"p-galleria-close p-link",onClick:t[0]||(t[0]=t=>e.$emit("mask-hide"))},V)),[[d]]):i.createCommentVNode("",!0),e.$attrs.templates&&e.$attrs.templates.header?(i.openBlock(),i.createElementBlock("div",$,[(i.openBlock(),i.createBlock(i.resolveDynamicComponent(e.$attrs.templates.header)))])):i.createCommentVNode("",!0),i.createElementVNode("div",N,[i.createVNode(o,{activeIndex:l.activeIndex,"onUpdate:activeIndex":t[1]||(t[1]=e=>l.activeIndex=e),slideShowActive:l.slideShowActive,"onUpdate:slideShowActive":t[2]||(t[2]=e=>l.slideShowActive=e),value:e.$attrs.value,circular:e.$attrs.circular,templates:e.$attrs.templates,showIndicators:e.$attrs.showIndicators,changeItemOnIndicatorHover:e.$attrs.changeItemOnIndicatorHover,showItemNavigators:e.$attrs.showItemNavigators,autoPlay:e.$attrs.autoPlay,onStartSlideshow:s.startSlideShow,onStopSlideshow:s.stopSlideShow},null,8,["activeIndex","slideShowActive","value","circular","templates","showIndicators","changeItemOnIndicatorHover","showItemNavigators","autoPlay","onStartSlideshow","onStopSlideshow"]),e.$attrs.showThumbnails?(i.openBlock(),i.createBlock(r,{key:0,activeIndex:l.activeIndex,"onUpdate:activeIndex":t[3]||(t[3]=e=>l.activeIndex=e),slideShowActive:l.slideShowActive,"onUpdate:slideShowActive":t[4]||(t[4]=e=>l.slideShowActive=e),containerId:l.id,value:e.$attrs.value,templates:e.$attrs.templates,numVisible:l.numVisible,responsiveOptions:e.$attrs.responsiveOptions,circular:e.$attrs.circular,isVertical:s.isVertical(),contentHeight:e.$attrs.verticalThumbnailViewPortHeight,showThumbnailNavigators:e.$attrs.showThumbnailNavigators,onStopSlideshow:s.stopSlideShow},null,8,["activeIndex","slideShowActive","containerId","value","templates","numVisible","responsiveOptions","circular","isVertical","contentHeight","showThumbnailNavigators","onStopSlideshow"])):i.createCommentVNode("",!0)]),e.$attrs.templates&&e.$attrs.templates.footer?(i.openBlock(),i.createElementBlock("div",_,[(i.openBlock(),i.createBlock(i.resolveDynamicComponent(e.$attrs.templates.footer)))])):i.createCommentVNode("",!0)],14,B)):i.createCommentVNode("",!0)};var A={name:"Galleria",inheritAttrs:!1,emits:["update:activeIndex","update:visible"],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:null,containerClass:null},container:null,mask:null,data(){return{containerVisible:this.visible}},updated(){this.fullScreen&&this.visible&&(this.containerVisible=this.visible)},beforeUnmount(){this.fullScreen&&e.DomHandler.removeClass(document.body,"p-overflow-hidden"),this.mask=null,this.container&&(e.ZIndexUtils.clear(this.container),this.container=null)},methods:{onBeforeEnter(t){e.ZIndexUtils.set("modal",t,this.baseZIndex||this.$primevue.config.zIndex.modal)},onEnter(t){this.mask.style.zIndex=String(parseInt(t.style.zIndex,10)-1),e.DomHandler.addClass(document.body,"p-overflow-hidden")},onBeforeLeave(){e.DomHandler.addClass(this.mask,"p-component-overlay-leave")},onAfterLeave(t){e.ZIndexUtils.clear(t),this.containerVisible=!1,e.DomHandler.removeClass(document.body,"p-overflow-hidden")},onActiveItemChange(e){this.activeIndex!==e&&this.$emit("update:activeIndex",e)},maskHide(){this.$emit("update:visible",!1)},containerRef(e){this.container=e},maskRef(e){this.mask=e}},computed:{maskContentClass(){return["p-galleria-mask p-component-overlay p-component-overlay-enter",this.maskClass,{"p-input-filled":"filled"===this.$primevue.config.inputStyle,"p-ripple-disabled":!1===this.$primevue.config.ripple}]}},components:{GalleriaContent:C,Portal:s.default}};return function(e,t){void 0===t&&(t={});var i=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===i&&n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e))}}("\n.p-galleria-content {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n}\n.p-galleria-item-wrapper {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n    position: relative;\n}\n.p-galleria-item-container {\n    position: relative;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    height: 100%;\n}\n.p-galleria-item-nav {\n    position: absolute;\n    top: 50%;\n    margin-top: -0.5rem;\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    overflow: hidden;\n}\n.p-galleria-item-prev {\n    left: 0;\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n}\n.p-galleria-item-next {\n    right: 0;\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n}\n.p-galleria-item {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    height: 100%;\n    width: 100%;\n}\n.p-galleria-item-nav-onhover .p-galleria-item-nav {\n    pointer-events: none;\n    opacity: 0;\n    -webkit-transition: opacity 0.2s ease-in-out;\n    transition: opacity 0.2s ease-in-out;\n}\n.p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav {\n    pointer-events: all;\n    opacity: 1;\n}\n.p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav.p-disabled {\n    pointer-events: none;\n}\n.p-galleria-caption {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n}\n\n/* Thumbnails */\n.p-galleria-thumbnail-wrapper {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n    overflow: auto;\n    -ms-flex-negative: 0;\n        flex-shrink: 0;\n}\n.p-galleria-thumbnail-prev,\n.p-galleria-thumbnail-next {\n    -ms-flex-item-align: center;\n        align-self: center;\n    -webkit-box-flex: 0;\n        -ms-flex: 0 0 auto;\n            flex: 0 0 auto;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    overflow: hidden;\n    position: relative;\n}\n.p-galleria-thumbnail-prev span,\n.p-galleria-thumbnail-next span {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n}\n.p-galleria-thumbnail-container {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-orient: horizontal;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: row;\n            flex-direction: row;\n}\n.p-galleria-thumbnail-items-container {\n    overflow: hidden;\n    width: 100%;\n}\n.p-galleria-thumbnail-items {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n}\n.p-galleria-thumbnail-item {\n    overflow: auto;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    cursor: pointer;\n    opacity: 0.5;\n}\n.p-galleria-thumbnail-item:hover {\n    opacity: 1;\n    -webkit-transition: opacity 0.3s;\n    transition: opacity 0.3s;\n}\n.p-galleria-thumbnail-item-current {\n    opacity: 1;\n}\n\n/* Positions */\n/* Thumbnails */\n.p-galleria-thumbnails-left .p-galleria-content,\n.p-galleria-thumbnails-right .p-galleria-content {\n    -webkit-box-orient: horizontal;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: row;\n            flex-direction: row;\n}\n.p-galleria-thumbnails-left .p-galleria-item-wrapper,\n.p-galleria-thumbnails-right .p-galleria-item-wrapper {\n    -webkit-box-orient: horizontal;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: row;\n            flex-direction: row;\n}\n.p-galleria-thumbnails-left .p-galleria-item-wrapper,\n.p-galleria-thumbnails-top .p-galleria-item-wrapper {\n    -webkit-box-ordinal-group: 3;\n        -ms-flex-order: 2;\n            order: 2;\n}\n.p-galleria-thumbnails-left .p-galleria-thumbnail-wrapper,\n.p-galleria-thumbnails-top .p-galleria-thumbnail-wrapper {\n    -webkit-box-ordinal-group: 2;\n        -ms-flex-order: 1;\n            order: 1;\n}\n.p-galleria-thumbnails-left .p-galleria-thumbnail-container,\n.p-galleria-thumbnails-right .p-galleria-thumbnail-container {\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n    -webkit-box-flex: 1;\n        -ms-flex-positive: 1;\n            flex-grow: 1;\n}\n.p-galleria-thumbnails-left .p-galleria-thumbnail-items,\n.p-galleria-thumbnails-right .p-galleria-thumbnail-items {\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n    height: 100%;\n}\n\n/* Indicators */\n.p-galleria-indicators {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n}\n.p-galleria-indicator > button {\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n}\n.p-galleria-indicators-left .p-galleria-item-wrapper,\n.p-galleria-indicators-right .p-galleria-item-wrapper {\n    -webkit-box-orient: horizontal;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: row;\n            flex-direction: row;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n}\n.p-galleria-indicators-left .p-galleria-item-container,\n.p-galleria-indicators-top .p-galleria-item-container {\n    -webkit-box-ordinal-group: 3;\n        -ms-flex-order: 2;\n            order: 2;\n}\n.p-galleria-indicators-left .p-galleria-indicators,\n.p-galleria-indicators-top .p-galleria-indicators {\n    -webkit-box-ordinal-group: 2;\n        -ms-flex-order: 1;\n            order: 1;\n}\n.p-galleria-indicators-left .p-galleria-indicators,\n.p-galleria-indicators-right .p-galleria-indicators {\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n}\n.p-galleria-indicator-onitem .p-galleria-indicators {\n    position: absolute;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n}\n.p-galleria-indicator-onitem.p-galleria-indicators-top .p-galleria-indicators {\n    top: 0;\n    left: 0;\n    width: 100%;\n    -webkit-box-align: start;\n        -ms-flex-align: start;\n            align-items: flex-start;\n}\n.p-galleria-indicator-onitem.p-galleria-indicators-right .p-galleria-indicators {\n    right: 0;\n    top: 0;\n    height: 100%;\n    -webkit-box-align: end;\n        -ms-flex-align: end;\n            align-items: flex-end;\n}\n.p-galleria-indicator-onitem.p-galleria-indicators-bottom .p-galleria-indicators {\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    -webkit-box-align: end;\n        -ms-flex-align: end;\n            align-items: flex-end;\n}\n.p-galleria-indicator-onitem.p-galleria-indicators-left .p-galleria-indicators {\n    left: 0;\n    top: 0;\n    height: 100%;\n    -webkit-box-align: start;\n        -ms-flex-align: start;\n            align-items: flex-start;\n}\n\n/* FullScreen */\n.p-galleria-mask {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n}\n.p-galleria-close {\n    position: absolute;\n    top: 0;\n    right: 0;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    overflow: hidden;\n}\n.p-galleria-mask .p-galleria-item-nav {\n    position: fixed;\n    top: 50%;\n    margin-top: -0.5rem;\n}\n\n/* Animation */\n.p-galleria-enter-active {\n    -webkit-transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n    transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n}\n.p-galleria-leave-active {\n    -webkit-transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);\n    transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n.p-galleria-enter-from,\n.p-galleria-leave-to {\n    opacity: 0;\n    -webkit-transform: scale(0.7);\n            transform: scale(0.7);\n}\n.p-galleria-enter-active .p-galleria-item-nav {\n    opacity: 0;\n}\n\n/* Keyboard Support */\n.p-items-hidden .p-galleria-thumbnail-item {\n    visibility: hidden;\n}\n.p-items-hidden .p-galleria-thumbnail-item.p-galleria-thumbnail-item-active {\n    visibility: visible;\n}\n"),A.render=function(e,t,n,a,l,s){const o=i.resolveComponent("GalleriaContent"),r=i.resolveComponent("Portal");return n.fullScreen?(i.openBlock(),i.createBlock(r,{key:0},{default:i.withCtx((()=>[l.containerVisible?(i.openBlock(),i.createElementBlock("div",{key:0,ref:s.maskRef,class:i.normalizeClass(s.maskContentClass)},[i.createVNode(i.Transition,{name:"p-galleria",onBeforeEnter:s.onBeforeEnter,onEnter:s.onEnter,onBeforeLeave:s.onBeforeLeave,onAfterLeave:s.onAfterLeave,appear:""},{default:i.withCtx((()=>[n.visible?(i.openBlock(),i.createBlock(o,i.mergeProps({key:0,ref:s.containerRef},e.$props,{onMaskHide:s.maskHide,templates:e.$slots,onActiveitemChange:s.onActiveItemChange}),null,16,["onMaskHide","templates","onActiveitemChange"])):i.createCommentVNode("",!0)])),_:1},8,["onBeforeEnter","onEnter","onBeforeLeave","onAfterLeave"])],2)):i.createCommentVNode("",!0)])),_:1})):(i.openBlock(),i.createBlock(o,i.mergeProps({key:1},e.$props,{templates:e.$slots,onActiveitemChange:s.onActiveItemChange}),null,16,["templates","onActiveitemChange"]))},A}(primevue.utils,primevue.ripple,Vue,primevue.portal);

package/image/Image.d.ts

@@ -23,8 +23,7 @@ export interface ImageSlots {
     indicator: () => VNode[];
 }
 
-export declare type ImageEmits = {
-}
+export declare type ImageEmits = {};
 
 declare class Image extends ClassComponent<ImageProps, ImageSlots, ImageEmits> {
     /**
@@ -41,7 +40,7 @@ declare class Image extends ClassComponent<ImageProps, ImageSlots, ImageEmits> {
     hide: () => void;
     /**
      * Triggered when an error occurs while loading an image file.
-     * 
+     *
      * @memberof Image
      */
     error: () => void;
@@ -49,7 +48,7 @@ declare class Image extends ClassComponent<ImageProps, ImageSlots, ImageEmits> {
 
 declare module '@vue/runtime-core' {
     interface GlobalComponents {
-        Image: GlobalComponentConstructor<Image>
+        Image: GlobalComponentConstructor<Image>;
     }
 }
 
@@ -59,7 +58,7 @@ declare module '@vue/runtime-core' {
  *
  * Demos:
  *
- * - [Image](https://www.primefaces.org/primevue/showcase/#/image)
+ * - [Image](https://www.primefaces.org/primevue/image)
  *
  */
 export default Image;

package/image/Image.vue

@@ -1,13 +1,13 @@
 <template>
     <span :class="containerClass" :style="style">
-        <img v-bind="$attrs" :style="imageStyle" :class="imageClass" @error="onError"/>
-        <div class="p-image-preview-indicator" v-if="preview" @click="onImageClick">
+        <img v-bind="$attrs" :style="imageStyle" :class="imageClass" @error="onError" />
+        <div v-if="preview" class="p-image-preview-indicator" @click="onImageClick">
             <slot name="indicator">
                 <i class="p-image-preview-icon pi pi-eye"></i>
             </slot>
         </div>
         <Portal>
-            <div :ref="maskRef" :class="maskClass" v-if="maskVisible" @click="onMaskClick">
+            <div v-if="maskVisible" :ref="maskRef" :class="maskClass" @click="onMaskClick">
                 <div class="p-image-toolbar">
                     <button class="p-image-action p-link" @click="rotateRight" type="button">
                         <i class="pi pi-refresh"></i>
@@ -27,7 +27,7 @@
                 </div>
                 <transition name="p-image-preview" @before-enter="onBeforeEnter" @enter="onEnter" @leave="onLeave" @before-leave="onBeforeLeave" @after-leave="onAfterLeave">
                     <div v-if="previewVisible">
-                        <img :src="$attrs.src" class="p-image-preview" :style="imagePreviewStyle" @click="onPreviewImageClick"/>
+                        <img :src="$attrs.src" class="p-image-preview" :style="imagePreviewStyle" @click="onPreviewImageClick" />
                     </div>
                 </transition>
             </div>
@@ -36,7 +36,7 @@
 </template>
 
 <script>
-import {DomHandler,ZIndexUtils} from 'primevue/utils';
+import { DomHandler, ZIndexUtils } from 'primevue/utils';
 import Portal from 'primevue/portal';
 
 export default {
@@ -60,7 +60,7 @@ export default {
             previewVisible: false,
             rotate: 0,
             scale: 1
-        }
+        };
     },
     beforeUnmount() {
         if (this.mask) {
@@ -132,9 +132,13 @@ export default {
     },
     computed: {
         containerClass() {
-            return ['p-image p-component', this.class, {
-                'p-image-preview-container': this.preview
-            }];
+            return [
+                'p-image p-component',
+                this.class,
+                {
+                    'p-image-preview-container': this.preview
+                }
+            ];
         },
         maskClass() {
             return ['p-image-mask p-component-overlay p-component-overlay-enter'];
@@ -143,16 +147,16 @@ export default {
             return 'p-image-preview-rotate-' + this.rotate;
         },
         imagePreviewStyle() {
-            return {transform: 'rotate(' + this.rotate + 'deg) scale(' + this.scale + ')'};
+            return { transform: 'rotate(' + this.rotate + 'deg) scale(' + this.scale + ')' };
         },
         zoomDisabled() {
             return this.scale <= 0.5 || this.scale >= 1.5;
         }
     },
     components: {
-        'Portal': Portal
+        Portal: Portal
     }
-}
+};
 </script>
 
 <style>
@@ -177,7 +181,7 @@ export default {
     align-items: center;
     justify-content: center;
     opacity: 0;
-    transition: opacity .3s;
+    transition: opacity 0.3s;
 }
 
 .p-image-preview-icon {
@@ -207,7 +211,7 @@ export default {
 }
 
 .p-image-preview {
-    transition: transform .15s;
+    transition: transform 0.15s;
     max-width: 100vw;
     max-height: 100vh;
 }
@@ -216,7 +220,7 @@ export default {
     transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
 }
 .p-image-preview-leave-active {
-    transition: all 150ms cubic-bezier(0.4, 0.0, 0.2, 1);
+    transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
 }
 .p-image-preview-enter-from,
 .p-image-preview-leave-to {

package/image/image.cjs.js

@@ -29,7 +29,7 @@ var script = {
             previewVisible: false,
             rotate: 0,
             scale: 1
-        }
+        };
     },
     beforeUnmount() {
         if (this.mask) {
@@ -101,9 +101,13 @@ var script = {
     },
     computed: {
         containerClass() {
-            return ['p-image p-component', this.class, {
-                'p-image-preview-container': this.preview
-            }];
+            return [
+                'p-image p-component',
+                this.class,
+                {
+                    'p-image-preview-container': this.preview
+                }
+            ];
         },
         maskClass() {
             return ['p-image-mask p-component-overlay p-component-overlay-enter'];
@@ -112,14 +116,14 @@ var script = {
             return 'p-image-preview-rotate-' + this.rotate;
         },
         imagePreviewStyle() {
-            return {transform: 'rotate(' + this.rotate + 'deg) scale(' + this.scale + ')'};
+            return { transform: 'rotate(' + this.rotate + 'deg) scale(' + this.scale + ')' };
         },
         zoomDisabled() {
             return this.scale <= 0.5 || this.scale >= 1.5;
         }
     },
     components: {
-        'Portal': Portal__default["default"]
+        Portal: Portal__default["default"]
     }
 };
 
@@ -268,7 +272,7 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z = "\n.p-image-mask {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n}\n.p-image-preview-container {\n    position: relative;\n    display: inline-block;\n}\n.p-image-preview-indicator {\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    opacity: 0;\n    -webkit-transition: opacity .3s;\n    transition: opacity .3s;\n}\n.p-image-preview-icon {\n    font-size: 1.5rem;\n}\n.p-image-preview-container:hover > .p-image-preview-indicator {\n    opacity: 1;\n    cursor: pointer;\n}\n.p-image-preview-container > img {\n    cursor: pointer;\n}\n.p-image-toolbar {\n    position: absolute;\n    top: 0;\n    right: 0;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n}\n.p-image-action.p-link {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n}\n.p-image-preview {\n    -webkit-transition: -webkit-transform .15s;\n    transition: -webkit-transform .15s;\n    transition: transform .15s;\n    transition: transform .15s, -webkit-transform .15s;\n    max-width: 100vw;\n    max-height: 100vh;\n}\n.p-image-preview-enter-active {\n    -webkit-transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n    transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n}\n.p-image-preview-leave-active {\n    -webkit-transition: all 150ms cubic-bezier(0.4, 0.0, 0.2, 1);\n    transition: all 150ms cubic-bezier(0.4, 0.0, 0.2, 1);\n}\n.p-image-preview-enter-from,\n.p-image-preview-leave-to {\n    opacity: 0;\n    -webkit-transform: scale(0.7);\n            transform: scale(0.7);\n}\n";
+var css_248z = "\n.p-image-mask {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n}\n.p-image-preview-container {\n    position: relative;\n    display: inline-block;\n}\n.p-image-preview-indicator {\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    opacity: 0;\n    -webkit-transition: opacity 0.3s;\n    transition: opacity 0.3s;\n}\n.p-image-preview-icon {\n    font-size: 1.5rem;\n}\n.p-image-preview-container:hover > .p-image-preview-indicator {\n    opacity: 1;\n    cursor: pointer;\n}\n.p-image-preview-container > img {\n    cursor: pointer;\n}\n.p-image-toolbar {\n    position: absolute;\n    top: 0;\n    right: 0;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n}\n.p-image-action.p-link {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n}\n.p-image-preview {\n    -webkit-transition: -webkit-transform 0.15s;\n    transition: -webkit-transform 0.15s;\n    transition: transform 0.15s;\n    transition: transform 0.15s, -webkit-transform 0.15s;\n    max-width: 100vw;\n    max-height: 100vh;\n}\n.p-image-preview-enter-active {\n    -webkit-transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n    transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n}\n.p-image-preview-leave-active {\n    -webkit-transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);\n    transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n.p-image-preview-enter-from,\n.p-image-preview-leave-to {\n    opacity: 0;\n    -webkit-transform: scale(0.7);\n            transform: scale(0.7);\n}\n";
 styleInject(css_248z);
 
 script.render = render;

package/image/image.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/utils"),t=require("primevue/portal"),i=require("vue");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a={name:"Image",inheritAttrs:!1,emits:["show","hide","error"],props:{preview:{type:Boolean,default:!1},class:null,style:null,imageStyle:null,imageClass:null},mask:null,data:()=>({maskVisible:!1,previewVisible:!1,rotate:0,scale:1}),beforeUnmount(){this.mask&&e.ZIndexUtils.clear(this.container)},methods:{maskRef(e){this.mask=e},toolbarRef(e){this.toolbarRef=e},onImageClick(){this.preview&&(this.maskVisible=!0,setTimeout((()=>{this.previewVisible=!0}),25))},onPreviewImageClick(){this.previewClick=!0},onMaskClick(){this.previewClick||(this.previewVisible=!1,this.rotate=0,this.scale=1),this.previewClick=!1},onError(){this.$emit("error")},rotateRight(){this.rotate+=90,this.previewClick=!0},rotateLeft(){this.rotate-=90,this.previewClick=!0},zoomIn(){this.scale=this.scale+.1,this.previewClick=!0},zoomOut(){this.scale=this.scale-.1,this.previewClick=!0},onBeforeEnter(){e.ZIndexUtils.set("modal",this.mask,this.$primevue.config.zIndex.modal)},onEnter(){this.$emit("show")},onBeforeLeave(){e.DomHandler.addClass(this.mask,"p-component-overlay-leave")},onLeave(){this.$emit("hide")},onAfterLeave(t){e.ZIndexUtils.clear(t),this.maskVisible=!1}},computed:{containerClass(){return["p-image p-component",this.class,{"p-image-preview-container":this.preview}]},maskClass:()=>["p-image-mask p-component-overlay p-component-overlay-enter"],rotateClass(){return"p-image-preview-rotate-"+this.rotate},imagePreviewStyle(){return{transform:"rotate("+this.rotate+"deg) scale("+this.scale+")"}},zoomDisabled(){return this.scale<=.5||this.scale>=1.5}},components:{Portal:n(t).default}};const o=i.createElementVNode("i",{class:"p-image-preview-icon pi pi-eye"},null,-1),r={class:"p-image-toolbar"},s=[i.createElementVNode("i",{class:"pi pi-refresh"},null,-1)],l=[i.createElementVNode("i",{class:"pi pi-undo"},null,-1)],c=["disabled"],m=[i.createElementVNode("i",{class:"pi pi-search-minus"},null,-1)],p=["disabled"],d=[i.createElementVNode("i",{class:"pi pi-search-plus"},null,-1)],k=[i.createElementVNode("i",{class:"pi pi-times"},null,-1)],v={key:0},u=["src"];!function(e,t){void 0===t&&(t={});var i=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===i&&n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e))}}("\n.p-image-mask {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n}\n.p-image-preview-container {\n    position: relative;\n    display: inline-block;\n}\n.p-image-preview-indicator {\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    opacity: 0;\n    -webkit-transition: opacity .3s;\n    transition: opacity .3s;\n}\n.p-image-preview-icon {\n    font-size: 1.5rem;\n}\n.p-image-preview-container:hover > .p-image-preview-indicator {\n    opacity: 1;\n    cursor: pointer;\n}\n.p-image-preview-container > img {\n    cursor: pointer;\n}\n.p-image-toolbar {\n    position: absolute;\n    top: 0;\n    right: 0;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n}\n.p-image-action.p-link {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n}\n.p-image-preview {\n    -webkit-transition: -webkit-transform .15s;\n    transition: -webkit-transform .15s;\n    transition: transform .15s;\n    transition: transform .15s, -webkit-transform .15s;\n    max-width: 100vw;\n    max-height: 100vh;\n}\n.p-image-preview-enter-active {\n    -webkit-transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n    transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n}\n.p-image-preview-leave-active {\n    -webkit-transition: all 150ms cubic-bezier(0.4, 0.0, 0.2, 1);\n    transition: all 150ms cubic-bezier(0.4, 0.0, 0.2, 1);\n}\n.p-image-preview-enter-from,\n.p-image-preview-leave-to {\n    opacity: 0;\n    -webkit-transform: scale(0.7);\n            transform: scale(0.7);\n}\n"),a.render=function(e,t,n,a,b,h){const f=i.resolveComponent("Portal");return i.openBlock(),i.createElementBlock("span",{class:i.normalizeClass(h.containerClass),style:i.normalizeStyle(n.style)},[i.createElementVNode("img",i.mergeProps(e.$attrs,{style:n.imageStyle,class:n.imageClass,onError:t[0]||(t[0]=(...e)=>h.onError&&h.onError(...e))}),null,16),n.preview?(i.openBlock(),i.createElementBlock("div",{key:0,class:"p-image-preview-indicator",onClick:t[1]||(t[1]=(...e)=>h.onImageClick&&h.onImageClick(...e))},[i.renderSlot(e.$slots,"indicator",{},(()=>[o]))])):i.createCommentVNode("",!0),i.createVNode(f,null,{default:i.withCtx((()=>[b.maskVisible?(i.openBlock(),i.createElementBlock("div",{key:0,ref:h.maskRef,class:i.normalizeClass(h.maskClass),onClick:t[8]||(t[8]=(...e)=>h.onMaskClick&&h.onMaskClick(...e))},[i.createElementVNode("div",r,[i.createElementVNode("button",{class:"p-image-action p-link",onClick:t[2]||(t[2]=(...e)=>h.rotateRight&&h.rotateRight(...e)),type:"button"},s),i.createElementVNode("button",{class:"p-image-action p-link",onClick:t[3]||(t[3]=(...e)=>h.rotateLeft&&h.rotateLeft(...e)),type:"button"},l),i.createElementVNode("button",{class:"p-image-action p-link",onClick:t[4]||(t[4]=(...e)=>h.zoomOut&&h.zoomOut(...e)),type:"button",disabled:h.zoomDisabled},m,8,c),i.createElementVNode("button",{class:"p-image-action p-link",onClick:t[5]||(t[5]=(...e)=>h.zoomIn&&h.zoomIn(...e)),type:"button",disabled:h.zoomDisabled},d,8,p),i.createElementVNode("button",{class:"p-image-action p-link",type:"button",onClick:t[6]||(t[6]=(...t)=>e.hidePreview&&e.hidePreview(...t))},k)]),i.createVNode(i.Transition,{name:"p-image-preview",onBeforeEnter:h.onBeforeEnter,onEnter:h.onEnter,onLeave:h.onLeave,onBeforeLeave:h.onBeforeLeave,onAfterLeave:h.onAfterLeave},{default:i.withCtx((()=>[b.previewVisible?(i.openBlock(),i.createElementBlock("div",v,[i.createElementVNode("img",{src:e.$attrs.src,class:"p-image-preview",style:i.normalizeStyle(h.imagePreviewStyle),onClick:t[7]||(t[7]=(...e)=>h.onPreviewImageClick&&h.onPreviewImageClick(...e))},null,12,u)])):i.createCommentVNode("",!0)])),_:1},8,["onBeforeEnter","onEnter","onLeave","onBeforeLeave","onAfterLeave"])],2)):i.createCommentVNode("",!0)])),_:1})],6)},module.exports=a;
+"use strict";var e=require("primevue/utils"),t=require("primevue/portal"),i=require("vue");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a={name:"Image",inheritAttrs:!1,emits:["show","hide","error"],props:{preview:{type:Boolean,default:!1},class:null,style:null,imageStyle:null,imageClass:null},mask:null,data:()=>({maskVisible:!1,previewVisible:!1,rotate:0,scale:1}),beforeUnmount(){this.mask&&e.ZIndexUtils.clear(this.container)},methods:{maskRef(e){this.mask=e},toolbarRef(e){this.toolbarRef=e},onImageClick(){this.preview&&(this.maskVisible=!0,setTimeout((()=>{this.previewVisible=!0}),25))},onPreviewImageClick(){this.previewClick=!0},onMaskClick(){this.previewClick||(this.previewVisible=!1,this.rotate=0,this.scale=1),this.previewClick=!1},onError(){this.$emit("error")},rotateRight(){this.rotate+=90,this.previewClick=!0},rotateLeft(){this.rotate-=90,this.previewClick=!0},zoomIn(){this.scale=this.scale+.1,this.previewClick=!0},zoomOut(){this.scale=this.scale-.1,this.previewClick=!0},onBeforeEnter(){e.ZIndexUtils.set("modal",this.mask,this.$primevue.config.zIndex.modal)},onEnter(){this.$emit("show")},onBeforeLeave(){e.DomHandler.addClass(this.mask,"p-component-overlay-leave")},onLeave(){this.$emit("hide")},onAfterLeave(t){e.ZIndexUtils.clear(t),this.maskVisible=!1}},computed:{containerClass(){return["p-image p-component",this.class,{"p-image-preview-container":this.preview}]},maskClass:()=>["p-image-mask p-component-overlay p-component-overlay-enter"],rotateClass(){return"p-image-preview-rotate-"+this.rotate},imagePreviewStyle(){return{transform:"rotate("+this.rotate+"deg) scale("+this.scale+")"}},zoomDisabled(){return this.scale<=.5||this.scale>=1.5}},components:{Portal:n(t).default}};const o=i.createElementVNode("i",{class:"p-image-preview-icon pi pi-eye"},null,-1),r={class:"p-image-toolbar"},s=[i.createElementVNode("i",{class:"pi pi-refresh"},null,-1)],l=[i.createElementVNode("i",{class:"pi pi-undo"},null,-1)],c=["disabled"],m=[i.createElementVNode("i",{class:"pi pi-search-minus"},null,-1)],p=["disabled"],d=[i.createElementVNode("i",{class:"pi pi-search-plus"},null,-1)],k=[i.createElementVNode("i",{class:"pi pi-times"},null,-1)],v={key:0},u=["src"];!function(e,t){void 0===t&&(t={});var i=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===i&&n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e))}}("\n.p-image-mask {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n}\n.p-image-preview-container {\n    position: relative;\n    display: inline-block;\n}\n.p-image-preview-indicator {\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    opacity: 0;\n    -webkit-transition: opacity 0.3s;\n    transition: opacity 0.3s;\n}\n.p-image-preview-icon {\n    font-size: 1.5rem;\n}\n.p-image-preview-container:hover > .p-image-preview-indicator {\n    opacity: 1;\n    cursor: pointer;\n}\n.p-image-preview-container > img {\n    cursor: pointer;\n}\n.p-image-toolbar {\n    position: absolute;\n    top: 0;\n    right: 0;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n}\n.p-image-action.p-link {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n}\n.p-image-preview {\n    -webkit-transition: -webkit-transform 0.15s;\n    transition: -webkit-transform 0.15s;\n    transition: transform 0.15s;\n    transition: transform 0.15s, -webkit-transform 0.15s;\n    max-width: 100vw;\n    max-height: 100vh;\n}\n.p-image-preview-enter-active {\n    -webkit-transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n    transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n}\n.p-image-preview-leave-active {\n    -webkit-transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);\n    transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n.p-image-preview-enter-from,\n.p-image-preview-leave-to {\n    opacity: 0;\n    -webkit-transform: scale(0.7);\n            transform: scale(0.7);\n}\n"),a.render=function(e,t,n,a,b,h){const f=i.resolveComponent("Portal");return i.openBlock(),i.createElementBlock("span",{class:i.normalizeClass(h.containerClass),style:i.normalizeStyle(n.style)},[i.createElementVNode("img",i.mergeProps(e.$attrs,{style:n.imageStyle,class:n.imageClass,onError:t[0]||(t[0]=(...e)=>h.onError&&h.onError(...e))}),null,16),n.preview?(i.openBlock(),i.createElementBlock("div",{key:0,class:"p-image-preview-indicator",onClick:t[1]||(t[1]=(...e)=>h.onImageClick&&h.onImageClick(...e))},[i.renderSlot(e.$slots,"indicator",{},(()=>[o]))])):i.createCommentVNode("",!0),i.createVNode(f,null,{default:i.withCtx((()=>[b.maskVisible?(i.openBlock(),i.createElementBlock("div",{key:0,ref:h.maskRef,class:i.normalizeClass(h.maskClass),onClick:t[8]||(t[8]=(...e)=>h.onMaskClick&&h.onMaskClick(...e))},[i.createElementVNode("div",r,[i.createElementVNode("button",{class:"p-image-action p-link",onClick:t[2]||(t[2]=(...e)=>h.rotateRight&&h.rotateRight(...e)),type:"button"},s),i.createElementVNode("button",{class:"p-image-action p-link",onClick:t[3]||(t[3]=(...e)=>h.rotateLeft&&h.rotateLeft(...e)),type:"button"},l),i.createElementVNode("button",{class:"p-image-action p-link",onClick:t[4]||(t[4]=(...e)=>h.zoomOut&&h.zoomOut(...e)),type:"button",disabled:h.zoomDisabled},m,8,c),i.createElementVNode("button",{class:"p-image-action p-link",onClick:t[5]||(t[5]=(...e)=>h.zoomIn&&h.zoomIn(...e)),type:"button",disabled:h.zoomDisabled},d,8,p),i.createElementVNode("button",{class:"p-image-action p-link",type:"button",onClick:t[6]||(t[6]=(...t)=>e.hidePreview&&e.hidePreview(...t))},k)]),i.createVNode(i.Transition,{name:"p-image-preview",onBeforeEnter:h.onBeforeEnter,onEnter:h.onEnter,onLeave:h.onLeave,onBeforeLeave:h.onBeforeLeave,onAfterLeave:h.onAfterLeave},{default:i.withCtx((()=>[b.previewVisible?(i.openBlock(),i.createElementBlock("div",v,[i.createElementVNode("img",{src:e.$attrs.src,class:"p-image-preview",style:i.normalizeStyle(h.imagePreviewStyle),onClick:t[7]||(t[7]=(...e)=>h.onPreviewImageClick&&h.onPreviewImageClick(...e))},null,12,u)])):i.createCommentVNode("",!0)])),_:1},8,["onBeforeEnter","onEnter","onLeave","onBeforeLeave","onAfterLeave"])],2)):i.createCommentVNode("",!0)])),_:1})],6)},module.exports=a;

package/image/image.esm.js

@@ -23,7 +23,7 @@ var script = {
             previewVisible: false,
             rotate: 0,
             scale: 1
-        }
+        };
     },
     beforeUnmount() {
         if (this.mask) {
@@ -95,9 +95,13 @@ var script = {
     },
     computed: {
         containerClass() {
-            return ['p-image p-component', this.class, {
-                'p-image-preview-container': this.preview
-            }];
+            return [
+                'p-image p-component',
+                this.class,
+                {
+                    'p-image-preview-container': this.preview
+                }
+            ];
         },
         maskClass() {
             return ['p-image-mask p-component-overlay p-component-overlay-enter'];
@@ -106,14 +110,14 @@ var script = {
             return 'p-image-preview-rotate-' + this.rotate;
         },
         imagePreviewStyle() {
-            return {transform: 'rotate(' + this.rotate + 'deg) scale(' + this.scale + ')'};
+            return { transform: 'rotate(' + this.rotate + 'deg) scale(' + this.scale + ')' };
         },
         zoomDisabled() {
             return this.scale <= 0.5 || this.scale >= 1.5;
         }
     },
     components: {
-        'Portal': Portal
+        Portal: Portal
     }
 };
 
@@ -262,7 +266,7 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z = "\n.p-image-mask {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n}\n.p-image-preview-container {\n    position: relative;\n    display: inline-block;\n}\n.p-image-preview-indicator {\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    opacity: 0;\n    -webkit-transition: opacity .3s;\n    transition: opacity .3s;\n}\n.p-image-preview-icon {\n    font-size: 1.5rem;\n}\n.p-image-preview-container:hover > .p-image-preview-indicator {\n    opacity: 1;\n    cursor: pointer;\n}\n.p-image-preview-container > img {\n    cursor: pointer;\n}\n.p-image-toolbar {\n    position: absolute;\n    top: 0;\n    right: 0;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n}\n.p-image-action.p-link {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n}\n.p-image-preview {\n    -webkit-transition: -webkit-transform .15s;\n    transition: -webkit-transform .15s;\n    transition: transform .15s;\n    transition: transform .15s, -webkit-transform .15s;\n    max-width: 100vw;\n    max-height: 100vh;\n}\n.p-image-preview-enter-active {\n    -webkit-transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n    transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n}\n.p-image-preview-leave-active {\n    -webkit-transition: all 150ms cubic-bezier(0.4, 0.0, 0.2, 1);\n    transition: all 150ms cubic-bezier(0.4, 0.0, 0.2, 1);\n}\n.p-image-preview-enter-from,\n.p-image-preview-leave-to {\n    opacity: 0;\n    -webkit-transform: scale(0.7);\n            transform: scale(0.7);\n}\n";
+var css_248z = "\n.p-image-mask {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n}\n.p-image-preview-container {\n    position: relative;\n    display: inline-block;\n}\n.p-image-preview-indicator {\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    opacity: 0;\n    -webkit-transition: opacity 0.3s;\n    transition: opacity 0.3s;\n}\n.p-image-preview-icon {\n    font-size: 1.5rem;\n}\n.p-image-preview-container:hover > .p-image-preview-indicator {\n    opacity: 1;\n    cursor: pointer;\n}\n.p-image-preview-container > img {\n    cursor: pointer;\n}\n.p-image-toolbar {\n    position: absolute;\n    top: 0;\n    right: 0;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n}\n.p-image-action.p-link {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n}\n.p-image-preview {\n    -webkit-transition: -webkit-transform 0.15s;\n    transition: -webkit-transform 0.15s;\n    transition: transform 0.15s;\n    transition: transform 0.15s, -webkit-transform 0.15s;\n    max-width: 100vw;\n    max-height: 100vh;\n}\n.p-image-preview-enter-active {\n    -webkit-transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n    transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n}\n.p-image-preview-leave-active {\n    -webkit-transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);\n    transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n.p-image-preview-enter-from,\n.p-image-preview-leave-to {\n    opacity: 0;\n    -webkit-transform: scale(0.7);\n            transform: scale(0.7);\n}\n";
 styleInject(css_248z);
 
 script.render = render;

package/image/image.esm.min.js

@@ -1 +1 @@
-import{ZIndexUtils as e,DomHandler as i}from"primevue/utils";import t from"primevue/portal";import{resolveComponent as n,openBlock as a,createElementBlock as s,normalizeClass as o,normalizeStyle as r,createElementVNode as l,mergeProps as c,renderSlot as p,createCommentVNode as m,createVNode as k,withCtx as v,Transition as b}from"vue";var d={name:"Image",inheritAttrs:!1,emits:["show","hide","error"],props:{preview:{type:Boolean,default:!1},class:null,style:null,imageStyle:null,imageClass:null},mask:null,data:()=>({maskVisible:!1,previewVisible:!1,rotate:0,scale:1}),beforeUnmount(){this.mask&&e.clear(this.container)},methods:{maskRef(e){this.mask=e},toolbarRef(e){this.toolbarRef=e},onImageClick(){this.preview&&(this.maskVisible=!0,setTimeout((()=>{this.previewVisible=!0}),25))},onPreviewImageClick(){this.previewClick=!0},onMaskClick(){this.previewClick||(this.previewVisible=!1,this.rotate=0,this.scale=1),this.previewClick=!1},onError(){this.$emit("error")},rotateRight(){this.rotate+=90,this.previewClick=!0},rotateLeft(){this.rotate-=90,this.previewClick=!0},zoomIn(){this.scale=this.scale+.1,this.previewClick=!0},zoomOut(){this.scale=this.scale-.1,this.previewClick=!0},onBeforeEnter(){e.set("modal",this.mask,this.$primevue.config.zIndex.modal)},onEnter(){this.$emit("show")},onBeforeLeave(){i.addClass(this.mask,"p-component-overlay-leave")},onLeave(){this.$emit("hide")},onAfterLeave(i){e.clear(i),this.maskVisible=!1}},computed:{containerClass(){return["p-image p-component",this.class,{"p-image-preview-container":this.preview}]},maskClass:()=>["p-image-mask p-component-overlay p-component-overlay-enter"],rotateClass(){return"p-image-preview-rotate-"+this.rotate},imagePreviewStyle(){return{transform:"rotate("+this.rotate+"deg) scale("+this.scale+")"}},zoomDisabled(){return this.scale<=.5||this.scale>=1.5}},components:{Portal:t}};const h=l("i",{class:"p-image-preview-icon pi pi-eye"},null,-1),f={class:"p-image-toolbar"},u=[l("i",{class:"pi pi-refresh"},null,-1)],g=[l("i",{class:"pi pi-undo"},null,-1)],w=["disabled"],y=[l("i",{class:"pi pi-search-minus"},null,-1)],C=["disabled"],x=[l("i",{class:"pi pi-search-plus"},null,-1)],z=[l("i",{class:"pi pi-times"},null,-1)],L={key:0},E=["src"];!function(e,i){void 0===i&&(i={});var t=i.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===t&&n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e))}}("\n.p-image-mask {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n}\n.p-image-preview-container {\n    position: relative;\n    display: inline-block;\n}\n.p-image-preview-indicator {\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    opacity: 0;\n    -webkit-transition: opacity .3s;\n    transition: opacity .3s;\n}\n.p-image-preview-icon {\n    font-size: 1.5rem;\n}\n.p-image-preview-container:hover > .p-image-preview-indicator {\n    opacity: 1;\n    cursor: pointer;\n}\n.p-image-preview-container > img {\n    cursor: pointer;\n}\n.p-image-toolbar {\n    position: absolute;\n    top: 0;\n    right: 0;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n}\n.p-image-action.p-link {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n}\n.p-image-preview {\n    -webkit-transition: -webkit-transform .15s;\n    transition: -webkit-transform .15s;\n    transition: transform .15s;\n    transition: transform .15s, -webkit-transform .15s;\n    max-width: 100vw;\n    max-height: 100vh;\n}\n.p-image-preview-enter-active {\n    -webkit-transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n    transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n}\n.p-image-preview-leave-active {\n    -webkit-transition: all 150ms cubic-bezier(0.4, 0.0, 0.2, 1);\n    transition: all 150ms cubic-bezier(0.4, 0.0, 0.2, 1);\n}\n.p-image-preview-enter-from,\n.p-image-preview-leave-to {\n    opacity: 0;\n    -webkit-transform: scale(0.7);\n            transform: scale(0.7);\n}\n"),d.render=function(e,i,t,d,B,I){const P=n("Portal");return a(),s("span",{class:o(I.containerClass),style:r(t.style)},[l("img",c(e.$attrs,{style:t.imageStyle,class:t.imageClass,onError:i[0]||(i[0]=(...e)=>I.onError&&I.onError(...e))}),null,16),t.preview?(a(),s("div",{key:0,class:"p-image-preview-indicator",onClick:i[1]||(i[1]=(...e)=>I.onImageClick&&I.onImageClick(...e))},[p(e.$slots,"indicator",{},(()=>[h]))])):m("",!0),k(P,null,{default:v((()=>[B.maskVisible?(a(),s("div",{key:0,ref:I.maskRef,class:o(I.maskClass),onClick:i[8]||(i[8]=(...e)=>I.onMaskClick&&I.onMaskClick(...e))},[l("div",f,[l("button",{class:"p-image-action p-link",onClick:i[2]||(i[2]=(...e)=>I.rotateRight&&I.rotateRight(...e)),type:"button"},u),l("button",{class:"p-image-action p-link",onClick:i[3]||(i[3]=(...e)=>I.rotateLeft&&I.rotateLeft(...e)),type:"button"},g),l("button",{class:"p-image-action p-link",onClick:i[4]||(i[4]=(...e)=>I.zoomOut&&I.zoomOut(...e)),type:"button",disabled:I.zoomDisabled},y,8,w),l("button",{class:"p-image-action p-link",onClick:i[5]||(i[5]=(...e)=>I.zoomIn&&I.zoomIn(...e)),type:"button",disabled:I.zoomDisabled},x,8,C),l("button",{class:"p-image-action p-link",type:"button",onClick:i[6]||(i[6]=(...i)=>e.hidePreview&&e.hidePreview(...i))},z)]),k(b,{name:"p-image-preview",onBeforeEnter:I.onBeforeEnter,onEnter:I.onEnter,onLeave:I.onLeave,onBeforeLeave:I.onBeforeLeave,onAfterLeave:I.onAfterLeave},{default:v((()=>[B.previewVisible?(a(),s("div",L,[l("img",{src:e.$attrs.src,class:"p-image-preview",style:r(I.imagePreviewStyle),onClick:i[7]||(i[7]=(...e)=>I.onPreviewImageClick&&I.onPreviewImageClick(...e))},null,12,E)])):m("",!0)])),_:1},8,["onBeforeEnter","onEnter","onLeave","onBeforeLeave","onAfterLeave"])],2)):m("",!0)])),_:1})],6)};export{d as default};
+import{ZIndexUtils as e,DomHandler as i}from"primevue/utils";import t from"primevue/portal";import{resolveComponent as n,openBlock as a,createElementBlock as s,normalizeClass as o,normalizeStyle as r,createElementVNode as l,mergeProps as c,renderSlot as p,createCommentVNode as m,createVNode as k,withCtx as v,Transition as b}from"vue";var d={name:"Image",inheritAttrs:!1,emits:["show","hide","error"],props:{preview:{type:Boolean,default:!1},class:null,style:null,imageStyle:null,imageClass:null},mask:null,data:()=>({maskVisible:!1,previewVisible:!1,rotate:0,scale:1}),beforeUnmount(){this.mask&&e.clear(this.container)},methods:{maskRef(e){this.mask=e},toolbarRef(e){this.toolbarRef=e},onImageClick(){this.preview&&(this.maskVisible=!0,setTimeout((()=>{this.previewVisible=!0}),25))},onPreviewImageClick(){this.previewClick=!0},onMaskClick(){this.previewClick||(this.previewVisible=!1,this.rotate=0,this.scale=1),this.previewClick=!1},onError(){this.$emit("error")},rotateRight(){this.rotate+=90,this.previewClick=!0},rotateLeft(){this.rotate-=90,this.previewClick=!0},zoomIn(){this.scale=this.scale+.1,this.previewClick=!0},zoomOut(){this.scale=this.scale-.1,this.previewClick=!0},onBeforeEnter(){e.set("modal",this.mask,this.$primevue.config.zIndex.modal)},onEnter(){this.$emit("show")},onBeforeLeave(){i.addClass(this.mask,"p-component-overlay-leave")},onLeave(){this.$emit("hide")},onAfterLeave(i){e.clear(i),this.maskVisible=!1}},computed:{containerClass(){return["p-image p-component",this.class,{"p-image-preview-container":this.preview}]},maskClass:()=>["p-image-mask p-component-overlay p-component-overlay-enter"],rotateClass(){return"p-image-preview-rotate-"+this.rotate},imagePreviewStyle(){return{transform:"rotate("+this.rotate+"deg) scale("+this.scale+")"}},zoomDisabled(){return this.scale<=.5||this.scale>=1.5}},components:{Portal:t}};const h=l("i",{class:"p-image-preview-icon pi pi-eye"},null,-1),f={class:"p-image-toolbar"},u=[l("i",{class:"pi pi-refresh"},null,-1)],g=[l("i",{class:"pi pi-undo"},null,-1)],w=["disabled"],y=[l("i",{class:"pi pi-search-minus"},null,-1)],C=["disabled"],x=[l("i",{class:"pi pi-search-plus"},null,-1)],z=[l("i",{class:"pi pi-times"},null,-1)],L={key:0},E=["src"];!function(e,i){void 0===i&&(i={});var t=i.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===t&&n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e))}}("\n.p-image-mask {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n}\n.p-image-preview-container {\n    position: relative;\n    display: inline-block;\n}\n.p-image-preview-indicator {\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    opacity: 0;\n    -webkit-transition: opacity 0.3s;\n    transition: opacity 0.3s;\n}\n.p-image-preview-icon {\n    font-size: 1.5rem;\n}\n.p-image-preview-container:hover > .p-image-preview-indicator {\n    opacity: 1;\n    cursor: pointer;\n}\n.p-image-preview-container > img {\n    cursor: pointer;\n}\n.p-image-toolbar {\n    position: absolute;\n    top: 0;\n    right: 0;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n}\n.p-image-action.p-link {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n}\n.p-image-preview {\n    -webkit-transition: -webkit-transform 0.15s;\n    transition: -webkit-transform 0.15s;\n    transition: transform 0.15s;\n    transition: transform 0.15s, -webkit-transform 0.15s;\n    max-width: 100vw;\n    max-height: 100vh;\n}\n.p-image-preview-enter-active {\n    -webkit-transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n    transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n}\n.p-image-preview-leave-active {\n    -webkit-transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);\n    transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n.p-image-preview-enter-from,\n.p-image-preview-leave-to {\n    opacity: 0;\n    -webkit-transform: scale(0.7);\n            transform: scale(0.7);\n}\n"),d.render=function(e,i,t,d,B,I){const P=n("Portal");return a(),s("span",{class:o(I.containerClass),style:r(t.style)},[l("img",c(e.$attrs,{style:t.imageStyle,class:t.imageClass,onError:i[0]||(i[0]=(...e)=>I.onError&&I.onError(...e))}),null,16),t.preview?(a(),s("div",{key:0,class:"p-image-preview-indicator",onClick:i[1]||(i[1]=(...e)=>I.onImageClick&&I.onImageClick(...e))},[p(e.$slots,"indicator",{},(()=>[h]))])):m("",!0),k(P,null,{default:v((()=>[B.maskVisible?(a(),s("div",{key:0,ref:I.maskRef,class:o(I.maskClass),onClick:i[8]||(i[8]=(...e)=>I.onMaskClick&&I.onMaskClick(...e))},[l("div",f,[l("button",{class:"p-image-action p-link",onClick:i[2]||(i[2]=(...e)=>I.rotateRight&&I.rotateRight(...e)),type:"button"},u),l("button",{class:"p-image-action p-link",onClick:i[3]||(i[3]=(...e)=>I.rotateLeft&&I.rotateLeft(...e)),type:"button"},g),l("button",{class:"p-image-action p-link",onClick:i[4]||(i[4]=(...e)=>I.zoomOut&&I.zoomOut(...e)),type:"button",disabled:I.zoomDisabled},y,8,w),l("button",{class:"p-image-action p-link",onClick:i[5]||(i[5]=(...e)=>I.zoomIn&&I.zoomIn(...e)),type:"button",disabled:I.zoomDisabled},x,8,C),l("button",{class:"p-image-action p-link",type:"button",onClick:i[6]||(i[6]=(...i)=>e.hidePreview&&e.hidePreview(...i))},z)]),k(b,{name:"p-image-preview",onBeforeEnter:I.onBeforeEnter,onEnter:I.onEnter,onLeave:I.onLeave,onBeforeLeave:I.onBeforeLeave,onAfterLeave:I.onAfterLeave},{default:v((()=>[B.previewVisible?(a(),s("div",L,[l("img",{src:e.$attrs.src,class:"p-image-preview",style:r(I.imagePreviewStyle),onClick:i[7]||(i[7]=(...e)=>I.onPreviewImageClick&&I.onPreviewImageClick(...e))},null,12,E)])):m("",!0)])),_:1},8,["onBeforeEnter","onEnter","onLeave","onBeforeLeave","onAfterLeave"])],2)):m("",!0)])),_:1})],6)};export{d as default};

package/image/image.js

@@ -27,7 +27,7 @@ this.primevue.image = (function (utils, Portal, vue) {
                 previewVisible: false,
                 rotate: 0,
                 scale: 1
-            }
+            };
         },
         beforeUnmount() {
             if (this.mask) {
@@ -99,9 +99,13 @@ this.primevue.image = (function (utils, Portal, vue) {
         },
         computed: {
             containerClass() {
-                return ['p-image p-component', this.class, {
-                    'p-image-preview-container': this.preview
-                }];
+                return [
+                    'p-image p-component',
+                    this.class,
+                    {
+                        'p-image-preview-container': this.preview
+                    }
+                ];
             },
             maskClass() {
                 return ['p-image-mask p-component-overlay p-component-overlay-enter'];
@@ -110,14 +114,14 @@ this.primevue.image = (function (utils, Portal, vue) {
                 return 'p-image-preview-rotate-' + this.rotate;
             },
             imagePreviewStyle() {
-                return {transform: 'rotate(' + this.rotate + 'deg) scale(' + this.scale + ')'};
+                return { transform: 'rotate(' + this.rotate + 'deg) scale(' + this.scale + ')' };
             },
             zoomDisabled() {
                 return this.scale <= 0.5 || this.scale >= 1.5;
             }
         },
         components: {
-            'Portal': Portal__default["default"]
+            Portal: Portal__default["default"]
         }
     };
 
@@ -266,7 +270,7 @@ this.primevue.image = (function (utils, Portal, vue) {
       }
     }
 
-    var css_248z = "\n.p-image-mask {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n}\n.p-image-preview-container {\n    position: relative;\n    display: inline-block;\n}\n.p-image-preview-indicator {\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    opacity: 0;\n    -webkit-transition: opacity .3s;\n    transition: opacity .3s;\n}\n.p-image-preview-icon {\n    font-size: 1.5rem;\n}\n.p-image-preview-container:hover > .p-image-preview-indicator {\n    opacity: 1;\n    cursor: pointer;\n}\n.p-image-preview-container > img {\n    cursor: pointer;\n}\n.p-image-toolbar {\n    position: absolute;\n    top: 0;\n    right: 0;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n}\n.p-image-action.p-link {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n}\n.p-image-preview {\n    -webkit-transition: -webkit-transform .15s;\n    transition: -webkit-transform .15s;\n    transition: transform .15s;\n    transition: transform .15s, -webkit-transform .15s;\n    max-width: 100vw;\n    max-height: 100vh;\n}\n.p-image-preview-enter-active {\n    -webkit-transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n    transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n}\n.p-image-preview-leave-active {\n    -webkit-transition: all 150ms cubic-bezier(0.4, 0.0, 0.2, 1);\n    transition: all 150ms cubic-bezier(0.4, 0.0, 0.2, 1);\n}\n.p-image-preview-enter-from,\n.p-image-preview-leave-to {\n    opacity: 0;\n    -webkit-transform: scale(0.7);\n            transform: scale(0.7);\n}\n";
+    var css_248z = "\n.p-image-mask {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n}\n.p-image-preview-container {\n    position: relative;\n    display: inline-block;\n}\n.p-image-preview-indicator {\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    opacity: 0;\n    -webkit-transition: opacity 0.3s;\n    transition: opacity 0.3s;\n}\n.p-image-preview-icon {\n    font-size: 1.5rem;\n}\n.p-image-preview-container:hover > .p-image-preview-indicator {\n    opacity: 1;\n    cursor: pointer;\n}\n.p-image-preview-container > img {\n    cursor: pointer;\n}\n.p-image-toolbar {\n    position: absolute;\n    top: 0;\n    right: 0;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n}\n.p-image-action.p-link {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n}\n.p-image-preview {\n    -webkit-transition: -webkit-transform 0.15s;\n    transition: -webkit-transform 0.15s;\n    transition: transform 0.15s;\n    transition: transform 0.15s, -webkit-transform 0.15s;\n    max-width: 100vw;\n    max-height: 100vh;\n}\n.p-image-preview-enter-active {\n    -webkit-transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n    transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n}\n.p-image-preview-leave-active {\n    -webkit-transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);\n    transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n.p-image-preview-enter-from,\n.p-image-preview-leave-to {\n    opacity: 0;\n    -webkit-transform: scale(0.7);\n            transform: scale(0.7);\n}\n";
     styleInject(css_248z);
 
     script.render = render;

package/image/image.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.image=function(e,t,i){"use strict";function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a={name:"Image",inheritAttrs:!1,emits:["show","hide","error"],props:{preview:{type:Boolean,default:!1},class:null,style:null,imageStyle:null,imageClass:null},mask:null,data:()=>({maskVisible:!1,previewVisible:!1,rotate:0,scale:1}),beforeUnmount(){this.mask&&e.ZIndexUtils.clear(this.container)},methods:{maskRef(e){this.mask=e},toolbarRef(e){this.toolbarRef=e},onImageClick(){this.preview&&(this.maskVisible=!0,setTimeout((()=>{this.previewVisible=!0}),25))},onPreviewImageClick(){this.previewClick=!0},onMaskClick(){this.previewClick||(this.previewVisible=!1,this.rotate=0,this.scale=1),this.previewClick=!1},onError(){this.$emit("error")},rotateRight(){this.rotate+=90,this.previewClick=!0},rotateLeft(){this.rotate-=90,this.previewClick=!0},zoomIn(){this.scale=this.scale+.1,this.previewClick=!0},zoomOut(){this.scale=this.scale-.1,this.previewClick=!0},onBeforeEnter(){e.ZIndexUtils.set("modal",this.mask,this.$primevue.config.zIndex.modal)},onEnter(){this.$emit("show")},onBeforeLeave(){e.DomHandler.addClass(this.mask,"p-component-overlay-leave")},onLeave(){this.$emit("hide")},onAfterLeave(t){e.ZIndexUtils.clear(t),this.maskVisible=!1}},computed:{containerClass(){return["p-image p-component",this.class,{"p-image-preview-container":this.preview}]},maskClass:()=>["p-image-mask p-component-overlay p-component-overlay-enter"],rotateClass(){return"p-image-preview-rotate-"+this.rotate},imagePreviewStyle(){return{transform:"rotate("+this.rotate+"deg) scale("+this.scale+")"}},zoomDisabled(){return this.scale<=.5||this.scale>=1.5}},components:{Portal:n(t).default}};const o=i.createElementVNode("i",{class:"p-image-preview-icon pi pi-eye"},null,-1),s={class:"p-image-toolbar"},r=[i.createElementVNode("i",{class:"pi pi-refresh"},null,-1)],l=[i.createElementVNode("i",{class:"pi pi-undo"},null,-1)],c=["disabled"],m=[i.createElementVNode("i",{class:"pi pi-search-minus"},null,-1)],p=["disabled"],d=[i.createElementVNode("i",{class:"pi pi-search-plus"},null,-1)],k=[i.createElementVNode("i",{class:"pi pi-times"},null,-1)],v={key:0},u=["src"];return function(e,t){void 0===t&&(t={});var i=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===i&&n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e))}}("\n.p-image-mask {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n}\n.p-image-preview-container {\n    position: relative;\n    display: inline-block;\n}\n.p-image-preview-indicator {\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    opacity: 0;\n    -webkit-transition: opacity .3s;\n    transition: opacity .3s;\n}\n.p-image-preview-icon {\n    font-size: 1.5rem;\n}\n.p-image-preview-container:hover > .p-image-preview-indicator {\n    opacity: 1;\n    cursor: pointer;\n}\n.p-image-preview-container > img {\n    cursor: pointer;\n}\n.p-image-toolbar {\n    position: absolute;\n    top: 0;\n    right: 0;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n}\n.p-image-action.p-link {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n}\n.p-image-preview {\n    -webkit-transition: -webkit-transform .15s;\n    transition: -webkit-transform .15s;\n    transition: transform .15s;\n    transition: transform .15s, -webkit-transform .15s;\n    max-width: 100vw;\n    max-height: 100vh;\n}\n.p-image-preview-enter-active {\n    -webkit-transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n    transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n}\n.p-image-preview-leave-active {\n    -webkit-transition: all 150ms cubic-bezier(0.4, 0.0, 0.2, 1);\n    transition: all 150ms cubic-bezier(0.4, 0.0, 0.2, 1);\n}\n.p-image-preview-enter-from,\n.p-image-preview-leave-to {\n    opacity: 0;\n    -webkit-transform: scale(0.7);\n            transform: scale(0.7);\n}\n"),a.render=function(e,t,n,a,b,h){const f=i.resolveComponent("Portal");return i.openBlock(),i.createElementBlock("span",{class:i.normalizeClass(h.containerClass),style:i.normalizeStyle(n.style)},[i.createElementVNode("img",i.mergeProps(e.$attrs,{style:n.imageStyle,class:n.imageClass,onError:t[0]||(t[0]=(...e)=>h.onError&&h.onError(...e))}),null,16),n.preview?(i.openBlock(),i.createElementBlock("div",{key:0,class:"p-image-preview-indicator",onClick:t[1]||(t[1]=(...e)=>h.onImageClick&&h.onImageClick(...e))},[i.renderSlot(e.$slots,"indicator",{},(()=>[o]))])):i.createCommentVNode("",!0),i.createVNode(f,null,{default:i.withCtx((()=>[b.maskVisible?(i.openBlock(),i.createElementBlock("div",{key:0,ref:h.maskRef,class:i.normalizeClass(h.maskClass),onClick:t[8]||(t[8]=(...e)=>h.onMaskClick&&h.onMaskClick(...e))},[i.createElementVNode("div",s,[i.createElementVNode("button",{class:"p-image-action p-link",onClick:t[2]||(t[2]=(...e)=>h.rotateRight&&h.rotateRight(...e)),type:"button"},r),i.createElementVNode("button",{class:"p-image-action p-link",onClick:t[3]||(t[3]=(...e)=>h.rotateLeft&&h.rotateLeft(...e)),type:"button"},l),i.createElementVNode("button",{class:"p-image-action p-link",onClick:t[4]||(t[4]=(...e)=>h.zoomOut&&h.zoomOut(...e)),type:"button",disabled:h.zoomDisabled},m,8,c),i.createElementVNode("button",{class:"p-image-action p-link",onClick:t[5]||(t[5]=(...e)=>h.zoomIn&&h.zoomIn(...e)),type:"button",disabled:h.zoomDisabled},d,8,p),i.createElementVNode("button",{class:"p-image-action p-link",type:"button",onClick:t[6]||(t[6]=(...t)=>e.hidePreview&&e.hidePreview(...t))},k)]),i.createVNode(i.Transition,{name:"p-image-preview",onBeforeEnter:h.onBeforeEnter,onEnter:h.onEnter,onLeave:h.onLeave,onBeforeLeave:h.onBeforeLeave,onAfterLeave:h.onAfterLeave},{default:i.withCtx((()=>[b.previewVisible?(i.openBlock(),i.createElementBlock("div",v,[i.createElementVNode("img",{src:e.$attrs.src,class:"p-image-preview",style:i.normalizeStyle(h.imagePreviewStyle),onClick:t[7]||(t[7]=(...e)=>h.onPreviewImageClick&&h.onPreviewImageClick(...e))},null,12,u)])):i.createCommentVNode("",!0)])),_:1},8,["onBeforeEnter","onEnter","onLeave","onBeforeLeave","onAfterLeave"])],2)):i.createCommentVNode("",!0)])),_:1})],6)},a}(primevue.utils,primevue.portal,Vue);
+this.primevue=this.primevue||{},this.primevue.image=function(e,t,i){"use strict";function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a={name:"Image",inheritAttrs:!1,emits:["show","hide","error"],props:{preview:{type:Boolean,default:!1},class:null,style:null,imageStyle:null,imageClass:null},mask:null,data:()=>({maskVisible:!1,previewVisible:!1,rotate:0,scale:1}),beforeUnmount(){this.mask&&e.ZIndexUtils.clear(this.container)},methods:{maskRef(e){this.mask=e},toolbarRef(e){this.toolbarRef=e},onImageClick(){this.preview&&(this.maskVisible=!0,setTimeout((()=>{this.previewVisible=!0}),25))},onPreviewImageClick(){this.previewClick=!0},onMaskClick(){this.previewClick||(this.previewVisible=!1,this.rotate=0,this.scale=1),this.previewClick=!1},onError(){this.$emit("error")},rotateRight(){this.rotate+=90,this.previewClick=!0},rotateLeft(){this.rotate-=90,this.previewClick=!0},zoomIn(){this.scale=this.scale+.1,this.previewClick=!0},zoomOut(){this.scale=this.scale-.1,this.previewClick=!0},onBeforeEnter(){e.ZIndexUtils.set("modal",this.mask,this.$primevue.config.zIndex.modal)},onEnter(){this.$emit("show")},onBeforeLeave(){e.DomHandler.addClass(this.mask,"p-component-overlay-leave")},onLeave(){this.$emit("hide")},onAfterLeave(t){e.ZIndexUtils.clear(t),this.maskVisible=!1}},computed:{containerClass(){return["p-image p-component",this.class,{"p-image-preview-container":this.preview}]},maskClass:()=>["p-image-mask p-component-overlay p-component-overlay-enter"],rotateClass(){return"p-image-preview-rotate-"+this.rotate},imagePreviewStyle(){return{transform:"rotate("+this.rotate+"deg) scale("+this.scale+")"}},zoomDisabled(){return this.scale<=.5||this.scale>=1.5}},components:{Portal:n(t).default}};const o=i.createElementVNode("i",{class:"p-image-preview-icon pi pi-eye"},null,-1),s={class:"p-image-toolbar"},r=[i.createElementVNode("i",{class:"pi pi-refresh"},null,-1)],l=[i.createElementVNode("i",{class:"pi pi-undo"},null,-1)],c=["disabled"],m=[i.createElementVNode("i",{class:"pi pi-search-minus"},null,-1)],p=["disabled"],d=[i.createElementVNode("i",{class:"pi pi-search-plus"},null,-1)],k=[i.createElementVNode("i",{class:"pi pi-times"},null,-1)],v={key:0},u=["src"];return function(e,t){void 0===t&&(t={});var i=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===i&&n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e))}}("\n.p-image-mask {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n}\n.p-image-preview-container {\n    position: relative;\n    display: inline-block;\n}\n.p-image-preview-indicator {\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    opacity: 0;\n    -webkit-transition: opacity 0.3s;\n    transition: opacity 0.3s;\n}\n.p-image-preview-icon {\n    font-size: 1.5rem;\n}\n.p-image-preview-container:hover > .p-image-preview-indicator {\n    opacity: 1;\n    cursor: pointer;\n}\n.p-image-preview-container > img {\n    cursor: pointer;\n}\n.p-image-toolbar {\n    position: absolute;\n    top: 0;\n    right: 0;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n}\n.p-image-action.p-link {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n}\n.p-image-preview {\n    -webkit-transition: -webkit-transform 0.15s;\n    transition: -webkit-transform 0.15s;\n    transition: transform 0.15s;\n    transition: transform 0.15s, -webkit-transform 0.15s;\n    max-width: 100vw;\n    max-height: 100vh;\n}\n.p-image-preview-enter-active {\n    -webkit-transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n    transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n}\n.p-image-preview-leave-active {\n    -webkit-transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);\n    transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n.p-image-preview-enter-from,\n.p-image-preview-leave-to {\n    opacity: 0;\n    -webkit-transform: scale(0.7);\n            transform: scale(0.7);\n}\n"),a.render=function(e,t,n,a,b,h){const f=i.resolveComponent("Portal");return i.openBlock(),i.createElementBlock("span",{class:i.normalizeClass(h.containerClass),style:i.normalizeStyle(n.style)},[i.createElementVNode("img",i.mergeProps(e.$attrs,{style:n.imageStyle,class:n.imageClass,onError:t[0]||(t[0]=(...e)=>h.onError&&h.onError(...e))}),null,16),n.preview?(i.openBlock(),i.createElementBlock("div",{key:0,class:"p-image-preview-indicator",onClick:t[1]||(t[1]=(...e)=>h.onImageClick&&h.onImageClick(...e))},[i.renderSlot(e.$slots,"indicator",{},(()=>[o]))])):i.createCommentVNode("",!0),i.createVNode(f,null,{default:i.withCtx((()=>[b.maskVisible?(i.openBlock(),i.createElementBlock("div",{key:0,ref:h.maskRef,class:i.normalizeClass(h.maskClass),onClick:t[8]||(t[8]=(...e)=>h.onMaskClick&&h.onMaskClick(...e))},[i.createElementVNode("div",s,[i.createElementVNode("button",{class:"p-image-action p-link",onClick:t[2]||(t[2]=(...e)=>h.rotateRight&&h.rotateRight(...e)),type:"button"},r),i.createElementVNode("button",{class:"p-image-action p-link",onClick:t[3]||(t[3]=(...e)=>h.rotateLeft&&h.rotateLeft(...e)),type:"button"},l),i.createElementVNode("button",{class:"p-image-action p-link",onClick:t[4]||(t[4]=(...e)=>h.zoomOut&&h.zoomOut(...e)),type:"button",disabled:h.zoomDisabled},m,8,c),i.createElementVNode("button",{class:"p-image-action p-link",onClick:t[5]||(t[5]=(...e)=>h.zoomIn&&h.zoomIn(...e)),type:"button",disabled:h.zoomDisabled},d,8,p),i.createElementVNode("button",{class:"p-image-action p-link",type:"button",onClick:t[6]||(t[6]=(...t)=>e.hidePreview&&e.hidePreview(...t))},k)]),i.createVNode(i.Transition,{name:"p-image-preview",onBeforeEnter:h.onBeforeEnter,onEnter:h.onEnter,onLeave:h.onLeave,onBeforeLeave:h.onBeforeLeave,onAfterLeave:h.onAfterLeave},{default:i.withCtx((()=>[b.previewVisible?(i.openBlock(),i.createElementBlock("div",v,[i.createElementVNode("img",{src:e.$attrs.src,class:"p-image-preview",style:i.normalizeStyle(h.imagePreviewStyle),onClick:t[7]||(t[7]=(...e)=>h.onPreviewImageClick&&h.onPreviewImageClick(...e))},null,12,u)])):i.createCommentVNode("",!0)])),_:1},8,["onBeforeEnter","onEnter","onLeave","onBeforeLeave","onAfterLeave"])],2)):i.createCommentVNode("",!0)])),_:1})],6)},a}(primevue.utils,primevue.portal,Vue);