primevue 3.27.0 → 3.28.0

package/panelmenu/panelmenu.js

@@ -1,15 +1,17 @@
 this.primevue = this.primevue || {};
-this.primevue.panelmenu = (function (ChevronDownIcon, ChevronRightIcon, utils, Ripple, vue) {
+this.primevue.panelmenu = (function (BaseComponent, ChevronDownIcon, ChevronRightIcon, utils, Ripple, vue) {
     'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+    var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
     var ChevronDownIcon__default = /*#__PURE__*/_interopDefaultLegacy(ChevronDownIcon);
     var ChevronRightIcon__default = /*#__PURE__*/_interopDefaultLegacy(ChevronRightIcon);
     var Ripple__default = /*#__PURE__*/_interopDefaultLegacy(Ripple);
 
     var script$2 = {
         name: 'PanelMenuSub',
+        extends: BaseComponent__default["default"],
         emits: ['item-toggle'],
         props: {
             panelId: {
@@ -54,6 +56,14 @@ this.primevue.panelmenu = (function (ChevronDownIcon, ChevronRightIcon, utils, R
             getItemLabel(processedItem) {
                 return this.getItemProp(processedItem, 'label');
             },
+            getPTOptions(processedItem, key) {
+                return this.ptm(key, {
+                    context: {
+                        active: this.isItemActive(processedItem),
+                        focused: this.isItemFocused(processedItem)
+                    }
+                });
+            },
             isItemActive(processedItem) {
                 return this.activeItemPath.some((path) => path.key === processedItem.key);
             },
@@ -120,42 +130,38 @@ this.primevue.panelmenu = (function (ChevronDownIcon, ChevronRightIcon, utils, R
         }
     };
 
-    const _hoisted_1$1 = { class: "p-submenu-list" };
-    const _hoisted_2$1 = ["id", "aria-label", "aria-expanded", "aria-level", "aria-setsize", "aria-posinset"];
-    const _hoisted_3$1 = ["onClick"];
-    const _hoisted_4$1 = ["href", "onClick"];
-    const _hoisted_5$1 = { class: "p-menuitem-text" };
-    const _hoisted_6$1 = ["href", "target"];
-    const _hoisted_7$1 = { class: "p-menuitem-text" };
-    const _hoisted_8$1 = { class: "p-toggleable-content" };
+    const _hoisted_1$1 = ["id", "aria-label", "aria-expanded", "aria-level", "aria-setsize", "aria-posinset"];
+    const _hoisted_2$1 = ["onClick"];
+    const _hoisted_3$1 = ["href", "onClick"];
+    const _hoisted_4$1 = ["href", "target"];
 
     function render$2(_ctx, _cache, $props, $setup, $data, $options) {
       const _component_router_link = vue.resolveComponent("router-link");
       const _component_PanelMenuSub = vue.resolveComponent("PanelMenuSub", true);
       const _directive_ripple = vue.resolveDirective("ripple");
 
-      return (vue.openBlock(), vue.createElementBlock("ul", _hoisted_1$1, [
+      return (vue.openBlock(), vue.createElementBlock("ul", vue.mergeProps({ class: "p-submenu-list" }, _ctx.ptm('menu')), [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($props.items, (processedItem, index) => {
           return (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
             key: $options.getItemKey(processedItem)
           }, [
             ($options.isItemVisible(processedItem) && !$options.getItemProp(processedItem, 'separator'))
-              ? (vue.openBlock(), vue.createElementBlock("li", {
+              ? (vue.openBlock(), vue.createElementBlock("li", vue.mergeProps({
                   key: 0,
                   id: $options.getItemId(processedItem),
-                  style: vue.normalizeStyle($options.getItemProp(processedItem, 'style')),
-                  class: vue.normalizeClass($options.getItemClass(processedItem)),
+                  style: $options.getItemProp(processedItem, 'style'),
+                  class: $options.getItemClass(processedItem),
                   role: "treeitem",
                   "aria-label": $options.getItemLabel(processedItem),
                   "aria-expanded": $options.isItemGroup(processedItem) ? $options.isItemActive(processedItem) : undefined,
                   "aria-level": $props.level + 1,
                   "aria-setsize": $options.getAriaSetSize(),
                   "aria-posinset": $options.getAriaPosInset(index)
-                }, [
-                  vue.createElementVNode("div", {
+                }, $options.getPTOptions(processedItem, 'menuitem')), [
+                  vue.createElementVNode("div", vue.mergeProps({
                     class: "p-menuitem-content",
                     onClick: $event => ($options.onItemClick($event, processedItem))
-                  }, [
+                  }, $options.getPTOptions(processedItem, 'content')), [
                     (!$props.templates.item)
                       ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
                           ($options.getItemProp(processedItem, 'to') && !$options.isItemDisabled(processedItem))
@@ -165,13 +171,13 @@ this.primevue.panelmenu = (function (ChevronDownIcon, ChevronRightIcon, utils, R
                                 custom: ""
                               }, {
                                 default: vue.withCtx(({ navigate, href, isActive, isExactActive }) => [
-                                  vue.withDirectives((vue.openBlock(), vue.createElementBlock("a", {
+                                  vue.withDirectives((vue.openBlock(), vue.createElementBlock("a", vue.mergeProps({
                                     href: href,
-                                    class: vue.normalizeClass($options.getItemActionClass(processedItem, { isActive, isExactActive })),
+                                    class: $options.getItemActionClass(processedItem, { isActive, isExactActive }),
                                     tabindex: "-1",
                                     "aria-hidden": "true",
                                     onClick: $event => ($options.onItemActionClick($event, navigate))
-                                  }, [
+                                  }, $options.getPTOptions(processedItem, 'action')), [
                                     ($props.templates.itemicon)
                                       ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.templates.itemicon), {
                                           key: 0,
@@ -179,38 +185,38 @@ this.primevue.panelmenu = (function (ChevronDownIcon, ChevronRightIcon, utils, R
                                           class: vue.normalizeClass($options.getItemIconClass(processedItem))
                                         }, null, 8, ["item", "class"]))
                                       : ($options.getItemProp(processedItem, 'icon'))
-                                        ? (vue.openBlock(), vue.createElementBlock("span", {
+                                        ? (vue.openBlock(), vue.createElementBlock("span", vue.mergeProps({
                                             key: 1,
-                                            class: vue.normalizeClass($options.getItemIconClass(processedItem))
-                                          }, null, 2))
+                                            class: $options.getItemIconClass(processedItem)
+                                          }, $options.getPTOptions(processedItem, 'icon')), null, 16))
                                         : vue.createCommentVNode("", true),
-                                    vue.createElementVNode("span", _hoisted_5$1, vue.toDisplayString($options.getItemLabel(processedItem)), 1)
-                                  ], 10, _hoisted_4$1)), [
+                                    vue.createElementVNode("span", vue.mergeProps({ class: "p-menuitem-text" }, $options.getPTOptions(processedItem, 'label')), vue.toDisplayString($options.getItemLabel(processedItem)), 17)
+                                  ], 16, _hoisted_3$1)), [
                                     [_directive_ripple]
                                   ])
                                 ]),
                                 _: 2
                               }, 1032, ["to"]))
-                            : vue.withDirectives((vue.openBlock(), vue.createElementBlock("a", {
+                            : vue.withDirectives((vue.openBlock(), vue.createElementBlock("a", vue.mergeProps({
                                 key: 1,
                                 href: $options.getItemProp(processedItem, 'url'),
-                                class: vue.normalizeClass($options.getItemActionClass(processedItem)),
+                                class: $options.getItemActionClass(processedItem),
                                 target: $options.getItemProp(processedItem, 'target'),
                                 tabindex: "-1",
                                 "aria-hidden": "true"
-                              }, [
+                              }, $options.getPTOptions(processedItem, 'action')), [
                                 ($options.isItemGroup(processedItem))
                                   ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
                                       ($props.templates.submenuicon)
-                                        ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.templates.submenuicon), {
+                                        ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.templates.submenuicon), vue.mergeProps({
                                             key: 0,
                                             class: "p-submenu-icon",
                                             active: $options.isItemActive(processedItem)
-                                          }, null, 8, ["active"]))
-                                        : (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($options.isItemActive(processedItem) ? 'ChevronDownIcon' : 'ChevronRightIcon'), {
+                                          }, $options.getPTOptions(processedItem, 'submenuIcon')), null, 16, ["active"]))
+                                        : (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($options.isItemActive(processedItem) ? 'ChevronDownIcon' : 'ChevronRightIcon'), vue.mergeProps({
                                             key: 1,
                                             class: "p-submenu-icon"
-                                          }))
+                                          }, $options.getPTOptions(processedItem, 'submenuIcon')), null, 16))
                                     ], 64))
                                   : vue.createCommentVNode("", true),
                                 ($props.templates.itemicon)
@@ -220,13 +226,13 @@ this.primevue.panelmenu = (function (ChevronDownIcon, ChevronRightIcon, utils, R
                                       class: vue.normalizeClass($options.getItemIconClass(processedItem))
                                     }, null, 8, ["item", "class"]))
                                   : ($options.getItemProp(processedItem, 'icon'))
-                                    ? (vue.openBlock(), vue.createElementBlock("span", {
+                                    ? (vue.openBlock(), vue.createElementBlock("span", vue.mergeProps({
                                         key: 2,
-                                        class: vue.normalizeClass($options.getItemIconClass(processedItem))
-                                      }, null, 2))
+                                        class: $options.getItemIconClass(processedItem)
+                                      }, $options.getPTOptions(processedItem, 'icon')), null, 16))
                                     : vue.createCommentVNode("", true),
-                                vue.createElementVNode("span", _hoisted_7$1, vue.toDisplayString($options.getItemLabel(processedItem)), 1)
-                              ], 10, _hoisted_6$1)), [
+                                vue.createElementVNode("span", vue.mergeProps({ class: "p-menuitem-text" }, $options.getPTOptions(processedItem, 'label')), vue.toDisplayString($options.getItemLabel(processedItem)), 17)
+                              ], 16, _hoisted_4$1)), [
                                 [_directive_ripple]
                               ])
                         ], 64))
@@ -234,10 +240,10 @@ this.primevue.panelmenu = (function (ChevronDownIcon, ChevronRightIcon, utils, R
                           key: 1,
                           item: processedItem.item
                         }, null, 8, ["item"]))
-                  ], 8, _hoisted_3$1),
+                  ], 16, _hoisted_2$1),
                   vue.createVNode(vue.Transition, { name: "p-toggleable-content" }, {
                     default: vue.withCtx(() => [
-                      vue.withDirectives(vue.createElementVNode("div", _hoisted_8$1, [
+                      vue.withDirectives(vue.createElementVNode("div", vue.mergeProps({ class: "p-toggleable-content" }, _ctx.ptm('toggleableContent')), [
                         ($options.isItemVisible(processedItem) && $options.isItemGroup(processedItem))
                           ? (vue.openBlock(), vue.createBlock(_component_PanelMenuSub, {
                               key: 0,
@@ -250,34 +256,36 @@ this.primevue.panelmenu = (function (ChevronDownIcon, ChevronRightIcon, utils, R
                               templates: $props.templates,
                               activeItemPath: $props.activeItemPath,
                               exact: $props.exact,
-                              onItemToggle: $options.onItemToggle
-                            }, null, 8, ["id", "panelId", "focusedItemId", "items", "level", "templates", "activeItemPath", "exact", "onItemToggle"]))
+                              onItemToggle: $options.onItemToggle,
+                              pt: _ctx.pt
+                            }, null, 8, ["id", "panelId", "focusedItemId", "items", "level", "templates", "activeItemPath", "exact", "onItemToggle", "pt"]))
                           : vue.createCommentVNode("", true)
-                      ], 512), [
+                      ], 16), [
                         [vue.vShow, $options.isItemActive(processedItem)]
                       ])
                     ]),
                     _: 2
                   }, 1024)
-                ], 14, _hoisted_2$1))
+                ], 16, _hoisted_1$1))
               : vue.createCommentVNode("", true),
             ($options.isItemVisible(processedItem) && $options.getItemProp(processedItem, 'separator'))
-              ? (vue.openBlock(), vue.createElementBlock("li", {
+              ? (vue.openBlock(), vue.createElementBlock("li", vue.mergeProps({
                   key: 1,
-                  style: vue.normalizeStyle($options.getItemProp(processedItem, 'style')),
-                  class: vue.normalizeClass($options.getSeparatorItemClass(processedItem)),
+                  style: $options.getItemProp(processedItem, 'style'),
+                  class: $options.getSeparatorItemClass(processedItem),
                   role: "separator"
-                }, null, 6))
+                }, _ctx.ptm('separator')), null, 16))
               : vue.createCommentVNode("", true)
           ], 64))
         }), 128))
-      ]))
+      ], 16))
     }
 
     script$2.render = render$2;
 
     var script$1 = {
         name: 'PanelMenuList',
+        extends: BaseComponent__default["default"],
         emits: ['item-toggle', 'header-focus'],
         props: {
             panelId: {
@@ -661,14 +669,16 @@ this.primevue.panelmenu = (function (ChevronDownIcon, ChevronRightIcon, utils, R
         onFocus: $options.onFocus,
         onBlur: $options.onBlur,
         onKeydown: $options.onKeyDown,
-        onItemToggle: $options.onItemToggle
-      }, null, 8, ["id", "aria-activedescendant", "panelId", "focusedItemId", "items", "templates", "activeItemPath", "exact", "onFocus", "onBlur", "onKeydown", "onItemToggle"]))
+        onItemToggle: $options.onItemToggle,
+        pt: _ctx.pt
+      }, null, 8, ["id", "aria-activedescendant", "panelId", "focusedItemId", "items", "templates", "activeItemPath", "exact", "onFocus", "onBlur", "onKeydown", "onItemToggle", "pt"]))
     }
 
     script$1.render = render$1;
 
     var script = {
         name: 'PanelMenu',
+        extends: BaseComponent__default["default"],
         emits: ['update:expandedKeys', 'panel-open', 'panel-close'],
         props: {
             model: {
@@ -709,6 +719,14 @@ this.primevue.panelmenu = (function (ChevronDownIcon, ChevronRightIcon, utils, R
             getItemLabel(item) {
                 return this.getItemProp(item, 'label');
             },
+            getPTOptions(item, key) {
+                return this.ptm(key, {
+                    options: {
+                        active: this.isItemActive(item),
+                        focused: this.isItemFocused(item)
+                    }
+                });
+            },
             isItemActive(item) {
                 return this.expandedKeys ? this.expandedKeys[this.getItemProp(item, 'key')] : utils.ObjectUtils.equals(item, this.activeItem);
             },
@@ -718,6 +736,9 @@ this.primevue.panelmenu = (function (ChevronDownIcon, ChevronRightIcon, utils, R
             isItemDisabled(item) {
                 return this.getItemProp(item, 'disabled');
             },
+            isItemFocused(item) {
+                return utils.ObjectUtils.equals(item, this.activeItem);
+            },
             getPanelId(index) {
                 return `${this.id}_${index}`;
             },
@@ -881,38 +902,31 @@ this.primevue.panelmenu = (function (ChevronDownIcon, ChevronRightIcon, utils, R
 
     const _hoisted_1 = ["id"];
     const _hoisted_2 = ["id", "tabindex", "aria-label", "aria-expanded", "aria-controls", "aria-disabled", "onClick", "onKeydown"];
-    const _hoisted_3 = { class: "p-panelmenu-header-content" };
-    const _hoisted_4 = ["href", "onClick"];
-    const _hoisted_5 = { class: "p-menuitem-text" };
-    const _hoisted_6 = ["href"];
-    const _hoisted_7 = { class: "p-menuitem-text" };
-    const _hoisted_8 = ["id", "aria-labelledby"];
-    const _hoisted_9 = {
-      key: 0,
-      class: "p-panelmenu-content"
-    };
+    const _hoisted_3 = ["href", "onClick"];
+    const _hoisted_4 = ["href"];
+    const _hoisted_5 = ["id", "aria-labelledby"];
 
     function render(_ctx, _cache, $props, $setup, $data, $options) {
       const _component_router_link = vue.resolveComponent("router-link");
       const _component_PanelMenuList = vue.resolveComponent("PanelMenuList");
 
-      return (vue.openBlock(), vue.createElementBlock("div", {
+      return (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
         id: $data.id,
         class: "p-panelmenu p-component"
-      }, [
+      }, _ctx.ptm('root')), [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($props.model, (item, index) => {
           return (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
             key: $options.getPanelKey(index)
           }, [
             ($options.isItemVisible(item))
-              ? (vue.openBlock(), vue.createElementBlock("div", {
+              ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
                   key: 0,
-                  style: vue.normalizeStyle($options.getItemProp(item, 'style')),
-                  class: vue.normalizeClass($options.getPanelClass(item))
-                }, [
-                  vue.createElementVNode("div", {
+                  style: $options.getItemProp(item, 'style'),
+                  class: $options.getPanelClass(item)
+                }, _ctx.ptm('panel')), [
+                  vue.createElementVNode("div", vue.mergeProps({
                     id: $options.getHeaderId(index),
-                    class: vue.normalizeClass($options.getHeaderClass(item)),
+                    class: $options.getHeaderClass(item),
                     tabindex: $options.isItemDisabled(item) ? -1 : $props.tabindex,
                     role: "button",
                     "aria-label": $options.getItemLabel(item),
@@ -921,8 +935,8 @@ this.primevue.panelmenu = (function (ChevronDownIcon, ChevronRightIcon, utils, R
                     "aria-disabled": $options.isItemDisabled(item),
                     onClick: $event => ($options.onHeaderClick($event, item)),
                     onKeydown: $event => ($options.onHeaderKeyDown($event, item))
-                  }, [
-                    vue.createElementVNode("div", _hoisted_3, [
+                  }, $options.getPTOptions(item, 'header')), [
+                    vue.createElementVNode("div", vue.mergeProps({ class: "p-panelmenu-header-content" }, $options.getPTOptions(item, 'headerContent')), [
                       (!_ctx.$slots.item)
                         ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
                             ($options.getItemProp(item, 'to') && !$options.isItemDisabled(item))
@@ -932,12 +946,12 @@ this.primevue.panelmenu = (function (ChevronDownIcon, ChevronRightIcon, utils, R
                                   custom: ""
                                 }, {
                                   default: vue.withCtx(({ navigate, href, isActive, isExactActive }) => [
-                                    vue.createElementVNode("a", {
+                                    vue.createElementVNode("a", vue.mergeProps({
                                       href: href,
-                                      class: vue.normalizeClass($options.getHeaderActionClass(item, { isActive, isExactActive })),
+                                      class: $options.getHeaderActionClass(item, { isActive, isExactActive }),
                                       tabindex: -1,
                                       onClick: $event => ($options.onHeaderActionClick($event, navigate))
-                                    }, [
+                                    }, $options.getPTOptions(item, 'headerAction')), [
                                       (_ctx.$slots.headericon)
                                         ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.$slots.headericon), {
                                             key: 0,
@@ -945,28 +959,28 @@ this.primevue.panelmenu = (function (ChevronDownIcon, ChevronRightIcon, utils, R
                                             class: vue.normalizeClass($options.getHeaderIconClass(item))
                                           }, null, 8, ["item", "class"]))
                                         : ($options.getItemProp(item, 'icon'))
-                                          ? (vue.openBlock(), vue.createElementBlock("span", {
+                                          ? (vue.openBlock(), vue.createElementBlock("span", vue.mergeProps({
                                               key: 1,
-                                              class: vue.normalizeClass($options.getHeaderIconClass(item))
-                                            }, null, 2))
+                                              class: $options.getHeaderIconClass(item)
+                                            }, $options.getPTOptions(item, 'headerIcon')), null, 16))
                                           : vue.createCommentVNode("", true),
-                                      vue.createElementVNode("span", _hoisted_5, vue.toDisplayString($options.getItemLabel(item)), 1)
-                                    ], 10, _hoisted_4)
+                                      vue.createElementVNode("span", vue.mergeProps({ class: "p-menuitem-text" }, $options.getPTOptions(item, 'headerLabel')), vue.toDisplayString($options.getItemLabel(item)), 17)
+                                    ], 16, _hoisted_3)
                                   ]),
                                   _: 2
                                 }, 1032, ["to"]))
-                              : (vue.openBlock(), vue.createElementBlock("a", {
+                              : (vue.openBlock(), vue.createElementBlock("a", vue.mergeProps({
                                   key: 1,
                                   href: $options.getItemProp(item, 'url'),
-                                  class: vue.normalizeClass($options.getHeaderActionClass(item)),
+                                  class: $options.getHeaderActionClass(item),
                                   tabindex: -1
-                                }, [
+                                }, $options.getPTOptions(item, 'headerAction')), [
                                   ($options.getItemProp(item, 'items'))
                                     ? vue.renderSlot(_ctx.$slots, "submenuicon", {
                                         key: 0,
                                         active: $options.isItemActive(item)
                                       }, () => [
-                                        (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($options.isItemActive(item) ? 'ChevronDownIcon' : 'ChevronRightIcon'), { class: "p-submenu-icon" }))
+                                        (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($options.isItemActive(item) ? 'ChevronDownIcon' : 'ChevronRightIcon'), vue.mergeProps({ class: "p-submenu-icon" }, $options.getPTOptions(item, 'submenuIcon')), null, 16))
                                       ])
                                     : vue.createCommentVNode("", true),
                                   (_ctx.$slots.headericon)
@@ -976,30 +990,33 @@ this.primevue.panelmenu = (function (ChevronDownIcon, ChevronRightIcon, utils, R
                                         class: vue.normalizeClass($options.getHeaderIconClass(item))
                                       }, null, 8, ["item", "class"]))
                                     : ($options.getItemProp(item, 'icon'))
-                                      ? (vue.openBlock(), vue.createElementBlock("span", {
+                                      ? (vue.openBlock(), vue.createElementBlock("span", vue.mergeProps({
                                           key: 2,
-                                          class: vue.normalizeClass($options.getHeaderIconClass(item))
-                                        }, null, 2))
+                                          class: $options.getHeaderIconClass(item)
+                                        }, $options.getPTOptions(item, 'headerIcon')), null, 16))
                                       : vue.createCommentVNode("", true),
-                                  vue.createElementVNode("span", _hoisted_7, vue.toDisplayString($options.getItemLabel(item)), 1)
-                                ], 10, _hoisted_6))
+                                  vue.createElementVNode("span", vue.mergeProps({ class: "p-menuitem-text" }, $options.getPTOptions(item, 'headerLabel')), vue.toDisplayString($options.getItemLabel(item)), 17)
+                                ], 16, _hoisted_4))
                           ], 64))
                         : (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.$slots.item), {
                             key: 1,
                             item: item
                           }, null, 8, ["item"]))
-                    ])
-                  ], 42, _hoisted_2),
+                    ], 16)
+                  ], 16, _hoisted_2),
                   vue.createVNode(vue.Transition, { name: "p-toggleable-content" }, {
                     default: vue.withCtx(() => [
-                      vue.withDirectives(vue.createElementVNode("div", {
+                      vue.withDirectives(vue.createElementVNode("div", vue.mergeProps({
                         id: $options.getContentId(index),
                         class: "p-toggleable-content",
                         role: "region",
                         "aria-labelledby": $options.getHeaderId(index)
-                      }, [
+                      }, _ctx.ptm('toggleableContent')), [
                         ($options.getItemProp(item, 'items'))
-                          ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9, [
+                          ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+                              key: 0,
+                              class: "p-panelmenu-content"
+                            }, _ctx.ptm('menuContent')), [
                               vue.createVNode(_component_PanelMenuList, {
                                 panelId: $options.getPanelId(index),
                                 items: $options.getItemProp(item, 'items'),
@@ -1007,21 +1024,22 @@ this.primevue.panelmenu = (function (ChevronDownIcon, ChevronRightIcon, utils, R
                                 expandedKeys: $props.expandedKeys,
                                 onItemToggle: $options.changeExpandedKeys,
                                 onHeaderFocus: $options.updateFocusedHeader,
-                                exact: $props.exact
-                              }, null, 8, ["panelId", "items", "templates", "expandedKeys", "onItemToggle", "onHeaderFocus", "exact"])
-                            ]))
+                                exact: $props.exact,
+                                pt: _ctx.pt
+                              }, null, 8, ["panelId", "items", "templates", "expandedKeys", "onItemToggle", "onHeaderFocus", "exact", "pt"])
+                            ], 16))
                           : vue.createCommentVNode("", true)
-                      ], 8, _hoisted_8), [
+                      ], 16, _hoisted_5), [
                         [vue.vShow, $options.isItemActive(item)]
                       ])
                     ]),
                     _: 2
                   }, 1024)
-                ], 6))
+                ], 16))
               : vue.createCommentVNode("", true)
           ], 64))
         }), 128))
-      ], 8, _hoisted_1))
+      ], 16, _hoisted_1))
     }
 
     function styleInject(css, ref) {
@@ -1058,4 +1076,4 @@ this.primevue.panelmenu = (function (ChevronDownIcon, ChevronRightIcon, utils, R
 
     return script;
 
-})(primevue.icons.chevrondown, primevue.icons.chevronright, primevue.utils, primevue.ripple, Vue);
+})(primevue.basecomponent, primevue.icons.chevrondown, primevue.icons.chevronright, primevue.utils, primevue.ripple, Vue);

package/panelmenu/panelmenu.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.panelmenu=function(e,t,s,i,n){"use strict";function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=a(e),l=a(t),r=a(i),c={name:"PanelMenuSub",emits:["item-toggle"],props:{panelId:{type:String,default:null},focusedItemId:{type:String,default:null},items:{type:Array,default:null},level:{type:Number,default:0},templates:{type:Object,default:null},activeItemPath:{type:Object,default:null},exact:{type:Boolean,default:!0}},methods:{getItemId(e){return`${this.panelId}_${e.key}`},getItemKey(e){return this.getItemId(e)},getItemProp:(e,t,i)=>e&&e.item?s.ObjectUtils.getItemValue(e.item[t],i):void 0,getItemLabel(e){return this.getItemProp(e,"label")},isItemActive(e){return this.activeItemPath.some((t=>t.key===e.key))},isItemVisible(e){return!1!==this.getItemProp(e,"visible")},isItemDisabled(e){return this.getItemProp(e,"disabled")},isItemFocused(e){return this.focusedItemId===this.getItemId(e)},isItemGroup:e=>s.ObjectUtils.isNotEmpty(e.items),onItemClick(e,t){this.getItemProp(t,"command",{originalEvent:e,item:t.item}),this.$emit("item-toggle",{processedItem:t,expanded:!this.isItemActive(t)})},onItemToggle(e){this.$emit("item-toggle",e)},onItemActionClick(e,t){t&&t(e)},getAriaSetSize(){return this.items.filter((e=>this.isItemVisible(e)&&!this.getItemProp(e,"separator"))).length},getAriaPosInset(e){return e-this.items.slice(0,e).filter((e=>this.isItemVisible(e)&&this.getItemProp(e,"separator"))).length+1},getItemClass(e){return["p-menuitem",this.getItemProp(e,"class"),{"p-focus":this.isItemFocused(e),"p-disabled":this.isItemDisabled(e)}]},getItemActionClass(e,t){return["p-menuitem-link",{"router-link-active":t&&t.isActive,"router-link-active-exact":this.exact&&t&&t.isExactActive}]},getItemIconClass(e){return["p-menuitem-icon",this.getItemProp(e,"icon")]},getSeparatorItemClass(e){return["p-menuitem-separator",this.getItemProp(e,"class")]}},components:{ChevronRightIcon:l.default,ChevronDownIcon:o.default},directives:{ripple:r.default}};const m={class:"p-submenu-list"},d=["id","aria-label","aria-expanded","aria-level","aria-setsize","aria-posinset"],p=["onClick"],u=["href","onClick"],h={class:"p-menuitem-text"},I=["href","target"],g={class:"p-menuitem-text"},f={class:"p-toggleable-content"};c.render=function(e,t,s,i,a,o){const l=n.resolveComponent("router-link"),r=n.resolveComponent("PanelMenuSub",!0),c=n.resolveDirective("ripple");return n.openBlock(),n.createElementBlock("ul",m,[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(s.items,((e,t)=>(n.openBlock(),n.createElementBlock(n.Fragment,{key:o.getItemKey(e)},[o.isItemVisible(e)&&!o.getItemProp(e,"separator")?(n.openBlock(),n.createElementBlock("li",{key:0,id:o.getItemId(e),style:n.normalizeStyle(o.getItemProp(e,"style")),class:n.normalizeClass(o.getItemClass(e)),role:"treeitem","aria-label":o.getItemLabel(e),"aria-expanded":o.isItemGroup(e)?o.isItemActive(e):void 0,"aria-level":s.level+1,"aria-setsize":o.getAriaSetSize(),"aria-posinset":o.getAriaPosInset(t)},[n.createElementVNode("div",{class:"p-menuitem-content",onClick:t=>o.onItemClick(t,e)},[s.templates.item?(n.openBlock(),n.createBlock(n.resolveDynamicComponent(s.templates.item),{key:1,item:e.item},null,8,["item"])):(n.openBlock(),n.createElementBlock(n.Fragment,{key:0},[o.getItemProp(e,"to")&&!o.isItemDisabled(e)?(n.openBlock(),n.createBlock(l,{key:0,to:o.getItemProp(e,"to"),custom:""},{default:n.withCtx((({navigate:t,href:i,isActive:a,isExactActive:l})=>[n.withDirectives((n.openBlock(),n.createElementBlock("a",{href:i,class:n.normalizeClass(o.getItemActionClass(e,{isActive:a,isExactActive:l})),tabindex:"-1","aria-hidden":"true",onClick:e=>o.onItemActionClick(e,t)},[s.templates.itemicon?(n.openBlock(),n.createBlock(n.resolveDynamicComponent(s.templates.itemicon),{key:0,item:e.item,class:n.normalizeClass(o.getItemIconClass(e))},null,8,["item","class"])):o.getItemProp(e,"icon")?(n.openBlock(),n.createElementBlock("span",{key:1,class:n.normalizeClass(o.getItemIconClass(e))},null,2)):n.createCommentVNode("",!0),n.createElementVNode("span",h,n.toDisplayString(o.getItemLabel(e)),1)],10,u)),[[c]])])),_:2},1032,["to"])):n.withDirectives((n.openBlock(),n.createElementBlock("a",{key:1,href:o.getItemProp(e,"url"),class:n.normalizeClass(o.getItemActionClass(e)),target:o.getItemProp(e,"target"),tabindex:"-1","aria-hidden":"true"},[o.isItemGroup(e)?(n.openBlock(),n.createElementBlock(n.Fragment,{key:0},[s.templates.submenuicon?(n.openBlock(),n.createBlock(n.resolveDynamicComponent(s.templates.submenuicon),{key:0,class:"p-submenu-icon",active:o.isItemActive(e)},null,8,["active"])):(n.openBlock(),n.createBlock(n.resolveDynamicComponent(o.isItemActive(e)?"ChevronDownIcon":"ChevronRightIcon"),{key:1,class:"p-submenu-icon"}))],64)):n.createCommentVNode("",!0),s.templates.itemicon?(n.openBlock(),n.createBlock(n.resolveDynamicComponent(s.templates.itemicon),{key:1,item:e.item,class:n.normalizeClass(o.getItemIconClass(e))},null,8,["item","class"])):o.getItemProp(e,"icon")?(n.openBlock(),n.createElementBlock("span",{key:2,class:n.normalizeClass(o.getItemIconClass(e))},null,2)):n.createCommentVNode("",!0),n.createElementVNode("span",g,n.toDisplayString(o.getItemLabel(e)),1)],10,I)),[[c]])],64))],8,p),n.createVNode(n.Transition,{name:"p-toggleable-content"},{default:n.withCtx((()=>[n.withDirectives(n.createElementVNode("div",f,[o.isItemVisible(e)&&o.isItemGroup(e)?(n.openBlock(),n.createBlock(r,{key:0,id:o.getItemId(e)+"_list",role:"group",panelId:s.panelId,focusedItemId:s.focusedItemId,items:e.items,level:s.level+1,templates:s.templates,activeItemPath:s.activeItemPath,exact:s.exact,onItemToggle:o.onItemToggle},null,8,["id","panelId","focusedItemId","items","level","templates","activeItemPath","exact","onItemToggle"])):n.createCommentVNode("",!0)],512),[[n.vShow,o.isItemActive(e)]])])),_:2},1024)],14,d)):n.createCommentVNode("",!0),o.isItemVisible(e)&&o.getItemProp(e,"separator")?(n.openBlock(),n.createElementBlock("li",{key:1,style:n.normalizeStyle(o.getItemProp(e,"style")),class:n.normalizeClass(o.getSeparatorItemClass(e)),role:"separator"},null,6)):n.createCommentVNode("",!0)],64)))),128))])};var y={name:"PanelMenuList",emits:["item-toggle","header-focus"],props:{panelId:{type:String,default:null},items:{type:Array,default:null},templates:{type:Object,default:null},expandedKeys:{type:Object,default:null},exact:{type:Boolean,default:!0}},searchTimeout:null,searchValue:null,data:()=>({focused:!1,focusedItem:null,activeItemPath:[]}),watch:{expandedKeys(e){this.autoUpdateActiveItemPath(e)}},mounted(){this.autoUpdateActiveItemPath(this.expandedKeys)},methods:{getItemProp:(e,t)=>e&&e.item?s.ObjectUtils.getItemValue(e.item[t]):void 0,getItemLabel(e){return this.getItemProp(e,"label")},isItemVisible(e){return!1!==this.getItemProp(e,"visible")},isItemDisabled(e){return this.getItemProp(e,"disabled")},isItemActive(e){return this.activeItemPath.some((t=>t.key===e.parentKey))},isItemGroup:e=>s.ObjectUtils.isNotEmpty(e.items),onFocus(e){this.focused=!0,this.focusedItem=this.focusedItem||(this.isElementInPanel(e,e.relatedTarget)?this.findFirstItem():this.findLastItem())},onBlur(){this.focused=!1,this.focusedItem=null,this.searchValue=""},onKeyDown(e){const t=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":this.onArrowDownKey(e);break;case"ArrowUp":this.onArrowUpKey(e);break;case"ArrowLeft":this.onArrowLeftKey(e);break;case"ArrowRight":this.onArrowRightKey(e);break;case"Home":this.onHomeKey(e);break;case"End":this.onEndKey(e);break;case"Space":this.onSpaceKey(e);break;case"Enter":this.onEnterKey(e);break;case"Escape":case"Tab":case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!t&&s.ObjectUtils.isPrintableCharacter(e.key)&&this.searchItems(e,e.key)}},onArrowDownKey(e){const t=s.ObjectUtils.isNotEmpty(this.focusedItem)?this.findNextItem(this.focusedItem):this.findFirstItem();this.changeFocusedItem({originalEvent:e,processedItem:t,focusOnNext:!0}),e.preventDefault()},onArrowUpKey(e){const t=s.ObjectUtils.isNotEmpty(this.focusedItem)?this.findPrevItem(this.focusedItem):this.findLastItem();this.changeFocusedItem({originalEvent:e,processedItem:t,selfCheck:!0}),e.preventDefault()},onArrowLeftKey(e){if(s.ObjectUtils.isNotEmpty(this.focusedItem)){this.activeItemPath.some((e=>e.key===this.focusedItem.key))?this.activeItemPath=this.activeItemPath.filter((e=>e.key!==this.focusedItem.key)):this.focusedItem=s.ObjectUtils.isNotEmpty(this.focusedItem.parent)?this.focusedItem.parent:this.focusedItem,e.preventDefault()}},onArrowRightKey(e){if(s.ObjectUtils.isNotEmpty(this.focusedItem)){if(this.isItemGroup(this.focusedItem)){this.activeItemPath.some((e=>e.key===this.focusedItem.key))?this.onArrowDownKey(e):(this.activeItemPath=this.activeItemPath.filter((e=>e.parentKey!==this.focusedItem.parentKey)),this.activeItemPath.push(this.focusedItem))}e.preventDefault()}},onHomeKey(e){this.changeFocusedItem({originalEvent:e,processedItem:this.findFirstItem(),allowHeaderFocus:!1}),e.preventDefault()},onEndKey(e){this.changeFocusedItem({originalEvent:e,processedItem:this.findLastItem(),focusOnNext:!0,allowHeaderFocus:!1}),e.preventDefault()},onEnterKey(e){if(s.ObjectUtils.isNotEmpty(this.focusedItem)){const e=s.DomHandler.findSingle(this.$el,`li[id="${this.focusedItemId}"]`),t=e&&(s.DomHandler.findSingle(e,".p-menuitem-link")||s.DomHandler.findSingle(e,"a,button"));t?t.click():e&&e.click()}e.preventDefault()},onSpaceKey(e){this.onEnterKey(e)},onItemToggle(e){const{processedItem:t,expanded:i}=e;this.expandedKeys?this.$emit("item-toggle",{item:t.item,expanded:i}):(this.activeItemPath=this.activeItemPath.filter((e=>e.parentKey!==t.parentKey)),i&&this.activeItemPath.push(t)),this.focusedItem=t,s.DomHandler.focus(this.$el)},isElementInPanel(e,t){const s=e.currentTarget.closest(".p-panelmenu-panel");return s&&s.contains(t)},isItemMatched(e){return this.isValidItem(e)&&this.getItemLabel(e).toLocaleLowerCase(this.searchLocale).startsWith(this.searchValue.toLocaleLowerCase(this.searchLocale))},isVisibleItem(e){return!!e&&(0===e.level||this.isItemActive(e))&&this.isItemVisible(e)},isValidItem(e){return!!e&&!this.isItemDisabled(e)},findFirstItem(){return this.visibleItems.find((e=>this.isValidItem(e)))},findLastItem(){return s.ObjectUtils.findLast(this.visibleItems,(e=>this.isValidItem(e)))},findNextItem(e){const t=this.visibleItems.findIndex((t=>t.key===e.key));return(t<this.visibleItems.length-1?this.visibleItems.slice(t+1).find((e=>this.isValidItem(e))):void 0)||e},findPrevItem(e){const t=this.visibleItems.findIndex((t=>t.key===e.key));return(t>0?s.ObjectUtils.findLast(this.visibleItems.slice(0,t),(e=>this.isValidItem(e))):void 0)||e},searchItems(e,t){this.searchValue=(this.searchValue||"")+t;let i=null,n=!1;if(s.ObjectUtils.isNotEmpty(this.focusedItem)){const e=this.visibleItems.findIndex((e=>e.key===this.focusedItem.key));i=this.visibleItems.slice(e).find((e=>this.isItemMatched(e))),i=s.ObjectUtils.isEmpty(i)?this.visibleItems.slice(0,e).find((e=>this.isItemMatched(e))):i}else i=this.visibleItems.find((e=>this.isItemMatched(e)));return s.ObjectUtils.isNotEmpty(i)&&(n=!0),s.ObjectUtils.isEmpty(i)&&s.ObjectUtils.isEmpty(this.focusedItem)&&(i=this.findFirstItem()),s.ObjectUtils.isNotEmpty(i)&&this.changeFocusedItem({originalEvent:e,processedItem:i,allowHeaderFocus:!1}),this.searchTimeout&&clearTimeout(this.searchTimeout),this.searchTimeout=setTimeout((()=>{this.searchValue="",this.searchTimeout=null}),500),n},changeFocusedItem(e){const{originalEvent:t,processedItem:i,focusOnNext:n,selfCheck:a,allowHeaderFocus:o=!0}=e;s.ObjectUtils.isNotEmpty(this.focusedItem)&&this.focusedItem.key!==i.key?(this.focusedItem=i,this.scrollInView()):o&&this.$emit("header-focus",{originalEvent:t,focusOnNext:n,selfCheck:a})},scrollInView(){const e=s.DomHandler.findSingle(this.$el,`li[id="${this.focusedItemId}"]`);e&&e.scrollIntoView&&e.scrollIntoView({block:"nearest",inline:"start"})},autoUpdateActiveItemPath(e){this.activeItemPath=Object.entries(e||{}).reduce(((e,[t,s])=>{if(s){const s=this.findProcessedItemByItemKey(t);s&&e.push(s)}return e}),[])},findProcessedItemByItemKey(e,t,s=0){if(!(t=t||0===s&&this.processedItems))return null;for(let i=0;i<t.length;i++){const n=t[i];if(this.getItemProp(n,"key")===e)return n;const a=this.findProcessedItemByItemKey(e,n.items,s+1);if(a)return a}},createProcessedItems(e,t=0,s={},i=""){const n=[];return e&&e.forEach(((e,a)=>{const o=(""!==i?i+"_":"")+a,l={item:e,index:a,level:t,key:o,parent:s,parentKey:i};l.items=this.createProcessedItems(e.items,t+1,l,o),n.push(l)})),n},flatItems(e,t=[]){return e&&e.forEach((e=>{this.isVisibleItem(e)&&(t.push(e),this.flatItems(e.items,t))})),t}},computed:{processedItems(){return this.createProcessedItems(this.items||[])},visibleItems(){return this.flatItems(this.processedItems)},focusedItemId(){return s.ObjectUtils.isNotEmpty(this.focusedItem)?`${this.panelId}_${this.focusedItem.key}`:null}},components:{PanelMenuSub:c}};y.render=function(e,t,s,i,a,o){const l=n.resolveComponent("PanelMenuSub");return n.openBlock(),n.createBlock(l,{id:s.panelId+"_list",class:"p-panelmenu-root-list",role:"tree",tabindex:-1,"aria-activedescendant":a.focused?o.focusedItemId:void 0,panelId:s.panelId,focusedItemId:a.focused?o.focusedItemId:void 0,items:o.processedItems,templates:s.templates,activeItemPath:a.activeItemPath,exact:s.exact,onFocus:o.onFocus,onBlur:o.onBlur,onKeydown:o.onKeyDown,onItemToggle:o.onItemToggle},null,8,["id","aria-activedescendant","panelId","focusedItemId","items","templates","activeItemPath","exact","onFocus","onBlur","onKeydown","onItemToggle"])};var v={name:"PanelMenu",emits:["update:expandedKeys","panel-open","panel-close"],props:{model:{type:Array,default:null},expandedKeys:{type:Object,default:null},exact:{type:Boolean,default:!0},tabindex:{type:Number,default:0}},data(){return{id:this.$attrs.id,activeItem:null}},watch:{"$attrs.id":function(e){this.id=e||s.UniqueComponentId()}},mounted(){this.id=this.id||s.UniqueComponentId()},methods:{getItemProp:(e,t)=>e?s.ObjectUtils.getItemValue(e[t]):void 0,getItemLabel(e){return this.getItemProp(e,"label")},isItemActive(e){return this.expandedKeys?this.expandedKeys[this.getItemProp(e,"key")]:s.ObjectUtils.equals(e,this.activeItem)},isItemVisible(e){return!1!==this.getItemProp(e,"visible")},isItemDisabled(e){return this.getItemProp(e,"disabled")},getPanelId(e){return`${this.id}_${e}`},getPanelKey(e){return this.getPanelId(e)},getHeaderId(e){return`${this.getPanelId(e)}_header`},getContentId(e){return`${this.getPanelId(e)}_content`},onHeaderClick(e,t){this.isItemDisabled(t)?e.preventDefault():(t.command&&t.command({originalEvent:e,item:t}),this.changeActiveItem(e,t),s.DomHandler.focus(e.currentTarget))},onHeaderKeyDown(e,t){switch(e.code){case"ArrowDown":this.onHeaderArrowDownKey(e);break;case"ArrowUp":this.onHeaderArrowUpKey(e);break;case"Home":this.onHeaderHomeKey(e);break;case"End":this.onHeaderEndKey(e);break;case"Enter":case"Space":this.onHeaderEnterKey(e,t)}},onHeaderArrowDownKey(e){const t=s.DomHandler.hasClass(e.currentTarget,"p-highlight")?s.DomHandler.findSingle(e.currentTarget.nextElementSibling,".p-panelmenu-root-list"):null;t?s.DomHandler.focus(t):this.updateFocusedHeader({originalEvent:e,focusOnNext:!0}),e.preventDefault()},onHeaderArrowUpKey(e){const t=this.findPrevHeader(e.currentTarget.parentElement)||this.findLastHeader(),i=s.DomHandler.hasClass(t,"p-highlight")?s.DomHandler.findSingle(t.nextElementSibling,".p-panelmenu-root-list"):null;i?s.DomHandler.focus(i):this.updateFocusedHeader({originalEvent:e,focusOnNext:!1}),e.preventDefault()},onHeaderHomeKey(e){this.changeFocusedHeader(e,this.findFirstHeader()),e.preventDefault()},onHeaderEndKey(e){this.changeFocusedHeader(e,this.findLastHeader()),e.preventDefault()},onHeaderEnterKey(e,t){const i=s.DomHandler.findSingle(e.currentTarget,".p-panelmenu-header-action");i?i.click():this.onHeaderClick(e,t),e.preventDefault()},onHeaderActionClick(e,t){t&&t(e)},findNextHeader(e,t=!1){const i=t?e:e.nextElementSibling,n=s.DomHandler.findSingle(i,".p-panelmenu-header");return n?s.DomHandler.hasClass(n,"p-disabled")?this.findNextHeader(n.parentElement):n:null},findPrevHeader(e,t=!1){const i=t?e:e.previousElementSibling,n=s.DomHandler.findSingle(i,".p-panelmenu-header");return n?s.DomHandler.hasClass(n,"p-disabled")?this.findPrevHeader(n.parentElement):n:null},findFirstHeader(){return this.findNextHeader(this.$el.firstElementChild,!0)},findLastHeader(){return this.findPrevHeader(this.$el.lastElementChild,!0)},updateFocusedHeader(e){const{originalEvent:t,focusOnNext:i,selfCheck:n}=e,a=t.currentTarget.closest(".p-panelmenu-panel"),o=n?s.DomHandler.findSingle(a,".p-panelmenu-header"):i?this.findNextHeader(a):this.findPrevHeader(a);o?this.changeFocusedHeader(t,o):i?this.onHeaderHomeKey(t):this.onHeaderEndKey(t)},changeActiveItem(e,t,i=!1){if(!this.isItemDisabled(t)){const n=this.isItemActive(t),a=n?"panel-close":"panel-open";this.activeItem=i?t:this.activeItem&&s.ObjectUtils.equals(t,this.activeItem)?null:t,this.changeExpandedKeys({item:t,expanded:!n}),this.$emit(a,{originalEvent:e,item:t})}},changeExpandedKeys({item:e,expanded:t=!1}){if(this.expandedKeys){let s={...this.expandedKeys};t?s[e.key]=!0:delete s[e.key],this.$emit("update:expandedKeys",s)}},changeFocusedHeader(e,t){t&&s.DomHandler.focus(t)},getPanelClass(e){return["p-panelmenu-panel",this.getItemProp(e,"class")]},getHeaderClass(e){return["p-panelmenu-header",this.getItemProp(e,"headerClass"),{"p-highlight":this.isItemActive(e),"p-disabled":this.isItemDisabled(e)}]},getHeaderActionClass(e,t){return["p-panelmenu-header-action",{"router-link-active":t&&t.isActive,"router-link-active-exact":this.exact&&t&&t.isExactActive}]},getHeaderIconClass(e){return["p-menuitem-icon",this.getItemProp(e,"icon")]}},components:{PanelMenuList:y,ChevronRightIcon:l.default,ChevronDownIcon:o.default}};const k=["id"],b=["id","tabindex","aria-label","aria-expanded","aria-controls","aria-disabled","onClick","onKeydown"],C={class:"p-panelmenu-header-content"},P=["href","onClick"],E={class:"p-menuitem-text"},x=["href"],H={class:"p-menuitem-text"},B=["id","aria-labelledby"],D={key:0,class:"p-panelmenu-content"};return function(e,t){void 0===t&&(t={});var s=t.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===s&&i.firstChild?i.insertBefore(n,i.firstChild):i.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}}("\n.p-panelmenu .p-panelmenu-header-action {\n    display: flex;\n    align-items: center;\n    user-select: none;\n    cursor: pointer;\n    position: relative;\n    text-decoration: none;\n}\n.p-panelmenu .p-panelmenu-header-action:focus {\n    z-index: 1;\n}\n.p-panelmenu .p-submenu-list {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n.p-panelmenu .p-menuitem-link {\n    display: flex;\n    align-items: center;\n    user-select: none;\n    cursor: pointer;\n    text-decoration: none;\n    position: relative;\n    overflow: hidden;\n}\n.p-panelmenu .p-menuitem-text {\n    line-height: 1;\n}\n"),v.render=function(e,t,s,i,a,o){const l=n.resolveComponent("router-link"),r=n.resolveComponent("PanelMenuList");return n.openBlock(),n.createElementBlock("div",{id:a.id,class:"p-panelmenu p-component"},[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(s.model,((t,i)=>(n.openBlock(),n.createElementBlock(n.Fragment,{key:o.getPanelKey(i)},[o.isItemVisible(t)?(n.openBlock(),n.createElementBlock("div",{key:0,style:n.normalizeStyle(o.getItemProp(t,"style")),class:n.normalizeClass(o.getPanelClass(t))},[n.createElementVNode("div",{id:o.getHeaderId(i),class:n.normalizeClass(o.getHeaderClass(t)),tabindex:o.isItemDisabled(t)?-1:s.tabindex,role:"button","aria-label":o.getItemLabel(t),"aria-expanded":o.isItemActive(t),"aria-controls":o.getContentId(i),"aria-disabled":o.isItemDisabled(t),onClick:e=>o.onHeaderClick(e,t),onKeydown:e=>o.onHeaderKeyDown(e,t)},[n.createElementVNode("div",C,[e.$slots.item?(n.openBlock(),n.createBlock(n.resolveDynamicComponent(e.$slots.item),{key:1,item:t},null,8,["item"])):(n.openBlock(),n.createElementBlock(n.Fragment,{key:0},[o.getItemProp(t,"to")&&!o.isItemDisabled(t)?(n.openBlock(),n.createBlock(l,{key:0,to:o.getItemProp(t,"to"),custom:""},{default:n.withCtx((({navigate:s,href:i,isActive:a,isExactActive:l})=>[n.createElementVNode("a",{href:i,class:n.normalizeClass(o.getHeaderActionClass(t,{isActive:a,isExactActive:l})),tabindex:-1,onClick:e=>o.onHeaderActionClick(e,s)},[e.$slots.headericon?(n.openBlock(),n.createBlock(n.resolveDynamicComponent(e.$slots.headericon),{key:0,item:t,class:n.normalizeClass(o.getHeaderIconClass(t))},null,8,["item","class"])):o.getItemProp(t,"icon")?(n.openBlock(),n.createElementBlock("span",{key:1,class:n.normalizeClass(o.getHeaderIconClass(t))},null,2)):n.createCommentVNode("",!0),n.createElementVNode("span",E,n.toDisplayString(o.getItemLabel(t)),1)],10,P)])),_:2},1032,["to"])):(n.openBlock(),n.createElementBlock("a",{key:1,href:o.getItemProp(t,"url"),class:n.normalizeClass(o.getHeaderActionClass(t)),tabindex:-1},[o.getItemProp(t,"items")?n.renderSlot(e.$slots,"submenuicon",{key:0,active:o.isItemActive(t)},(()=>[(n.openBlock(),n.createBlock(n.resolveDynamicComponent(o.isItemActive(t)?"ChevronDownIcon":"ChevronRightIcon"),{class:"p-submenu-icon"}))])):n.createCommentVNode("",!0),e.$slots.headericon?(n.openBlock(),n.createBlock(n.resolveDynamicComponent(e.$slots.headericon),{key:1,item:t,class:n.normalizeClass(o.getHeaderIconClass(t))},null,8,["item","class"])):o.getItemProp(t,"icon")?(n.openBlock(),n.createElementBlock("span",{key:2,class:n.normalizeClass(o.getHeaderIconClass(t))},null,2)):n.createCommentVNode("",!0),n.createElementVNode("span",H,n.toDisplayString(o.getItemLabel(t)),1)],10,x))],64))])],42,b),n.createVNode(n.Transition,{name:"p-toggleable-content"},{default:n.withCtx((()=>[n.withDirectives(n.createElementVNode("div",{id:o.getContentId(i),class:"p-toggleable-content",role:"region","aria-labelledby":o.getHeaderId(i)},[o.getItemProp(t,"items")?(n.openBlock(),n.createElementBlock("div",D,[n.createVNode(r,{panelId:o.getPanelId(i),items:o.getItemProp(t,"items"),templates:e.$slots,expandedKeys:s.expandedKeys,onItemToggle:o.changeExpandedKeys,onHeaderFocus:o.updateFocusedHeader,exact:s.exact},null,8,["panelId","items","templates","expandedKeys","onItemToggle","onHeaderFocus","exact"])])):n.createCommentVNode("",!0)],8,B),[[n.vShow,o.isItemActive(t)]])])),_:2},1024)],6)):n.createCommentVNode("",!0)],64)))),128))],8,k)},v}(primevue.icons.chevrondown,primevue.icons.chevronright,primevue.utils,primevue.ripple,Vue);
+this.primevue=this.primevue||{},this.primevue.panelmenu=function(e,t,s,i,n,o){"use strict";function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=a(e),r=a(t),c=a(s),m=a(n),d={name:"PanelMenuSub",extends:l.default,emits:["item-toggle"],props:{panelId:{type:String,default:null},focusedItemId:{type:String,default:null},items:{type:Array,default:null},level:{type:Number,default:0},templates:{type:Object,default:null},activeItemPath:{type:Object,default:null},exact:{type:Boolean,default:!0}},methods:{getItemId(e){return`${this.panelId}_${e.key}`},getItemKey(e){return this.getItemId(e)},getItemProp:(e,t,s)=>e&&e.item?i.ObjectUtils.getItemValue(e.item[t],s):void 0,getItemLabel(e){return this.getItemProp(e,"label")},getPTOptions(e,t){return this.ptm(t,{context:{active:this.isItemActive(e),focused:this.isItemFocused(e)}})},isItemActive(e){return this.activeItemPath.some((t=>t.key===e.key))},isItemVisible(e){return!1!==this.getItemProp(e,"visible")},isItemDisabled(e){return this.getItemProp(e,"disabled")},isItemFocused(e){return this.focusedItemId===this.getItemId(e)},isItemGroup:e=>i.ObjectUtils.isNotEmpty(e.items),onItemClick(e,t){this.getItemProp(t,"command",{originalEvent:e,item:t.item}),this.$emit("item-toggle",{processedItem:t,expanded:!this.isItemActive(t)})},onItemToggle(e){this.$emit("item-toggle",e)},onItemActionClick(e,t){t&&t(e)},getAriaSetSize(){return this.items.filter((e=>this.isItemVisible(e)&&!this.getItemProp(e,"separator"))).length},getAriaPosInset(e){return e-this.items.slice(0,e).filter((e=>this.isItemVisible(e)&&this.getItemProp(e,"separator"))).length+1},getItemClass(e){return["p-menuitem",this.getItemProp(e,"class"),{"p-focus":this.isItemFocused(e),"p-disabled":this.isItemDisabled(e)}]},getItemActionClass(e,t){return["p-menuitem-link",{"router-link-active":t&&t.isActive,"router-link-active-exact":this.exact&&t&&t.isExactActive}]},getItemIconClass(e){return["p-menuitem-icon",this.getItemProp(e,"icon")]},getSeparatorItemClass(e){return["p-menuitem-separator",this.getItemProp(e,"class")]}},components:{ChevronRightIcon:c.default,ChevronDownIcon:r.default},directives:{ripple:m.default}};const p=["id","aria-label","aria-expanded","aria-level","aria-setsize","aria-posinset"],u=["onClick"],h=["href","onClick"],I=["href","target"];d.render=function(e,t,s,i,n,a){const l=o.resolveComponent("router-link"),r=o.resolveComponent("PanelMenuSub",!0),c=o.resolveDirective("ripple");return o.openBlock(),o.createElementBlock("ul",o.mergeProps({class:"p-submenu-list"},e.ptm("menu")),[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(s.items,((t,i)=>(o.openBlock(),o.createElementBlock(o.Fragment,{key:a.getItemKey(t)},[a.isItemVisible(t)&&!a.getItemProp(t,"separator")?(o.openBlock(),o.createElementBlock("li",o.mergeProps({key:0,id:a.getItemId(t),style:a.getItemProp(t,"style"),class:a.getItemClass(t),role:"treeitem","aria-label":a.getItemLabel(t),"aria-expanded":a.isItemGroup(t)?a.isItemActive(t):void 0,"aria-level":s.level+1,"aria-setsize":a.getAriaSetSize(),"aria-posinset":a.getAriaPosInset(i)},a.getPTOptions(t,"menuitem")),[o.createElementVNode("div",o.mergeProps({class:"p-menuitem-content",onClick:e=>a.onItemClick(e,t)},a.getPTOptions(t,"content")),[s.templates.item?(o.openBlock(),o.createBlock(o.resolveDynamicComponent(s.templates.item),{key:1,item:t.item},null,8,["item"])):(o.openBlock(),o.createElementBlock(o.Fragment,{key:0},[a.getItemProp(t,"to")&&!a.isItemDisabled(t)?(o.openBlock(),o.createBlock(l,{key:0,to:a.getItemProp(t,"to"),custom:""},{default:o.withCtx((({navigate:e,href:i,isActive:n,isExactActive:l})=>[o.withDirectives((o.openBlock(),o.createElementBlock("a",o.mergeProps({href:i,class:a.getItemActionClass(t,{isActive:n,isExactActive:l}),tabindex:"-1","aria-hidden":"true",onClick:t=>a.onItemActionClick(t,e)},a.getPTOptions(t,"action")),[s.templates.itemicon?(o.openBlock(),o.createBlock(o.resolveDynamicComponent(s.templates.itemicon),{key:0,item:t.item,class:o.normalizeClass(a.getItemIconClass(t))},null,8,["item","class"])):a.getItemProp(t,"icon")?(o.openBlock(),o.createElementBlock("span",o.mergeProps({key:1,class:a.getItemIconClass(t)},a.getPTOptions(t,"icon")),null,16)):o.createCommentVNode("",!0),o.createElementVNode("span",o.mergeProps({class:"p-menuitem-text"},a.getPTOptions(t,"label")),o.toDisplayString(a.getItemLabel(t)),17)],16,h)),[[c]])])),_:2},1032,["to"])):o.withDirectives((o.openBlock(),o.createElementBlock("a",o.mergeProps({key:1,href:a.getItemProp(t,"url"),class:a.getItemActionClass(t),target:a.getItemProp(t,"target"),tabindex:"-1","aria-hidden":"true"},a.getPTOptions(t,"action")),[a.isItemGroup(t)?(o.openBlock(),o.createElementBlock(o.Fragment,{key:0},[s.templates.submenuicon?(o.openBlock(),o.createBlock(o.resolveDynamicComponent(s.templates.submenuicon),o.mergeProps({key:0,class:"p-submenu-icon",active:a.isItemActive(t)},a.getPTOptions(t,"submenuIcon")),null,16,["active"])):(o.openBlock(),o.createBlock(o.resolveDynamicComponent(a.isItemActive(t)?"ChevronDownIcon":"ChevronRightIcon"),o.mergeProps({key:1,class:"p-submenu-icon"},a.getPTOptions(t,"submenuIcon")),null,16))],64)):o.createCommentVNode("",!0),s.templates.itemicon?(o.openBlock(),o.createBlock(o.resolveDynamicComponent(s.templates.itemicon),{key:1,item:t.item,class:o.normalizeClass(a.getItemIconClass(t))},null,8,["item","class"])):a.getItemProp(t,"icon")?(o.openBlock(),o.createElementBlock("span",o.mergeProps({key:2,class:a.getItemIconClass(t)},a.getPTOptions(t,"icon")),null,16)):o.createCommentVNode("",!0),o.createElementVNode("span",o.mergeProps({class:"p-menuitem-text"},a.getPTOptions(t,"label")),o.toDisplayString(a.getItemLabel(t)),17)],16,I)),[[c]])],64))],16,u),o.createVNode(o.Transition,{name:"p-toggleable-content"},{default:o.withCtx((()=>[o.withDirectives(o.createElementVNode("div",o.mergeProps({class:"p-toggleable-content"},e.ptm("toggleableContent")),[a.isItemVisible(t)&&a.isItemGroup(t)?(o.openBlock(),o.createBlock(r,{key:0,id:a.getItemId(t)+"_list",role:"group",panelId:s.panelId,focusedItemId:s.focusedItemId,items:t.items,level:s.level+1,templates:s.templates,activeItemPath:s.activeItemPath,exact:s.exact,onItemToggle:a.onItemToggle,pt:e.pt},null,8,["id","panelId","focusedItemId","items","level","templates","activeItemPath","exact","onItemToggle","pt"])):o.createCommentVNode("",!0)],16),[[o.vShow,a.isItemActive(t)]])])),_:2},1024)],16,p)):o.createCommentVNode("",!0),a.isItemVisible(t)&&a.getItemProp(t,"separator")?(o.openBlock(),o.createElementBlock("li",o.mergeProps({key:1,style:a.getItemProp(t,"style"),class:a.getSeparatorItemClass(t),role:"separator"},e.ptm("separator")),null,16)):o.createCommentVNode("",!0)],64)))),128))],16)};var g={name:"PanelMenuList",extends:l.default,emits:["item-toggle","header-focus"],props:{panelId:{type:String,default:null},items:{type:Array,default:null},templates:{type:Object,default:null},expandedKeys:{type:Object,default:null},exact:{type:Boolean,default:!0}},searchTimeout:null,searchValue:null,data:()=>({focused:!1,focusedItem:null,activeItemPath:[]}),watch:{expandedKeys(e){this.autoUpdateActiveItemPath(e)}},mounted(){this.autoUpdateActiveItemPath(this.expandedKeys)},methods:{getItemProp:(e,t)=>e&&e.item?i.ObjectUtils.getItemValue(e.item[t]):void 0,getItemLabel(e){return this.getItemProp(e,"label")},isItemVisible(e){return!1!==this.getItemProp(e,"visible")},isItemDisabled(e){return this.getItemProp(e,"disabled")},isItemActive(e){return this.activeItemPath.some((t=>t.key===e.parentKey))},isItemGroup:e=>i.ObjectUtils.isNotEmpty(e.items),onFocus(e){this.focused=!0,this.focusedItem=this.focusedItem||(this.isElementInPanel(e,e.relatedTarget)?this.findFirstItem():this.findLastItem())},onBlur(){this.focused=!1,this.focusedItem=null,this.searchValue=""},onKeyDown(e){const t=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":this.onArrowDownKey(e);break;case"ArrowUp":this.onArrowUpKey(e);break;case"ArrowLeft":this.onArrowLeftKey(e);break;case"ArrowRight":this.onArrowRightKey(e);break;case"Home":this.onHomeKey(e);break;case"End":this.onEndKey(e);break;case"Space":this.onSpaceKey(e);break;case"Enter":this.onEnterKey(e);break;case"Escape":case"Tab":case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!t&&i.ObjectUtils.isPrintableCharacter(e.key)&&this.searchItems(e,e.key)}},onArrowDownKey(e){const t=i.ObjectUtils.isNotEmpty(this.focusedItem)?this.findNextItem(this.focusedItem):this.findFirstItem();this.changeFocusedItem({originalEvent:e,processedItem:t,focusOnNext:!0}),e.preventDefault()},onArrowUpKey(e){const t=i.ObjectUtils.isNotEmpty(this.focusedItem)?this.findPrevItem(this.focusedItem):this.findLastItem();this.changeFocusedItem({originalEvent:e,processedItem:t,selfCheck:!0}),e.preventDefault()},onArrowLeftKey(e){if(i.ObjectUtils.isNotEmpty(this.focusedItem)){this.activeItemPath.some((e=>e.key===this.focusedItem.key))?this.activeItemPath=this.activeItemPath.filter((e=>e.key!==this.focusedItem.key)):this.focusedItem=i.ObjectUtils.isNotEmpty(this.focusedItem.parent)?this.focusedItem.parent:this.focusedItem,e.preventDefault()}},onArrowRightKey(e){if(i.ObjectUtils.isNotEmpty(this.focusedItem)){if(this.isItemGroup(this.focusedItem)){this.activeItemPath.some((e=>e.key===this.focusedItem.key))?this.onArrowDownKey(e):(this.activeItemPath=this.activeItemPath.filter((e=>e.parentKey!==this.focusedItem.parentKey)),this.activeItemPath.push(this.focusedItem))}e.preventDefault()}},onHomeKey(e){this.changeFocusedItem({originalEvent:e,processedItem:this.findFirstItem(),allowHeaderFocus:!1}),e.preventDefault()},onEndKey(e){this.changeFocusedItem({originalEvent:e,processedItem:this.findLastItem(),focusOnNext:!0,allowHeaderFocus:!1}),e.preventDefault()},onEnterKey(e){if(i.ObjectUtils.isNotEmpty(this.focusedItem)){const e=i.DomHandler.findSingle(this.$el,`li[id="${this.focusedItemId}"]`),t=e&&(i.DomHandler.findSingle(e,".p-menuitem-link")||i.DomHandler.findSingle(e,"a,button"));t?t.click():e&&e.click()}e.preventDefault()},onSpaceKey(e){this.onEnterKey(e)},onItemToggle(e){const{processedItem:t,expanded:s}=e;this.expandedKeys?this.$emit("item-toggle",{item:t.item,expanded:s}):(this.activeItemPath=this.activeItemPath.filter((e=>e.parentKey!==t.parentKey)),s&&this.activeItemPath.push(t)),this.focusedItem=t,i.DomHandler.focus(this.$el)},isElementInPanel(e,t){const s=e.currentTarget.closest(".p-panelmenu-panel");return s&&s.contains(t)},isItemMatched(e){return this.isValidItem(e)&&this.getItemLabel(e).toLocaleLowerCase(this.searchLocale).startsWith(this.searchValue.toLocaleLowerCase(this.searchLocale))},isVisibleItem(e){return!!e&&(0===e.level||this.isItemActive(e))&&this.isItemVisible(e)},isValidItem(e){return!!e&&!this.isItemDisabled(e)},findFirstItem(){return this.visibleItems.find((e=>this.isValidItem(e)))},findLastItem(){return i.ObjectUtils.findLast(this.visibleItems,(e=>this.isValidItem(e)))},findNextItem(e){const t=this.visibleItems.findIndex((t=>t.key===e.key));return(t<this.visibleItems.length-1?this.visibleItems.slice(t+1).find((e=>this.isValidItem(e))):void 0)||e},findPrevItem(e){const t=this.visibleItems.findIndex((t=>t.key===e.key));return(t>0?i.ObjectUtils.findLast(this.visibleItems.slice(0,t),(e=>this.isValidItem(e))):void 0)||e},searchItems(e,t){this.searchValue=(this.searchValue||"")+t;let s=null,n=!1;if(i.ObjectUtils.isNotEmpty(this.focusedItem)){const e=this.visibleItems.findIndex((e=>e.key===this.focusedItem.key));s=this.visibleItems.slice(e).find((e=>this.isItemMatched(e))),s=i.ObjectUtils.isEmpty(s)?this.visibleItems.slice(0,e).find((e=>this.isItemMatched(e))):s}else s=this.visibleItems.find((e=>this.isItemMatched(e)));return i.ObjectUtils.isNotEmpty(s)&&(n=!0),i.ObjectUtils.isEmpty(s)&&i.ObjectUtils.isEmpty(this.focusedItem)&&(s=this.findFirstItem()),i.ObjectUtils.isNotEmpty(s)&&this.changeFocusedItem({originalEvent:e,processedItem:s,allowHeaderFocus:!1}),this.searchTimeout&&clearTimeout(this.searchTimeout),this.searchTimeout=setTimeout((()=>{this.searchValue="",this.searchTimeout=null}),500),n},changeFocusedItem(e){const{originalEvent:t,processedItem:s,focusOnNext:n,selfCheck:o,allowHeaderFocus:a=!0}=e;i.ObjectUtils.isNotEmpty(this.focusedItem)&&this.focusedItem.key!==s.key?(this.focusedItem=s,this.scrollInView()):a&&this.$emit("header-focus",{originalEvent:t,focusOnNext:n,selfCheck:o})},scrollInView(){const e=i.DomHandler.findSingle(this.$el,`li[id="${this.focusedItemId}"]`);e&&e.scrollIntoView&&e.scrollIntoView({block:"nearest",inline:"start"})},autoUpdateActiveItemPath(e){this.activeItemPath=Object.entries(e||{}).reduce(((e,[t,s])=>{if(s){const s=this.findProcessedItemByItemKey(t);s&&e.push(s)}return e}),[])},findProcessedItemByItemKey(e,t,s=0){if(!(t=t||0===s&&this.processedItems))return null;for(let i=0;i<t.length;i++){const n=t[i];if(this.getItemProp(n,"key")===e)return n;const o=this.findProcessedItemByItemKey(e,n.items,s+1);if(o)return o}},createProcessedItems(e,t=0,s={},i=""){const n=[];return e&&e.forEach(((e,o)=>{const a=(""!==i?i+"_":"")+o,l={item:e,index:o,level:t,key:a,parent:s,parentKey:i};l.items=this.createProcessedItems(e.items,t+1,l,a),n.push(l)})),n},flatItems(e,t=[]){return e&&e.forEach((e=>{this.isVisibleItem(e)&&(t.push(e),this.flatItems(e.items,t))})),t}},computed:{processedItems(){return this.createProcessedItems(this.items||[])},visibleItems(){return this.flatItems(this.processedItems)},focusedItemId(){return i.ObjectUtils.isNotEmpty(this.focusedItem)?`${this.panelId}_${this.focusedItem.key}`:null}},components:{PanelMenuSub:d}};g.render=function(e,t,s,i,n,a){const l=o.resolveComponent("PanelMenuSub");return o.openBlock(),o.createBlock(l,{id:s.panelId+"_list",class:"p-panelmenu-root-list",role:"tree",tabindex:-1,"aria-activedescendant":n.focused?a.focusedItemId:void 0,panelId:s.panelId,focusedItemId:n.focused?a.focusedItemId:void 0,items:a.processedItems,templates:s.templates,activeItemPath:n.activeItemPath,exact:s.exact,onFocus:a.onFocus,onBlur:a.onBlur,onKeydown:a.onKeyDown,onItemToggle:a.onItemToggle,pt:e.pt},null,8,["id","aria-activedescendant","panelId","focusedItemId","items","templates","activeItemPath","exact","onFocus","onBlur","onKeydown","onItemToggle","pt"])};var f={name:"PanelMenu",extends:l.default,emits:["update:expandedKeys","panel-open","panel-close"],props:{model:{type:Array,default:null},expandedKeys:{type:Object,default:null},exact:{type:Boolean,default:!0},tabindex:{type:Number,default:0}},data(){return{id:this.$attrs.id,activeItem:null}},watch:{"$attrs.id":function(e){this.id=e||i.UniqueComponentId()}},mounted(){this.id=this.id||i.UniqueComponentId()},methods:{getItemProp:(e,t)=>e?i.ObjectUtils.getItemValue(e[t]):void 0,getItemLabel(e){return this.getItemProp(e,"label")},getPTOptions(e,t){return this.ptm(t,{options:{active:this.isItemActive(e),focused:this.isItemFocused(e)}})},isItemActive(e){return this.expandedKeys?this.expandedKeys[this.getItemProp(e,"key")]:i.ObjectUtils.equals(e,this.activeItem)},isItemVisible(e){return!1!==this.getItemProp(e,"visible")},isItemDisabled(e){return this.getItemProp(e,"disabled")},isItemFocused(e){return i.ObjectUtils.equals(e,this.activeItem)},getPanelId(e){return`${this.id}_${e}`},getPanelKey(e){return this.getPanelId(e)},getHeaderId(e){return`${this.getPanelId(e)}_header`},getContentId(e){return`${this.getPanelId(e)}_content`},onHeaderClick(e,t){this.isItemDisabled(t)?e.preventDefault():(t.command&&t.command({originalEvent:e,item:t}),this.changeActiveItem(e,t),i.DomHandler.focus(e.currentTarget))},onHeaderKeyDown(e,t){switch(e.code){case"ArrowDown":this.onHeaderArrowDownKey(e);break;case"ArrowUp":this.onHeaderArrowUpKey(e);break;case"Home":this.onHeaderHomeKey(e);break;case"End":this.onHeaderEndKey(e);break;case"Enter":case"Space":this.onHeaderEnterKey(e,t)}},onHeaderArrowDownKey(e){const t=i.DomHandler.hasClass(e.currentTarget,"p-highlight")?i.DomHandler.findSingle(e.currentTarget.nextElementSibling,".p-panelmenu-root-list"):null;t?i.DomHandler.focus(t):this.updateFocusedHeader({originalEvent:e,focusOnNext:!0}),e.preventDefault()},onHeaderArrowUpKey(e){const t=this.findPrevHeader(e.currentTarget.parentElement)||this.findLastHeader(),s=i.DomHandler.hasClass(t,"p-highlight")?i.DomHandler.findSingle(t.nextElementSibling,".p-panelmenu-root-list"):null;s?i.DomHandler.focus(s):this.updateFocusedHeader({originalEvent:e,focusOnNext:!1}),e.preventDefault()},onHeaderHomeKey(e){this.changeFocusedHeader(e,this.findFirstHeader()),e.preventDefault()},onHeaderEndKey(e){this.changeFocusedHeader(e,this.findLastHeader()),e.preventDefault()},onHeaderEnterKey(e,t){const s=i.DomHandler.findSingle(e.currentTarget,".p-panelmenu-header-action");s?s.click():this.onHeaderClick(e,t),e.preventDefault()},onHeaderActionClick(e,t){t&&t(e)},findNextHeader(e,t=!1){const s=t?e:e.nextElementSibling,n=i.DomHandler.findSingle(s,".p-panelmenu-header");return n?i.DomHandler.hasClass(n,"p-disabled")?this.findNextHeader(n.parentElement):n:null},findPrevHeader(e,t=!1){const s=t?e:e.previousElementSibling,n=i.DomHandler.findSingle(s,".p-panelmenu-header");return n?i.DomHandler.hasClass(n,"p-disabled")?this.findPrevHeader(n.parentElement):n:null},findFirstHeader(){return this.findNextHeader(this.$el.firstElementChild,!0)},findLastHeader(){return this.findPrevHeader(this.$el.lastElementChild,!0)},updateFocusedHeader(e){const{originalEvent:t,focusOnNext:s,selfCheck:n}=e,o=t.currentTarget.closest(".p-panelmenu-panel"),a=n?i.DomHandler.findSingle(o,".p-panelmenu-header"):s?this.findNextHeader(o):this.findPrevHeader(o);a?this.changeFocusedHeader(t,a):s?this.onHeaderHomeKey(t):this.onHeaderEndKey(t)},changeActiveItem(e,t,s=!1){if(!this.isItemDisabled(t)){const n=this.isItemActive(t),o=n?"panel-close":"panel-open";this.activeItem=s?t:this.activeItem&&i.ObjectUtils.equals(t,this.activeItem)?null:t,this.changeExpandedKeys({item:t,expanded:!n}),this.$emit(o,{originalEvent:e,item:t})}},changeExpandedKeys({item:e,expanded:t=!1}){if(this.expandedKeys){let s={...this.expandedKeys};t?s[e.key]=!0:delete s[e.key],this.$emit("update:expandedKeys",s)}},changeFocusedHeader(e,t){t&&i.DomHandler.focus(t)},getPanelClass(e){return["p-panelmenu-panel",this.getItemProp(e,"class")]},getHeaderClass(e){return["p-panelmenu-header",this.getItemProp(e,"headerClass"),{"p-highlight":this.isItemActive(e),"p-disabled":this.isItemDisabled(e)}]},getHeaderActionClass(e,t){return["p-panelmenu-header-action",{"router-link-active":t&&t.isActive,"router-link-active-exact":this.exact&&t&&t.isExactActive}]},getHeaderIconClass(e){return["p-menuitem-icon",this.getItemProp(e,"icon")]}},components:{PanelMenuList:g,ChevronRightIcon:c.default,ChevronDownIcon:r.default}};const v=["id"],y=["id","tabindex","aria-label","aria-expanded","aria-controls","aria-disabled","onClick","onKeydown"],k=["href","onClick"],b=["href"],P=["id","aria-labelledby"];return function(e,t){void 0===t&&(t={});var s=t.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===s&&i.firstChild?i.insertBefore(n,i.firstChild):i.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}}("\n.p-panelmenu .p-panelmenu-header-action {\n    display: flex;\n    align-items: center;\n    user-select: none;\n    cursor: pointer;\n    position: relative;\n    text-decoration: none;\n}\n.p-panelmenu .p-panelmenu-header-action:focus {\n    z-index: 1;\n}\n.p-panelmenu .p-submenu-list {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n.p-panelmenu .p-menuitem-link {\n    display: flex;\n    align-items: center;\n    user-select: none;\n    cursor: pointer;\n    text-decoration: none;\n    position: relative;\n    overflow: hidden;\n}\n.p-panelmenu .p-menuitem-text {\n    line-height: 1;\n}\n"),f.render=function(e,t,s,i,n,a){const l=o.resolveComponent("router-link"),r=o.resolveComponent("PanelMenuList");return o.openBlock(),o.createElementBlock("div",o.mergeProps({id:n.id,class:"p-panelmenu p-component"},e.ptm("root")),[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(s.model,((t,i)=>(o.openBlock(),o.createElementBlock(o.Fragment,{key:a.getPanelKey(i)},[a.isItemVisible(t)?(o.openBlock(),o.createElementBlock("div",o.mergeProps({key:0,style:a.getItemProp(t,"style"),class:a.getPanelClass(t)},e.ptm("panel")),[o.createElementVNode("div",o.mergeProps({id:a.getHeaderId(i),class:a.getHeaderClass(t),tabindex:a.isItemDisabled(t)?-1:s.tabindex,role:"button","aria-label":a.getItemLabel(t),"aria-expanded":a.isItemActive(t),"aria-controls":a.getContentId(i),"aria-disabled":a.isItemDisabled(t),onClick:e=>a.onHeaderClick(e,t),onKeydown:e=>a.onHeaderKeyDown(e,t)},a.getPTOptions(t,"header")),[o.createElementVNode("div",o.mergeProps({class:"p-panelmenu-header-content"},a.getPTOptions(t,"headerContent")),[e.$slots.item?(o.openBlock(),o.createBlock(o.resolveDynamicComponent(e.$slots.item),{key:1,item:t},null,8,["item"])):(o.openBlock(),o.createElementBlock(o.Fragment,{key:0},[a.getItemProp(t,"to")&&!a.isItemDisabled(t)?(o.openBlock(),o.createBlock(l,{key:0,to:a.getItemProp(t,"to"),custom:""},{default:o.withCtx((({navigate:s,href:i,isActive:n,isExactActive:l})=>[o.createElementVNode("a",o.mergeProps({href:i,class:a.getHeaderActionClass(t,{isActive:n,isExactActive:l}),tabindex:-1,onClick:e=>a.onHeaderActionClick(e,s)},a.getPTOptions(t,"headerAction")),[e.$slots.headericon?(o.openBlock(),o.createBlock(o.resolveDynamicComponent(e.$slots.headericon),{key:0,item:t,class:o.normalizeClass(a.getHeaderIconClass(t))},null,8,["item","class"])):a.getItemProp(t,"icon")?(o.openBlock(),o.createElementBlock("span",o.mergeProps({key:1,class:a.getHeaderIconClass(t)},a.getPTOptions(t,"headerIcon")),null,16)):o.createCommentVNode("",!0),o.createElementVNode("span",o.mergeProps({class:"p-menuitem-text"},a.getPTOptions(t,"headerLabel")),o.toDisplayString(a.getItemLabel(t)),17)],16,k)])),_:2},1032,["to"])):(o.openBlock(),o.createElementBlock("a",o.mergeProps({key:1,href:a.getItemProp(t,"url"),class:a.getHeaderActionClass(t),tabindex:-1},a.getPTOptions(t,"headerAction")),[a.getItemProp(t,"items")?o.renderSlot(e.$slots,"submenuicon",{key:0,active:a.isItemActive(t)},(()=>[(o.openBlock(),o.createBlock(o.resolveDynamicComponent(a.isItemActive(t)?"ChevronDownIcon":"ChevronRightIcon"),o.mergeProps({class:"p-submenu-icon"},a.getPTOptions(t,"submenuIcon")),null,16))])):o.createCommentVNode("",!0),e.$slots.headericon?(o.openBlock(),o.createBlock(o.resolveDynamicComponent(e.$slots.headericon),{key:1,item:t,class:o.normalizeClass(a.getHeaderIconClass(t))},null,8,["item","class"])):a.getItemProp(t,"icon")?(o.openBlock(),o.createElementBlock("span",o.mergeProps({key:2,class:a.getHeaderIconClass(t)},a.getPTOptions(t,"headerIcon")),null,16)):o.createCommentVNode("",!0),o.createElementVNode("span",o.mergeProps({class:"p-menuitem-text"},a.getPTOptions(t,"headerLabel")),o.toDisplayString(a.getItemLabel(t)),17)],16,b))],64))],16)],16,y),o.createVNode(o.Transition,{name:"p-toggleable-content"},{default:o.withCtx((()=>[o.withDirectives(o.createElementVNode("div",o.mergeProps({id:a.getContentId(i),class:"p-toggleable-content",role:"region","aria-labelledby":a.getHeaderId(i)},e.ptm("toggleableContent")),[a.getItemProp(t,"items")?(o.openBlock(),o.createElementBlock("div",o.mergeProps({key:0,class:"p-panelmenu-content"},e.ptm("menuContent")),[o.createVNode(r,{panelId:a.getPanelId(i),items:a.getItemProp(t,"items"),templates:e.$slots,expandedKeys:s.expandedKeys,onItemToggle:a.changeExpandedKeys,onHeaderFocus:a.updateFocusedHeader,exact:s.exact,pt:e.pt},null,8,["panelId","items","templates","expandedKeys","onItemToggle","onHeaderFocus","exact","pt"])],16)):o.createCommentVNode("",!0)],16,P),[[o.vShow,a.isItemActive(t)]])])),_:2},1024)],16)):o.createCommentVNode("",!0)],64)))),128))],16,v)},f}(primevue.basecomponent,primevue.icons.chevrondown,primevue.icons.chevronright,primevue.utils,primevue.ripple,Vue);

package/password/Password.vue

@@ -21,10 +21,10 @@
             @invalid="onInvalid"
             v-bind="inputProps"
         />
-        <slot v-if="toggleMask && unmasked" name="hideicon" :onClick="() => onMaskToggle">
+        <slot v-if="toggleMask && unmasked" name="hideicon" :onClick="onMaskToggle">
             <component :is="hideIcon ? 'i' : 'EyeSlashIcon'" :class="hideIcon" @click="onMaskToggle" />
         </slot>
-        <slot v-if="toggleMask && !unmasked" name="showicon" :onClick="() => onMaskToggle">
+        <slot v-if="toggleMask && !unmasked" name="showicon" :onClick="onMaskToggle">
             <component :is="showIcon ? 'i' : 'EyeIcon'" :class="showIcon" @click="onMaskToggle" />
         </slot>
         <span class="p-hidden-accessible" aria-live="polite">