primevue 3.9.1 → 3.12.0

package/toasteventbus/toasteventbus.js

@@ -6,4 +6,4 @@ this.primevue.toasteventbus = (function (utils) {
 
 	return ToastEventBus;
 
-}(primevue.utils));
+})(primevue.utils);

package/toastservice/ToastService.d.ts

@@ -1,12 +1,24 @@
-import Vue, { Plugin } from 'vue';
+import { Plugin } from 'vue';
+import { ToastMessageOptions } from '../toast';
 
 declare const plugin: Plugin;
 export default plugin;
 
-interface ToastServiceMethods {
-    add(message: any): any;
-    removeGroup(group: any): void;
-    removeAllGroups(): void;
+export interface ToastServiceMethods {
+    /**
+     * Displays the message in a suitable Toast component.
+     * @param {ToastMessageOptions} message - Message instance.
+     */
+    add: (message: ToastMessageOptions) => void;
+    /**
+     * Clears the messages that belongs to the group.
+     * @param {string} group - Name of the message group.
+     */
+    removeGroup: (group: string) => void;
+    /**
+     * Clears all the messages.
+     */
+    removeAllGroups: () => void;
 }
 
 declare module 'vue/types/vue' {

package/toastservice/toastservice.cjs.js

@@ -11,13 +11,13 @@ var ToastService = {
     install: (app) => {
         const ToastService = {
             add: (message) => {
-                ToastEventBus__default['default'].emit('add', message);
+                ToastEventBus__default["default"].emit('add', message);
             },
             removeGroup: (group) => {
-                ToastEventBus__default['default'].emit('remove-group', group);
+                ToastEventBus__default["default"].emit('remove-group', group);
             },
             removeAllGroups: () => {
-                ToastEventBus__default['default'].emit('remove-all-groups');
+                ToastEventBus__default["default"].emit('remove-all-groups');
             }
         };
         app.config.globalProperties.$toast = ToastService;

package/toastservice/toastservice.esm.js

@@ -19,4 +19,4 @@ var ToastService = {
     }
 };
 
-export default ToastService;
+export { ToastService as default };

package/toastservice/toastservice.esm.min.js

@@ -1 +1 @@
-import e from"primevue/toasteventbus";import{PrimeVueToastSymbol as o}from"primevue/usetoast";var r={install:r=>{const t={add:o=>{e.emit("add",o)},removeGroup:o=>{e.emit("remove-group",o)},removeAllGroups:()=>{e.emit("remove-all-groups")}};r.config.globalProperties.$toast=t,r.provide(o,t)}};export default r;
+import e from"primevue/toasteventbus";import{PrimeVueToastSymbol as o}from"primevue/usetoast";var r={install:r=>{const t={add:o=>{e.emit("add",o)},removeGroup:o=>{e.emit("remove-group",o)},removeAllGroups:()=>{e.emit("remove-all-groups")}};r.config.globalProperties.$toast=t,r.provide(o,t)}};export{r as default};

package/toastservice/toastservice.js

@@ -10,13 +10,13 @@ this.primevue.toastservice = (function (ToastEventBus, usetoast) {
         install: (app) => {
             const ToastService = {
                 add: (message) => {
-                    ToastEventBus__default['default'].emit('add', message);
+                    ToastEventBus__default["default"].emit('add', message);
                 },
                 removeGroup: (group) => {
-                    ToastEventBus__default['default'].emit('remove-group', group);
+                    ToastEventBus__default["default"].emit('remove-group', group);
                 },
                 removeAllGroups: () => {
-                    ToastEventBus__default['default'].emit('remove-all-groups');
+                    ToastEventBus__default["default"].emit('remove-all-groups');
                 }
             };
             app.config.globalProperties.$toast = ToastService;
@@ -26,4 +26,4 @@ this.primevue.toastservice = (function (ToastEventBus, usetoast) {
 
     return ToastService;
 
-}(primevue.toasteventbus, primevue.usetoast));
+})(primevue.toasteventbus, primevue.usetoast);

package/togglebutton/ToggleButton.d.ts

@@ -1,16 +1,69 @@
-interface ToggleButtonProps {
-    modelValue?: boolean;
-    onIcon?: string;
-    offIcon?: string;
-    onLabel?: string;
-    offLabel?: string;
-    iconPos?: string;
+import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
+
+type ToggleButtonType = 'left' | 'right' | undefined;
+
+export interface ToggleButtonProps {
+    /**
+     * Value of the component.
+     */
+    modelValue?: boolean | undefined;
+    /**
+     * Icon for the on state.
+     */
+    onIcon?: string | undefined;
+    /**
+     * Icon for the off state.
+     */
+    offIcon?: string | undefined;
+    /**
+     * Label for the on state.
+     * Default value is 'yes'.
+     */
+    onLabel?: string | undefined;
+    /**
+     * Label for the off state.
+     * Default value is 'no'.
+     */
+    offLabel?: string | undefined;
+    /**
+     * Position of the icon.
+     * @see ToggleButtonType
+     * Default value is 'left'.
+     */
+    iconPos?: ToggleButtonType;
+}
+
+export interface ToggleButtonSlots {
 }
 
-declare class ToggleButton {
-    $props: ToggleButtonProps;
-    $emit(eventName: 'update:modelValue', value: boolean): this;
-    $emit(eventName: 'change', event: Event): this;
+export declare type ToggleButtonEmits = {
+    /**
+     * Emitted when the value changes.
+     * @param {boolean} value - New value.
+     */
+    'update:modelValue': (value: boolean) => void;
+    /**
+     * Callback to invoke on value change.
+     * @param {Event} event - Browser event.
+     */
+    'change': (event: Event) => void;
+}
+
+declare class ToggleButton extends ClassComponent<ToggleButtonProps, ToggleButtonSlots, ToggleButtonEmits> { }
+
+declare module '@vue/runtime-core' {
+    interface GlobalComponents {
+        ToggleButton: GlobalComponentConstructor<ToggleButton>
+    }
 }
 
+/**
+ *
+ * ToggleButton is used to select a boolean value using a button.
+ *
+ * Demos:
+ *
+ * - [ToggleButton](https://www.primefaces.org/primevue/showcase/#/togglebutton)
+ *
+ */
 export default ToggleButton;

package/togglebutton/togglebutton.cjs.js

@@ -59,7 +59,7 @@ var script = {
         }
     },
     directives: {
-        'ripple': Ripple__default['default']
+        'ripple': Ripple__default["default"]
     }
 };
 

package/togglebutton/togglebutton.esm.js

@@ -83,4 +83,4 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
 
 script.render = render;
 
-export default script;
+export { script as default };

package/togglebutton/togglebutton.esm.min.js

@@ -1 +1 @@
-import t from"primevue/ripple";import{resolveDirective as e,withDirectives as o,openBlock as n,createBlock as l,createCommentVNode as i,createVNode as s,toDisplayString as a}from"vue";var h={name:"ToggleButton",emits:["update:modelValue","change"],props:{modelValue:Boolean,onIcon:String,offIcon:String,onLabel:String,offLabel:String,iconPos:{type:String,default:"left"}},methods:{onClick(t){this.$attrs.disabled||(this.$emit("update:modelValue",!this.modelValue),this.$emit("change",t))}},computed:{buttonClass(){return{"p-button p-togglebutton p-component":!0,"p-button-icon-only":this.hasIcon&&!this.hasLabel,"p-disabled":this.$attrs.disabled,"p-highlight":!0===this.modelValue}},iconClass(){return[this.modelValue?this.onIcon:this.offIcon,"p-button-icon",{"p-button-icon-left":"left"===this.iconPos&&this.label,"p-button-icon-right":"right"===this.iconPos&&this.label}]},hasLabel(){return this.onLabel&&this.onLabel.length>0&&this.offLabel&&this.offLabel.length>0},hasIcon(){return this.onIcon&&this.onIcon.length>0&&this.offIcon&&this.offIcon.length>0},label(){return this.hasLabel?this.modelValue?this.onLabel:this.offLabel:" "}},directives:{ripple:t}};const c={class:"p-button-label"};h.render=function(t,h,r,u,b,p){const d=e("ripple");return o((n(),l("div",{class:p.buttonClass,onClick:h[1]||(h[1]=t=>p.onClick(t)),role:"checkbox","aria-checked":r.modelValue,tabindex:t.$attrs.disabled?null:"0"},[p.hasIcon?(n(),l("span",{key:0,class:p.iconClass},null,2)):i("",!0),s("span",c,a(p.label),1)],10,["aria-checked","tabindex"])),[[d]])};export default h;
+import t from"primevue/ripple";import{resolveDirective as e,withDirectives as o,openBlock as n,createBlock as l,createCommentVNode as i,createVNode as s,toDisplayString as a}from"vue";var h={name:"ToggleButton",emits:["update:modelValue","change"],props:{modelValue:Boolean,onIcon:String,offIcon:String,onLabel:String,offLabel:String,iconPos:{type:String,default:"left"}},methods:{onClick(t){this.$attrs.disabled||(this.$emit("update:modelValue",!this.modelValue),this.$emit("change",t))}},computed:{buttonClass(){return{"p-button p-togglebutton p-component":!0,"p-button-icon-only":this.hasIcon&&!this.hasLabel,"p-disabled":this.$attrs.disabled,"p-highlight":!0===this.modelValue}},iconClass(){return[this.modelValue?this.onIcon:this.offIcon,"p-button-icon",{"p-button-icon-left":"left"===this.iconPos&&this.label,"p-button-icon-right":"right"===this.iconPos&&this.label}]},hasLabel(){return this.onLabel&&this.onLabel.length>0&&this.offLabel&&this.offLabel.length>0},hasIcon(){return this.onIcon&&this.onIcon.length>0&&this.offIcon&&this.offIcon.length>0},label(){return this.hasLabel?this.modelValue?this.onLabel:this.offLabel:" "}},directives:{ripple:t}};const c={class:"p-button-label"};h.render=function(t,h,r,u,b,p){const d=e("ripple");return o((n(),l("div",{class:p.buttonClass,onClick:h[1]||(h[1]=t=>p.onClick(t)),role:"checkbox","aria-checked":r.modelValue,tabindex:t.$attrs.disabled?null:"0"},[p.hasIcon?(n(),l("span",{key:0,class:p.iconClass},null,2)):i("",!0),s("span",c,a(p.label),1)],10,["aria-checked","tabindex"])),[[d]])};export{h as default};

package/togglebutton/togglebutton.js

@@ -58,7 +58,7 @@ this.primevue.togglebutton = (function (Ripple, vue) {
             }
         },
         directives: {
-            'ripple': Ripple__default['default']
+            'ripple': Ripple__default["default"]
         }
     };
 
@@ -90,4 +90,4 @@ this.primevue.togglebutton = (function (Ripple, vue) {
 
     return script;
 
-}(primevue.ripple, Vue));
+})(primevue.ripple, Vue);

package/toolbar/Toolbar.d.ts

@@ -1,13 +1,38 @@
 import { VNode } from 'vue';
+import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
-interface ToolbarProps {}
+export interface ToolbarProps {
+}
+
+export interface ToolbarSlots {
+    /**
+     * Custom start template.
+     */
+    start: () => VNode[];
+    /**
+     * Custom end template.
+     */
+    end: () => VNode[];
+}
+
+export declare type ToolbarEmits = {
+}
+
+declare class Toolbar extends ClassComponent<ToolbarProps, ToolbarSlots, ToolbarEmits> { }
 
-declare class Toolbar {
-    $props: ToolbarProps;
-    $slots: {
-        left: VNode[];
-        right: VNode[];
+declare module '@vue/runtime-core' {
+    interface GlobalComponents {
+        Toolbar: GlobalComponentConstructor<Toolbar>
     }
 }
 
+/**
+ *
+ * Toolbar is a grouping component for buttons and other content.
+ *
+ * Demos:
+ *
+ * - [Toolbar](https://www.primefaces.org/primevue/showcase/#/toolbar)
+ *
+ */
 export default Toolbar;

package/toolbar/toolbar.esm.js

@@ -54,4 +54,4 @@ styleInject(css_248z);
 
 script.render = render;
 
-export default script;
+export { script as default };

package/toolbar/toolbar.esm.min.js

@@ -1 +1 @@
-import{openBlock as e,createBlock as t,createVNode as n,renderSlot as o}from"vue";var l={name:"Toolbar"};const a={class:"p-toolbar p-component",role:"toolbar"},r={class:"p-toolbar-group-left"},s={class:"p-toolbar-group-right"};!function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],l=document.createElement("style");l.type="text/css","top"===n&&o.firstChild?o.insertBefore(l,o.firstChild):o.appendChild(l),l.styleSheet?l.styleSheet.cssText=e:l.appendChild(document.createTextNode(e))}}("\n.p-toolbar {\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: justify;\n        -ms-flex-pack: justify;\n            justify-content: space-between;\n    -ms-flex-wrap: wrap;\n        flex-wrap: wrap;\n}\n.p-toolbar-group-left,\n.p-toolbar-group-right {\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}\n"),l.render=function(l,i,p,d,c,f){return e(),t("div",a,[n("div",r,[o(l.$slots,"start")]),n("div",s,[o(l.$slots,"end")])])};export default l;
+import{openBlock as e,createBlock as t,createVNode as n,renderSlot as o}from"vue";var l={name:"Toolbar"};const a={class:"p-toolbar p-component",role:"toolbar"},r={class:"p-toolbar-group-left"},s={class:"p-toolbar-group-right"};!function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],l=document.createElement("style");l.type="text/css","top"===n&&o.firstChild?o.insertBefore(l,o.firstChild):o.appendChild(l),l.styleSheet?l.styleSheet.cssText=e:l.appendChild(document.createTextNode(e))}}("\n.p-toolbar {\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: justify;\n        -ms-flex-pack: justify;\n            justify-content: space-between;\n    -ms-flex-wrap: wrap;\n        flex-wrap: wrap;\n}\n.p-toolbar-group-left,\n.p-toolbar-group-right {\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}\n"),l.render=function(l,i,p,d,c,f){return e(),t("div",a,[n("div",r,[o(l.$slots,"start")]),n("div",s,[o(l.$slots,"end")])])};export{l as default};

package/toolbar/toolbar.js

@@ -58,4 +58,4 @@ this.primevue.toolbar = (function (vue) {
 
     return script;
 
-}(Vue));
+})(Vue);

package/tooltip/tooltip.esm.js

@@ -308,4 +308,4 @@ const Tooltip = {
     }
 };
 
-export default Tooltip;
+export { Tooltip as default };

package/tooltip/tooltip.esm.min.js

@@ -1 +1 @@
-import{DomHandler as t,ZIndexUtils as e,UniqueComponentId as o,ConnectedOverlayScrollHandler as l}from"primevue/utils";function i(t){s(t.currentTarget)}function n(t){d(t.currentTarget)}function p(t){s(t.currentTarget)}function r(t){d(t.currentTarget)}function u(t){d(t.currentTarget)}function s(i){if(i.$_ptooltipDisabled)return;let n=function(t){const e=o()+"_tooltip";t.$_ptooltipId=e;let l=document.createElement("div");l.id=e;let i=document.createElement("div");i.className="p-tooltip-arrow",l.appendChild(i);let n=document.createElement("div");return n.className="p-tooltip-text",n.innerHTML=t.$_ptooltipValue,l.appendChild(n),document.body.appendChild(l),l.style.display="inline-block",l}(i);!function(t){const e=t.$_ptooltipModifiers;e.top?(m(t),h(t)&&$(t)):e.left?(v(t),h(t)&&(g(t),h(t)&&(m(t),h(t)&&$(t)))):e.bottom?($(t),h(t)&&m(t)):(g(t),h(t)&&(v(t),h(t)&&(m(t),h(t)&&$(t))))}(i),t.fadeIn(n,250),window.addEventListener("resize",(function e(){t.isAndroid()||d(i),this.removeEventListener("resize",e)})),function(t){t.$_ptooltipScrollHandler||(t.$_ptooltipScrollHandler=new l(t,(function(){d(t)}))),t.$_ptooltipScrollHandler.bindScrollListener()}(i),e.set("tooltip",n,i.$_ptooltipZIndex)}function d(t){c(t),function(t){t.$_ptooltipScrollHandler&&t.$_ptooltipScrollHandler.unbindScrollListener()}(t),e.clear(t)}function a(t){return document.getElementById(t.$_ptooltipId)}function c(t){if(t){let e=a(t);e&&e.parentElement&&document.body.removeChild(e),t.$_ptooltipId=null}}function f(e){let o=e.getBoundingClientRect();return{left:o.left+t.getWindowScrollLeft(),top:o.top+t.getWindowScrollTop()}}function g(e){_(e,"right");let o=a(e),l=f(e),i=l.left+t.getOuterWidth(e),n=l.top+(t.getOuterHeight(e)-t.getOuterHeight(o))/2;o.style.left=i+"px",o.style.top=n+"px"}function v(e){_(e,"left");let o=a(e),l=f(e),i=l.left-t.getOuterWidth(o),n=l.top+(t.getOuterHeight(e)-t.getOuterHeight(o))/2;o.style.left=i+"px",o.style.top=n+"px"}function m(e){_(e,"top");let o=a(e),l=f(e),i=l.left+(t.getOuterWidth(e)-t.getOuterWidth(o))/2,n=l.top-t.getOuterHeight(o);o.style.left=i+"px",o.style.top=n+"px"}function $(e){_(e,"bottom");let o=a(e),l=f(e),i=l.left+(t.getOuterWidth(e)-t.getOuterWidth(o))/2,n=l.top+t.getOuterHeight(e);o.style.left=i+"px",o.style.top=n+"px"}function _(t,e){let o=a(t);o.style.left="-999px",o.style.top="-999px",o.className=`p-tooltip p-component p-tooltip-${e} ${t.$_ptooltipClass||""}`}function h(e){let o=a(e),l=o.getBoundingClientRect(),i=l.top,n=l.left,p=t.getOuterWidth(o),r=t.getOuterHeight(o),u=t.getViewport();return n+p>u.width||n<0||i<0||i+r>u.height}function b(e){return t.hasClass(e,"p-inputwrapper")?t.findSingle(e,"input"):e}function y(t){return t.modifiers&&Object.keys(t.modifiers).length?t.modifiers:t.arg&&"object"==typeof t.arg?Object.entries(t.arg).reduce(((t,[e,o])=>("event"!==e&&"position"!==e||(t[o]=!0),t)),{}):{}}const E={beforeMount(t,e){let o=b(t);o.$_ptooltipModifiers=y(e),e.value&&("string"==typeof e.value?(o.$_ptooltipValue=e.value,o.$_ptooltipDisabled=!1,o.$_ptooltipClass=null):(o.$_ptooltipValue=e.value.value,o.$_ptooltipDisabled=e.value.disabled||!1,o.$_ptooltipClass=e.value.class),o.$_ptooltipZIndex=e.instance.$primevue&&e.instance.$primevue.config&&e.instance.$primevue.config.zIndex.tooltip,function(t){t.$_ptooltipModifiers.focus?(t.addEventListener("focus",p),t.addEventListener("blur",r)):(t.addEventListener("mouseenter",i),t.addEventListener("mouseleave",n),t.addEventListener("click",u))}(o))},unmounted(t){let o=b(t);c(o),function(t){t.$_ptooltipModifiers.focus?(t.removeEventListener("focus",p),t.removeEventListener("blur",r)):(t.removeEventListener("mouseenter",i),t.removeEventListener("mouseleave",n),t.removeEventListener("click",u))}(o),o.$_ptooltipScrollHandler&&(o.$_ptooltipScrollHandler.destroy(),o.$_ptooltipScrollHandler=null),e.clear(t)},updated(t,e){let o=b(t);o.$_ptooltipModifiers=y(e),e.value&&("string"==typeof e.value?(o.$_ptooltipValue=e.value,o.$_ptooltipDisabled=!1,o.$_ptooltipClass=null):(o.$_ptooltipValue=e.value.value,o.$_ptooltipDisabled=e.value.disabled||!1,o.$_ptooltipClass=e.value.class))}};export default E;
+import{DomHandler as t,ZIndexUtils as e,UniqueComponentId as o,ConnectedOverlayScrollHandler as l}from"primevue/utils";function i(t){s(t.currentTarget)}function n(t){d(t.currentTarget)}function p(t){s(t.currentTarget)}function r(t){d(t.currentTarget)}function u(t){d(t.currentTarget)}function s(i){if(i.$_ptooltipDisabled)return;let n=function(t){const e=o()+"_tooltip";t.$_ptooltipId=e;let l=document.createElement("div");l.id=e;let i=document.createElement("div");i.className="p-tooltip-arrow",l.appendChild(i);let n=document.createElement("div");return n.className="p-tooltip-text",n.innerHTML=t.$_ptooltipValue,l.appendChild(n),document.body.appendChild(l),l.style.display="inline-block",l}(i);!function(t){const e=t.$_ptooltipModifiers;e.top?(m(t),h(t)&&$(t)):e.left?(v(t),h(t)&&(g(t),h(t)&&(m(t),h(t)&&$(t)))):e.bottom?($(t),h(t)&&m(t)):(g(t),h(t)&&(v(t),h(t)&&(m(t),h(t)&&$(t))))}(i),t.fadeIn(n,250),window.addEventListener("resize",(function e(){t.isAndroid()||d(i),this.removeEventListener("resize",e)})),function(t){t.$_ptooltipScrollHandler||(t.$_ptooltipScrollHandler=new l(t,(function(){d(t)}))),t.$_ptooltipScrollHandler.bindScrollListener()}(i),e.set("tooltip",n,i.$_ptooltipZIndex)}function d(t){c(t),function(t){t.$_ptooltipScrollHandler&&t.$_ptooltipScrollHandler.unbindScrollListener()}(t),e.clear(t)}function a(t){return document.getElementById(t.$_ptooltipId)}function c(t){if(t){let e=a(t);e&&e.parentElement&&document.body.removeChild(e),t.$_ptooltipId=null}}function f(e){let o=e.getBoundingClientRect();return{left:o.left+t.getWindowScrollLeft(),top:o.top+t.getWindowScrollTop()}}function g(e){_(e,"right");let o=a(e),l=f(e),i=l.left+t.getOuterWidth(e),n=l.top+(t.getOuterHeight(e)-t.getOuterHeight(o))/2;o.style.left=i+"px",o.style.top=n+"px"}function v(e){_(e,"left");let o=a(e),l=f(e),i=l.left-t.getOuterWidth(o),n=l.top+(t.getOuterHeight(e)-t.getOuterHeight(o))/2;o.style.left=i+"px",o.style.top=n+"px"}function m(e){_(e,"top");let o=a(e),l=f(e),i=l.left+(t.getOuterWidth(e)-t.getOuterWidth(o))/2,n=l.top-t.getOuterHeight(o);o.style.left=i+"px",o.style.top=n+"px"}function $(e){_(e,"bottom");let o=a(e),l=f(e),i=l.left+(t.getOuterWidth(e)-t.getOuterWidth(o))/2,n=l.top+t.getOuterHeight(e);o.style.left=i+"px",o.style.top=n+"px"}function _(t,e){let o=a(t);o.style.left="-999px",o.style.top="-999px",o.className=`p-tooltip p-component p-tooltip-${e} ${t.$_ptooltipClass||""}`}function h(e){let o=a(e),l=o.getBoundingClientRect(),i=l.top,n=l.left,p=t.getOuterWidth(o),r=t.getOuterHeight(o),u=t.getViewport();return n+p>u.width||n<0||i<0||i+r>u.height}function b(e){return t.hasClass(e,"p-inputwrapper")?t.findSingle(e,"input"):e}function y(t){return t.modifiers&&Object.keys(t.modifiers).length?t.modifiers:t.arg&&"object"==typeof t.arg?Object.entries(t.arg).reduce(((t,[e,o])=>("event"!==e&&"position"!==e||(t[o]=!0),t)),{}):{}}const E={beforeMount(t,e){let o=b(t);o.$_ptooltipModifiers=y(e),e.value&&("string"==typeof e.value?(o.$_ptooltipValue=e.value,o.$_ptooltipDisabled=!1,o.$_ptooltipClass=null):(o.$_ptooltipValue=e.value.value,o.$_ptooltipDisabled=e.value.disabled||!1,o.$_ptooltipClass=e.value.class),o.$_ptooltipZIndex=e.instance.$primevue&&e.instance.$primevue.config&&e.instance.$primevue.config.zIndex.tooltip,function(t){t.$_ptooltipModifiers.focus?(t.addEventListener("focus",p),t.addEventListener("blur",r)):(t.addEventListener("mouseenter",i),t.addEventListener("mouseleave",n),t.addEventListener("click",u))}(o))},unmounted(t){let o=b(t);c(o),function(t){t.$_ptooltipModifiers.focus?(t.removeEventListener("focus",p),t.removeEventListener("blur",r)):(t.removeEventListener("mouseenter",i),t.removeEventListener("mouseleave",n),t.removeEventListener("click",u))}(o),o.$_ptooltipScrollHandler&&(o.$_ptooltipScrollHandler.destroy(),o.$_ptooltipScrollHandler=null),e.clear(t)},updated(t,e){let o=b(t);o.$_ptooltipModifiers=y(e),e.value&&("string"==typeof e.value?(o.$_ptooltipValue=e.value,o.$_ptooltipDisabled=!1,o.$_ptooltipClass=null):(o.$_ptooltipValue=e.value.value,o.$_ptooltipDisabled=e.value.disabled||!1,o.$_ptooltipClass=e.value.class))}};export{E as default};

package/tooltip/tooltip.js

@@ -312,4 +312,4 @@ this.primevue.tooltip = (function (utils) {
 
     return Tooltip;
 
-}(primevue.utils));
+})(primevue.utils);

package/tree/Tree.d.ts

@@ -1,36 +1,199 @@
 import { VNode } from 'vue';
+import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
-interface TreeProps {
-    value?: any;
-    expandedKeys?: any;
-    selectionKeys?: any;
-    selectionMode?: string;
-    metaKeySelection?: string;
-    loading?: boolean;
-    loadingIcon?: string;
-    filter?: boolean;
-    filterBy?: string;
-    filterMode?: string;
-    filterPlaceholder?: string;
-    filterLocale?: string;
-    scrollHeight?: string;
+export interface TreeNode {
+    /**
+     * Mandatory unique key of the node.
+     */
+    key?: string;
+    /**
+     * Label of the node.
+     */
+    label?: string;
+    /**
+     * Data represented by the node.
+     */
+    data?: any;
+    /**
+     * Type of the node to match a template.
+     */
+    type?: string;
+    /**
+     * Icon of the node to display next to content.
+     */
+    icon?: string;
+    /**
+     * An array of treenodes as children.
+     */
+    children?: TreeNode[];
+    /**
+     * Inline style of the node.
+     */
+    style?: any;
+    /**
+     * Style class of the node.
+     */
+    styleClass?: string;
+    /**
+     * Whether the node is selectable when selection mode is enabled.
+     */
+    selectable?: boolean;
+    /**
+     * Specifies if the node has children. Used in lazy loading.
+     */
+    leaf?: boolean;
+    /**
+     * Optional
+     */
+    [key: string]: any;
 }
 
-interface TreeSlotInterface{
-    node: any;
+type TreeSelectionModeType = 'single' | 'multiple' | 'checkbox' | undefined;
+
+type TreeFilterModeType = 'lenient' | 'strict' | undefined;
+
+type TreeScrollHeightType = 'flex' | string | undefined;
+
+export interface TreeExpandedKeys {
+    /**
+     * Optional
+     */
+    [key: string]: any;
+}
+
+export interface TreeSelectionKeys {
+    /**
+     * Optional
+     */
+    [key: string]: any;
+}
+
+export interface TreeProps {
+    /**
+     * An array of treenodes.
+     */
+    value?: TreeNode[] | undefined;
+    /**
+     * A map of keys to represent the expansion state in controlled mode.
+     */
+    expandedKeys?: TreeExpandedKeys;
+    /**
+     * A map of keys to control the selection state.
+     */
+    selectionKeys?: TreeSelectionKeys;
+    /**
+     * Defines the selection mode.
+     */
+    selectionMode?: TreeSelectionModeType;
+    /**
+     * Defines how multiple items can be selected, when true metaKey needs to be pressed to select or unselect an item and when set to false selection of each item can be toggled individually.
+     * On touch enabled devices, metaKeySelection is turned off automatically.
+     * Default value is true.
+     */
+    metaKeySelection?: boolean | undefined;
+    /**
+     * Whether to display loading indicator.
+     */
+    loading?: boolean | undefined;
+    /**
+     * Icon to display when tree is loading.
+     * Default value is 'pi pi-spin'.
+     */
+    loadingIcon?: string | undefined;
+    /**
+     * When specified, displays an input field to filter the items.
+     */
+    filter?: boolean | undefined;
+    /**
+     * When filtering is enabled, filterBy decides which field or fields (comma separated) to search against.
+     * Default valye is 'label'.
+     */
+    filterBy?: string | undefined;
+    /**
+     * Mode for filtering.
+     * @see TreeFilterModeType
+     * Default value is 'lenient'.
+     */
+    filterMode?: TreeFilterModeType;
+    /**
+     * Placeholder text to show when filter input is empty.
+     */
+    filterPlaceholder?: string | undefined;
+    /**
+     * Locale to use in filtering. The default locale is the host environment's current locale.
+     */
+    filterLocale?: string | undefined;
+    /**
+     * Height of the scroll viewport in fixed units or the 'flex' keyword for a dynamic size.
+     * @see TreeScrollHeightType
+     */
+    scrollHeight?: TreeScrollHeightType;
+}
+
+export interface TreeSlots {
+    /**
+     * Optional slots.
+     */
+    [key: string]: (scope: {
+        /**
+         * Tree node instance
+         */
+        node: TreeNode;
+    }) => VNode[];
 }
 
-declare class Tree {
-    $props: TreeProps;
-    $emit(eventName: 'update:expandedKeys', value: any): this;
-    $emit(eventName: 'update:selectionKeys', value: any): this;
-    $emit(eventName: 'node-select', node: any): this;
-    $emit(eventName: 'node-unselect', node: any): this;
-    $emit(eventName: 'node-expand', node: any): this;
-    $emit(eventName: 'node-collapse', node: any): this;
-    $slots: {
-        [key: string]: TreeSlotInterface;
+export declare type TreeEmits = {
+    /**
+     * Emitted when the expanded keys change.
+     * @param {TreeNode} value - New expanded keys.
+     */
+    'update:expandedKeys': (value: TreeExpandedKeys) => void;
+    /**
+      * Emitted when the selection keys change.
+      * @param {TreeSelectionKeys} value - New selection keys.
+      */
+    'update:selectionKeys': (event: TreeSelectionKeys) => void;
+    /**
+     * Callback to invoke when a node is selected.
+     * @param {TreeNode} node - Node instance.
+     */
+    'node-select': (node: TreeNode) => void;
+    /**
+     * Callback to invoke when a node is unselected.
+     * @param {TreeNode} node - Node instance.
+     */
+    'node-unselect': (node: TreeNode) => void;
+    /**
+     * Callback to invoke when a node is expanded.
+     * @param {TreeNode} node - Node instance.
+     */
+    'node-expand': (node: TreeNode) => void;
+    /**
+     * Callback to invoke when a node is collapsed.
+     * @param {TreeNode} node - Node instance.
+     */
+    'node-collapse': (node: TreeNode) => void;
+}
+
+declare class Tree extends ClassComponent<TreeProps, TreeSlots, TreeEmits> { }
+
+declare module '@vue/runtime-core' {
+    interface GlobalComponents {
+        Tree: GlobalComponentConstructor<Tree>
     }
 }
 
+/**
+ *
+ * Tree is used to display hierarchical data.
+ *
+ * Helper API:
+ *
+ * - TreeNode
+ *
+ * Demos:
+ *
+ * - [Tree](https://www.primefaces.org/primevue/showcase/#/tree)
+ *
+ */
 export default Tree;

package/tree/Tree.vue

@@ -318,6 +318,7 @@ export default {
     justify-content: center;
     overflow: hidden;
     position: relative;
+    flex-shrink: 0;
 }
 
 .p-treenode-leaf > .p-treenode-content .p-tree-toggler {

package/tree/tree.cjs.js

@@ -270,7 +270,7 @@ var script$1 = {
         }
     },
     directives: {
-        'ripple': Ripple__default['default']
+        'ripple': Ripple__default["default"]
     }
 };
 
@@ -705,7 +705,7 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z = "\n.p-tree-container {\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n    overflow: auto;\n}\n.p-treenode-children {\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n}\n.p-tree-wrapper {\n    overflow: auto;\n}\n.p-treenode-selectable {\n    cursor: pointer;\n    -webkit-user-select: none;\n       -moz-user-select: none;\n        -ms-user-select: none;\n            user-select: none;\n}\n.p-tree-toggler {\n    cursor: pointer;\n    -webkit-user-select: none;\n       -moz-user-select: none;\n        -ms-user-select: none;\n            user-select: none;\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-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    position: relative;\n}\n.p-treenode-leaf > .p-treenode-content .p-tree-toggler {\n    visibility: hidden;\n}\n.p-treenode-content {\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}\n.p-tree-filter {\n    width: 100%;\n}\n.p-tree-filter-container {\n    position: relative;\n    display: block;\n    width: 100%;\n}\n.p-tree-filter-icon {\n    position: absolute;\n    top: 50%;\n    margin-top: -.5rem;\n}\n.p-tree-loading {\n    position: relative;\n    min-height: 4rem;\n}\n.p-tree .p-tree-loading-overlay {\n    position: absolute;\n    z-index: 1;\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}\n.p-tree-flex-scrollable {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-flex: 1;\n        -ms-flex: 1;\n            flex: 1;\n    height: 100%;\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n}\n.p-tree-flex-scrollable .p-tree-wrapper {\n    -webkit-box-flex: 1;\n        -ms-flex: 1;\n            flex: 1;\n}\n";
+var css_248z = "\n.p-tree-container {\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n    overflow: auto;\n}\n.p-treenode-children {\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n}\n.p-tree-wrapper {\n    overflow: auto;\n}\n.p-treenode-selectable {\n    cursor: pointer;\n    -webkit-user-select: none;\n       -moz-user-select: none;\n        -ms-user-select: none;\n            user-select: none;\n}\n.p-tree-toggler {\n    cursor: pointer;\n    -webkit-user-select: none;\n       -moz-user-select: none;\n        -ms-user-select: none;\n            user-select: none;\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-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    position: relative;\n    -ms-flex-negative: 0;\n        flex-shrink: 0;\n}\n.p-treenode-leaf > .p-treenode-content .p-tree-toggler {\n    visibility: hidden;\n}\n.p-treenode-content {\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}\n.p-tree-filter {\n    width: 100%;\n}\n.p-tree-filter-container {\n    position: relative;\n    display: block;\n    width: 100%;\n}\n.p-tree-filter-icon {\n    position: absolute;\n    top: 50%;\n    margin-top: -.5rem;\n}\n.p-tree-loading {\n    position: relative;\n    min-height: 4rem;\n}\n.p-tree .p-tree-loading-overlay {\n    position: absolute;\n    z-index: 1;\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}\n.p-tree-flex-scrollable {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-flex: 1;\n        -ms-flex: 1;\n            flex: 1;\n    height: 100%;\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n}\n.p-tree-flex-scrollable .p-tree-wrapper {\n    -webkit-box-flex: 1;\n        -ms-flex: 1;\n            flex: 1;\n}\n";
 styleInject(css_248z);
 
 script.render = render;