primevue 3.35.0 → 3.36.0

package/galleria/GalleriaThumbnails.vue

@@ -68,7 +68,7 @@ import ChevronLeftIcon from 'primevue/icons/chevronleft';
 import ChevronRightIcon from 'primevue/icons/chevronright';
 import ChevronUpIcon from 'primevue/icons/chevronup';
 import Ripple from 'primevue/ripple';
-import { DomHandler } from 'primevue/utils';
+import { DomHandler, ObjectUtils } from 'primevue/utils';
 
 export default {
     name: 'GalleriaThumbnails',
@@ -438,20 +438,13 @@ export default {
 
             if (this.responsiveOptions && !this.isUnstyled) {
                 this.sortedResponsiveOptions = [...this.responsiveOptions];
-                const comparer = new Intl.Collator(undefined, { numeric: true }).compare;
+                const comparer = ObjectUtils.localeComparator();
 
                 this.sortedResponsiveOptions.sort((data1, data2) => {
                     const value1 = data1.breakpoint;
                     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 = comparer(value1, value2);
-                    else result = value1 < value2 ? -1 : value1 > value2 ? 1 : 0;
-
-                    return -1 * result;
+                    return ObjectUtils.sort(value1, value2, -1, comparer);
                 });
 
                 for (let i = 0; i < this.sortedResponsiveOptions.length; i++) {

package/galleria/galleria.cjs.js

@@ -4,7 +4,7 @@ var FocusTrap = require('primevue/focustrap');
 var Portal = require('primevue/portal');
 var utils = require('primevue/utils');
 var BaseComponent = require('primevue/basecomponent');
-var usestyle = require('primevue/usestyle');
+var GalleriaStyle = require('primevue/galleria/style');
 var TimesIcon = require('primevue/icons/times');
 var Ripple = require('primevue/ripple');
 var ChevronLeftIcon = require('primevue/icons/chevronleft');
@@ -18,6 +18,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var FocusTrap__default = /*#__PURE__*/_interopDefaultLegacy(FocusTrap);
 var Portal__default = /*#__PURE__*/_interopDefaultLegacy(Portal);
 var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
+var GalleriaStyle__default = /*#__PURE__*/_interopDefaultLegacy(GalleriaStyle);
 var TimesIcon__default = /*#__PURE__*/_interopDefaultLegacy(TimesIcon);
 var Ripple__default = /*#__PURE__*/_interopDefaultLegacy(Ripple);
 var ChevronLeftIcon__default = /*#__PURE__*/_interopDefaultLegacy(ChevronLeftIcon);
@@ -25,93 +26,6 @@ var ChevronRightIcon__default = /*#__PURE__*/_interopDefaultLegacy(ChevronRightI
 var ChevronDownIcon__default = /*#__PURE__*/_interopDefaultLegacy(ChevronDownIcon);
 var ChevronUpIcon__default = /*#__PURE__*/_interopDefaultLegacy(ChevronUpIcon);
 
-var styles = "\n@layer primevue {\n    .p-galleria-content {\n        display: flex;\n        flex-direction: column;\n    }\n    \n    .p-galleria-item-wrapper {\n        display: flex;\n        flex-direction: column;\n        position: relative;\n    }\n    \n    .p-galleria-item-container {\n        position: relative;\n        display: flex;\n        height: 100%;\n    }\n    \n    .p-galleria-item-nav {\n        position: absolute;\n        top: 50%;\n        margin-top: -0.5rem;\n        display: inline-flex;\n        justify-content: center;\n        align-items: center;\n        overflow: hidden;\n    }\n    \n    .p-galleria-item-prev {\n        left: 0;\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0;\n    }\n    \n    .p-galleria-item-next {\n        right: 0;\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0;\n    }\n    \n    .p-galleria-item {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        height: 100%;\n        width: 100%;\n    }\n    \n    .p-galleria-item-nav-onhover .p-galleria-item-nav {\n        pointer-events: none;\n        opacity: 0;\n        transition: opacity 0.2s ease-in-out;\n    }\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    \n    .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav.p-disabled {\n        pointer-events: none;\n    }\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: flex;\n        flex-direction: column;\n        overflow: auto;\n        flex-shrink: 0;\n    }\n    \n    .p-galleria-thumbnail-prev,\n    .p-galleria-thumbnail-next {\n        align-self: center;\n        flex: 0 0 auto;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-galleria-thumbnail-prev span,\n    .p-galleria-thumbnail-next span {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n    }\n    \n    .p-galleria-thumbnail-container {\n        display: flex;\n        flex-direction: row;\n    }\n    \n    .p-galleria-thumbnail-items-container {\n        overflow: hidden;\n        width: 100%;\n    }\n    \n    .p-galleria-thumbnail-items {\n        display: flex;\n    }\n    \n    .p-galleria-thumbnail-item {\n        overflow: auto;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        cursor: pointer;\n        opacity: 0.5;\n    }\n    \n    .p-galleria-thumbnail-item:hover {\n        opacity: 1;\n        transition: opacity 0.3s;\n    }\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        flex-direction: row;\n    }\n    \n    .p-galleria-thumbnails-left .p-galleria-item-wrapper,\n    .p-galleria-thumbnails-right .p-galleria-item-wrapper {\n        flex-direction: row;\n    }\n    \n    .p-galleria-thumbnails-left .p-galleria-item-wrapper,\n    .p-galleria-thumbnails-top .p-galleria-item-wrapper {\n        order: 2;\n    }\n    \n    .p-galleria-thumbnails-left .p-galleria-thumbnail-wrapper,\n    .p-galleria-thumbnails-top .p-galleria-thumbnail-wrapper {\n        order: 1;\n    }\n    \n    .p-galleria-thumbnails-left .p-galleria-thumbnail-container,\n    .p-galleria-thumbnails-right .p-galleria-thumbnail-container {\n        flex-direction: column;\n        flex-grow: 1;\n    }\n    \n    .p-galleria-thumbnails-left .p-galleria-thumbnail-items,\n    .p-galleria-thumbnails-right .p-galleria-thumbnail-items {\n        flex-direction: column;\n        height: 100%;\n    }\n    \n    /* Indicators */\n    .p-galleria-indicators {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n    \n    .p-galleria-indicator > button {\n        display: inline-flex;\n        align-items: center;\n    }\n    \n    .p-galleria-indicators-left .p-galleria-item-wrapper,\n    .p-galleria-indicators-right .p-galleria-item-wrapper {\n        flex-direction: row;\n        align-items: center;\n    }\n    \n    .p-galleria-indicators-left .p-galleria-item-container,\n    .p-galleria-indicators-top .p-galleria-item-container {\n        order: 2;\n    }\n    \n    .p-galleria-indicators-left .p-galleria-indicators,\n    .p-galleria-indicators-top .p-galleria-indicators {\n        order: 1;\n    }\n    \n    .p-galleria-indicators-left .p-galleria-indicators,\n    .p-galleria-indicators-right .p-galleria-indicators {\n        flex-direction: column;\n    }\n    \n    .p-galleria-indicator-onitem .p-galleria-indicators {\n        position: absolute;\n        display: flex;\n    }\n    \n    .p-galleria-indicator-onitem.p-galleria-indicators-top .p-galleria-indicators {\n        top: 0;\n        left: 0;\n        width: 100%;\n        align-items: flex-start;\n    }\n    \n    .p-galleria-indicator-onitem.p-galleria-indicators-right .p-galleria-indicators {\n        right: 0;\n        top: 0;\n        height: 100%;\n        align-items: flex-end;\n    }\n    \n    .p-galleria-indicator-onitem.p-galleria-indicators-bottom .p-galleria-indicators {\n        bottom: 0;\n        left: 0;\n        width: 100%;\n        align-items: flex-end;\n    }\n    \n    .p-galleria-indicator-onitem.p-galleria-indicators-left .p-galleria-indicators {\n        left: 0;\n        top: 0;\n        height: 100%;\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: flex;\n        align-items: center;\n        justify-content: center;\n    }\n    \n    .p-galleria-close {\n        position: absolute;\n        top: 0;\n        right: 0;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        overflow: hidden;\n    }\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        transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n    }\n    \n    .p-galleria-leave-active {\n        transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    \n    .p-galleria-enter-from,\n    .p-galleria-leave-to {\n        opacity: 0;\n        transform: scale(0.7);\n    }\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    \n    .p-items-hidden .p-galleria-thumbnail-item.p-galleria-thumbnail-item-active {\n        visibility: visible;\n    }\n}\n";
-var classes = {
-  mask: function mask(_ref) {
-    var instance = _ref.instance;
-    return ['p-galleria-mask p-component-overlay p-component-overlay-enter', {
-      'p-input-filled': instance.$primevue.config.inputStyle === 'filled',
-      'p-ripple-disabled': instance.$primevue.config.ripple === false
-    }];
-  },
-  root: function root(_ref2) {
-    var instance = _ref2.instance;
-    var thumbnailsPosClass = instance.$attrs.showThumbnails && instance.getPositionClass('p-galleria-thumbnails', instance.$attrs.thumbnailsPosition);
-    var indicatorPosClass = instance.$attrs.showIndicators && instance.getPositionClass('p-galleria-indicators', instance.$attrs.indicatorsPosition);
-    return ['p-galleria p-component', {
-      'p-galleria-fullscreen': instance.$attrs.fullScreen,
-      'p-galleria-indicator-onitem': instance.$attrs.showIndicatorsOnItem,
-      'p-galleria-item-nav-onhover': instance.$attrs.showItemNavigatorsOnHover && !instance.$attrs.fullScreen
-    }, thumbnailsPosClass, indicatorPosClass];
-  },
-  closeButton: 'p-galleria-close p-link',
-  closeIcon: 'p-galleria-close-icon',
-  header: 'p-galleria-header',
-  content: 'p-galleria-content',
-  footer: 'p-galleria-footer',
-  itemWrapper: 'p-galleria-item-wrapper',
-  itemContainer: 'p-galleria-item-container',
-  previousItemButton: function previousItemButton(_ref3) {
-    var instance = _ref3.instance;
-    return ['p-galleria-item-prev p-galleria-item-nav p-link', {
-      'p-disabled': instance.isNavBackwardDisabled()
-    }];
-  },
-  previousItemIcon: 'p-galleria-item-prev-icon',
-  item: 'p-galleria-item',
-  nextItemButton: function nextItemButton(_ref4) {
-    var instance = _ref4.instance;
-    return ['p-galleria-item-next p-galleria-item-nav p-link', {
-      'p-disabled': instance.isNavForwardDisabled()
-    }];
-  },
-  nextItemIcon: 'p-galleria-item-next-icon',
-  caption: 'p-galleria-caption',
-  indicators: 'p-galleria-indicators p-reset',
-  indicator: function indicator(_ref5) {
-    var instance = _ref5.instance,
-      index = _ref5.index;
-    return ['p-galleria-indicator', {
-      'p-highlight': instance.isIndicatorItemActive(index)
-    }];
-  },
-  indicatorButton: 'p-link',
-  thumbnailWrapper: 'p-galleria-thumbnail-wrapper',
-  thumbnailContainer: 'p-galleria-thumbnail-container',
-  previousThumbnailButton: function previousThumbnailButton(_ref6) {
-    var instance = _ref6.instance;
-    return ['p-galleria-thumbnail-prev p-link', {
-      'p-disabled': instance.isNavBackwardDisabled()
-    }];
-  },
-  previousThumbnailIcon: 'p-galleria-thumbnail-prev-icon',
-  thumbnailItemsContainer: 'p-galleria-thumbnail-items-container',
-  thumbnailItems: 'p-galleria-thumbnail-items',
-  thumbnailItem: function thumbnailItem(_ref7) {
-    var instance = _ref7.instance,
-      index = _ref7.index,
-      activeIndex = _ref7.activeIndex;
-    return ['p-galleria-thumbnail-item', {
-      'p-galleria-thumbnail-item-current': activeIndex === index,
-      'p-galleria-thumbnail-item-active': instance.isItemActive(index),
-      'p-galleria-thumbnail-item-start': instance.firstItemAciveIndex() === index,
-      'p-galleria-thumbnail-item-end': instance.lastItemActiveIndex() === index
-    }];
-  },
-  thumbnailItemContent: 'p-galleria-thumbnail-item-content',
-  nextThumbnailButton: function nextThumbnailButton(_ref8) {
-    var instance = _ref8.instance;
-    return ['p-galleria-thumbnail-next p-link', {
-      'p-disabled': instance.isNavForwardDisabled()
-    }];
-  },
-  nextThumbnailIcon: 'p-galleria-thumbnail-next-icon'
-};
-var _useStyle = usestyle.useStyle(styles, {
-    name: 'galleria',
-    manual: true
-  }),
-  loadStyle = _useStyle.load;
 var script$4 = {
   name: 'BaseGalleria',
   "extends": BaseComponent__default["default"],
@@ -225,10 +139,7 @@ var script$4 = {
       "default": null
     }
   },
-  css: {
-    classes: classes,
-    loadStyle: loadStyle
-  },
+  style: GalleriaStyle__default["default"],
   provide: function provide() {
     return {
       $parentInstance: this
@@ -796,15 +707,11 @@ var script$2 = {
       var innerHTML = "\n                #".concat(this.containerId, " [data-pc-section=\"thumbnailitem\"] {\n                    flex: 1 0 ").concat(100 / this.d_numVisible, "%\n                }\n            ");
       if (this.responsiveOptions && !this.isUnstyled) {
         this.sortedResponsiveOptions = _toConsumableArray(this.responsiveOptions);
-        var comparer = new Intl.Collator(undefined, {
-          numeric: true
-        }).compare;
+        var comparer = utils.ObjectUtils.localeComparator();
         this.sortedResponsiveOptions.sort(function (data1, data2) {
           var value1 = data1.breakpoint;
           var value2 = data2.breakpoint;
-          var 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 = comparer(value1, value2);else result = value1 < value2 ? -1 : value1 > value2 ? 1 : 0;
-          return -1 * result;
+          return utils.ObjectUtils.sort(value1, value2, -1, comparer);
         });
         for (var i = 0; i < this.sortedResponsiveOptions.length; i++) {
           var res = this.sortedResponsiveOptions[i];
@@ -1188,8 +1095,7 @@ var script = {
   },
   beforeUnmount: function beforeUnmount() {
     if (this.fullScreen) {
-      utils.DomHandler.removeClass(document.body, 'p-overflow-hidden');
-      document.body.style.removeProperty('--scrollbar-width');
+      utils.DomHandler.unblockBodyScroll();
     }
     this.mask = null;
     if (this.container) {
@@ -1203,8 +1109,7 @@ var script = {
     },
     onEnter: function onEnter(el) {
       this.mask.style.zIndex = String(parseInt(el.style.zIndex, 10) - 1);
-      utils.DomHandler.addClass(document.body, 'p-overflow-hidden');
-      document.body.style.setProperty('--scrollbar-width', utils.DomHandler.calculateScrollbarWidth() + 'px');
+      utils.DomHandler.blockBodyScroll();
       this.focus();
     },
     onBeforeLeave: function onBeforeLeave() {
@@ -1213,8 +1118,7 @@ var script = {
     onAfterLeave: function onAfterLeave(el) {
       utils.ZIndexUtils.clear(el);
       this.containerVisible = false;
-      utils.DomHandler.removeClass(document.body, 'p-overflow-hidden');
-      document.body.style.removeProperty('--scrollbar-width');
+      utils.DomHandler.unblockBodyScroll();
     },
     onActiveItemChange: function onActiveItemChange(index) {
       if (this.activeIndex !== index) {

package/galleria/galleria.cjs.min.js

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

package/galleria/galleria.esm.js

@@ -1,8 +1,8 @@
 import FocusTrap from 'primevue/focustrap';
 import Portal from 'primevue/portal';
-import { DomHandler, UniqueComponentId, ZIndexUtils } from 'primevue/utils';
+import { DomHandler, ObjectUtils, UniqueComponentId, ZIndexUtils } from 'primevue/utils';
 import BaseComponent from 'primevue/basecomponent';
-import { useStyle } from 'primevue/usestyle';
+import GalleriaStyle from 'primevue/galleria/style';
 import TimesIcon from 'primevue/icons/times';
 import Ripple from 'primevue/ripple';
 import ChevronLeftIcon from 'primevue/icons/chevronleft';
@@ -11,93 +11,6 @@ import { resolveDirective, openBlock, createElementBlock, mergeProps, createElem
 import ChevronDownIcon from 'primevue/icons/chevrondown';
 import ChevronUpIcon from 'primevue/icons/chevronup';
 
-var styles = "\n@layer primevue {\n    .p-galleria-content {\n        display: flex;\n        flex-direction: column;\n    }\n    \n    .p-galleria-item-wrapper {\n        display: flex;\n        flex-direction: column;\n        position: relative;\n    }\n    \n    .p-galleria-item-container {\n        position: relative;\n        display: flex;\n        height: 100%;\n    }\n    \n    .p-galleria-item-nav {\n        position: absolute;\n        top: 50%;\n        margin-top: -0.5rem;\n        display: inline-flex;\n        justify-content: center;\n        align-items: center;\n        overflow: hidden;\n    }\n    \n    .p-galleria-item-prev {\n        left: 0;\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0;\n    }\n    \n    .p-galleria-item-next {\n        right: 0;\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0;\n    }\n    \n    .p-galleria-item {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        height: 100%;\n        width: 100%;\n    }\n    \n    .p-galleria-item-nav-onhover .p-galleria-item-nav {\n        pointer-events: none;\n        opacity: 0;\n        transition: opacity 0.2s ease-in-out;\n    }\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    \n    .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav.p-disabled {\n        pointer-events: none;\n    }\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: flex;\n        flex-direction: column;\n        overflow: auto;\n        flex-shrink: 0;\n    }\n    \n    .p-galleria-thumbnail-prev,\n    .p-galleria-thumbnail-next {\n        align-self: center;\n        flex: 0 0 auto;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-galleria-thumbnail-prev span,\n    .p-galleria-thumbnail-next span {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n    }\n    \n    .p-galleria-thumbnail-container {\n        display: flex;\n        flex-direction: row;\n    }\n    \n    .p-galleria-thumbnail-items-container {\n        overflow: hidden;\n        width: 100%;\n    }\n    \n    .p-galleria-thumbnail-items {\n        display: flex;\n    }\n    \n    .p-galleria-thumbnail-item {\n        overflow: auto;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        cursor: pointer;\n        opacity: 0.5;\n    }\n    \n    .p-galleria-thumbnail-item:hover {\n        opacity: 1;\n        transition: opacity 0.3s;\n    }\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        flex-direction: row;\n    }\n    \n    .p-galleria-thumbnails-left .p-galleria-item-wrapper,\n    .p-galleria-thumbnails-right .p-galleria-item-wrapper {\n        flex-direction: row;\n    }\n    \n    .p-galleria-thumbnails-left .p-galleria-item-wrapper,\n    .p-galleria-thumbnails-top .p-galleria-item-wrapper {\n        order: 2;\n    }\n    \n    .p-galleria-thumbnails-left .p-galleria-thumbnail-wrapper,\n    .p-galleria-thumbnails-top .p-galleria-thumbnail-wrapper {\n        order: 1;\n    }\n    \n    .p-galleria-thumbnails-left .p-galleria-thumbnail-container,\n    .p-galleria-thumbnails-right .p-galleria-thumbnail-container {\n        flex-direction: column;\n        flex-grow: 1;\n    }\n    \n    .p-galleria-thumbnails-left .p-galleria-thumbnail-items,\n    .p-galleria-thumbnails-right .p-galleria-thumbnail-items {\n        flex-direction: column;\n        height: 100%;\n    }\n    \n    /* Indicators */\n    .p-galleria-indicators {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n    \n    .p-galleria-indicator > button {\n        display: inline-flex;\n        align-items: center;\n    }\n    \n    .p-galleria-indicators-left .p-galleria-item-wrapper,\n    .p-galleria-indicators-right .p-galleria-item-wrapper {\n        flex-direction: row;\n        align-items: center;\n    }\n    \n    .p-galleria-indicators-left .p-galleria-item-container,\n    .p-galleria-indicators-top .p-galleria-item-container {\n        order: 2;\n    }\n    \n    .p-galleria-indicators-left .p-galleria-indicators,\n    .p-galleria-indicators-top .p-galleria-indicators {\n        order: 1;\n    }\n    \n    .p-galleria-indicators-left .p-galleria-indicators,\n    .p-galleria-indicators-right .p-galleria-indicators {\n        flex-direction: column;\n    }\n    \n    .p-galleria-indicator-onitem .p-galleria-indicators {\n        position: absolute;\n        display: flex;\n    }\n    \n    .p-galleria-indicator-onitem.p-galleria-indicators-top .p-galleria-indicators {\n        top: 0;\n        left: 0;\n        width: 100%;\n        align-items: flex-start;\n    }\n    \n    .p-galleria-indicator-onitem.p-galleria-indicators-right .p-galleria-indicators {\n        right: 0;\n        top: 0;\n        height: 100%;\n        align-items: flex-end;\n    }\n    \n    .p-galleria-indicator-onitem.p-galleria-indicators-bottom .p-galleria-indicators {\n        bottom: 0;\n        left: 0;\n        width: 100%;\n        align-items: flex-end;\n    }\n    \n    .p-galleria-indicator-onitem.p-galleria-indicators-left .p-galleria-indicators {\n        left: 0;\n        top: 0;\n        height: 100%;\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: flex;\n        align-items: center;\n        justify-content: center;\n    }\n    \n    .p-galleria-close {\n        position: absolute;\n        top: 0;\n        right: 0;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        overflow: hidden;\n    }\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        transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n    }\n    \n    .p-galleria-leave-active {\n        transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    \n    .p-galleria-enter-from,\n    .p-galleria-leave-to {\n        opacity: 0;\n        transform: scale(0.7);\n    }\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    \n    .p-items-hidden .p-galleria-thumbnail-item.p-galleria-thumbnail-item-active {\n        visibility: visible;\n    }\n}\n";
-var classes = {
-  mask: function mask(_ref) {
-    var instance = _ref.instance;
-    return ['p-galleria-mask p-component-overlay p-component-overlay-enter', {
-      'p-input-filled': instance.$primevue.config.inputStyle === 'filled',
-      'p-ripple-disabled': instance.$primevue.config.ripple === false
-    }];
-  },
-  root: function root(_ref2) {
-    var instance = _ref2.instance;
-    var thumbnailsPosClass = instance.$attrs.showThumbnails && instance.getPositionClass('p-galleria-thumbnails', instance.$attrs.thumbnailsPosition);
-    var indicatorPosClass = instance.$attrs.showIndicators && instance.getPositionClass('p-galleria-indicators', instance.$attrs.indicatorsPosition);
-    return ['p-galleria p-component', {
-      'p-galleria-fullscreen': instance.$attrs.fullScreen,
-      'p-galleria-indicator-onitem': instance.$attrs.showIndicatorsOnItem,
-      'p-galleria-item-nav-onhover': instance.$attrs.showItemNavigatorsOnHover && !instance.$attrs.fullScreen
-    }, thumbnailsPosClass, indicatorPosClass];
-  },
-  closeButton: 'p-galleria-close p-link',
-  closeIcon: 'p-galleria-close-icon',
-  header: 'p-galleria-header',
-  content: 'p-galleria-content',
-  footer: 'p-galleria-footer',
-  itemWrapper: 'p-galleria-item-wrapper',
-  itemContainer: 'p-galleria-item-container',
-  previousItemButton: function previousItemButton(_ref3) {
-    var instance = _ref3.instance;
-    return ['p-galleria-item-prev p-galleria-item-nav p-link', {
-      'p-disabled': instance.isNavBackwardDisabled()
-    }];
-  },
-  previousItemIcon: 'p-galleria-item-prev-icon',
-  item: 'p-galleria-item',
-  nextItemButton: function nextItemButton(_ref4) {
-    var instance = _ref4.instance;
-    return ['p-galleria-item-next p-galleria-item-nav p-link', {
-      'p-disabled': instance.isNavForwardDisabled()
-    }];
-  },
-  nextItemIcon: 'p-galleria-item-next-icon',
-  caption: 'p-galleria-caption',
-  indicators: 'p-galleria-indicators p-reset',
-  indicator: function indicator(_ref5) {
-    var instance = _ref5.instance,
-      index = _ref5.index;
-    return ['p-galleria-indicator', {
-      'p-highlight': instance.isIndicatorItemActive(index)
-    }];
-  },
-  indicatorButton: 'p-link',
-  thumbnailWrapper: 'p-galleria-thumbnail-wrapper',
-  thumbnailContainer: 'p-galleria-thumbnail-container',
-  previousThumbnailButton: function previousThumbnailButton(_ref6) {
-    var instance = _ref6.instance;
-    return ['p-galleria-thumbnail-prev p-link', {
-      'p-disabled': instance.isNavBackwardDisabled()
-    }];
-  },
-  previousThumbnailIcon: 'p-galleria-thumbnail-prev-icon',
-  thumbnailItemsContainer: 'p-galleria-thumbnail-items-container',
-  thumbnailItems: 'p-galleria-thumbnail-items',
-  thumbnailItem: function thumbnailItem(_ref7) {
-    var instance = _ref7.instance,
-      index = _ref7.index,
-      activeIndex = _ref7.activeIndex;
-    return ['p-galleria-thumbnail-item', {
-      'p-galleria-thumbnail-item-current': activeIndex === index,
-      'p-galleria-thumbnail-item-active': instance.isItemActive(index),
-      'p-galleria-thumbnail-item-start': instance.firstItemAciveIndex() === index,
-      'p-galleria-thumbnail-item-end': instance.lastItemActiveIndex() === index
-    }];
-  },
-  thumbnailItemContent: 'p-galleria-thumbnail-item-content',
-  nextThumbnailButton: function nextThumbnailButton(_ref8) {
-    var instance = _ref8.instance;
-    return ['p-galleria-thumbnail-next p-link', {
-      'p-disabled': instance.isNavForwardDisabled()
-    }];
-  },
-  nextThumbnailIcon: 'p-galleria-thumbnail-next-icon'
-};
-var _useStyle = useStyle(styles, {
-    name: 'galleria',
-    manual: true
-  }),
-  loadStyle = _useStyle.load;
 var script$4 = {
   name: 'BaseGalleria',
   "extends": BaseComponent,
@@ -211,10 +124,7 @@ var script$4 = {
       "default": null
     }
   },
-  css: {
-    classes: classes,
-    loadStyle: loadStyle
-  },
+  style: GalleriaStyle,
   provide: function provide() {
     return {
       $parentInstance: this
@@ -782,15 +692,11 @@ var script$2 = {
       var innerHTML = "\n                #".concat(this.containerId, " [data-pc-section=\"thumbnailitem\"] {\n                    flex: 1 0 ").concat(100 / this.d_numVisible, "%\n                }\n            ");
       if (this.responsiveOptions && !this.isUnstyled) {
         this.sortedResponsiveOptions = _toConsumableArray(this.responsiveOptions);
-        var comparer = new Intl.Collator(undefined, {
-          numeric: true
-        }).compare;
+        var comparer = ObjectUtils.localeComparator();
         this.sortedResponsiveOptions.sort(function (data1, data2) {
           var value1 = data1.breakpoint;
           var value2 = data2.breakpoint;
-          var 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 = comparer(value1, value2);else result = value1 < value2 ? -1 : value1 > value2 ? 1 : 0;
-          return -1 * result;
+          return ObjectUtils.sort(value1, value2, -1, comparer);
         });
         for (var i = 0; i < this.sortedResponsiveOptions.length; i++) {
           var res = this.sortedResponsiveOptions[i];
@@ -1174,8 +1080,7 @@ var script = {
   },
   beforeUnmount: function beforeUnmount() {
     if (this.fullScreen) {
-      DomHandler.removeClass(document.body, 'p-overflow-hidden');
-      document.body.style.removeProperty('--scrollbar-width');
+      DomHandler.unblockBodyScroll();
     }
     this.mask = null;
     if (this.container) {
@@ -1189,8 +1094,7 @@ var script = {
     },
     onEnter: function onEnter(el) {
       this.mask.style.zIndex = String(parseInt(el.style.zIndex, 10) - 1);
-      DomHandler.addClass(document.body, 'p-overflow-hidden');
-      document.body.style.setProperty('--scrollbar-width', DomHandler.calculateScrollbarWidth() + 'px');
+      DomHandler.blockBodyScroll();
       this.focus();
     },
     onBeforeLeave: function onBeforeLeave() {
@@ -1199,8 +1103,7 @@ var script = {
     onAfterLeave: function onAfterLeave(el) {
       ZIndexUtils.clear(el);
       this.containerVisible = false;
-      DomHandler.removeClass(document.body, 'p-overflow-hidden');
-      document.body.style.removeProperty('--scrollbar-width');
+      DomHandler.unblockBodyScroll();
     },
     onActiveItemChange: function onActiveItemChange(index) {
       if (this.activeIndex !== index) {