primevue 3.22.3 → 3.23.0

package/core/core.js

@@ -517,7 +517,7 @@ this.primevue.utils = (function (exports) {
         },
 
         isExist(element) {
-            return element !== null && typeof element !== 'undefined' && element.nodeName && element.parentNode;
+            return !!(element !== null && typeof element !== 'undefined' && element.nodeName && element.parentNode);
         },
 
         isClient() {
@@ -817,15 +817,10 @@ this.primevue.utils = (function (exports) {
         },
 
         reorderArray(value, from, to) {
-            let target;
-
             if (value && from !== to) {
                 if (to >= value.length) {
-                    target = to - value.length;
-
-                    while (target-- + 1) {
-                        value.push(undefined);
-                    }
+                    to %= value.length;
+                    from %= value.length;
                 }
 
                 value.splice(to, 0, value.splice(from, 1)[0]);
@@ -981,8 +976,8 @@ this.primevue.utils = (function (exports) {
     function handler() {
         let zIndexes = [];
 
-        const generateZIndex = (key, baseZIndex = 999) => {
-            const lastZIndex = getLastZIndex(key, baseZIndex);
+        const generateZIndex = (key, autoZIndex, baseZIndex = 999) => {
+            const lastZIndex = getLastZIndex(key, autoZIndex, baseZIndex);
             const newZIndex = lastZIndex.value + (lastZIndex.key === key ? 0 : baseZIndex) + 1;
 
             zIndexes.push({ key, value: newZIndex });
@@ -994,12 +989,12 @@ this.primevue.utils = (function (exports) {
             zIndexes = zIndexes.filter((obj) => obj.value !== zIndex);
         };
 
-        const getCurrentZIndex = (key) => {
-            return getLastZIndex(key).value;
+        const getCurrentZIndex = (key, autoZIndex) => {
+            return getLastZIndex(key, autoZIndex).value;
         };
 
-        const getLastZIndex = (key, baseZIndex = 0) => {
-            return [...zIndexes].reverse().find((obj) => obj.key === key) || { key, value: baseZIndex };
+        const getLastZIndex = (key, autoZIndex, baseZIndex = 0) => {
+            return [...zIndexes].reverse().find((obj) => (autoZIndex ? true : obj.key === key)) || { key, value: baseZIndex };
         };
 
         const getZIndex = (el) => {
@@ -1010,7 +1005,7 @@ this.primevue.utils = (function (exports) {
             get: getZIndex,
             set: (key, el, baseZIndex) => {
                 if (el) {
-                    el.style.zIndex = String(generateZIndex(key, baseZIndex));
+                    el.style.zIndex = String(generateZIndex(key, true, baseZIndex));
                 }
             },
             clear: (el) => {
@@ -1019,7 +1014,7 @@ this.primevue.utils = (function (exports) {
                     el.style.zIndex = '';
                 }
             },
-            getCurrent: (key) => getCurrentZIndex(key)
+            getCurrent: (key) => getCurrentZIndex(key, true)
         };
     }
 
@@ -1668,7 +1663,6 @@ this.primevue.config = (function (exports, api, vue) {
                 nextPageLabel: 'Next Page',
                 prevPageLabel: 'Previous Page',
                 rowsPerPageLabel: 'Rows per page',
-                previousPageLabel: 'Previous Page',
                 jumpToPageDropdownLabel: 'Jump to Page Dropdown',
                 jumpToPageInputLabel: 'Jump to Page Input',
                 selectRow: 'Row Selected',
@@ -5014,6 +5008,7 @@ this.primevue.dropdown = (function (api, OverlayEventBus, Portal, Ripple, utils,
         focusOnHover: false,
         data() {
             return {
+                id: this.$attrs.id,
                 focused: false,
                 focusedOptionIndex: -1,
                 filterValue: null,
@@ -5021,6 +5016,9 @@ this.primevue.dropdown = (function (api, OverlayEventBus, Portal, Ripple, utils,
             };
         },
         watch: {
+            '$attrs.id': function (newValue) {
+                this.id = newValue || utils.UniqueComponentId();
+            },
             modelValue() {
                 this.isModelValueChanged = true;
             },
@@ -5029,6 +5027,8 @@ this.primevue.dropdown = (function (api, OverlayEventBus, Portal, Ripple, utils,
             }
         },
         mounted() {
+            this.id = this.id || utils.UniqueComponentId();
+
             this.autoUpdateModel();
         },
         updated() {
@@ -5725,9 +5725,6 @@ this.primevue.dropdown = (function (api, OverlayEventBus, Portal, Ripple, utils,
             selectedMessageText() {
                 return this.hasSelectedOption ? this.selectionMessageText.replaceAll('{0}', '1') : this.emptySelectionMessageText;
             },
-            id() {
-                return this.$attrs.id || utils.UniqueComponentId();
-            },
             focusedOptionId() {
                 return this.focusedOptionIndex !== -1 ? `${this.id}_${this.focusedOptionIndex}` : null;
             },
@@ -5794,7 +5791,7 @@ this.primevue.dropdown = (function (api, OverlayEventBus, Portal, Ripple, utils,
 
       return (vue.openBlock(), vue.createElementBlock("div", {
         ref: "container",
-        id: $options.id,
+        id: $data.id,
         class: vue.normalizeClass($options.containerClass),
         onClick: _cache[16] || (_cache[16] = (...args) => ($options.onContainerClick && $options.onContainerClick(...args)))
       }, [
@@ -5816,7 +5813,7 @@ this.primevue.dropdown = (function (api, OverlayEventBus, Portal, Ripple, utils,
               "aria-labelledby": _ctx.ariaLabelledby,
               "aria-haspopup": "listbox",
               "aria-expanded": $data.overlayVisible,
-              "aria-controls": $options.id + '_list',
+              "aria-controls": $data.id + '_list',
               "aria-activedescendant": $data.focused ? $options.focusedOptionId : undefined,
               onFocus: _cache[0] || (_cache[0] = (...args) => ($options.onFocus && $options.onFocus(...args))),
               onBlur: _cache[1] || (_cache[1] = (...args) => ($options.onBlur && $options.onBlur(...args))),
@@ -5835,7 +5832,7 @@ this.primevue.dropdown = (function (api, OverlayEventBus, Portal, Ripple, utils,
               "aria-labelledby": _ctx.ariaLabelledby,
               "aria-haspopup": "listbox",
               "aria-expanded": $data.overlayVisible,
-              "aria-controls": $options.id + '_list',
+              "aria-controls": $data.id + '_list',
               "aria-activedescendant": $data.focused ? $options.focusedOptionId : undefined,
               "aria-disabled": $props.disabled,
               onFocus: _cache[4] || (_cache[4] = (...args) => ($options.onFocus && $options.onFocus(...args))),
@@ -5907,7 +5904,7 @@ this.primevue.dropdown = (function (api, OverlayEventBus, Portal, Ripple, utils,
                                 placeholder: $props.filterPlaceholder,
                                 role: "searchbox",
                                 autocomplete: "off",
-                                "aria-owns": $options.id + '_list',
+                                "aria-owns": $data.id + '_list',
                                 "aria-activedescendant": $options.focusedOptionId,
                                 onKeydown: _cache[10] || (_cache[10] = (...args) => ($options.onFilterKeyDown && $options.onFilterKeyDown(...args))),
                                 onBlur: _cache[11] || (_cache[11] = (...args) => ($options.onFilterBlur && $options.onFilterBlur(...args))),
@@ -5933,7 +5930,7 @@ this.primevue.dropdown = (function (api, OverlayEventBus, Portal, Ripple, utils,
                           content: vue.withCtx(({ styleClass, contentRef, items, getItemOptions, contentStyle, itemSize }) => [
                             vue.createElementVNode("ul", {
                               ref: (el) => $options.listRef(el, contentRef),
-                              id: $options.id + '_list',
+                              id: $data.id + '_list',
                               class: vue.normalizeClass(['p-dropdown-items', styleClass]),
                               style: vue.normalizeStyle(contentStyle),
                               role: "listbox"
@@ -5945,7 +5942,7 @@ this.primevue.dropdown = (function (api, OverlayEventBus, Portal, Ripple, utils,
                                   ($options.isOptionGroup(option))
                                     ? (vue.openBlock(), vue.createElementBlock("li", {
                                         key: 0,
-                                        id: $options.id + '_' + $options.getOptionIndex(i, getItemOptions),
+                                        id: $data.id + '_' + $options.getOptionIndex(i, getItemOptions),
                                         style: vue.normalizeStyle({ height: itemSize ? itemSize + 'px' : undefined }),
                                         class: "p-dropdown-item-group",
                                         role: "option"
@@ -5959,7 +5956,7 @@ this.primevue.dropdown = (function (api, OverlayEventBus, Portal, Ripple, utils,
                                       ], 12, _hoisted_10))
                                     : vue.withDirectives((vue.openBlock(), vue.createElementBlock("li", {
                                         key: 1,
-                                        id: $options.id + '_' + $options.getOptionIndex(i, getItemOptions),
+                                        id: $data.id + '_' + $options.getOptionIndex(i, getItemOptions),
                                         style: vue.normalizeStyle({ height: itemSize ? itemSize + 'px' : undefined }),
                                         class: vue.normalizeClass(['p-dropdown-item', { 'p-highlight': $options.isSelected(option), 'p-focus': $data.focusedOptionIndex === $options.getOptionIndex(i, getItemOptions), 'p-disabled': $options.isOptionDisabled(option) }]),
                                         role: "option",
@@ -6279,7 +6276,7 @@ this.primevue.dialog = (function (FocusTrap, Portal, Ripple, utils, vue) {
                 this.$emit('after-hide');
             },
             onMaskClick(event) {
-                if (this.dismissableMask && this.closable && this.modal && this.mask === event.target) {
+                if (this.dismissableMask && this.modal && this.mask === event.target) {
                     this.close();
                 }
             },
@@ -8471,8 +8468,8 @@ this.primevue.menu = (function (OverlayEventBus, Portal, utils, Ripple, vue) {
     const _hoisted_1$1 = ["id", "aria-label", "aria-disabled"];
     const _hoisted_2$1 = ["href", "onClick"];
     const _hoisted_3$1 = { class: "p-menuitem-text" };
-    const _hoisted_4 = ["href", "target"];
-    const _hoisted_5 = { class: "p-menuitem-text" };
+    const _hoisted_4$1 = ["href", "target"];
+    const _hoisted_5$1 = { class: "p-menuitem-text" };
 
     function render$1(_ctx, _cache, $props, $setup, $data, $options) {
       const _component_router_link = vue.resolveComponent("router-link");
@@ -8535,8 +8532,8 @@ this.primevue.menu = (function (OverlayEventBus, Portal, utils, Ripple, vue) {
                                 class: vue.normalizeClass(['p-menuitem-icon', $props.item.icon])
                               }, null, 2))
                             : vue.createCommentVNode("", true),
-                          vue.createElementVNode("span", _hoisted_5, vue.toDisplayString($options.label()), 1)
-                        ], 10, _hoisted_4)), [
+                          vue.createElementVNode("span", _hoisted_5$1, vue.toDisplayString($options.label()), 1)
+                        ], 10, _hoisted_4$1)), [
                           [_directive_ripple]
                         ])
                   ], 64))
@@ -8595,12 +8592,18 @@ this.primevue.menu = (function (OverlayEventBus, Portal, utils, Ripple, vue) {
         },
         data() {
             return {
+                id: this.$attrs.id,
                 overlayVisible: false,
                 focused: false,
                 focusedOptionIndex: -1,
                 selectedOptionIndex: -1
             };
         },
+        watch: {
+            '$attrs.id': function (newValue) {
+                this.id = newValue || utils.UniqueComponentId();
+            }
+        },
         target: null,
         outsideClickListener: null,
         scrollHandler: null,
@@ -8608,6 +8611,8 @@ this.primevue.menu = (function (OverlayEventBus, Portal, utils, Ripple, vue) {
         container: null,
         list: null,
         mounted() {
+            this.id = this.id || utils.UniqueComponentId();
+
             if (!this.popup) {
                 this.bindResizeListener();
                 this.bindOutsideClickListener();
@@ -8897,9 +8902,6 @@ this.primevue.menu = (function (OverlayEventBus, Portal, utils, Ripple, vue) {
                     }
                 ];
             },
-            id() {
-                return this.$attrs.id || utils.UniqueComponentId();
-            },
             focusedOptionId() {
                 return this.focusedOptionIndex !== -1 ? this.focusedOptionIndex : null;
             }
@@ -8911,8 +8913,16 @@ this.primevue.menu = (function (OverlayEventBus, Portal, utils, Ripple, vue) {
     };
 
     const _hoisted_1 = ["id"];
-    const _hoisted_2 = ["id", "tabindex", "aria-activedescendant", "aria-label", "aria-labelledby"];
-    const _hoisted_3 = ["id"];
+    const _hoisted_2 = {
+      key: 0,
+      class: "p-menu-start"
+    };
+    const _hoisted_3 = ["id", "tabindex", "aria-activedescendant", "aria-label", "aria-labelledby"];
+    const _hoisted_4 = ["id"];
+    const _hoisted_5 = {
+      key: 1,
+      class: "p-menu-end"
+    };
 
     function render(_ctx, _cache, $props, $setup, $data, $options) {
       const _component_PVMenuitem = vue.resolveComponent("PVMenuitem");
@@ -8934,14 +8944,19 @@ this.primevue.menu = (function (OverlayEventBus, Portal, utils, Ripple, vue) {
                 ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
                     key: 0,
                     ref: $options.containerRef,
-                    id: $options.id,
+                    id: $data.id,
                     class: $options.containerClass
                   }, _ctx.$attrs, {
                     onClick: _cache[3] || (_cache[3] = (...args) => ($options.onOverlayClick && $options.onOverlayClick(...args)))
                   }), [
+                    (_ctx.$slots.start)
+                      ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
+                          vue.renderSlot(_ctx.$slots, "start")
+                        ]))
+                      : vue.createCommentVNode("", true),
                     vue.createElementVNode("ul", {
                       ref: $options.listRef,
-                      id: $options.id + '_list',
+                      id: $data.id + '_list',
                       class: "p-menu-list p-reset",
                       role: "menu",
                       tabindex: $props.tabindex,
@@ -8961,14 +8976,14 @@ this.primevue.menu = (function (OverlayEventBus, Portal, utils, Ripple, vue) {
                                 (item.items)
                                   ? (vue.openBlock(), vue.createElementBlock("li", {
                                       key: 0,
-                                      id: $options.id + '_' + i,
+                                      id: $data.id + '_' + i,
                                       class: "p-submenu-header",
                                       role: "none"
                                     }, [
                                       vue.renderSlot(_ctx.$slots, "item", { item: item }, () => [
                                         vue.createTextVNode(vue.toDisplayString($options.label(item)), 1)
                                       ])
-                                    ], 8, _hoisted_3))
+                                    ], 8, _hoisted_4))
                                   : vue.createCommentVNode("", true),
                                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(item.items, (child, j) => {
                                   return (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
@@ -8977,7 +8992,7 @@ this.primevue.menu = (function (OverlayEventBus, Portal, utils, Ripple, vue) {
                                     ($options.visible(child) && !child.separator)
                                       ? (vue.openBlock(), vue.createBlock(_component_PVMenuitem, {
                                           key: 0,
-                                          id: $options.id + '_' + i + '_' + j,
+                                          id: $data.id + '_' + i + '_' + j,
                                           item: child,
                                           template: _ctx.$slots.item,
                                           exact: $props.exact,
@@ -9004,7 +9019,7 @@ this.primevue.menu = (function (OverlayEventBus, Portal, utils, Ripple, vue) {
                                 }, null, 6))
                               : (vue.openBlock(), vue.createBlock(_component_PVMenuitem, {
                                   key: $options.label(item) + i.toString(),
-                                  id: $options.id + '_' + i,
+                                  id: $data.id + '_' + i,
                                   item: item,
                                   template: _ctx.$slots.item,
                                   exact: $props.exact,
@@ -9013,7 +9028,12 @@ this.primevue.menu = (function (OverlayEventBus, Portal, utils, Ripple, vue) {
                                 }, null, 8, ["id", "item", "template", "exact", "focusedOptionId", "onItemClick"]))
                         ], 64))
                       }), 128))
-                    ], 40, _hoisted_2)
+                    ], 40, _hoisted_3),
+                    (_ctx.$slots.end)
+                      ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
+                          vue.renderSlot(_ctx.$slots, "end")
+                        ]))
+                      : vue.createCommentVNode("", true)
                   ], 16, _hoisted_1))
                 : vue.createCommentVNode("", true)
             ]),
@@ -9368,6 +9388,7 @@ this.primevue.tieredmenu = (function (OverlayEventBus, Portal, utils, Ripple, vu
         searchValue: null,
         data() {
             return {
+                id: this.$attrs.id,
                 focused: false,
                 focusedItemInfo: { index: -1, level: 0, parentKey: '' },
                 activeItemPath: [],
@@ -9376,6 +9397,9 @@ this.primevue.tieredmenu = (function (OverlayEventBus, Portal, utils, Ripple, vu
             };
         },
         watch: {
+            '$attrs.id': function (newValue) {
+                this.id = newValue || utils.UniqueComponentId();
+            },
             activeItemPath(newPath) {
                 if (!this.popup) {
                     if (utils.ObjectUtils.isNotEmpty(newPath)) {
@@ -9388,6 +9412,9 @@ this.primevue.tieredmenu = (function (OverlayEventBus, Portal, utils, Ripple, vu
                 }
             }
         },
+        mounted() {
+            this.id = this.id || utils.UniqueComponentId();
+        },
         beforeUnmount() {
             this.unbindOutsideClickListener();
             this.unbindResizeListener();
@@ -9907,9 +9934,6 @@ this.primevue.tieredmenu = (function (OverlayEventBus, Portal, utils, Ripple, vu
 
                 return processedItem ? processedItem.items : this.processedItems;
             },
-            id() {
-                return this.$attrs.id || utils.UniqueComponentId();
-            },
             focusedItemId() {
                 return this.focusedItemInfo.index !== -1 ? `${this.id}${utils.ObjectUtils.isNotEmpty(this.focusedItemInfo.parentKey) ? '_' + this.focusedItemInfo.parentKey : ''}_${this.focusedItemInfo.index}` : null;
             }
@@ -9943,13 +9967,13 @@ this.primevue.tieredmenu = (function (OverlayEventBus, Portal, utils, Ripple, vu
                 ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
                     key: 0,
                     ref: $options.containerRef,
-                    id: $options.id,
+                    id: $data.id,
                     class: $options.containerClass,
                     onClick: _cache[0] || (_cache[0] = (...args) => ($options.onOverlayClick && $options.onOverlayClick(...args)))
                   }, _ctx.$attrs), [
                     vue.createVNode(_component_TieredMenuSub, {
                       ref: $options.menubarRef,
-                      id: $options.id + '_list',
+                      id: $data.id + '_list',
                       class: "p-tieredmenu-root-list",
                       tabindex: !$props.disabled ? $props.tabindex : -1,
                       role: "menubar",
@@ -9958,7 +9982,7 @@ this.primevue.tieredmenu = (function (OverlayEventBus, Portal, utils, Ripple, vu
                       "aria-disabled": $props.disabled || undefined,
                       "aria-orientation": "vertical",
                       "aria-activedescendant": $data.focused ? $options.focusedItemId : undefined,
-                      menuId: $options.id,
+                      menuId: $data.id,
                       focusedItemId: $data.focused ? $options.focusedItemId : undefined,
                       items: $options.processedItems,
                       template: _ctx.$slots.item,