primevue 3.16.2 → 3.17.0

package/galleria/galleria.cjs.js

@@ -59,17 +59,13 @@ var script$4 = {
     methods: {
         next() {
             let nextItemIndex = this.activeIndex + 1;
-            let activeIndex = this.circular && this.value.length - 1 === this.activeIndex
-                        ? 0
-                        : nextItemIndex;
+            let activeIndex = this.circular && this.value.length - 1 === this.activeIndex ? 0 : nextItemIndex;
 
             this.$emit('update:activeIndex', activeIndex);
         },
         prev() {
             let prevItemIndex = this.activeIndex !== 0 ? this.activeIndex - 1 : 0;
-            let activeIndex = this.circular && this.activeIndex === 0
-                    ? this.value.length - 1
-                    : prevItemIndex;
+            let activeIndex = this.circular && this.activeIndex === 0 ? this.value.length - 1 : prevItemIndex;
 
             this.$emit('update:activeIndex', activeIndex);
         },
@@ -117,7 +113,7 @@ var script$4 = {
             return !this.circular && this.activeIndex === 0;
         },
         isNavForwardDisabled() {
-            return !this.circular && this.activeIndex === (this.value.length - 1);
+            return !this.circular && this.activeIndex === this.value.length - 1;
         }
     },
     computed: {
@@ -125,18 +121,24 @@ var script$4 = {
             return this.value[this.activeIndex];
         },
         navBackwardClass() {
-            return ['p-galleria-item-prev p-galleria-item-nav p-link', {
-                'p-disabled': this.isNavBackwardDisabled()
-            }];
+            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()
-            }];
+            return [
+                'p-galleria-item-next p-galleria-item-nav p-link',
+                {
+                    'p-disabled': this.isNavForwardDisabled()
+                }
+            ];
         }
     },
     directives: {
-        'ripple': Ripple__default["default"]
+        ripple: Ripple__default["default"]
     }
 };
 
@@ -224,7 +226,7 @@ function render$3(_ctx, _cache, $props, $setup, $data, $options) {
               onClick: $event => ($options.onIndicatorClick(index)),
               onMouseenter: $event => ($options.onIndicatorMouseEnter(index)),
               onKeydown: vue.withKeys($event => ($options.onIndicatorKeyDown(index)), ["enter"]),
-              class: vue.normalizeClass(['p-galleria-indicator', {'p-highlight': $options.isIndicatorItemActive(index)}])
+              class: vue.normalizeClass(['p-galleria-indicator', { 'p-highlight': $options.isIndicatorItemActive(index) }])
             }, [
               (!$props.templates['indicator'])
                 ? (vue.openBlock(), vue.createElementBlock("button", _hoisted_13))
@@ -250,7 +252,7 @@ var script$3 = {
     props: {
         containerId: {
             type: String,
-            default: null,
+            default: null
         },
         value: {
             type: Array,
@@ -282,7 +284,7 @@ var script$3 = {
         },
         contentHeight: {
             type: String,
-            default: "300px"
+            default: '300px'
         },
         showThumbnailNavigators: {
             type: Boolean,
@@ -304,25 +306,25 @@ var script$3 = {
             d_oldActiveItemIndex: this.activeIndex,
             totalShiftedItems: 0,
             page: 0
-        }
+        };
     },
     watch: {
         numVisible(newValue, oldValue) {
-			this.d_numVisible = newValue;
-			this.d_oldNumVisible = oldValue;
+            this.d_numVisible = newValue;
+            this.d_oldNumVisible = oldValue;
         },
         activeIndex(newValue, oldValue) {
-			this.d_activeIndex = newValue;
-			this.d_oldActiveItemIndex = oldValue;
+            this.d_activeIndex = newValue;
+            this.d_oldActiveItemIndex = oldValue;
         }
     },
     mounted() {
-		this.createStyle();
-		this.calculatePosition();
+        this.createStyle();
+        this.calculatePosition();
 
-		if (this.responsiveOptions) {
-			this.bindDocumentListeners();
-		}
+        if (this.responsiveOptions) {
+            this.bindDocumentListeners();
+        }
     },
     updated() {
         let totalShiftedItems = this.totalShiftedItems;
@@ -330,22 +332,19 @@ var script$3 = {
         if (this.d_oldNumVisible !== this.d_numVisible || this.d_oldActiveItemIndex !== this.d_activeIndex) {
             if (this.d_activeIndex <= this.getMedianItemIndex()) {
                 totalShiftedItems = 0;
-            }
-            else if (this.value.length - this.d_numVisible + this.getMedianItemIndex() < this.d_activeIndex) {
+            } else if (this.value.length - this.d_numVisible + this.getMedianItemIndex() < this.d_activeIndex) {
                 totalShiftedItems = this.d_numVisible - this.value.length;
-            }
-            else if (this.value.length - this.d_numVisible < this.d_activeIndex && this.d_numVisible % 2 === 0) {
-                totalShiftedItems = (this.d_activeIndex * -1) + this.getMedianItemIndex() + 1;
-            }
-            else {
-                totalShiftedItems = (this.d_activeIndex * -1) + this.getMedianItemIndex();
+            } else if (this.value.length - this.d_numVisible < this.d_activeIndex && this.d_numVisible % 2 === 0) {
+                totalShiftedItems = this.d_activeIndex * -1 + this.getMedianItemIndex() + 1;
+            } else {
+                totalShiftedItems = this.d_activeIndex * -1 + this.getMedianItemIndex();
             }
 
             if (totalShiftedItems !== this.totalShiftedItems) {
                 this.totalShiftedItems = totalShiftedItems;
             }
 
-            this.$refs.itemsContainer.style.transform = this.isVertical ? `translate3d(0, ${totalShiftedItems * (100/ this.d_numVisible)}%, 0)` : `translate3d(${totalShiftedItems * (100/ this.d_numVisible)}%, 0, 0)`;
+            this.$refs.itemsContainer.style.transform = this.isVertical ? `translate3d(0, ${totalShiftedItems * (100 / this.d_numVisible)}%, 0)` : `translate3d(${totalShiftedItems * (100 / this.d_numVisible)}%, 0, 0)`;
 
             if (this.d_oldActiveItemIndex !== this.d_activeIndex) {
                 utils.DomHandler.removeClass(this.$refs.itemsContainer, 'p-items-hidden');
@@ -357,37 +356,35 @@ var script$3 = {
         }
     },
     beforeUnmount() {
-		if (this.responsiveOptions) {
-			this.unbindDocumentListeners();
+        if (this.responsiveOptions) {
+            this.unbindDocumentListeners();
         }
 
         if (this.thumbnailsStyle) {
             this.thumbnailsStyle.parentNode.removeChild(this.thumbnailsStyle);
         }
-	},
+    },
     methods: {
         step(dir) {
             let totalShiftedItems = this.totalShiftedItems + dir;
 
-            if (dir < 0 && (-1 * totalShiftedItems) + this.d_numVisible > (this.value.length - 1)) {
+            if (dir < 0 && -1 * totalShiftedItems + this.d_numVisible > this.value.length - 1) {
                 totalShiftedItems = this.d_numVisible - this.value.length;
-            }
-            else if (dir > 0 && totalShiftedItems > 0) {
+            } else if (dir > 0 && totalShiftedItems > 0) {
                 totalShiftedItems = 0;
             }
 
             if (this.circular) {
                 if (dir < 0 && this.value.length - 1 === this.d_activeIndex) {
                     totalShiftedItems = 0;
-                }
-                else if (dir > 0 && this.d_activeIndex === 0) {
+                } else if (dir > 0 && this.d_activeIndex === 0) {
                     totalShiftedItems = this.d_numVisible - this.value.length;
                 }
             }
 
             if (this.$refs.itemsContainer) {
                 utils.DomHandler.removeClass(this.$refs.itemsContainer, 'p-items-hidden');
-                this.$refs.itemsContainer.style.transform = this.isVertical ? `translate3d(0, ${totalShiftedItems * (100/ this.d_numVisible)}%, 0)` : `translate3d(${totalShiftedItems * (100/ this.d_numVisible)}%, 0, 0)`;
+                this.$refs.itemsContainer.style.transform = this.isVertical ? `translate3d(0, ${totalShiftedItems * (100 / this.d_numVisible)}%, 0)` : `translate3d(${totalShiftedItems * (100 / this.d_numVisible)}%, 0, 0)`;
                 this.$refs.itemsContainer.style.transition = 'transform 500ms ease 0s';
             }
 
@@ -401,18 +398,20 @@ var script$3 = {
         getMedianItemIndex() {
             let index = Math.floor(this.d_numVisible / 2);
 
-            return (this.d_numVisible % 2) ? index : index - 1;
+            return this.d_numVisible % 2 ? index : index - 1;
         },
         navBackward(e) {
             this.stopSlideShow();
 
             let prevItemIndex = this.d_activeIndex !== 0 ? this.d_activeIndex - 1 : 0;
             let diff = prevItemIndex + this.totalShiftedItems;
-            if ((this.d_numVisible - diff - 1) > this.getMedianItemIndex() && ((-1 * this.totalShiftedItems) !== 0 || this.circular)) {
+
+            if (this.d_numVisible - diff - 1 > this.getMedianItemIndex() && (-1 * this.totalShiftedItems !== 0 || this.circular)) {
                 this.step(1);
             }
 
             let activeIndex = this.circular && this.d_activeIndex === 0 ? this.value.length - 1 : prevItemIndex;
+
             this.$emit('update:activeIndex', activeIndex);
 
             if (e.cancelable) {
@@ -423,11 +422,13 @@ var script$3 = {
             this.stopSlideShow();
 
             let nextItemIndex = this.d_activeIndex + 1;
-            if (nextItemIndex + this.totalShiftedItems > this.getMedianItemIndex() && ((-1 * this.totalShiftedItems) < this.getTotalPageNumber() - 1 || this.circular)) {
+
+            if (nextItemIndex + this.totalShiftedItems > this.getMedianItemIndex() && (-1 * this.totalShiftedItems < this.getTotalPageNumber() - 1 || this.circular)) {
                 this.step(-1);
             }
 
-            let activeIndex = this.circular && (this.value.length - 1) === this.d_activeIndex ? 0 : nextItemIndex;
+            let activeIndex = this.circular && this.value.length - 1 === this.d_activeIndex ? 0 : nextItemIndex;
+
             this.$emit('update:activeIndex', activeIndex);
 
             if (e.cancelable) {
@@ -438,18 +439,21 @@ var script$3 = {
             this.stopSlideShow();
 
             let selectedItemIndex = index;
+
             if (selectedItemIndex !== this.d_activeIndex) {
                 const diff = selectedItemIndex + this.totalShiftedItems;
                 let dir = 0;
+
                 if (selectedItemIndex < this.d_activeIndex) {
-                    dir = (this.d_numVisible - diff - 1) - this.getMedianItemIndex();
-                    if (dir > 0 && (-1 * this.totalShiftedItems) !== 0) {
+                    dir = this.d_numVisible - diff - 1 - this.getMedianItemIndex();
+
+                    if (dir > 0 && -1 * this.totalShiftedItems !== 0) {
                         this.step(dir);
                     }
-                }
-                else {
+                } else {
                     dir = this.getMedianItemIndex() - diff;
-                    if (dir < 0 && (-1 * this.totalShiftedItems) < this.getTotalPageNumber() - 1) {
+
+                    if (dir < 0 && -1 * this.totalShiftedItems < this.getTotalPageNumber() - 1) {
                         this.step(dir);
                     }
                 }
@@ -480,22 +484,22 @@ var script$3 = {
             let touchobj = e.changedTouches[0];
 
             if (this.isVertical) {
-                this.changePageOnTouch(e, (touchobj.pageY - this.startPos.y));
-            }
-            else {
-                this.changePageOnTouch(e, (touchobj.pageX - this.startPos.x));
+                this.changePageOnTouch(e, touchobj.pageY - this.startPos.y);
+            } else {
+                this.changePageOnTouch(e, touchobj.pageX - this.startPos.x);
             }
         },
         changePageOnTouch(e, diff) {
-            if (diff < 0) {           // left
+            if (diff < 0) {
+                // left
                 this.navForward(e);
-            }
-            else {                    // right
+            } else {
+                // right
                 this.navBackward(e);
             }
         },
         getTotalPageNumber() {
-            return this.value.length > this.d_numVisible ? (this.value.length - this.d_numVisible) + 1 : 0;
+            return this.value.length > this.d_numVisible ? this.value.length - this.d_numVisible + 1 : 0;
         },
         createStyle() {
             if (!this.thumbnailsStyle) {
@@ -506,7 +510,7 @@ var script$3 = {
 
             let innerHTML = `
                 #${this.containerId} .p-galleria-thumbnail-item {
-                    flex: 1 0 ${ (100/ this.d_numVisible) }%
+                    flex: 1 0 ${100 / this.d_numVisible}%
                 }
             `;
 
@@ -517,16 +521,11 @@ var script$3 = {
                     const value2 = data2.breakpoint;
                     let result = null;
 
-                    if (value1 == null && value2 != null)
-                        result = -1;
-                    else if (value1 != null && value2 == null)
-                        result = 1;
-                    else if (value1 == null && value2 == null)
-                        result = 0;
-                    else if (typeof value1 === 'string' && typeof value2 === 'string')
-                        result = value1.localeCompare(value2, undefined, { numeric: true });
-                    else
-                        result = (value1 < value2) ? -1 : (value1 > value2) ? 1 : 0;
+                    if (value1 == null && value2 != null) result = -1;
+                    else if (value1 != null && value2 == null) result = 1;
+                    else if (value1 == null && value2 == null) result = 0;
+                    else if (typeof value1 === 'string' && typeof value2 === 'string') result = value1.localeCompare(value2, undefined, { numeric: true });
+                    else result = value1 < value2 ? -1 : value1 > value2 ? 1 : 0;
 
                     return -1 * result;
                 });
@@ -537,7 +536,7 @@ var script$3 = {
                     innerHTML += `
                         @media screen and (max-width: ${res.breakpoint}) {
                             #${this.containerId} .p-galleria-thumbnail-item {
-                                flex: 1 0 ${ (100/ res.numVisible) }%
+                                flex: 1 0 ${100 / res.numVisible}%
                             }
                         }
                     `;
@@ -576,16 +575,16 @@ var script$3 = {
             }
         },
         unbindDocumentListeners() {
-            if(this.documentResizeListener) {
+            if (this.documentResizeListener) {
                 window.removeEventListener('resize', this.documentResizeListener);
                 this.documentResizeListener = null;
             }
         },
         isNavBackwardDisabled() {
-            return (!this.circular && this.d_activeIndex === 0) || (this.value.length <= this.d_numVisible);
+            return (!this.circular && this.d_activeIndex === 0) || this.value.length <= this.d_numVisible;
         },
         isNavForwardDisabled() {
-            return (!this.circular && this.d_activeIndex === (this.value.length - 1)) || (this.value.length <= this.d_numVisible);
+            return (!this.circular && this.d_activeIndex === this.value.length - 1) || this.value.length <= this.d_numVisible;
         },
         firstItemAciveIndex() {
             return this.totalShiftedItems * -1;
@@ -599,30 +598,42 @@ var script$3 = {
     },
     computed: {
         navBackwardClass() {
-            return ['p-galleria-thumbnail-prev p-link', {
-                'p-disabled': this.isNavBackwardDisabled()
-            }];
+            return [
+                'p-galleria-thumbnail-prev p-link',
+                {
+                    'p-disabled': this.isNavBackwardDisabled()
+                }
+            ];
         },
         navForwardClass() {
-            return ['p-galleria-thumbnail-next p-link', {
-                'p-disabled': this.isNavForwardDisabled()
-            }];
+            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
-            }];
+            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
-            }];
+            return [
+                'p-galleria-thumbnail-next-icon pi',
+                {
+                    'pi-chevron-right': !this.isVertical,
+                    'pi-chevron-down': this.isVertical
+                }
+            ];
         }
     },
     directives: {
-        'ripple': Ripple__default["default"]
+        ripple: Ripple__default["default"]
     }
 };
 
@@ -654,7 +665,7 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
         : vue.createCommentVNode("", true),
       vue.createElementVNode("div", {
         class: "p-galleria-thumbnail-items-container",
-        style: vue.normalizeStyle({'height': $props.isVertical ? $props.contentHeight : ''})
+        style: vue.normalizeStyle({ height: $props.isVertical ? $props.contentHeight : '' })
       }, [
         vue.createElementVNode("div", {
           ref: "itemsContainer",
@@ -667,11 +678,15 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($props.value, (item, index) => {
             return (vue.openBlock(), vue.createElementBlock("div", {
               key: `p-galleria-thumbnail-item-${index}`,
-              class: vue.normalizeClass(['p-galleria-thumbnail-item', {
-                        'p-galleria-thumbnail-item-current': $props.activeIndex === index,
-                        'p-galleria-thumbnail-item-active': $options.isItemActive(index),
-                        'p-galleria-thumbnail-item-start': $options.firstItemAciveIndex() === index,
-                        'p-galleria-thumbnail-item-end': $options.lastItemActiveIndex() === index }])
+              class: vue.normalizeClass([
+                            'p-galleria-thumbnail-item',
+                            {
+                                'p-galleria-thumbnail-item-current': $props.activeIndex === index,
+                                'p-galleria-thumbnail-item-active': $options.isItemActive(index),
+                                'p-galleria-thumbnail-item-start': $options.firstItemAciveIndex() === index,
+                                'p-galleria-thumbnail-item-end': $options.lastItemActiveIndex() === index
+                            }
+                        ])
             }, [
               vue.createElementVNode("div", {
                 class: "p-galleria-thumbnail-item-content",
@@ -737,6 +752,7 @@ var script$2 = {
 
         if (template) {
             let content;
+
             switch (type) {
                 case 'item':
                 case 'caption':
@@ -773,18 +789,18 @@ var script$1 = {
             activeIndex: this.$attrs.activeIndex,
             numVisible: this.$attrs.numVisible,
             slideShowActive: false
-        }
+        };
     },
     watch: {
-        '$attrs.value': function(newVal) {
+        '$attrs.value': function (newVal) {
             if (newVal && newVal.length < this.numVisible) {
                 this.numVisible = newVal.length;
             }
         },
-        '$attrs.activeIndex': function(newVal) {
+        '$attrs.activeIndex': function (newVal) {
             this.activeIndex = newVal;
         },
-        '$attrs.numVisible': function(newVal) {
+        '$attrs.numVisible': function (newVal) {
             this.numVisible = newVal;
         }
     },
@@ -792,17 +808,18 @@ var script$1 = {
         this.$emit('activeitem-change', this.activeIndex);
     },
     beforeUnmount() {
-		if (this.slideShowActive) {
-			this.stopSlideShow();
-		}
-	},
+        if (this.slideShowActive) {
+            this.stopSlideShow();
+        }
+    },
     methods: {
         isAutoPlayActive() {
             return this.slideShowActive;
         },
         startSlideShow() {
             this.interval = setInterval(() => {
-                let activeIndex = (this.$attrs.circular && (this.$attrs.value.length - 1) === this.activeIndex) ? 0 : (this.activeIndex + 1);
+                let activeIndex = this.$attrs.circular && this.$attrs.value.length - 1 === this.activeIndex ? 0 : this.activeIndex + 1;
+
                 this.activeIndex = activeIndex;
             }, this.$attrs.transitionInterval);
 
@@ -817,7 +834,7 @@ var script$1 = {
         },
         getPositionClass(preClassName, position) {
             const positions = ['top', 'left', 'bottom', 'right'];
-            const pos = positions.find(item => item === position);
+            const pos = positions.find((item) => item === position);
 
             return pos ? `${preClassName}-${pos}` : '';
         },
@@ -830,20 +847,26 @@ var script$1 = {
             const thumbnailsPosClass = this.$attrs.showThumbnails && this.getPositionClass('p-galleria-thumbnails', this.$attrs.thumbnailsPosition);
             const indicatorPosClass = 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
-            }, thumbnailsPosClass, indicatorPosClass, this.$attrs.containerClass]
+            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
+                },
+                thumbnailsPosClass,
+                indicatorPosClass,
+                this.$attrs.containerClass
+            ];
         }
     },
     components: {
-        'GalleriaItem': script$4,
-        'GalleriaThumbnails': script$3,
-        'GalleriaItemSlot': script$2
+        GalleriaItem: script$4,
+        GalleriaThumbnails: script$3,
+        GalleriaItemSlot: script$2
     },
     directives: {
-        'ripple': Ripple__default["default"]
+        ripple: Ripple__default["default"]
     }
 };
 
@@ -891,27 +914,29 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
           : vue.createCommentVNode("", true),
         vue.createElementVNode("div", _hoisted_5, [
           vue.createVNode(_component_GalleriaItem, {
-            value: _ctx.$attrs.value,
             activeIndex: $data.activeIndex,
             "onUpdate:activeIndex": _cache[1] || (_cache[1] = $event => (($data.activeIndex) = $event)),
+            slideShowActive: $data.slideShowActive,
+            "onUpdate:slideShowActive": _cache[2] || (_cache[2] = $event => (($data.slideShowActive) = $event)),
+            value: _ctx.$attrs.value,
             circular: _ctx.$attrs.circular,
             templates: _ctx.$attrs.templates,
             showIndicators: _ctx.$attrs.showIndicators,
             changeItemOnIndicatorHover: _ctx.$attrs.changeItemOnIndicatorHover,
             showItemNavigators: _ctx.$attrs.showItemNavigators,
             autoPlay: _ctx.$attrs.autoPlay,
-            slideShowActive: $data.slideShowActive,
-            "onUpdate:slideShowActive": _cache[2] || (_cache[2] = $event => (($data.slideShowActive) = $event)),
             onStartSlideshow: $options.startSlideShow,
             onStopSlideshow: $options.stopSlideShow
-          }, null, 8, ["value", "activeIndex", "circular", "templates", "showIndicators", "changeItemOnIndicatorHover", "showItemNavigators", "autoPlay", "slideShowActive", "onStartSlideshow", "onStopSlideshow"]),
+          }, null, 8, ["activeIndex", "slideShowActive", "value", "circular", "templates", "showIndicators", "changeItemOnIndicatorHover", "showItemNavigators", "autoPlay", "onStartSlideshow", "onStopSlideshow"]),
           (_ctx.$attrs.showThumbnails)
             ? (vue.openBlock(), vue.createBlock(_component_GalleriaThumbnails, {
                 key: 0,
-                containerId: $data.id,
-                value: _ctx.$attrs.value,
                 activeIndex: $data.activeIndex,
                 "onUpdate:activeIndex": _cache[3] || (_cache[3] = $event => (($data.activeIndex) = $event)),
+                slideShowActive: $data.slideShowActive,
+                "onUpdate:slideShowActive": _cache[4] || (_cache[4] = $event => (($data.slideShowActive) = $event)),
+                containerId: $data.id,
+                value: _ctx.$attrs.value,
                 templates: _ctx.$attrs.templates,
                 numVisible: $data.numVisible,
                 responsiveOptions: _ctx.$attrs.responsiveOptions,
@@ -919,10 +944,8 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
                 isVertical: $options.isVertical(),
                 contentHeight: _ctx.$attrs.verticalThumbnailViewPortHeight,
                 showThumbnailNavigators: _ctx.$attrs.showThumbnailNavigators,
-                slideShowActive: $data.slideShowActive,
-                "onUpdate:slideShowActive": _cache[4] || (_cache[4] = $event => (($data.slideShowActive) = $event)),
                 onStopSlideshow: $options.stopSlideShow
-              }, null, 8, ["containerId", "value", "activeIndex", "templates", "numVisible", "responsiveOptions", "circular", "isVertical", "contentHeight", "showThumbnailNavigators", "slideShowActive", "onStopSlideshow"]))
+              }, null, 8, ["activeIndex", "slideShowActive", "containerId", "value", "templates", "numVisible", "responsiveOptions", "circular", "isVertical", "contentHeight", "showThumbnailNavigators", "onStopSlideshow"]))
             : vue.createCommentVNode("", true)
         ]),
         (_ctx.$attrs.templates && _ctx.$attrs.templates['footer'])
@@ -945,7 +968,7 @@ var script = {
             type: String,
             default: null
         },
-		value: {
+        value: {
             type: Array,
             default: null
         },
@@ -962,9 +985,9 @@ var script = {
             default: false
         },
         numVisible: {
-			type: Number,
-			default: 3
-		},
+            type: Number,
+            default: 3
+        },
         responsiveOptions: {
             type: Array,
             default: null
@@ -994,21 +1017,21 @@ var script = {
             default: false
         },
         transitionInterval: {
-			type: Number,
-			default: 4000
-		},
+            type: Number,
+            default: 4000
+        },
         showThumbnails: {
             type: Boolean,
             default: true
         },
         thumbnailsPosition: {
-			type: String,
-			default: "bottom"
-		},
+            type: String,
+            default: 'bottom'
+        },
         verticalThumbnailViewPortHeight: {
-			type: String,
-			default: "300px"
-		},
+            type: String,
+            default: '300px'
+        },
         showIndicators: {
             type: Boolean,
             default: false
@@ -1018,12 +1041,12 @@ var script = {
             default: false
         },
         indicatorsPosition: {
-			type: String,
-			default: "bottom"
-		},
+            type: String,
+            default: 'bottom'
+        },
         baseZIndex: {
-			type: Number,
-			default: 0
+            type: Number,
+            default: 0
         },
         maskClass: {
             type: String,
@@ -1037,7 +1060,7 @@ var script = {
     data() {
         return {
             containerVisible: this.visible
-        }
+        };
     },
     updated() {
         if (this.fullScreen && this.visible) {
@@ -1050,6 +1073,7 @@ var script = {
         }
 
         this.mask = null;
+
         if (this.container) {
             utils.ZIndexUtils.clear(this.container);
             this.container = null;
@@ -1088,15 +1112,19 @@ var script = {
     },
     computed: {
         maskContentClass() {
-            return ['p-galleria-mask p-component-overlay p-component-overlay-enter', this.maskClass, {
-                'p-input-filled': this.$primevue.config.inputStyle === 'filled',
-                'p-ripple-disabled': this.$primevue.config.ripple === false
-            }];
+            return [
+                'p-galleria-mask p-component-overlay p-component-overlay-enter',
+                this.maskClass,
+                {
+                    'p-input-filled': this.$primevue.config.inputStyle === 'filled',
+                    'p-ripple-disabled': this.$primevue.config.ripple === false
+                }
+            ];
         }
     },
     components: {
-        'GalleriaContent': script$1,
-        'Portal': Portal__default["default"]
+        GalleriaContent: script$1,
+        Portal: Portal__default["default"]
     }
 };
 
@@ -1173,7 +1201,7 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z = "\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";
+var css_248z = "\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";
 styleInject(css_248z);
 
 script.render = render;