primevue 3.12.4 → 3.13.0

package/galleria/galleria.esm.js

@@ -1,6 +1,7 @@
 import { DomHandler, UniqueComponentId, ZIndexUtils } from 'primevue/utils';
 import Ripple from 'primevue/ripple';
-import { resolveDirective, openBlock, createBlock, createVNode, withDirectives, createCommentVNode, resolveDynamicComponent, Fragment, renderList, withKeys, resolveComponent, Teleport, Transition, withCtx, mergeProps } from 'vue';
+import { resolveDirective, openBlock, createElementBlock, createElementVNode, withDirectives, normalizeClass, createCommentVNode, createBlock, resolveDynamicComponent, Fragment, renderList, withKeys, normalizeStyle, resolveComponent, createVNode, withCtx, Transition, mergeProps } from 'vue';
+import Portal from 'primevue/portal';
 
 var script$4 = {
     name: 'GalleriaItem',
@@ -134,18 +135,27 @@ var script$4 = {
 
 const _hoisted_1$2 = { class: "p-galleria-item-wrapper" };
 const _hoisted_2$2 = { class: "p-galleria-item-container" };
-const _hoisted_3$1 = /*#__PURE__*/createVNode("span", { class: "p-galleria-item-prev-icon pi pi-chevron-left" }, null, -1);
-const _hoisted_4$1 = { class: "p-galleria-item" };
-const _hoisted_5 = /*#__PURE__*/createVNode("span", { class: "p-galleria-item-next-icon pi pi-chevron-right" }, null, -1);
-const _hoisted_6 = {
+const _hoisted_3$2 = ["disabled"];
+const _hoisted_4$2 = /*#__PURE__*/createElementVNode("span", { class: "p-galleria-item-prev-icon pi pi-chevron-left" }, null, -1);
+const _hoisted_5$2 = [
+  _hoisted_4$2
+];
+const _hoisted_6$1 = { class: "p-galleria-item" };
+const _hoisted_7 = ["disabled"];
+const _hoisted_8 = /*#__PURE__*/createElementVNode("span", { class: "p-galleria-item-next-icon pi pi-chevron-right" }, null, -1);
+const _hoisted_9 = [
+  _hoisted_8
+];
+const _hoisted_10 = {
   key: 2,
   class: "p-galleria-caption"
 };
-const _hoisted_7 = {
+const _hoisted_11 = {
   key: 0,
   class: "p-galleria-indicators p-reset"
 };
-const _hoisted_8 = {
+const _hoisted_12 = ["onClick", "onMouseenter", "onKeydown"];
+const _hoisted_13 = {
   key: 0,
   type: "button",
   tabindex: "-1",
@@ -155,22 +165,20 @@ const _hoisted_8 = {
 function render$3(_ctx, _cache, $props, $setup, $data, $options) {
   const _directive_ripple = resolveDirective("ripple");
 
-  return (openBlock(), createBlock("div", _hoisted_1$2, [
-    createVNode("div", _hoisted_2$2, [
+  return (openBlock(), createElementBlock("div", _hoisted_1$2, [
+    createElementVNode("div", _hoisted_2$2, [
       ($props.showItemNavigators)
-        ? withDirectives((openBlock(), createBlock("button", {
+        ? withDirectives((openBlock(), createElementBlock("button", {
             key: 0,
             type: "button",
-            class: $options.navBackwardClass,
-            onClick: _cache[1] || (_cache[1] = $event => ($options.navBackward($event))),
+            class: normalizeClass($options.navBackwardClass),
+            onClick: _cache[0] || (_cache[0] = $event => ($options.navBackward($event))),
             disabled: $options.isNavBackwardDisabled()
-          }, [
-            _hoisted_3$1
-          ], 10, ["disabled"])), [
+          }, _hoisted_5$2, 10, _hoisted_3$2)), [
             [_directive_ripple]
           ])
         : createCommentVNode("", true),
-      createVNode("div", _hoisted_4$1, [
+      createElementVNode("div", _hoisted_6$1, [
         ($props.templates.item)
           ? (openBlock(), createBlock(resolveDynamicComponent($props.templates.item), {
               key: 0,
@@ -179,20 +187,18 @@ function render$3(_ctx, _cache, $props, $setup, $data, $options) {
           : createCommentVNode("", true)
       ]),
       ($props.showItemNavigators)
-        ? withDirectives((openBlock(), createBlock("button", {
+        ? withDirectives((openBlock(), createElementBlock("button", {
             key: 1,
             type: "button",
-            class: $options.navForwardClass,
-            onClick: _cache[2] || (_cache[2] = $event => ($options.navForward($event))),
+            class: normalizeClass($options.navForwardClass),
+            onClick: _cache[1] || (_cache[1] = $event => ($options.navForward($event))),
             disabled: $options.isNavForwardDisabled()
-          }, [
-            _hoisted_5
-          ], 10, ["disabled"])), [
+          }, _hoisted_9, 10, _hoisted_7)), [
             [_directive_ripple]
           ])
         : createCommentVNode("", true),
       ($props.templates['caption'])
-        ? (openBlock(), createBlock("div", _hoisted_6, [
+        ? (openBlock(), createElementBlock("div", _hoisted_10, [
             ($props.templates.caption)
               ? (openBlock(), createBlock(resolveDynamicComponent($props.templates.caption), {
                   key: 0,
@@ -203,18 +209,18 @@ function render$3(_ctx, _cache, $props, $setup, $data, $options) {
         : createCommentVNode("", true)
     ]),
     ($props.showIndicators)
-      ? (openBlock(), createBlock("ul", _hoisted_7, [
-          (openBlock(true), createBlock(Fragment, null, renderList($props.value, (item, index) => {
-            return (openBlock(), createBlock("li", {
+      ? (openBlock(), createElementBlock("ul", _hoisted_11, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList($props.value, (item, index) => {
+            return (openBlock(), createElementBlock("li", {
               key: `p-galleria-indicator-${index}`,
               tabindex: "0",
               onClick: $event => ($options.onIndicatorClick(index)),
               onMouseenter: $event => ($options.onIndicatorMouseEnter(index)),
               onKeydown: withKeys($event => ($options.onIndicatorKeyDown(index)), ["enter"]),
-              class: ['p-galleria-indicator', {'p-highlight': $options.isIndicatorItemActive(index)}]
+              class: normalizeClass(['p-galleria-indicator', {'p-highlight': $options.isIndicatorItemActive(index)}])
             }, [
               (!$props.templates['indicator'])
-                ? (openBlock(), createBlock("button", _hoisted_8))
+                ? (openBlock(), createElementBlock("button", _hoisted_13))
                 : createCommentVNode("", true),
               ($props.templates.indicator)
                 ? (openBlock(), createBlock(resolveDynamicComponent($props.templates.indicator), {
@@ -222,7 +228,7 @@ function render$3(_ctx, _cache, $props, $setup, $data, $options) {
                     index: index
                   }, null, 8, ["index"]))
                 : createCommentVNode("", true)
-            ], 42, ["onClick", "onMouseenter", "onKeydown"]))
+            ], 42, _hoisted_12))
           }), 128))
         ]))
       : createCommentVNode("", true)
@@ -615,47 +621,52 @@ var script$3 = {
 
 const _hoisted_1$1 = { class: "p-galleria-thumbnail-wrapper" };
 const _hoisted_2$1 = { class: "p-galleria-thumbnail-container" };
+const _hoisted_3$1 = ["disabled"];
+const _hoisted_4$1 = ["tabindex", "onClick", "onKeydown"];
+const _hoisted_5$1 = ["disabled"];
 
 function render$2(_ctx, _cache, $props, $setup, $data, $options) {
   const _directive_ripple = resolveDirective("ripple");
 
-  return (openBlock(), createBlock("div", _hoisted_1$1, [
-    createVNode("div", _hoisted_2$1, [
+  return (openBlock(), createElementBlock("div", _hoisted_1$1, [
+    createElementVNode("div", _hoisted_2$1, [
       ($props.showThumbnailNavigators)
-        ? withDirectives((openBlock(), createBlock("button", {
+        ? withDirectives((openBlock(), createElementBlock("button", {
             key: 0,
-            class: $options.navBackwardClass,
-            onClick: _cache[1] || (_cache[1] = $event => ($options.navBackward($event))),
+            class: normalizeClass($options.navBackwardClass),
+            onClick: _cache[0] || (_cache[0] = $event => ($options.navBackward($event))),
             disabled: $options.isNavBackwardDisabled(),
             type: "button"
           }, [
-            createVNode("span", { class: $options.navBackwardIconClass }, null, 2)
-          ], 10, ["disabled"])), [
+            createElementVNode("span", {
+              class: normalizeClass($options.navBackwardIconClass)
+            }, null, 2)
+          ], 10, _hoisted_3$1)), [
             [_directive_ripple]
           ])
         : createCommentVNode("", true),
-      createVNode("div", {
+      createElementVNode("div", {
         class: "p-galleria-thumbnail-items-container",
-        style: {'height': $props.isVertical ? $props.contentHeight : ''}
+        style: normalizeStyle({'height': $props.isVertical ? $props.contentHeight : ''})
       }, [
-        createVNode("div", {
+        createElementVNode("div", {
           ref: "itemsContainer",
           class: "p-galleria-thumbnail-items",
-          onTransitionend: _cache[2] || (_cache[2] = (...args) => ($options.onTransitionEnd && $options.onTransitionEnd(...args))),
-          onTouchstart: _cache[3] || (_cache[3] = $event => ($options.onTouchStart($event))),
-          onTouchmove: _cache[4] || (_cache[4] = $event => ($options.onTouchMove($event))),
-          onTouchend: _cache[5] || (_cache[5] = $event => ($options.onTouchEnd($event)))
+          onTransitionend: _cache[1] || (_cache[1] = (...args) => ($options.onTransitionEnd && $options.onTransitionEnd(...args))),
+          onTouchstart: _cache[2] || (_cache[2] = $event => ($options.onTouchStart($event))),
+          onTouchmove: _cache[3] || (_cache[3] = $event => ($options.onTouchMove($event))),
+          onTouchend: _cache[4] || (_cache[4] = $event => ($options.onTouchEnd($event)))
         }, [
-          (openBlock(true), createBlock(Fragment, null, renderList($props.value, (item, index) => {
-            return (openBlock(), createBlock("div", {
+          (openBlock(true), createElementBlock(Fragment, null, renderList($props.value, (item, index) => {
+            return (openBlock(), createElementBlock("div", {
               key: `p-galleria-thumbnail-item-${index}`,
-              class: ['p-galleria-thumbnail-item', {
+              class: normalizeClass(['p-galleria-thumbnail-item', {
                         'p-galleria-thumbnail-item-current': $props.activeIndex === index,
                         'p-galleria-thumbnail-item-active': $options.isItemActive(index),
                         'p-galleria-thumbnail-item-start': $options.firstItemAciveIndex() === index,
-                        'p-galleria-thumbnail-item-end': $options.lastItemActiveIndex() === index }]
+                        'p-galleria-thumbnail-item-end': $options.lastItemActiveIndex() === index }])
             }, [
-              createVNode("div", {
+              createElementVNode("div", {
                 class: "p-galleria-thumbnail-item-content",
                 tabindex: $options.isItemActive(index) ? 0 : null,
                 onClick: $event => ($options.onItemClick(index)),
@@ -667,21 +678,23 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
                       item: item
                     }, null, 8, ["item"]))
                   : createCommentVNode("", true)
-              ], 40, ["tabindex", "onClick", "onKeydown"])
+              ], 40, _hoisted_4$1)
             ], 2))
           }), 128))
         ], 544)
       ], 4),
       ($props.showThumbnailNavigators)
-        ? withDirectives((openBlock(), createBlock("button", {
+        ? withDirectives((openBlock(), createElementBlock("button", {
             key: 1,
-            class: $options.navForwardClass,
-            onClick: _cache[6] || (_cache[6] = $event => ($options.navForward($event))),
+            class: normalizeClass($options.navForwardClass),
+            onClick: _cache[5] || (_cache[5] = $event => ($options.navForward($event))),
             disabled: $options.isNavForwardDisabled(),
             type: "button"
           }, [
-            createVNode("span", { class: $options.navForwardIconClass }, null, 2)
-          ], 10, ["disabled"])), [
+            createElementVNode("span", {
+              class: normalizeClass($options.navForwardIconClass)
+            }, null, 2)
+          ], 10, _hoisted_5$1)), [
             [_directive_ripple]
           ])
         : createCommentVNode("", true)
@@ -827,13 +840,17 @@ var script$1 = {
     }
 };
 
-const _hoisted_1 = /*#__PURE__*/createVNode("span", { class: "p-galleria-close-icon pi pi-times" }, null, -1);
-const _hoisted_2 = {
+const _hoisted_1 = ["id"];
+const _hoisted_2 = /*#__PURE__*/createElementVNode("span", { class: "p-galleria-close-icon pi pi-times" }, null, -1);
+const _hoisted_3 = [
+  _hoisted_2
+];
+const _hoisted_4 = {
   key: 1,
   class: "p-galleria-header"
 };
-const _hoisted_3 = { class: "p-galleria-content" };
-const _hoisted_4 = {
+const _hoisted_5 = { class: "p-galleria-content" };
+const _hoisted_6 = {
   key: 2,
   class: "p-galleria-footer"
 };
@@ -844,34 +861,32 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
   const _directive_ripple = resolveDirective("ripple");
 
   return (_ctx.$attrs.value && _ctx.$attrs.value.length > 0)
-    ? (openBlock(), createBlock("div", {
+    ? (openBlock(), createElementBlock("div", {
         key: 0,
         id: $data.id,
-        class: $options.galleriaClass,
-        style: _ctx.$attrs.containerStyle
+        class: normalizeClass($options.galleriaClass),
+        style: normalizeStyle(_ctx.$attrs.containerStyle)
       }, [
         (_ctx.$attrs.fullScreen)
-          ? withDirectives((openBlock(), createBlock("button", {
+          ? withDirectives((openBlock(), createElementBlock("button", {
               key: 0,
               type: "button",
               class: "p-galleria-close p-link",
-              onClick: _cache[1] || (_cache[1] = $event => (_ctx.$emit('mask-hide')))
-            }, [
-              _hoisted_1
-            ], 512)), [
+              onClick: _cache[0] || (_cache[0] = $event => (_ctx.$emit('mask-hide')))
+            }, _hoisted_3)), [
               [_directive_ripple]
             ])
           : createCommentVNode("", true),
         (_ctx.$attrs.templates && _ctx.$attrs.templates['header'])
-          ? (openBlock(), createBlock("div", _hoisted_2, [
+          ? (openBlock(), createElementBlock("div", _hoisted_4, [
               (openBlock(), createBlock(resolveDynamicComponent(_ctx.$attrs.templates['header'])))
             ]))
           : createCommentVNode("", true),
-        createVNode("div", _hoisted_3, [
+        createElementVNode("div", _hoisted_5, [
           createVNode(_component_GalleriaItem, {
             value: _ctx.$attrs.value,
             activeIndex: $data.activeIndex,
-            "onUpdate:activeIndex": _cache[2] || (_cache[2] = $event => ($data.activeIndex = $event)),
+            "onUpdate:activeIndex": _cache[1] || (_cache[1] = $event => (($data.activeIndex) = $event)),
             circular: _ctx.$attrs.circular,
             templates: _ctx.$attrs.templates,
             showIndicators: _ctx.$attrs.showIndicators,
@@ -879,7 +894,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
             showItemNavigators: _ctx.$attrs.showItemNavigators,
             autoPlay: _ctx.$attrs.autoPlay,
             slideShowActive: $data.slideShowActive,
-            "onUpdate:slideShowActive": _cache[3] || (_cache[3] = $event => ($data.slideShowActive = $event)),
+            "onUpdate:slideShowActive": _cache[2] || (_cache[2] = $event => (($data.slideShowActive) = $event)),
             onStartSlideshow: $options.startSlideShow,
             onStopSlideshow: $options.stopSlideShow
           }, null, 8, ["value", "activeIndex", "circular", "templates", "showIndicators", "changeItemOnIndicatorHover", "showItemNavigators", "autoPlay", "slideShowActive", "onStartSlideshow", "onStopSlideshow"]),
@@ -889,7 +904,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
                 containerId: $data.id,
                 value: _ctx.$attrs.value,
                 activeIndex: $data.activeIndex,
-                "onUpdate:activeIndex": _cache[4] || (_cache[4] = $event => ($data.activeIndex = $event)),
+                "onUpdate:activeIndex": _cache[3] || (_cache[3] = $event => (($data.activeIndex) = $event)),
                 templates: _ctx.$attrs.templates,
                 numVisible: $data.numVisible,
                 responsiveOptions: _ctx.$attrs.responsiveOptions,
@@ -898,17 +913,17 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
                 contentHeight: _ctx.$attrs.verticalThumbnailViewPortHeight,
                 showThumbnailNavigators: _ctx.$attrs.showThumbnailNavigators,
                 slideShowActive: $data.slideShowActive,
-                "onUpdate:slideShowActive": _cache[5] || (_cache[5] = $event => ($data.slideShowActive = $event)),
+                "onUpdate:slideShowActive": _cache[4] || (_cache[4] = $event => (($data.slideShowActive) = $event)),
                 onStopSlideshow: $options.stopSlideShow
               }, null, 8, ["containerId", "value", "activeIndex", "templates", "numVisible", "responsiveOptions", "circular", "isVertical", "contentHeight", "showThumbnailNavigators", "slideShowActive", "onStopSlideshow"]))
             : createCommentVNode("", true)
         ]),
         (_ctx.$attrs.templates && _ctx.$attrs.templates['footer'])
-          ? (openBlock(), createBlock("div", _hoisted_4, [
+          ? (openBlock(), createElementBlock("div", _hoisted_6, [
               (openBlock(), createBlock(resolveDynamicComponent(_ctx.$attrs.templates['footer'])))
             ]))
           : createCommentVNode("", true)
-      ], 14, ["id"]))
+      ], 14, _hoisted_1))
     : createCommentVNode("", true)
 }
 
@@ -1073,49 +1088,51 @@ var script = {
         }
     },
     components: {
-        'GalleriaContent': script$1
+        'GalleriaContent': script$1,
+        'Portal': Portal
     }
 };
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_GalleriaContent = resolveComponent("GalleriaContent");
+  const _component_Portal = resolveComponent("Portal");
 
   return ($props.fullScreen)
-    ? (openBlock(), createBlock(Teleport, {
-        key: 0,
-        to: "body"
-      }, [
-        ($data.containerVisible)
-          ? (openBlock(), createBlock("div", {
-              key: 0,
-              ref: $options.maskRef,
-              class: $options.maskContentClass
-            }, [
-              createVNode(Transition, {
-                name: "p-galleria",
-                onBeforeEnter: $options.onBeforeEnter,
-                onEnter: $options.onEnter,
-                onBeforeLeave: $options.onBeforeLeave,
-                onAfterLeave: $options.onAfterLeave,
-                appear: ""
-              }, {
-                default: withCtx(() => [
-                  ($props.visible)
-                    ? (openBlock(), createBlock(_component_GalleriaContent, mergeProps({
-                        key: 0,
-                        ref: $options.containerRef
-                      }, _ctx.$props, {
-                        onMaskHide: $options.maskHide,
-                        templates: _ctx.$slots,
-                        onActiveitemChange: $options.onActiveItemChange
-                      }), null, 16, ["onMaskHide", "templates", "onActiveitemChange"]))
-                    : createCommentVNode("", true)
-                ]),
-                _: 1
-              }, 8, ["onBeforeEnter", "onEnter", "onBeforeLeave", "onAfterLeave"])
-            ], 2))
-          : createCommentVNode("", true)
-      ]))
+    ? (openBlock(), createBlock(_component_Portal, { key: 0 }, {
+        default: withCtx(() => [
+          ($data.containerVisible)
+            ? (openBlock(), createElementBlock("div", {
+                key: 0,
+                ref: $options.maskRef,
+                class: normalizeClass($options.maskContentClass)
+              }, [
+                createVNode(Transition, {
+                  name: "p-galleria",
+                  onBeforeEnter: $options.onBeforeEnter,
+                  onEnter: $options.onEnter,
+                  onBeforeLeave: $options.onBeforeLeave,
+                  onAfterLeave: $options.onAfterLeave,
+                  appear: ""
+                }, {
+                  default: withCtx(() => [
+                    ($props.visible)
+                      ? (openBlock(), createBlock(_component_GalleriaContent, mergeProps({
+                          key: 0,
+                          ref: $options.containerRef
+                        }, _ctx.$props, {
+                          onMaskHide: $options.maskHide,
+                          templates: _ctx.$slots,
+                          onActiveitemChange: $options.onActiveItemChange
+                        }), null, 16, ["onMaskHide", "templates", "onActiveitemChange"]))
+                      : createCommentVNode("", true)
+                  ]),
+                  _: 1
+                }, 8, ["onBeforeEnter", "onEnter", "onBeforeLeave", "onAfterLeave"])
+              ], 2))
+            : createCommentVNode("", true)
+        ]),
+        _: 1
+      }))
     : (openBlock(), createBlock(_component_GalleriaContent, mergeProps({ key: 1 }, _ctx.$props, {
         templates: _ctx.$slots,
         onActiveitemChange: $options.onActiveItemChange
@@ -1154,4 +1171,4 @@ styleInject(css_248z);
 
 script.render = render;
 
-export default script;
+export { script as default };

package/galleria/galleria.esm.min.js

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