primevue 3.8.2 → 3.9.0

package/core/core.js

@@ -1130,30 +1130,43 @@ this.primevue.api = (function (exports, utils) {
         ARROW_CIRCLE_RIGHT:'pi pi-arrow-circle-right',
         ARROW_CIRCLE_UP:'pi pi-arrow-circle-up',
         ARROW_DOWN:'pi pi-arrow-down',
+        ARROW_DOWN_LEFT:'pi pi-arrow-down-left',
+        ARROW_DOWN_RIGHT:'pi pi-arrow-down-right',
         ARROW_LEFT:'pi pi-arrow-left',
         ARROW_RIGHT:'pi pi-arrow-right',
         ARROW_UP:'pi pi-arrow-up',
+        ARROW_UP_LEFT:'pi pi-arrow-up-left',
+        ARROW_UP_RIGHT:'pi pi-arrow-up-right',
+        ARROW_H:'pi pi-arrow-h',
+        ARROW_V:'pi pi-arrow-v',
+        AT:'pi pi-at',
         BACKWARD:'pi pi-backward',
         BAN:'pi pi-ban',
         BARS:'pi pi-bars',
         BELL:'pi pi-bell',
+        BOLT:'pi pi-bolt',
         BOOK:'pi pi-book',
         BOOKMARK:'pi pi-bookmark',
+        BOOKMARK_FILL:'pi pi-bookmark-fill',
+        BOX:'pi pi-box',
         BRIEFCASE:'pi pi-briefcase',
+        BUILDING:'pi pi-building',
+        CALENDAR:'pi pi-calendar',
         CALENDAR_MINUS:'pi pi-calendar-minus',
         CALENDAR_PLUS:'pi pi-calendar-plus',
         CALENDAR_TIMES:'pi pi-calendar-times',
-        CALENDAR:'pi pi-calendar',
         CAMERA:'pi pi-camera',
+        CAR:'pi pi-car',
         CARET_DOWN:'pi pi-caret-down',
         CARET_LEFT:'pi pi-caret-left',
         CARET_RIGHT:'pi pi-caret-right',
         CARET_UP:'pi pi-caret-up',
         CHART_BAR:'pi pi-chart-bar',
         CHART_LINE:'pi pi-chart-line',
+        CHART_PIE:'pi pi-chart-pie',
+        CHECK:'pi pi-check',
         CHECK_CIRCLE:'pi pi-check-circle',
         CHECK_SQUARE:'pi pi-check-square',
-        CHECK:'pi pi-check',
         CHEVRON_CIRCLE_DOWN:'pi pi-chevron-circle-down',
         CHEVRON_CIRCLE_LEFT:'pi pi-chevron-circle-left',
         CHEVRON_CIRCLE_RIGHT:'pi pi-chevron-circle-right',
@@ -1162,66 +1175,77 @@ this.primevue.api = (function (exports, utils) {
         CHEVRON_LEFT:'pi pi-chevron-left',
         CHEVRON_RIGHT:'pi pi-chevron-right',
         CHEVRON_UP:'pi pi-chevron-up',
+        CIRCLE:'pi pi-circle',
+        CIRCLE_FILL:'pi pi-circle-fill',
         CLOCK:'pi pi-clock',
         CLONE:'pi pi-clone',
+        CLOUD:'pi pi-cloud',
         CLOUD_DOWNLOAD:'pi pi-cloud-download',
         CLOUD_UPLOAD:'pi pi-cloud-upload',
-        CLOUD:'pi pi-cloud',
+        CODE:'pi pi-code',
         COG:'pi pi-cog',
         COMMENT:'pi pi-comment',
         COMMENTS:'pi pi-comments',
         COMPASS:'pi pi-compass',
         COPY:'pi pi-copy',
         CREDIT_CARD:'pi pi-credit-card',
+        DATABASE:'pi pi-database',
         DESKTOP:'pi pi-desktop',
-        DISCORD:'pi pi-discord',
-        DIRECTIONS_ALT:'pi pi-directions-alt',
         DIRECTIONS:'pi pi-directions',
+        DIRECTIONS_ALT:'pi pi-directions-alt',
+        DISCORD:'pi pi-discord',
         DOLLAR:'pi pi-dollar',
         DOWNLOAD:'pi pi-download',
         EJECT:'pi pi-eject',
         ELLIPSIS_H:'pi pi-ellipsis-h',
         ELLIPSIS_V:'pi pi-ellipsis-v',
         ENVELOPE:'pi pi-envelope',
+        EURO:'pi pi-euro',
         EXCLAMATION_CIRCLE:'pi pi-exclamation-circle',
-        EXCLAMATION_TRIANGLE :'pi pi-exclamation-triangle ',
+        EXCLAMATION_TRIANGLE :'pi pi-exclamation-triangle',
         EXTERNAL_LINK:'pi pi-external-link',
-        EYE_SLASH:'pi pi-eye-slash',
         EYE:'pi pi-eye',
+        EYE_SLASH:'pi pi-eye-slash',
         FACEBOOK:'pi pi-facebook',
         FAST_BACKWARD:'pi pi-fast-backward',
         FAST_FORWARD:'pi pi-fast-forward',
+        FILE:'pi pi-file',
         FILE_EXCEL:'pi pi-file-excel',
-        FILE_O:'pi pi-file-o',
         FILE_PDF:'pi pi-file-pdf',
-        FILE:'pi pi-file',
         FILTER:'pi pi-filter',
+        FILTER_FILL:'pi pi-filter-fill',
         FILTER_SLASH:'pi pi-filter-slash',
         FLAG:'pi pi-flag',
-        FOLDER_OPEN:'pi pi-folder-open',
+        FLAG_FILL:'pi pi-flag-fill',
         FOLDER:'pi pi-folder',
+        FOLDER_OPEN:'pi pi-folder-open',
         FORWARD:'pi pi-forward',
         GITHUB:'pi pi-github',
         GLOBE:'pi pi-globe',
         GOOGLE:'pi pi-google',
+        HASHTAG:'pi pi-hashtag',
         HEART:'pi pi-heart',
+        HEART_FILL:'pi pi-heart-fill',
+        HISTORY:'pi pi-history',
         HOME:'pi pi-home',
         ID_CARD:'pi pi-id-card',
         IMAGE:'pi pi-image',
         IMAGES:'pi pi-images',
         INBOX:'pi pi-inbox',
-        INFO_CIRCLE:'pi pi-info-circle',
         INFO:'pi pi-info',
+        INFO_CIRCLE:'pi pi-info-circle',
+        INSTAGRAM:'pi pi-instagram',
         KEY:'pi pi-key',
         LINK:'pi pi-link',
+        LINKEDIN:'pi pi-linkedin',
         LIST:'pi pi-list',
-        LOCK_OPEN:'pi pi-lock-open',
         LOCK:'pi pi-lock',
+        LOCK_OPEN:'pi pi-lock-open',
         MAP:'pi pi-map',
         MAP_MARKER:'pi pi-map-marker',
         MICROSOFT:'pi pi-microsoft',
-        MINUS_CIRCLE:'pi pi-minus-circle',
         MINUS:'pi pi-minus',
+        MINUS_CIRCLE:'pi pi-minus-circle',
         MOBILE:'pi pi-mobile',
         MONEY_BILL:'pi pi-money-bill',
         MOON:'pi pi-moon',
@@ -1233,24 +1257,28 @@ this.primevue.api = (function (exports, utils) {
         PERCENTAGE:'pi pi-percentage',
         PHONE:'pi pi-phone',
         PLAY:'pi pi-play',
-        PLUS_CIRCLE:'pi pi-plus-circle',
         PLUS:'pi pi-plus',
+        PLUS_CIRCLE:'pi pi-plus-circle',
+        POUND:'pi pi-pound',
         POWER_OFF:'pi pi-power-off',
+        PRIME:'pi pi-prime',
         PRINT:'pi pi-print',
-        QUESTION_CIRCLE:'pi pi-question-circle',
+        QRCODE:'pi pi-qrcode',
         QUESTION:'pi pi-question',
-        RADIO_OFF:'pi pi-radio-off',
-        RADIO_ON:'pi pi-radio-on',
+        QUESTION_CIRCLE:'pi pi-question-circle',
+        REDDIT:'pi pi-reddit',
         REFRESH:'pi pi-refresh',
         REPLAY:'pi pi-replay',
         REPLY:'pi pi-reply',
         SAVE:'pi pi-save',
+        SEARCH:'pi pi-search',
         SEARCH_MINUS:'pi pi-search-minus',
         SEARCH_PLUS:'pi pi-search-plus',
-        SEARCH:'pi pi-search',
         SEND:'pi pi-send',
+        SERVER:'pi pi-server',
         SHARE_ALT:'pi pi-share-alt',
         SHIELD:'pi pi-shield',
+        SHOPPING_BAG:'pi pi-shopping-bag',
         SHOPPING_CART:'pi pi-shopping-cart',
         SIGN_IN:'pi pi-sign-in',
         SIGN_OUT:'pi pi-sign-out',
@@ -1258,60 +1286,66 @@ this.primevue.api = (function (exports, utils) {
         SLACK:'pi pi-slack',
         SLIDERS_H:'pi pi-sliders-h',
         SLIDERS_V:'pi pi-sliders-v',
-        SORT_ALPHA_ALT_DOWN:'pi pi-sort-alpha-alt-down',
-        SORT_ALPHA_ALT_UP:'pi pi-sort-alpha-alt-up',
+        SORT:'pi pi-sort',
         SORT_ALPHA_DOWN:'pi pi-sort-alpha-down',
+        SORT_ALPHA_ALT_DOWN:'pi pi-sort-alpha-alt-down',
         SORT_ALPHA_UP:'pi pi-sort-alpha-up',
+        SORT_ALPHA_ALT_UP:'pi pi-sort-alpha-alt-up',
         SORT_ALT:'pi pi-sort-alt',
-        SORT_AMOUNT_DOWN_ALT:'pi pi-sort-amount-down-alt',
+        SORT_ALT_SLASH:'pi pi-sort-slash',
         SORT_AMOUNT_DOWN:'pi pi-sort-amount-down',
-        SORT_AMOUNT_UP_ALT:'pi pi-sort-amount-up-alt',
+        SORT_AMOUNT_DOWN_ALT:'pi pi-sort-amount-down-alt',
         SORT_AMOUNT_UP:'pi pi-sort-amount-up',
+        SORT_AMOUNT_UP_ALT:'pi pi-sort-amount-up-alt',
         SORT_DOWN:'pi pi-sort-down',
-        SORT_NUMERIC_ALT_DOWN:'pi pi-sort-numeric-alt-down',
-        SORT_NUMERIC_ALT_UP:'pi pi-sort-numeric-alt-up',
         SORT_NUMERIC_DOWN:'pi pi-sort-numeric-down',
+        SORT_NUMERIC_ALT_DOWN:'pi pi-sort-numeric-alt-down',
         SORT_NUMERIC_UP:'pi pi-sort-numeric-up',
+        SORT_NUMERIC_ALT_UP:'pi pi-sort-numeric-alt-up',
         SORT_UP:'pi pi-sort-up',
-        SORT:'pi pi-sort',
         SPINNER:'pi pi-spinner',
-        STAR_O:'pi pi-star-o',
         STAR:'pi pi-star',
-        STEP_BACKWARD_ALT:'pi pi-step-backward-alt',
+        STAR_FILL:'pi pi-star-fill',
         STEP_BACKWARD:'pi pi-step-backward',
-        STEP_FORWARD_ALT:'pi pi-step-forward-alt',
+        STEP_BACKWARD_ALT:'pi pi-step-backward-alt',
         STEP_FORWARD:'pi pi-step-forward',
+        STEP_FORWARD_ALT:'pi pi-step-forward-alt',
+        STOP:'pi pi-stop',
+        STOP_CIRCLE:'pi pi-stop-circle',
         SUN:'pi pi-sun',
+        SYNC:'pi pi-sync',
         TABLE:'pi pi-table',
         TABLET:'pi pi-tablet',
         TAG:'pi pi-tag',
         TAGS:'pi pi-tags',
+        TELEGRAM:'pi pi-telegram',
         TH_LARGE:'pi pi-th-large',
         THUMBS_DOWN:'pi pi-thumbs-down',
         THUMBS_UP:'pi pi-thumbs-up',
         TICKET:'pi pi-ticket',
-        TIMES_CIRCLE:'pi pi-times-circle',
         TIMES:'pi pi-times',
+        TIMES_CIRCLE:'pi pi-times-circle',
         TRASH:'pi pi-trash',
         TWITTER:'pi pi-twitter',
         UNDO:'pi pi-undo',
         UNLOCK:'pi pi-unlock',
         UPLOAD:'pi pi-upload',
+        USER:'pi pi-user',
         USER_EDIT:'pi pi-user-edit',
         USER_MINUS:'pi pi-user-minus',
         USER_PLUS:'pi pi-user-plus',
-        USER:'pi pi-user',
         USERS:'pi pi-users',
         VIDEO:'pi pi-video',
         VIMEO:'pi pi-vimeo',
         VOLUME_DOWN:'pi pi-volume-down',
         VOLUME_OFF:'pi pi-volume-off',
         VOLUME_UP:'pi pi-volume-up',
-        YOUTUBE:'pi pi-youtube',
         WALLET:'pi pi-wallet',
+        WHATSAPP:'pi pi-whatsapp',
         WIFI:'pi pi-wifi',
         WINDOW_MAXIMIZE:'pi pi-window-maximize',
-        WINDOW_MINIMIZE:'pi pi-window-minimize'
+        WINDOW_MINIMIZE:'pi pi-window-minimize',
+        YOUTUBE:'pi pi-youtube'
     };
 
     const ToastSeverities = {
@@ -2345,11 +2379,11 @@ this.primevue.inputtext = (function (vue) {
     };
 
     function render(_ctx, _cache, $props, $setup, $data, $options) {
-      return (vue.openBlock(), vue.createBlock("input", {
+      return (vue.openBlock(), vue.createBlock("input", vue.mergeProps({
         class: ['p-inputtext p-component', {'p-filled': $options.filled}],
         value: $props.modelValue,
         onInput: _cache[1] || (_cache[1] = (...args) => ($options.onInput && $options.onInput(...args)))
-      }, null, 42, ["value"]))
+      }, _ctx.$attrs), null, 16, ["value"]))
     }
 
     script.render = render;
@@ -2481,10 +2515,14 @@ this.primevue.inputnumber = (function (InputText, Button, vue) {
         timer: null,
         data() {
             return {
+                d_modelValue: this.modelValue,
                 focused: false
             }
         },
         watch: {
+            modelValue(newValue) {
+                this.d_modelValue = newValue;
+            },
     		locale(newValue, oldValue) {
                 this.updateConstructParser(newValue, oldValue);
             },
@@ -3240,6 +3278,7 @@ this.primevue.inputnumber = (function (InputText, Button, vue) {
                 return 0;
             },
             updateModel(event, value) {
+                this.d_modelValue = value;
                 this.$emit('update:modelValue', value);
             },
             onInputFocus() {
@@ -3258,7 +3297,13 @@ this.primevue.inputnumber = (function (InputText, Button, vue) {
                 if (this.timer) {
                     clearInterval(this.timer);
                 }
-            }
+            },
+            maxBoundry() {
+                return this.d_modelValue >= this.max;
+            },
+            minBoundry() {
+                return this.d_modelValue <= this.min;
+            },
         },
         computed: {
             containerClass() {
@@ -3270,11 +3315,16 @@ this.primevue.inputnumber = (function (InputText, Button, vue) {
                     'p-inputnumber-buttons-vertical': this.showButtons && this.buttonLayout === 'vertical'
                 }];
             },
+            
             upButtonClass() {
-                return ['p-inputnumber-button p-inputnumber-button-up', this.incrementButtonClass];
+                return ['p-inputnumber-button p-inputnumber-button-up', this.incrementButtonClass, {
+                    'p-disabled': this.showButtons && this.max !== null && this.maxBoundry()
+                }];
             },
             downButtonClass() {
-                return ['p-inputnumber-button p-inputnumber-button-down', this.decrementButtonClass];
+                return ['p-inputnumber-button p-inputnumber-button-down', this.decrementButtonClass, {
+                    'p-disabled': this.showButtons && this.min !== null && this.minBoundry()
+                }];
             },
             filled() {
                 return (this.modelValue != null && this.modelValue.toString().length > 0)
@@ -3440,7 +3490,11 @@ this.primevue.message = (function (Ripple, vue) {
             life: {
                 type: Number,
                 default: 3000
-            }
+            },
+            icon: {
+                type: String,
+                default: null
+            },
         },
         timeout: null,
         data() {
@@ -3466,7 +3520,7 @@ this.primevue.message = (function (Ripple, vue) {
                 return 'p-message p-component p-message-' + this.severity;
             },
             iconClass() {
-                return ['p-message-icon pi', {
+                return ['p-message-icon pi', this.icon ? this.icon : {
                     'pi-info-circle': this.severity === 'info',
                     'pi-check': this.severity === 'success',
                     'pi-exclamation-triangle': this.severity === 'warn',
@@ -3590,7 +3644,7 @@ this.primevue.progressbar = (function (vue) {
             progressStyle() {
                 return {
                     width: this.value + '%',
-                    display: 'block'
+                    display: 'flex'
                 };
             },
             indeterminate() {
@@ -3603,11 +3657,11 @@ this.primevue.progressbar = (function (vue) {
     };
 
     const _hoisted_1 = {
-      key: 1,
+      key: 0,
       class: "p-progressbar-label"
     };
     const _hoisted_2 = {
-      key: 2,
+      key: 1,
       class: "p-progressbar-indeterminate-container"
     };
     const _hoisted_3 = /*#__PURE__*/vue.createVNode("div", { class: "p-progressbar-value p-progressbar-value-animate" }, null, -1);
@@ -3625,14 +3679,15 @@ this.primevue.progressbar = (function (vue) {
               key: 0,
               class: "p-progressbar-value p-progressbar-value-animate",
               style: $options.progressStyle
-            }, null, 4))
-          : vue.createCommentVNode("", true),
-        ($options.determinate && ($props.value !== null) && $props.showValue)
-          ? (vue.openBlock(), vue.createBlock("div", _hoisted_1, [
-              vue.renderSlot(_ctx.$slots, "default", {}, () => [
-                vue.createTextVNode(vue.toDisplayString($props.value + '%'), 1)
-              ])
-            ]))
+            }, [
+              (($props.value != null && $props.value !== 0) && $props.showValue)
+                ? (vue.openBlock(), vue.createBlock("div", _hoisted_1, [
+                    vue.renderSlot(_ctx.$slots, "default", {}, () => [
+                      vue.createTextVNode(vue.toDisplayString($props.value + '%'), 1)
+                    ])
+                  ]))
+                : vue.createCommentVNode("", true)
+            ], 4))
           : vue.createCommentVNode("", true),
         ($options.indeterminate)
           ? (vue.openBlock(), vue.createBlock("div", _hoisted_2, [
@@ -3669,7 +3724,7 @@ this.primevue.progressbar = (function (vue) {
       }
     }
 
-    var css_248z = "\n.p-progressbar {\n    position: relative;\n    overflow: hidden;\n}\n.p-progressbar-determinate .p-progressbar-value {\n    height: 100%;\n    width: 0%;\n    position: absolute;\n    display: none;\n    border: 0 none;\n}\n.p-progressbar-determinate .p-progressbar-value-animate {\n    -webkit-transition: width 1s ease-in-out;\n    transition: width 1s ease-in-out;\n}\n.p-progressbar-determinate .p-progressbar-label {\n    text-align: center;\n    height: 100%;\n    width: 100%;\n    position: absolute;\n    font-weight: bold;\n}\n.p-progressbar-indeterminate .p-progressbar-value::before {\n      content: '';\n      position: absolute;\n      background-color: inherit;\n      top: 0;\n      left: 0;\n      bottom: 0;\n      will-change: left, right;\n      -webkit-animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;\n              animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;\n}\n.p-progressbar-indeterminate .p-progressbar-value::after {\n    content: '';\n    position: absolute;\n    background-color: inherit;\n    top: 0;\n    left: 0;\n    bottom: 0;\n    will-change: left, right;\n    -webkit-animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;\n            animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;\n    -webkit-animation-delay: 1.15s;\n            animation-delay: 1.15s;\n}\n@-webkit-keyframes p-progressbar-indeterminate-anim {\n0% {\n    left: -35%;\n    right: 100%;\n}\n60% {\n    left: 100%;\n    right: -90%;\n}\n100% {\n    left: 100%;\n    right: -90%;\n}\n}\n@keyframes p-progressbar-indeterminate-anim {\n0% {\n    left: -35%;\n    right: 100%;\n}\n60% {\n    left: 100%;\n    right: -90%;\n}\n100% {\n    left: 100%;\n    right: -90%;\n}\n}\n@-webkit-keyframes p-progressbar-indeterminate-anim-short {\n0% {\n    left: -200%;\n    right: 100%;\n}\n60% {\n    left: 107%;\n    right: -8%;\n}\n100% {\n    left: 107%;\n    right: -8%;\n}\n}\n@keyframes p-progressbar-indeterminate-anim-short {\n0% {\n    left: -200%;\n    right: 100%;\n}\n60% {\n    left: 107%;\n    right: -8%;\n}\n100% {\n    left: 107%;\n    right: -8%;\n}\n}\n";
+    var css_248z = "\n.p-progressbar {\n    position: relative;\n    overflow: hidden;\n}\n.p-progressbar-determinate .p-progressbar-value {\n    height: 100%;\n    width: 0%;\n    position: absolute;\n    display: none;\n    border: 0 none;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    overflow: hidden;\n}\n.p-progressbar-determinate .p-progressbar-label {\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n}\n.p-progressbar-determinate .p-progressbar-value-animate {\n    -webkit-transition: width 1s ease-in-out;\n    transition: width 1s ease-in-out;\n}\n.p-progressbar-indeterminate .p-progressbar-value::before {\n      content: '';\n      position: absolute;\n      background-color: inherit;\n      top: 0;\n      left: 0;\n      bottom: 0;\n      will-change: left, right;\n      -webkit-animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;\n              animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;\n}\n.p-progressbar-indeterminate .p-progressbar-value::after {\n    content: '';\n    position: absolute;\n    background-color: inherit;\n    top: 0;\n    left: 0;\n    bottom: 0;\n    will-change: left, right;\n    -webkit-animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;\n            animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;\n    -webkit-animation-delay: 1.15s;\n            animation-delay: 1.15s;\n}\n@-webkit-keyframes p-progressbar-indeterminate-anim {\n0% {\n    left: -35%;\n    right: 100%;\n}\n60% {\n    left: 100%;\n    right: -90%;\n}\n100% {\n    left: 100%;\n    right: -90%;\n}\n}\n@keyframes p-progressbar-indeterminate-anim {\n0% {\n    left: -35%;\n    right: 100%;\n}\n60% {\n    left: 100%;\n    right: -90%;\n}\n100% {\n    left: 100%;\n    right: -90%;\n}\n}\n@-webkit-keyframes p-progressbar-indeterminate-anim-short {\n0% {\n    left: -200%;\n    right: 100%;\n}\n60% {\n    left: 107%;\n    right: -8%;\n}\n100% {\n    left: 107%;\n    right: -8%;\n}\n}\n@keyframes p-progressbar-indeterminate-anim-short {\n0% {\n    left: -200%;\n    right: 100%;\n}\n60% {\n    left: 107%;\n    right: -8%;\n}\n100% {\n    left: 107%;\n    right: -8%;\n}\n}\n";
     styleInject(css_248z);
 
     script.render = render;
@@ -5722,9 +5777,9 @@ this.primevue.paginator = (function (vue, Ripple, Dropdown, InputNumber) {
 
           return ($props.alwaysShow ? true : ($options.pageLinks && $options.pageLinks.length > 1))
             ? (vue.openBlock(), vue.createBlock("div", _hoisted_1, [
-                (_ctx.$slots.left)
+                (_ctx.$slots.start)
                   ? (vue.openBlock(), vue.createBlock("div", _hoisted_2, [
-                      vue.renderSlot(_ctx.$slots, "left", { state: $options.currentState })
+                      vue.renderSlot(_ctx.$slots, "start", { state: $options.currentState })
                     ]))
                   : vue.createCommentVNode("", true),
                 (vue.openBlock(true), vue.createBlock(vue.Fragment, null, vue.renderList($options.templateItems, (item) => {
@@ -5797,9 +5852,9 @@ this.primevue.paginator = (function (vue, Ripple, Dropdown, InputNumber) {
                                       : vue.createCommentVNode("", true)
                   ], 64))
                 }), 128)),
-                (_ctx.$slots.right)
+                (_ctx.$slots.end)
                   ? (vue.openBlock(), vue.createBlock("div", _hoisted_3, [
-                      vue.renderSlot(_ctx.$slots, "right", { state: $options.currentState })
+                      vue.renderSlot(_ctx.$slots, "end", { state: $options.currentState })
                     ]))
                   : vue.createCommentVNode("", true)
               ]))
@@ -5880,6 +5935,9 @@ this.primevue.tree = (function (utils, Ripple, vue) {
             toggle() {
                 this.$emit('node-toggle', this.node);
             },
+            label(node) {
+                return (typeof node.label === 'function' ? node.label() : node.label);
+            },
             onChildNodeToggle(node) {
                 this.$emit('node-toggle', node);
             },
@@ -6168,7 +6226,7 @@ this.primevue.tree = (function (utils, Ripple, vue) {
                   node: $props.node
                 }, null, 8, ["node"]))
               : (vue.openBlock(), vue.createBlock(vue.Fragment, { key: 1 }, [
-                  vue.createTextVNode(vue.toDisplayString($props.node.label), 1)
+                  vue.createTextVNode(vue.toDisplayString($options.label($props.node)), 1)
                 ], 64))
           ])
         ], 46, ["aria-expanded"]),
@@ -6591,6 +6649,9 @@ this.primevue.menu = (function (utils, OverlayEventBus, Ripple, vue) {
             },
             disabled(item) {
                 return (typeof item.disabled === 'function' ? item.disabled() : item.disabled);
+            },
+            label() {
+                return (typeof this.item.label === 'function' ? this.item.label() : this.item.label);
             }
         },
         computed: {
@@ -6635,7 +6696,7 @@ this.primevue.menu = (function (utils, OverlayEventBus, Ripple, vue) {
                             vue.createVNode("span", {
                               class: ['p-menuitem-icon', $props.item.icon]
                             }, null, 2),
-                            vue.createVNode("span", _hoisted_1$1, vue.toDisplayString($props.item.label), 1)
+                            vue.createVNode("span", _hoisted_1$1, vue.toDisplayString($options.label()), 1)
                           ], 10, ["href", "onClick"]), [
                             [_directive_ripple]
                           ])
@@ -6654,7 +6715,7 @@ this.primevue.menu = (function (utils, OverlayEventBus, Ripple, vue) {
                         vue.createVNode("span", {
                           class: ['p-menuitem-icon', $props.item.icon]
                         }, null, 2),
-                        vue.createVNode("span", _hoisted_2$1, vue.toDisplayString($props.item.label), 1)
+                        vue.createVNode("span", _hoisted_2$1, vue.toDisplayString($options.label()), 1)
                       ], 10, ["href", "target", "tabindex"])), [
                         [_directive_ripple]
                       ])
@@ -6836,6 +6897,9 @@ this.primevue.menu = (function (utils, OverlayEventBus, Ripple, vue) {
             visible(item) {
                 return (typeof item.visible === 'function' ? item.visible() : item.visible !== false);
             },
+            label(item) {
+                return (typeof item.label === 'function' ? item.label() : item.label);
+            },
             containerRef(el) {
                 this.container = el;
             },
@@ -6894,14 +6958,14 @@ this.primevue.menu = (function (utils, OverlayEventBus, Ripple, vue) {
                   vue.createVNode("ul", _hoisted_1, [
                     (vue.openBlock(true), vue.createBlock(vue.Fragment, null, vue.renderList($props.model, (item, i) => {
                       return (vue.openBlock(), vue.createBlock(vue.Fragment, {
-                        key: item.label + i.toString()
+                        key: $options.label(item) + i.toString()
                       }, [
                         (item.items && $options.visible(item) && !item.separator)
                           ? (vue.openBlock(), vue.createBlock(vue.Fragment, { key: 0 }, [
                               (item.items)
                                 ? (vue.openBlock(), vue.createBlock("li", _hoisted_2, [
                                     vue.renderSlot(_ctx.$slots, "item", { item: item }, () => [
-                                      vue.createTextVNode(vue.toDisplayString(item.label), 1)
+                                      vue.createTextVNode(vue.toDisplayString($options.label(item)), 1)
                                     ])
                                   ]))
                                 : vue.createCommentVNode("", true),
@@ -6936,7 +7000,7 @@ this.primevue.menu = (function (utils, OverlayEventBus, Ripple, vue) {
                                 role: "separator"
                               }, null, 6))
                             : (vue.openBlock(), vue.createBlock(_component_Menuitem, {
-                                key: item.label + i.toString(),
+                                key: $options.label(item) + i.toString(),
                                 item: item,
                                 onClick: $options.itemClick,
                                 template: _ctx.$slots.item,
@@ -7199,6 +7263,9 @@ this.primevue.tieredmenu = (function (utils, OverlayEventBus, Ripple, vue) {
             },
             disabled(item) {
                 return (typeof item.disabled === 'function' ? item.disabled() : item.disabled);
+            },
+            label(item) {
+                return (typeof item.label === 'function' ? item.label() : item.label);
             }
         },
         computed: {
@@ -7231,7 +7298,7 @@ this.primevue.tieredmenu = (function (utils, OverlayEventBus, Ripple, vue) {
       }, [
         (vue.openBlock(true), vue.createBlock(vue.Fragment, null, vue.renderList($props.model, (item, i) => {
           return (vue.openBlock(), vue.createBlock(vue.Fragment, {
-            key: item.label + i.toString()
+            key: $options.label(item) + i.toString()
           }, [
             ($options.visible(item) && !item.separator)
               ? (vue.openBlock(), vue.createBlock("li", {
@@ -7260,7 +7327,7 @@ this.primevue.tieredmenu = (function (utils, OverlayEventBus, Ripple, vue) {
                                   vue.createVNode("span", {
                                     class: ['p-menuitem-icon', item.icon]
                                   }, null, 2),
-                                  vue.createVNode("span", _hoisted_1, vue.toDisplayString(item.label), 1)
+                                  vue.createVNode("span", _hoisted_1, vue.toDisplayString($options.label(item)), 1)
                                 ], 42, ["href", "onClick", "onKeydown"]), [
                                   [_directive_ripple]
                                 ])
@@ -7282,7 +7349,7 @@ this.primevue.tieredmenu = (function (utils, OverlayEventBus, Ripple, vue) {
                               vue.createVNode("span", {
                                 class: ['p-menuitem-icon', item.icon]
                               }, null, 2),
-                              vue.createVNode("span", _hoisted_2, vue.toDisplayString(item.label), 1),
+                              vue.createVNode("span", _hoisted_2, vue.toDisplayString($options.label(item)), 1),
                               (item.items)
                                 ? (vue.openBlock(), vue.createBlock("span", _hoisted_3))
                                 : vue.createCommentVNode("", true)
@@ -7297,7 +7364,7 @@ this.primevue.tieredmenu = (function (utils, OverlayEventBus, Ripple, vue) {
                   ($options.visible(item) && item.items)
                     ? (vue.openBlock(), vue.createBlock(_component_TieredMenuSub, {
                         model: item.items,
-                        key: item.label + '_sub_',
+                        key: $options.label(item) + '_sub_',
                         template: $props.template,
                         onLeafClick: $options.onLeafClick,
                         onKeydownItem: $options.onChildItemKeyDown,