primevue 4.2.5 → 4.3.0

package/contextmenu/index.mjs

@@ -1,13 +1,12 @@
-import { nestedPosition, focus, findSingle, addStyle, getHiddenElementOuterWidth, getHiddenElementOuterHeight, getViewport, isTouchDevice } from '@primeuix/utils/dom';
-import { resolve, isNotEmpty, isPrintableCharacter, isEmpty, findLastIndex } from '@primeuix/utils/object';
+import { nestedPosition, findSingle, isTouchDevice, getHiddenElementOuterWidth, getHiddenElementOuterHeight, getViewport, focus, addStyle } from '@primeuix/utils/dom';
+import { isNotEmpty, resolve, findLastIndex, isEmpty, isPrintableCharacter } from '@primeuix/utils/object';
 import { ZIndex } from '@primeuix/utils/zindex';
-import { UniqueComponentId } from '@primevue/core/utils';
 import Portal from 'primevue/portal';
 import BaseComponent from '@primevue/core/basecomponent';
 import ContextMenuStyle from 'primevue/contextmenu/style';
 import AngleRightIcon from '@primevue/icons/angleright';
 import Ripple from 'primevue/ripple';
-import { mergeProps, resolveComponent, resolveDirective, openBlock, createBlock, Transition, withCtx, createElementBlock, Fragment, renderList, createElementVNode, withDirectives, resolveDynamicComponent, normalizeClass, createCommentVNode, toDisplayString, createVNode } from 'vue';
+import { mergeProps, resolveComponent, resolveDirective, createBlock, openBlock, Transition, withCtx, createElementBlock, createCommentVNode, Fragment, renderList, createElementVNode, withDirectives, resolveDynamicComponent, normalizeClass, toDisplayString, createVNode } from 'vue';
 
 var script$2 = {
   name: 'BaseContextMenu',
@@ -357,7 +356,6 @@ var script = {
   list: null,
   data: function data() {
     return {
-      id: this.$attrs.id,
       focused: false,
       focusedItemInfo: {
         index: -1,
@@ -372,9 +370,6 @@ var script = {
     };
   },
   watch: {
-    '$attrs.id': function $attrsId(newValue) {
-      this.id = newValue || UniqueComponentId();
-    },
     activeItemPath: function activeItemPath(newPath) {
       if (isNotEmpty(newPath)) {
         this.bindOutsideClickListener();
@@ -386,7 +381,6 @@ var script = {
     }
   },
   mounted: function mounted() {
-    this.id = this.id || UniqueComponentId();
     this.bindMatchMediaListener();
     if (this.global) {
       this.bindDocumentContextMenuListener();
@@ -746,12 +740,12 @@ var script = {
             _this2.hide();
           }
         };
-        document.addEventListener('click', this.outsideClickListener);
+        document.addEventListener('click', this.outsideClickListener, true);
       }
     },
     unbindOutsideClickListener: function unbindOutsideClickListener() {
       if (this.outsideClickListener) {
-        document.removeEventListener('click', this.outsideClickListener);
+        document.removeEventListener('click', this.outsideClickListener, true);
         this.outsideClickListener = null;
       }
     },
@@ -903,7 +897,7 @@ var script = {
     },
     scrollInView: function scrollInView() {
       var index = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : -1;
-      var id = index !== -1 ? "".concat(this.id, "_").concat(index) : this.focusedItemIdx;
+      var id = index !== -1 ? "".concat(this.$id, "_").concat(index) : this.focusedItemIdx;
       var element = findSingle(this.list, "li[id=\"".concat(id, "\"]"));
       if (element) {
         element.scrollIntoView && element.scrollIntoView({
@@ -952,7 +946,7 @@ var script = {
       return processedItem ? processedItem.items : this.processedItems;
     },
     focusedItemIdx: function focusedItemIdx() {
-      return this.focusedItemInfo.index !== -1 ? "".concat(this.id).concat(isNotEmpty(this.focusedItemInfo.parentKey) ? '_' + this.focusedItemInfo.parentKey : '', "_").concat(this.focusedItemInfo.index) : null;
+      return this.focusedItemInfo.index !== -1 ? "".concat(this.$id).concat(isNotEmpty(this.focusedItemInfo.parentKey) ? '_' + this.focusedItemInfo.parentKey : '', "_").concat(this.focusedItemInfo.index) : null;
     }
   },
   components: {
@@ -982,14 +976,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             "class": _ctx.cx('root')
           }, _ctx.ptmi('root')), [createVNode(_component_ContextMenuSub, {
             ref: $options.listRef,
-            id: $data.id + '_list',
+            id: _ctx.$id + '_list',
             "class": normalizeClass(_ctx.cx('rootList')),
             role: "menubar",
             root: true,
             tabindex: _ctx.tabindex,
             "aria-orientation": "vertical",
             "aria-activedescendant": $data.focused ? $options.focusedItemIdx : undefined,
-            menuId: $data.id,
+            menuId: _ctx.$id,
             focusedItemId: $data.focused ? $options.focusedItemIdx : undefined,
             items: $options.processedItems,
             templates: _ctx.$slots,