primevue 4.3.1 → 4.3.3

package/galleria/index.mjs

@@ -1,4 +1,4 @@
-import { find, findSingle, getAttribute, setAttribute, addClass, removeClass } from '@primeuix/utils/dom';
+import { find, findSingle, getAttribute, setAttribute, addClass, removeClass, focus } from '@primeuix/utils/dom';
 import { ZIndex } from '@primeuix/utils/zindex';
 import FocusTrap from 'primevue/focustrap';
 import Portal from 'primevue/portal';
@@ -329,12 +329,6 @@ var script$3 = {
     isIndicatorItemActive: function isIndicatorItemActive(index) {
       return this.activeIndex === index;
     },
-    isNavBackwardDisabled: function isNavBackwardDisabled() {
-      return !this.circular && this.activeIndex === 0;
-    },
-    isNavForwardDisabled: function isNavForwardDisabled() {
-      return !this.circular && this.activeIndex === this.value.length - 1;
-    },
     ariaSlideNumber: function ariaSlideNumber(value) {
       return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.slideNumber.replace(/{slideNumber}/g, value) : undefined;
     },
@@ -348,6 +342,12 @@ var script$3 = {
     },
     ariaSlideLabel: function ariaSlideLabel() {
       return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.slide : undefined;
+    },
+    isNavBackwardDisabled: function isNavBackwardDisabled() {
+      return !this.circular && this.activeIndex === 0;
+    },
+    isNavForwardDisabled: function isNavForwardDisabled() {
+      return !this.circular && this.activeIndex === this.value.length - 1;
     }
   },
   components: {
@@ -377,7 +377,7 @@ function render$3(_ctx, _cache, $props, $setup, $data, $options) {
     onClick: _cache[0] || (_cache[0] = function ($event) {
       return $options.navBackward($event);
     }),
-    disabled: $options.isNavBackwardDisabled()
+    disabled: $options.isNavBackwardDisabled
   }, _ctx.ptm('prevButton'), {
     "data-pc-group-section": "itemnavigator"
   }), [(openBlock(), createBlock(resolveDynamicComponent($props.templates.previousitemicon || 'ChevronLeftIcon'), mergeProps({
@@ -398,7 +398,7 @@ function render$3(_ctx, _cache, $props, $setup, $data, $options) {
     onClick: _cache[1] || (_cache[1] = function ($event) {
       return $options.navForward($event);
     }),
-    disabled: $options.isNavForwardDisabled()
+    disabled: $options.isNavForwardDisabled
   }, _ctx.ptm('nextButton'), {
     "data-pc-group-section": "itemnavigator"
   }), [(openBlock(), createBlock(resolveDynamicComponent($props.templates.nextitemicon || 'ChevronRightIcon'), mergeProps({
@@ -1161,9 +1161,11 @@ var script = {
   emits: ['update:activeIndex', 'update:visible'],
   container: null,
   mask: null,
+  documentKeydownListener: null,
   data: function data() {
     return {
-      containerVisible: this.visible
+      containerVisible: this.visible,
+      target: null
     };
   },
   updated: function updated() {
@@ -1186,17 +1188,24 @@ var script = {
       ZIndex.set('modal', el, this.baseZIndex || this.$primevue.config.zIndex.modal);
     },
     onEnter: function onEnter(el) {
+      this.target = document.activeElement;
       this.mask.style.zIndex = String(parseInt(el.style.zIndex, 10) - 1);
       blockBodyScroll();
       this.focus();
+      this.bindGlobalListeners();
     },
     onBeforeLeave: function onBeforeLeave() {
       !this.isUnstyled && addClass(this.mask, 'p-overlay-mask-leave');
     },
+    onLeave: function onLeave() {
+      focus(this.target);
+      this.target = null;
+    },
     onAfterLeave: function onAfterLeave(el) {
       ZIndex.clear(el);
       this.containerVisible = false;
       unblockBodyScroll();
+      this.unbindGlobalListeners();
     },
     onActiveItemChange: function onActiveItemChange(index) {
       if (this.activeIndex !== index) {
@@ -1212,6 +1221,33 @@ var script = {
     maskRef: function maskRef(el) {
       this.mask = el;
     },
+    onKeyDown: function onKeyDown(event) {
+      if (event.code === 'Escape') {
+        this.maskHide();
+      }
+    },
+    bindDocumentKeyDownListener: function bindDocumentKeyDownListener() {
+      if (!this.documentKeydownListener) {
+        this.documentKeydownListener = this.onKeyDown.bind(this);
+        window.document.addEventListener('keydown', this.documentKeydownListener);
+      }
+    },
+    unbindDocumentKeyDownListener: function unbindDocumentKeyDownListener() {
+      if (this.documentKeydownListener) {
+        window.document.removeEventListener('keydown', this.documentKeydownListener);
+        this.documentKeydownListener = null;
+      }
+    },
+    bindGlobalListeners: function bindGlobalListeners() {
+      if (this.fullScreen) {
+        this.bindDocumentKeyDownListener();
+      }
+    },
+    unbindGlobalListeners: function unbindGlobalListeners() {
+      if (this.fullScreen) {
+        this.unbindDocumentKeyDownListener();
+      }
+    },
     focus: function focus() {
       var focusTarget = this.container.$el.querySelector('[autofocus]');
       if (focusTarget) {
@@ -1248,6 +1284,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         onBeforeEnter: $options.onBeforeEnter,
         onEnter: $options.onEnter,
         onBeforeLeave: $options.onBeforeLeave,
+        onLeave: $options.onLeave,
         onAfterLeave: $options.onAfterLeave,
         appear: ""
       }, _ctx.ptm('transition')), {
@@ -1263,7 +1300,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           }, _ctx.$props), null, 16, ["onMaskHide", "templates", "onActiveitemChange", "pt", "unstyled"])), [[_directive_focustrap]]) : createCommentVNode("", true)];
         }),
         _: 1
-      }, 16, ["onBeforeEnter", "onEnter", "onBeforeLeave", "onAfterLeave"])], 16, _hoisted_1)) : createCommentVNode("", true)];
+      }, 16, ["onBeforeEnter", "onEnter", "onBeforeLeave", "onLeave", "onAfterLeave"])], 16, _hoisted_1)) : createCommentVNode("", true)];
     }),
     _: 1
   })) : (openBlock(), createBlock(_component_GalleriaContent, mergeProps({