primevue 3.41.0 → 3.42.0

package/core/core.js

@@ -2476,7 +2476,7 @@ this.primevue.calendar.style = (function (BaseStyle) {
 
     var BaseStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseStyle);
 
-    var css = "\n@layer primevue {\n    .p-calendar {\n        display: inline-flex;\n        max-width: 100%;\n    }\n\n    .p-calendar .p-inputtext {\n        flex: 1 1 auto;\n        width: 1%;\n    }\n\n    .p-calendar-w-btn .p-inputtext {\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0;\n    }\n\n    .p-calendar-w-btn .p-datepicker-trigger {\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0;\n    }\n\n    /* Fluid */\n    .p-fluid .p-calendar {\n        display: flex;\n    }\n\n    .p-fluid .p-calendar .p-inputtext {\n        width: 1%;\n    }\n\n    /* Datepicker */\n    .p-calendar .p-datepicker {\n        min-width: 100%;\n    }\n\n    .p-datepicker {\n        width: auto;\n    }\n\n    .p-datepicker-inline {\n        display: inline-block;\n        overflow-x: auto;\n    }\n\n    /* Header */\n    .p-datepicker-header {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n    }\n\n    .p-datepicker-header .p-datepicker-title {\n        margin: 0 auto;\n    }\n\n    .p-datepicker-prev,\n    .p-datepicker-next {\n        cursor: pointer;\n        display: inline-flex;\n        justify-content: center;\n        align-items: center;\n        overflow: hidden;\n        position: relative;\n    }\n\n    /* Multiple Month DatePicker */\n    .p-datepicker-multiple-month .p-datepicker-group-container {\n        display: flex;\n    }\n\n    .p-datepicker-multiple-month .p-datepicker-group-container .p-datepicker-group {\n        flex: 1 1 auto;\n    }\n\n    /* DatePicker Table */\n    .p-datepicker table {\n        width: 100%;\n        border-collapse: collapse;\n    }\n\n    .p-datepicker td > span {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        cursor: pointer;\n        margin: 0 auto;\n        overflow: hidden;\n        position: relative;\n    }\n\n    /* Month Picker */\n    .p-monthpicker-month {\n        width: 33.3%;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        cursor: pointer;\n        overflow: hidden;\n        position: relative;\n    }\n\n    /* Year Picker */\n    .p-yearpicker-year {\n        width: 50%;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        cursor: pointer;\n        overflow: hidden;\n        position: relative;\n    }\n\n    /*  Button Bar */\n    .p-datepicker-buttonbar {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n    }\n\n    /* Time Picker */\n    .p-timepicker {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n    }\n\n    .p-timepicker button {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        cursor: pointer;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .p-timepicker > div {\n        display: flex;\n        align-items: center;\n        flex-direction: column;\n    }\n\n    /* Touch UI */\n    .p-datepicker-touch-ui,\n    .p-calendar .p-datepicker-touch-ui {\n        min-width: 80vw;\n    }\n}\n";
+    var css = "\n@layer primevue {\n    .p-calendar {\n        display: inline-flex;\n        max-width: 100%;\n    }\n\n    .p-calendar .p-inputtext {\n        flex: 1 1 auto;\n        width: 1%;\n    }\n\n    .p-calendar-w-btn .p-inputtext {\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0;\n    }\n\n    .p-calendar-w-btn .p-datepicker-trigger {\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0;\n    }\n\n    .p-calendar .p-datepicker-trigger-icon {\n        cursor: pointer;\n    }\n\n    /* Fluid */\n    .p-fluid .p-calendar {\n        display: flex;\n    }\n\n    .p-fluid .p-calendar .p-inputtext {\n        width: 1%;\n    }\n\n    /* Datepicker */\n    .p-calendar .p-datepicker {\n        min-width: 100%;\n    }\n\n    .p-datepicker {\n        width: auto;\n    }\n\n    .p-datepicker-inline {\n        display: inline-block;\n        overflow-x: auto;\n    }\n\n    /* Header */\n    .p-datepicker-header {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n    }\n\n    .p-datepicker-header .p-datepicker-title {\n        margin: 0 auto;\n    }\n\n    .p-datepicker-prev,\n    .p-datepicker-next {\n        cursor: pointer;\n        display: inline-flex;\n        justify-content: center;\n        align-items: center;\n        overflow: hidden;\n        position: relative;\n    }\n\n    /* Multiple Month DatePicker */\n    .p-datepicker-multiple-month .p-datepicker-group-container {\n        display: flex;\n    }\n\n    .p-datepicker-multiple-month .p-datepicker-group-container .p-datepicker-group {\n        flex: 1 1 auto;\n    }\n\n    /* DatePicker Table */\n    .p-datepicker table {\n        width: 100%;\n        border-collapse: collapse;\n    }\n\n    .p-datepicker td > span {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        cursor: pointer;\n        margin: 0 auto;\n        overflow: hidden;\n        position: relative;\n    }\n\n    /* Month Picker */\n    .p-monthpicker-month {\n        width: 33.3%;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        cursor: pointer;\n        overflow: hidden;\n        position: relative;\n    }\n\n    /* Year Picker */\n    .p-yearpicker-year {\n        width: 50%;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        cursor: pointer;\n        overflow: hidden;\n        position: relative;\n    }\n\n    /*  Button Bar */\n    .p-datepicker-buttonbar {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n    }\n\n    /* Time Picker */\n    .p-timepicker {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n    }\n\n    .p-timepicker button {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        cursor: pointer;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .p-timepicker > div {\n        display: flex;\n        align-items: center;\n        flex-direction: column;\n    }\n\n    /* Touch UI */\n    .p-datepicker-touch-ui,\n    .p-calendar .p-datepicker-touch-ui {\n        min-width: 80vw;\n    }\n}\n";
     var inlineStyles = {
       root: function root(_ref) {
         var props = _ref.props;
@@ -2490,7 +2490,8 @@ this.primevue.calendar.style = (function (BaseStyle) {
         var props = _ref2.props,
           state = _ref2.state;
         return ['p-calendar p-component p-inputwrapper', {
-          'p-calendar-w-btn': props.showIcon,
+          'p-calendar-w-btn': props.showIcon && props.iconDisplay === 'button',
+          'p-input-icon-right': props.showIcon && props.iconDisplay === 'input',
           'p-calendar-timeonly': props.timeOnly,
           'p-calendar-disabled': props.disabled,
           'p-inputwrapper-filled': props.modelValue,
@@ -2500,6 +2501,7 @@ this.primevue.calendar.style = (function (BaseStyle) {
       },
       input: 'p-inputtext p-component',
       dropdownButton: 'p-datepicker-trigger',
+      inputIcon: 'p-datepicker-trigger-icon',
       panel: function panel(_ref3) {
         var instance = _ref3.instance,
           props = _ref3.props,
@@ -4312,7 +4314,7 @@ this.primevue.megamenu.style = (function (BaseStyle) {
 
     var BaseStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseStyle);
 
-    var css = "\n@layer primevue {\n    .p-megamenu {\n        display: flex;\n        position: relative;\n    }\n\n    .p-megamenu-root-list {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    .p-megamenu .p-menuitem-link {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .p-megamenu .p-menuitem-text {\n        line-height: 1;\n    }\n\n    .p-megamenu-panel {\n        display: none;\n        width: auto;\n        z-index: 1;\n        left: 0;\n        min-width: 100%;\n    }\n\n    .p-megamenu-panel:not(.p-megamenu-mobile) {\n        position: absolute;\n    }\n\n    .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {\n        display: block;\n    }\n\n    .p-megamenu-submenu {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    .p-megamenu-button {\n        display: none;\n        cursor: pointer;\n        align-items: center;\n        justify-content: center;\n        text-decoration: none;\n    }\n\n    /* Horizontal */\n    .p-megamenu-horizontal {\n        align-items: center;\n    }\n\n    .p-megamenu-horizontal .p-megamenu-root-list {\n        display: flex;\n        align-items: center;\n        flex-wrap: wrap;\n    }\n\n    .p-megamenu-horizontal .p-megamenu-end {\n        margin-left: auto;\n        align-self: center;\n    }\n\n    /* Vertical */\n    .p-megamenu-vertical {\n        flex-direction: column;\n    }\n\n    .p-megamenu-vertical .p-megamenu-root-list {\n        flex-direction: column;\n    }\n\n    .p-megamenu-vertical:not(.p-megamenu-mobile) .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {\n        left: 100%;\n        top: 0;\n    }\n\n    .p-megamenu-vertical .p-megamenu-root-list > .p-menuitem > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {\n        margin-left: auto;\n    }\n\n    .p-megamenu-grid {\n        display: flex;\n    }\n\n    .p-megamenu-col-2,\n    .p-megamenu-col-3,\n    .p-megamenu-col-4,\n    .p-megamenu-col-6,\n    .p-megamenu-col-12 {\n        flex: 0 0 auto;\n        padding: 0.5rem;\n    }\n\n    .p-megamenu-col-2 {\n        width: 16.6667%;\n    }\n\n    .p-megamenu-col-3 {\n        width: 25%;\n    }\n\n    .p-megamenu-col-4 {\n        width: 33.3333%;\n    }\n\n    .p-megamenu-col-6 {\n        width: 50%;\n    }\n\n    .p-megamenu-col-12 {\n        width: 100%;\n    }\n\n    .p-megamenu.p-megamenu-mobile .p-megamenu-button {\n        display: flex;\n    }\n\n    .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {\n        position: absolute;\n        display: none;\n        width: 100%;\n    }\n\n    .p-megamenu.p-megamenu-mobile .p-submenu-list {\n        width: 100%;\n        position: static;\n        box-shadow: none;\n        border: 0 none;\n    }\n\n    .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem {\n        width: 100%;\n        position: static;\n    }\n\n    .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list {\n        display: flex;\n        flex-direction: column;\n        top: 100%;\n        left: 0;\n        z-index: 1;\n    }\n\n    .p-megamenu.p-megamenu-mobile .p-megamenu-grid {\n        flex-wrap: wrap;\n        overflow: auto;\n        max-height: 90%;\n    }\n}\n";
+    var css = "\n@layer primevue {\n    .p-megamenu {\n        display: flex;\n        position: relative;\n    }\n\n    .p-megamenu-root-list {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    .p-megamenu .p-menuitem-link {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .p-megamenu .p-menuitem-text {\n        line-height: 1;\n    }\n\n    .p-megamenu-panel {\n        display: none;\n        width: auto;\n        z-index: 1;\n        left: 0;\n        min-width: 100%;\n    }\n\n    .p-megamenu-panel:not(.p-megamenu-mobile) {\n        position: absolute;\n    }\n\n    .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {\n        display: block;\n    }\n\n    .p-megamenu-submenu {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    .p-megamenu-button {\n        display: none;\n        cursor: pointer;\n        align-items: center;\n        justify-content: center;\n        text-decoration: none;\n    }\n\n    /* Horizontal */\n    .p-megamenu-horizontal {\n        align-items: center;\n    }\n\n    .p-megamenu-horizontal .p-megamenu-root-list {\n        display: flex;\n        align-items: center;\n        flex-wrap: wrap;\n    }\n\n    .p-megamenu-horizontal .p-megamenu-end {\n        margin-left: auto;\n        align-self: center;\n    }\n\n    /* Vertical */\n    .p-megamenu-vertical {\n        flex-direction: column;\n    }\n    \n    .p-megamenu-vertical:not(.p-megamenu-mobile) {\n        display: inline-flex;\n    }\n\n    .p-megamenu-vertical .p-megamenu-root-list {\n        flex-direction: column;\n    }\n\n    .p-megamenu-vertical:not(.p-megamenu-mobile) .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {\n        left: 100%;\n        top: 0;\n    }\n\n    .p-megamenu-vertical .p-megamenu-root-list > .p-menuitem > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {\n        margin-left: auto;\n    }\n\n    .p-megamenu-grid {\n        display: flex;\n    }\n\n    .p-megamenu-col-2,\n    .p-megamenu-col-3,\n    .p-megamenu-col-4,\n    .p-megamenu-col-6,\n    .p-megamenu-col-12 {\n        flex: 0 0 auto;\n        padding: 0.5rem;\n    }\n\n    .p-megamenu-col-2 {\n        width: 16.6667%;\n    }\n\n    .p-megamenu-col-3 {\n        width: 25%;\n    }\n\n    .p-megamenu-col-4 {\n        width: 33.3333%;\n    }\n\n    .p-megamenu-col-6 {\n        width: 50%;\n    }\n\n    .p-megamenu-col-12 {\n        width: 100%;\n    }\n\n    .p-megamenu.p-megamenu-mobile .p-megamenu-button {\n        display: flex;\n    }\n\n    .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {\n        position: absolute;\n        display: none;\n        width: 100%;\n    }\n\n    .p-megamenu.p-megamenu-mobile .p-submenu-list {\n        width: 100%;\n        position: static;\n        box-shadow: none;\n        border: 0 none;\n    }\n\n    .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem {\n        width: 100%;\n        position: static;\n    }\n\n    .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list {\n        display: flex;\n        flex-direction: column;\n        top: 100%;\n        left: 0;\n        z-index: 1;\n    }\n\n    .p-megamenu.p-megamenu-mobile .p-megamenu-grid {\n        flex-wrap: wrap;\n        overflow: auto;\n        max-height: 90%;\n    }\n}\n";
     var inlineStyles = {
       submenu: function submenu(_ref) {
         var instance = _ref.instance,
@@ -4896,7 +4898,7 @@ this.primevue.panelmenu.style = (function (BaseStyle) {
         var instance = _ref.instance,
           item = _ref.item;
         return ['p-panelmenu-header', {
-          'p-highlight': instance.isItemActive(item),
+          'p-highlight': instance.isItemActive(item) && !!item.items,
           'p-disabled': instance.isItemDisabled(item)
         }];
       },
@@ -6162,6 +6164,7 @@ this.primevue.tree.style = (function (BaseStyle) {
       },
       toggler: 'p-tree-toggler p-link',
       togglerIcon: 'p-tree-toggler-icon',
+      nodeTogglerIcon: 'p-tree-node-toggler-icon',
       checkboxContainer: 'p-checkbox p-component',
       checkbox: function checkbox(_ref4) {
         var instance = _ref4.instance;
@@ -10876,6 +10879,10 @@ this.primevue.button = (function (Badge, SpinnerIcon, Ripple, BaseComponent, But
           type: String,
           "default": null
         },
+        badgeSeverity: {
+          type: String,
+          "default": null
+        },
         loading: {
           type: Boolean,
           "default": false
@@ -11002,8 +11009,9 @@ this.primevue.button = (function (Badge, SpinnerIcon, Ripple, BaseComponent, But
           key: 2,
           value: _ctx.badge,
           "class": _ctx.badgeClass,
+          severity: _ctx.badgeSeverity,
           unstyled: _ctx.unstyled
-        }, _ctx.ptm('badge')), null, 16, ["value", "class", "unstyled"])) : vue.createCommentVNode("", true)];
+        }, _ctx.ptm('badge')), null, 16, ["value", "class", "severity", "unstyled"])) : vue.createCommentVNode("", true)];
       })], 16, _hoisted_1)), [[_directive_ripple]]);
     }
 
@@ -11228,11 +11236,11 @@ this.primevue.inputnumber = (function (Button, AngleDownIcon, AngleUpIcon, Input
           type: null,
           "default": null
         },
-        'aria-labelledby': {
+        ariaLabelledby: {
           type: String,
           "default": null
         },
-        'aria-label': {
+        ariaLabel: {
           type: String,
           "default": null
         }
@@ -12641,11 +12649,11 @@ this.primevue.dropdown = (function (api, ChevronDownIcon, FilterIcon, SpinnerIco
           type: Number,
           "default": 0
         },
-        'aria-label': {
+        ariaLabel: {
           type: String,
           "default": null
         },
-        'aria-labelledby': {
+        ariaLabelledby: {
           type: String,
           "default": null
         }
@@ -15256,6 +15264,10 @@ this.primevue.tree = (function (SearchIcon, SpinnerIcon, utils, BaseComponent, T
           type: String,
           "default": undefined
         },
+        loadingMode: {
+          type: String,
+          "default": 'mask'
+        },
         filter: {
           type: Boolean,
           "default": false
@@ -15284,11 +15296,11 @@ this.primevue.tree = (function (SearchIcon, SpinnerIcon, utils, BaseComponent, T
           type: Number,
           "default": 0
         },
-        'aria-labelledby': {
+        ariaLabelledby: {
           type: String,
           "default": null
         },
-        'aria-label': {
+        ariaLabel: {
           type: String,
           "default": null
         }
@@ -15328,6 +15340,10 @@ this.primevue.tree = (function (SearchIcon, SpinnerIcon, utils, BaseComponent, T
           type: null,
           "default": null
         },
+        loadingMode: {
+          type: String,
+          "default": 'mask'
+        },
         selectionKeys: {
           type: null,
           "default": null
@@ -15344,10 +15360,7 @@ this.primevue.tree = (function (SearchIcon, SpinnerIcon, utils, BaseComponent, T
           type: Number,
           "default": null
         },
-        index: {
-          type: Number,
-          "default": null
-        }
+        index: null
       },
       nodeTouched: false,
       toggleClicked: false,
@@ -15663,7 +15676,8 @@ this.primevue.tree = (function (SearchIcon, SpinnerIcon, utils, BaseComponent, T
         ChevronDownIcon: ChevronDownIcon__default["default"],
         ChevronRightIcon: ChevronRightIcon__default["default"],
         CheckIcon: CheckIcon__default["default"],
-        MinusIcon: MinusIcon__default["default"]
+        MinusIcon: MinusIcon__default["default"],
+        SpinnerIcon: SpinnerIcon__default["default"]
       },
       directives: {
         ripple: Ripple__default["default"]
@@ -15674,6 +15688,7 @@ this.primevue.tree = (function (SearchIcon, SpinnerIcon, utils, BaseComponent, T
     var _hoisted_2$1 = ["data-p-highlight", "data-p-selectable"];
     var _hoisted_3 = ["data-p-checked", "data-p-partialchecked"];
     function render$1(_ctx, _cache, $props, $setup, $data, $options) {
+      var _component_SpinnerIcon = vue.resolveComponent("SpinnerIcon");
       var _component_TreeNode = vue.resolveComponent("TreeNode", true);
       var _directive_ripple = vue.resolveDirective("ripple");
       return vue.openBlock(), vue.createElementBlock("li", vue.mergeProps({
@@ -15711,7 +15726,18 @@ this.primevue.tree = (function (SearchIcon, SpinnerIcon, utils, BaseComponent, T
         }),
         tabindex: "-1",
         "aria-hidden": "true"
-      }, $options.getPTOptions('toggler')), [$props.templates['togglericon'] ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.templates['togglericon']), {
+      }, $options.getPTOptions('toggler')), [$props.node.loading && $props.loadingMode === 'icon' ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
+        key: 0
+      }, [$props.templates['nodetogglericon'] ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.templates['nodetogglericon']), {
+        key: 0,
+        "class": vue.normalizeClass(_ctx.cx('nodetogglericon'))
+      }, null, 8, ["class"])) : (vue.openBlock(), vue.createBlock(_component_SpinnerIcon, vue.mergeProps({
+        key: 1,
+        spin: "",
+        "class": _ctx.cx('nodetogglericon')
+      }, _ctx.ptm('nodetogglericon')), null, 16, ["class"]))], 64)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
+        key: 1
+      }, [$props.templates['togglericon'] ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.templates['togglericon']), {
         key: 0,
         node: $props.node,
         expanded: $options.expanded,
@@ -15722,7 +15748,7 @@ this.primevue.tree = (function (SearchIcon, SpinnerIcon, utils, BaseComponent, T
       }, $options.getPTOptions('togglerIcon')), null, 16, ["class"])) : (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.node.collapsedIcon ? 'span' : 'ChevronRightIcon'), vue.mergeProps({
         key: 2,
         "class": _ctx.cx('togglerIcon')
-      }, $options.getPTOptions('togglerIcon')), null, 16, ["class"]))], 16)), [[_directive_ripple]]), $options.checkboxMode ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+      }, $options.getPTOptions('togglerIcon')), null, 16, ["class"]))], 64))], 16)), [[_directive_ripple]]), $options.checkboxMode ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
         key: 0,
         "class": _ctx.cx('checkboxContainer'),
         "aria-hidden": "true"
@@ -16004,7 +16030,7 @@ this.primevue.tree = (function (SearchIcon, SpinnerIcon, utils, BaseComponent, T
         "class": _ctx.cx('root')
       }, _ctx.ptm('root'), {
         "data-pc-name": "tree"
-      }), [_ctx.loading ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+      }), [_ctx.loading && _ctx.loadingMode === 'mask' ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
         key: 0,
         "class": _ctx.cx('loadingOverlay')
       }, _ctx.ptm('loadingOverlay')), [vue.renderSlot(_ctx.$slots, "loadingicon", {
@@ -16061,9 +16087,10 @@ this.primevue.tree = (function (SearchIcon, SpinnerIcon, utils, BaseComponent, T
           selectionMode: _ctx.selectionMode,
           selectionKeys: _ctx.selectionKeys,
           onCheckboxChange: $options.onCheckboxChange,
+          loadingMode: _ctx.loadingMode,
           pt: _ctx.pt,
           unstyled: _ctx.unstyled
-        }, null, 8, ["node", "templates", "level", "index", "expandedKeys", "onNodeToggle", "onNodeClick", "selectionMode", "selectionKeys", "onCheckboxChange", "pt", "unstyled"]);
+        }, null, 8, ["node", "templates", "level", "index", "expandedKeys", "onNodeToggle", "onNodeClick", "selectionMode", "selectionKeys", "onCheckboxChange", "loadingMode", "pt", "unstyled"]);
       }), 128))], 16, _hoisted_2)], 16)], 16);
     }
 
@@ -16113,11 +16140,11 @@ this.primevue.menu = (function (OverlayEventBus, Portal, utils, BaseComponent, M
           type: Number,
           "default": 0
         },
-        'aria-label': {
+        ariaLabel: {
           type: String,
           "default": null
         },
-        'aria-labelledby': {
+        ariaLabelledby: {
           type: String,
           "default": null
         }
@@ -16454,7 +16481,10 @@ this.primevue.menu = (function (OverlayEventBus, Portal, utils, BaseComponent, M
         },
         alignOverlay: function alignOverlay() {
           utils.DomHandler.absolutePosition(this.container, this.target);
-          this.container.style.minWidth = utils.DomHandler.getOuterWidth(this.target) + 'px';
+          var targetWidth = utils.DomHandler.getOuterWidth(this.target);
+          if (targetWidth > utils.DomHandler.getOuterWidth(this.container)) {
+            this.container.style.minWidth = utils.DomHandler.getOuterWidth(this.target) + 'px';
+          }
         },
         bindOutsideClickListener: function bindOutsideClickListener() {
           var _this = this;
@@ -16707,11 +16737,11 @@ this.primevue.tieredmenu = (function (OverlayEventBus, Portal, utils, BaseCompon
           type: Number,
           "default": 0
         },
-        'aria-labelledby': {
+        ariaLabelledby: {
           type: String,
           "default": null
         },
-        'aria-label': {
+        ariaLabel: {
           type: String,
           "default": null
         }
@@ -17372,8 +17402,11 @@ this.primevue.tieredmenu = (function (OverlayEventBus, Portal, utils, BaseCompon
           }
         },
         alignOverlay: function alignOverlay() {
-          this.container.style.minWidth = utils.DomHandler.getOuterWidth(this.target) + 'px';
           utils.DomHandler.absolutePosition(this.container, this.target);
+          var targetWidth = utils.DomHandler.getOuterWidth(this.target);
+          if (targetWidth > utils.DomHandler.getOuterWidth(this.container)) {
+            this.container.style.minWidth = utils.DomHandler.getOuterWidth(this.target) + 'px';
+          }
         },
         bindOutsideClickListener: function bindOutsideClickListener() {
           var _this2 = this;