primevue 3.30.2 → 3.32.0

package/togglebutton/ToggleButton.d.ts

@@ -20,6 +20,7 @@ export interface ToggleButtonPassThroughMethodOptions {
     instance: any;
     props: ToggleButtonProps;
     state: ToggleButtonState;
+    context: ToggleButtonContext;
 }
 
 /**
@@ -28,27 +29,27 @@ export interface ToggleButtonPassThroughMethodOptions {
  */
 export interface ToggleButtonPassThroughOptions {
     /**
-     * Uses to pass attributes to the root's DOM element.
+     * Used to pass attributes to the root's DOM element.
      */
     root?: ToggleButtonPassThroughOptionType;
     /**
-     * Uses to pass attributes to the icon's DOM element.
+     * Used to pass attributes to the icon's DOM element.
      */
     icon?: ToggleButtonPassThroughOptionType;
     /**
-     * Uses to pass attributes to the label's DOM element.
+     * Used to pass attributes to the label's DOM element.
      */
     label?: ToggleButtonPassThroughOptionType;
     /**
-     * Uses to pass attributes to the hidden input wrapper's DOM element.
+     * Used to pass attributes to the hidden input wrapper's DOM element.
      */
     hiddenInputWrapper?: ToggleButtonPassThroughOptionType;
     /**
-     * Uses to pass attributes to the hidden input's DOM element.
+     * Used to pass attributes to the hidden input's DOM element.
      */
     hiddenInput?: ToggleButtonPassThroughOptionType;
     /**
-     * Uses to manage all lifecycle hooks
+     * Used to manage all lifecycle hooks
      * @see {@link BaseComponent.ComponentHooks}
      */
     hooks?: ComponentHooks;
@@ -66,11 +67,32 @@ export interface ToggleButtonPassThroughAttributes {
  */
 export interface ToggleButtonState {
     /**
-     * Focused state as a number.
+     * Focused state as a boolean.
      */
     focused: boolean;
 }
 
+/**
+ * Defines current options in ToggleButton component.
+ */
+export interface ToggleButtonContext {
+    /**
+     * Current focused state as a boolean.
+     * @defaultValue false
+     */
+    focused: boolean;
+    /**
+     * Current disabled state as a boolean.
+     * @defaultValue false
+     */
+    disabled: boolean;
+    /**
+     * Current highlighted state as a boolean.
+     * @defaultValue false
+     */
+    highlighted: boolean;
+}
+
 /**
  * Defines valid properties in ToggleButton component.
  */
@@ -127,7 +149,7 @@ export interface ToggleButtonProps {
      */
     inputStyle?: object | undefined;
     /**
-     * Uses to pass all properties of the HTMLInputElement to the focusable input element inside the component.
+     * Used to pass all properties of the HTMLInputElement to the focusable input element inside the component.
      */
     inputProps?: InputHTMLAttributes | undefined;
     /**
@@ -139,7 +161,7 @@ export interface ToggleButtonProps {
      */
     'aria-label'?: string | undefined;
     /**
-     * Uses to pass attributes to DOM elements inside the component.
+     * Used to pass attributes to DOM elements inside the component.
      * @type {ToggleButtonPassThroughOptions}
      */
     pt?: ToggleButtonPassThroughOptions;

package/togglebutton/ToggleButton.vue

@@ -1,5 +1,5 @@
 <template>
-    <div ref="container" v-ripple :class="cx('root')" @click="onClick($event)" v-bind="ptm('root')" :data-p-active="modelValue === true" data-pc-name="togglebutton">
+    <div ref="container" v-ripple :class="cx('root')" @click="onClick($event)" v-bind="ptm('root', ptOptions)" :data-p-active="modelValue === true" data-pc-name="togglebutton">
         <span class="p-hidden-accessible" v-bind="ptm('hiddenInputWrapper')" :data-p-hidden-accessible="true">
             <input
                 :id="inputId"
@@ -17,9 +17,9 @@
             />
         </span>
         <slot name="icon" :value="modelValue" :class="cx('icon')">
-            <span v-if="onIcon || offIcon" :class="[cx('icon'), modelValue ? onIcon : offIcon]" v-bind="ptm('icon')" />
+            <span v-if="onIcon || offIcon" :class="[cx('icon'), modelValue ? onIcon : offIcon]" v-bind="ptm('icon', ptOptions)" />
         </slot>
-        <span :class="cx('label')" v-bind="ptm('label')">{{ label }}</span>
+        <span :class="cx('label')" v-bind="ptm('label', ptOptions)">{{ label }}</span>
     </div>
 </template>
 
@@ -87,6 +87,15 @@ export default {
         },
         label() {
             return this.hasLabel ? (this.modelValue ? this.onLabel : this.offLabel) : '&nbsp;';
+        },
+        ptOptions() {
+            return {
+                context: {
+                    focused: this.focused,
+                    disabled: this.disabled,
+                    highlighted: this.modelValue === true
+                }
+            };
         }
     },
     directives: {

package/togglebutton/togglebutton.cjs.js

@@ -152,6 +152,15 @@ var script = {
     },
     label: function label() {
       return this.hasLabel ? this.modelValue ? this.onLabel : this.offLabel : ' ';
+    },
+    ptOptions: function ptOptions() {
+      return {
+        context: {
+          focused: this.focused,
+          disabled: this.disabled,
+          highlighted: this.modelValue === true
+        }
+      };
     }
   },
   directives: {
@@ -175,7 +184,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     onClick: _cache[2] || (_cache[2] = function ($event) {
       return $options.onClick($event);
     })
-  }, _ctx.ptm('root'), {
+  }, _ctx.ptm('root', $options.ptOptions), {
     "data-p-active": _ctx.modelValue === true,
     "data-pc-name": "togglebutton"
   }), [vue.createElementVNode("span", vue.mergeProps({
@@ -205,10 +214,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     return [_ctx.onIcon || _ctx.offIcon ? (vue.openBlock(), vue.createElementBlock("span", vue.mergeProps({
       key: 0,
       "class": [_ctx.cx('icon'), _ctx.modelValue ? _ctx.onIcon : _ctx.offIcon]
-    }, _ctx.ptm('icon')), null, 16)) : vue.createCommentVNode("", true)];
+    }, _ctx.ptm('icon', $options.ptOptions)), null, 16)) : vue.createCommentVNode("", true)];
   }), vue.createElementVNode("span", vue.mergeProps({
     "class": _ctx.cx('label')
-  }, _ctx.ptm('label')), vue.toDisplayString($options.label), 17)], 16, _hoisted_1)), [[_directive_ripple]]);
+  }, _ctx.ptm('label', $options.ptOptions)), vue.toDisplayString($options.label), 17)], 16, _hoisted_1)), [[_directive_ripple]]);
 }
 
 script.render = render;

package/togglebutton/togglebutton.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/ripple"),t=require("primevue/basecomponent"),n=require("vue");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=o(e),r={name:"ToggleButton",extends:{name:"BaseToggleButton",extends:o(t).default,props:{modelValue:Boolean,onIcon:String,offIcon:String,onLabel:{type:String,default:"Yes"},offLabel:{type:String,default:"No"},iconPos:{type:String,default:"left"},disabled:{type:Boolean,default:!1},tabindex:{type:Number,default:null},inputId:{type:String,default:null},inputClass:{type:[String,Object],default:null},inputStyle:{type:Object,default:null},inputProps:{type:null,default:null},"aria-labelledby":{type:String,default:null},"aria-label":{type:String,default:null}},css:{classes:{root:function(e){var t=e.instance,n=e.props;return["p-button p-togglebutton p-component",{"p-focus":t.focused,"p-button-icon-only":t.hasIcon&&!t.hasLabel,"p-disabled":n.disabled,"p-highlight":!0===n.modelValue}]},icon:function(e){var t=e.instance,n=e.props;return["p-button-icon",{"p-button-icon-left":"left"===n.iconPos&&t.label,"p-button-icon-right":"right"===n.iconPos&&t.label}]},label:"p-button-label"}},provide:function(){return{$parentInstance:this}}},emits:["update:modelValue","change","click","focus","blur"],outsideClickListener:null,data:function(){return{focused:!1}},mounted:function(){this.bindOutsideClickListener()},beforeUnmount:function(){this.unbindOutsideClickListener()},methods:{onClick:function(e){this.disabled||(this.$emit("update:modelValue",!this.modelValue),this.$emit("change",e),this.$emit("click",e),this.focused=!0)},onFocus:function(e){this.focused=!0,this.$emit("focus",e)},onBlur:function(e){this.focused=!1,this.$emit("blur",e)},bindOutsideClickListener:function(){var e=this;this.outsideClickListener||(this.outsideClickListener=function(t){e.focused&&!e.$refs.container.contains(t.target)&&(e.focused=!1)},document.addEventListener("click",this.outsideClickListener))},unbindOutsideClickListener:function(){this.outsideClickListener&&(document.removeEventListener("click",this.outsideClickListener),this.outsideClickListener=null)}},computed:{hasLabel:function(){return this.onLabel&&this.onLabel.length>0&&this.offLabel&&this.offLabel.length>0},hasIcon:function(){return this.$slots.icon||this.onIcon&&this.offIcon},label:function(){return this.hasLabel?this.modelValue?this.onLabel:this.offLabel:"&nbsp;"}},directives:{ripple:i.default}};function l(e){return l="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},l(e)}function u(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function c(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?u(Object(n),!0).forEach((function(t){a(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):u(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function a(e,t,n){return(t=s(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function s(e){var t=p(e,"string");return"symbol"===l(t)?t:String(t)}function p(e,t){if("object"!==l(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==l(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var d=["data-p-active"],f=["id","checked","value","aria-labelledby","aria-label"];r.render=function(e,t,o,i,r,l){var u=n.resolveDirective("ripple");return n.withDirectives((n.openBlock(),n.createElementBlock("div",n.mergeProps({ref:"container",class:e.cx("root"),onClick:t[2]||(t[2]=function(e){return l.onClick(e)})},e.ptm("root"),{"data-p-active":!0===e.modelValue,"data-pc-name":"togglebutton"}),[n.createElementVNode("span",n.mergeProps({class:"p-hidden-accessible"},e.ptm("hiddenInputWrapper"),{"data-p-hidden-accessible":!0}),[n.createElementVNode("input",n.mergeProps({id:e.inputId,type:"checkbox",role:"switch",class:e.inputClass,style:e.inputStyle,checked:e.modelValue,value:e.modelValue,"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel,onFocus:t[0]||(t[0]=function(e){return l.onFocus(e)}),onBlur:t[1]||(t[1]=function(e){return l.onBlur(e)})},c(c({},e.inputProps),e.ptm("hiddenInput"))),null,16,f)],16),n.renderSlot(e.$slots,"icon",{value:e.modelValue,class:n.normalizeClass(e.cx("icon"))},(function(){return[e.onIcon||e.offIcon?(n.openBlock(),n.createElementBlock("span",n.mergeProps({key:0,class:[e.cx("icon"),e.modelValue?e.onIcon:e.offIcon]},e.ptm("icon")),null,16)):n.createCommentVNode("",!0)]})),n.createElementVNode("span",n.mergeProps({class:e.cx("label")},e.ptm("label")),n.toDisplayString(l.label),17)],16,d)),[[u]])},module.exports=r;
+"use strict";var e=require("primevue/ripple"),t=require("primevue/basecomponent"),n=require("vue");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=i(e),l={name:"ToggleButton",extends:{name:"BaseToggleButton",extends:i(t).default,props:{modelValue:Boolean,onIcon:String,offIcon:String,onLabel:{type:String,default:"Yes"},offLabel:{type:String,default:"No"},iconPos:{type:String,default:"left"},disabled:{type:Boolean,default:!1},tabindex:{type:Number,default:null},inputId:{type:String,default:null},inputClass:{type:[String,Object],default:null},inputStyle:{type:Object,default:null},inputProps:{type:null,default:null},"aria-labelledby":{type:String,default:null},"aria-label":{type:String,default:null}},css:{classes:{root:function(e){var t=e.instance,n=e.props;return["p-button p-togglebutton p-component",{"p-focus":t.focused,"p-button-icon-only":t.hasIcon&&!t.hasLabel,"p-disabled":n.disabled,"p-highlight":!0===n.modelValue}]},icon:function(e){var t=e.instance,n=e.props;return["p-button-icon",{"p-button-icon-left":"left"===n.iconPos&&t.label,"p-button-icon-right":"right"===n.iconPos&&t.label}]},label:"p-button-label"}},provide:function(){return{$parentInstance:this}}},emits:["update:modelValue","change","click","focus","blur"],outsideClickListener:null,data:function(){return{focused:!1}},mounted:function(){this.bindOutsideClickListener()},beforeUnmount:function(){this.unbindOutsideClickListener()},methods:{onClick:function(e){this.disabled||(this.$emit("update:modelValue",!this.modelValue),this.$emit("change",e),this.$emit("click",e),this.focused=!0)},onFocus:function(e){this.focused=!0,this.$emit("focus",e)},onBlur:function(e){this.focused=!1,this.$emit("blur",e)},bindOutsideClickListener:function(){var e=this;this.outsideClickListener||(this.outsideClickListener=function(t){e.focused&&!e.$refs.container.contains(t.target)&&(e.focused=!1)},document.addEventListener("click",this.outsideClickListener))},unbindOutsideClickListener:function(){this.outsideClickListener&&(document.removeEventListener("click",this.outsideClickListener),this.outsideClickListener=null)}},computed:{hasLabel:function(){return this.onLabel&&this.onLabel.length>0&&this.offLabel&&this.offLabel.length>0},hasIcon:function(){return this.$slots.icon||this.onIcon&&this.offIcon},label:function(){return this.hasLabel?this.modelValue?this.onLabel:this.offLabel:"&nbsp;"},ptOptions:function(){return{context:{focused:this.focused,disabled:this.disabled,highlighted:!0===this.modelValue}}}},directives:{ripple:o.default}};function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}function u(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function c(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?u(Object(n),!0).forEach((function(t){s(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):u(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function s(e,t,n){return(t=a(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e){var t=p(e,"string");return"symbol"===r(t)?t:String(t)}function p(e,t){if("object"!==r(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var i=n.call(e,t||"default");if("object"!==r(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var d=["data-p-active"],f=["id","checked","value","aria-labelledby","aria-label"];l.render=function(e,t,i,o,l,r){var u=n.resolveDirective("ripple");return n.withDirectives((n.openBlock(),n.createElementBlock("div",n.mergeProps({ref:"container",class:e.cx("root"),onClick:t[2]||(t[2]=function(e){return r.onClick(e)})},e.ptm("root",r.ptOptions),{"data-p-active":!0===e.modelValue,"data-pc-name":"togglebutton"}),[n.createElementVNode("span",n.mergeProps({class:"p-hidden-accessible"},e.ptm("hiddenInputWrapper"),{"data-p-hidden-accessible":!0}),[n.createElementVNode("input",n.mergeProps({id:e.inputId,type:"checkbox",role:"switch",class:e.inputClass,style:e.inputStyle,checked:e.modelValue,value:e.modelValue,"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel,onFocus:t[0]||(t[0]=function(e){return r.onFocus(e)}),onBlur:t[1]||(t[1]=function(e){return r.onBlur(e)})},c(c({},e.inputProps),e.ptm("hiddenInput"))),null,16,f)],16),n.renderSlot(e.$slots,"icon",{value:e.modelValue,class:n.normalizeClass(e.cx("icon"))},(function(){return[e.onIcon||e.offIcon?(n.openBlock(),n.createElementBlock("span",n.mergeProps({key:0,class:[e.cx("icon"),e.modelValue?e.onIcon:e.offIcon]},e.ptm("icon",r.ptOptions)),null,16)):n.createCommentVNode("",!0)]})),n.createElementVNode("span",n.mergeProps({class:e.cx("label")},e.ptm("label",r.ptOptions)),n.toDisplayString(r.label),17)],16,d)),[[u]])},module.exports=l;

package/togglebutton/togglebutton.esm.js

@@ -145,6 +145,15 @@ var script = {
     },
     label: function label() {
       return this.hasLabel ? this.modelValue ? this.onLabel : this.offLabel : ' ';
+    },
+    ptOptions: function ptOptions() {
+      return {
+        context: {
+          focused: this.focused,
+          disabled: this.disabled,
+          highlighted: this.modelValue === true
+        }
+      };
     }
   },
   directives: {
@@ -168,7 +177,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     onClick: _cache[2] || (_cache[2] = function ($event) {
       return $options.onClick($event);
     })
-  }, _ctx.ptm('root'), {
+  }, _ctx.ptm('root', $options.ptOptions), {
     "data-p-active": _ctx.modelValue === true,
     "data-pc-name": "togglebutton"
   }), [createElementVNode("span", mergeProps({
@@ -198,10 +207,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     return [_ctx.onIcon || _ctx.offIcon ? (openBlock(), createElementBlock("span", mergeProps({
       key: 0,
       "class": [_ctx.cx('icon'), _ctx.modelValue ? _ctx.onIcon : _ctx.offIcon]
-    }, _ctx.ptm('icon')), null, 16)) : createCommentVNode("", true)];
+    }, _ctx.ptm('icon', $options.ptOptions)), null, 16)) : createCommentVNode("", true)];
   }), createElementVNode("span", mergeProps({
     "class": _ctx.cx('label')
-  }, _ctx.ptm('label')), toDisplayString($options.label), 17)], 16, _hoisted_1)), [[_directive_ripple]]);
+  }, _ctx.ptm('label', $options.ptOptions)), toDisplayString($options.label), 17)], 16, _hoisted_1)), [[_directive_ripple]]);
 }
 
 script.render = render;

package/togglebutton/togglebutton.esm.min.js

@@ -1 +1 @@
-import e from"primevue/ripple";import t from"primevue/basecomponent";import{resolveDirective as n,withDirectives as i,openBlock as o,createElementBlock as l,mergeProps as r,createElementVNode as u,renderSlot as c,normalizeClass as a,createCommentVNode as s,toDisplayString as p}from"vue";var f={name:"ToggleButton",extends:{name:"BaseToggleButton",extends:t,props:{modelValue:Boolean,onIcon:String,offIcon:String,onLabel:{type:String,default:"Yes"},offLabel:{type:String,default:"No"},iconPos:{type:String,default:"left"},disabled:{type:Boolean,default:!1},tabindex:{type:Number,default:null},inputId:{type:String,default:null},inputClass:{type:[String,Object],default:null},inputStyle:{type:Object,default:null},inputProps:{type:null,default:null},"aria-labelledby":{type:String,default:null},"aria-label":{type:String,default:null}},css:{classes:{root:function(e){var t=e.instance,n=e.props;return["p-button p-togglebutton p-component",{"p-focus":t.focused,"p-button-icon-only":t.hasIcon&&!t.hasLabel,"p-disabled":n.disabled,"p-highlight":!0===n.modelValue}]},icon:function(e){var t=e.instance,n=e.props;return["p-button-icon",{"p-button-icon-left":"left"===n.iconPos&&t.label,"p-button-icon-right":"right"===n.iconPos&&t.label}]},label:"p-button-label"}},provide:function(){return{$parentInstance:this}}},emits:["update:modelValue","change","click","focus","blur"],outsideClickListener:null,data:function(){return{focused:!1}},mounted:function(){this.bindOutsideClickListener()},beforeUnmount:function(){this.unbindOutsideClickListener()},methods:{onClick:function(e){this.disabled||(this.$emit("update:modelValue",!this.modelValue),this.$emit("change",e),this.$emit("click",e),this.focused=!0)},onFocus:function(e){this.focused=!0,this.$emit("focus",e)},onBlur:function(e){this.focused=!1,this.$emit("blur",e)},bindOutsideClickListener:function(){var e=this;this.outsideClickListener||(this.outsideClickListener=function(t){e.focused&&!e.$refs.container.contains(t.target)&&(e.focused=!1)},document.addEventListener("click",this.outsideClickListener))},unbindOutsideClickListener:function(){this.outsideClickListener&&(document.removeEventListener("click",this.outsideClickListener),this.outsideClickListener=null)}},computed:{hasLabel:function(){return this.onLabel&&this.onLabel.length>0&&this.offLabel&&this.offLabel.length>0},hasIcon:function(){return this.$slots.icon||this.onIcon&&this.offIcon},label:function(){return this.hasLabel?this.modelValue?this.onLabel:this.offLabel:"&nbsp;"}},directives:{ripple:e}};function d(e){return d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},d(e)}function b(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function m(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?b(Object(n),!0).forEach((function(t){h(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):b(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function h(e,t,n){return(t=y(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function y(e){var t=g(e,"string");return"symbol"===d(t)?t:String(t)}function g(e,t){if("object"!==d(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var i=n.call(e,t||"default");if("object"!==d(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var v=["data-p-active"],L=["id","checked","value","aria-labelledby","aria-label"];f.render=function(e,t,f,d,b,h){var y=n("ripple");return i((o(),l("div",r({ref:"container",class:e.cx("root"),onClick:t[2]||(t[2]=function(e){return h.onClick(e)})},e.ptm("root"),{"data-p-active":!0===e.modelValue,"data-pc-name":"togglebutton"}),[u("span",r({class:"p-hidden-accessible"},e.ptm("hiddenInputWrapper"),{"data-p-hidden-accessible":!0}),[u("input",r({id:e.inputId,type:"checkbox",role:"switch",class:e.inputClass,style:e.inputStyle,checked:e.modelValue,value:e.modelValue,"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel,onFocus:t[0]||(t[0]=function(e){return h.onFocus(e)}),onBlur:t[1]||(t[1]=function(e){return h.onBlur(e)})},m(m({},e.inputProps),e.ptm("hiddenInput"))),null,16,L)],16),c(e.$slots,"icon",{value:e.modelValue,class:a(e.cx("icon"))},(function(){return[e.onIcon||e.offIcon?(o(),l("span",r({key:0,class:[e.cx("icon"),e.modelValue?e.onIcon:e.offIcon]},e.ptm("icon")),null,16)):s("",!0)]})),u("span",r({class:e.cx("label")},e.ptm("label")),p(h.label),17)],16,v)),[[y]])};export{f as default};
+import e from"primevue/ripple";import t from"primevue/basecomponent";import{resolveDirective as n,withDirectives as i,openBlock as o,createElementBlock as l,mergeProps as r,createElementVNode as u,renderSlot as s,normalizeClass as c,createCommentVNode as a,toDisplayString as p}from"vue";var d={name:"ToggleButton",extends:{name:"BaseToggleButton",extends:t,props:{modelValue:Boolean,onIcon:String,offIcon:String,onLabel:{type:String,default:"Yes"},offLabel:{type:String,default:"No"},iconPos:{type:String,default:"left"},disabled:{type:Boolean,default:!1},tabindex:{type:Number,default:null},inputId:{type:String,default:null},inputClass:{type:[String,Object],default:null},inputStyle:{type:Object,default:null},inputProps:{type:null,default:null},"aria-labelledby":{type:String,default:null},"aria-label":{type:String,default:null}},css:{classes:{root:function(e){var t=e.instance,n=e.props;return["p-button p-togglebutton p-component",{"p-focus":t.focused,"p-button-icon-only":t.hasIcon&&!t.hasLabel,"p-disabled":n.disabled,"p-highlight":!0===n.modelValue}]},icon:function(e){var t=e.instance,n=e.props;return["p-button-icon",{"p-button-icon-left":"left"===n.iconPos&&t.label,"p-button-icon-right":"right"===n.iconPos&&t.label}]},label:"p-button-label"}},provide:function(){return{$parentInstance:this}}},emits:["update:modelValue","change","click","focus","blur"],outsideClickListener:null,data:function(){return{focused:!1}},mounted:function(){this.bindOutsideClickListener()},beforeUnmount:function(){this.unbindOutsideClickListener()},methods:{onClick:function(e){this.disabled||(this.$emit("update:modelValue",!this.modelValue),this.$emit("change",e),this.$emit("click",e),this.focused=!0)},onFocus:function(e){this.focused=!0,this.$emit("focus",e)},onBlur:function(e){this.focused=!1,this.$emit("blur",e)},bindOutsideClickListener:function(){var e=this;this.outsideClickListener||(this.outsideClickListener=function(t){e.focused&&!e.$refs.container.contains(t.target)&&(e.focused=!1)},document.addEventListener("click",this.outsideClickListener))},unbindOutsideClickListener:function(){this.outsideClickListener&&(document.removeEventListener("click",this.outsideClickListener),this.outsideClickListener=null)}},computed:{hasLabel:function(){return this.onLabel&&this.onLabel.length>0&&this.offLabel&&this.offLabel.length>0},hasIcon:function(){return this.$slots.icon||this.onIcon&&this.offIcon},label:function(){return this.hasLabel?this.modelValue?this.onLabel:this.offLabel:"&nbsp;"},ptOptions:function(){return{context:{focused:this.focused,disabled:this.disabled,highlighted:!0===this.modelValue}}}},directives:{ripple:e}};function f(e){return f="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},f(e)}function b(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function h(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?b(Object(n),!0).forEach((function(t){m(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):b(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function m(e,t,n){return(t=y(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function y(e){var t=g(e,"string");return"symbol"===f(t)?t:String(t)}function g(e,t){if("object"!==f(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var i=n.call(e,t||"default");if("object"!==f(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var v=["data-p-active"],O=["id","checked","value","aria-labelledby","aria-label"];d.render=function(e,t,d,f,b,m){var y=n("ripple");return i((o(),l("div",r({ref:"container",class:e.cx("root"),onClick:t[2]||(t[2]=function(e){return m.onClick(e)})},e.ptm("root",m.ptOptions),{"data-p-active":!0===e.modelValue,"data-pc-name":"togglebutton"}),[u("span",r({class:"p-hidden-accessible"},e.ptm("hiddenInputWrapper"),{"data-p-hidden-accessible":!0}),[u("input",r({id:e.inputId,type:"checkbox",role:"switch",class:e.inputClass,style:e.inputStyle,checked:e.modelValue,value:e.modelValue,"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel,onFocus:t[0]||(t[0]=function(e){return m.onFocus(e)}),onBlur:t[1]||(t[1]=function(e){return m.onBlur(e)})},h(h({},e.inputProps),e.ptm("hiddenInput"))),null,16,O)],16),s(e.$slots,"icon",{value:e.modelValue,class:c(e.cx("icon"))},(function(){return[e.onIcon||e.offIcon?(o(),l("span",r({key:0,class:[e.cx("icon"),e.modelValue?e.onIcon:e.offIcon]},e.ptm("icon",m.ptOptions)),null,16)):a("",!0)]})),u("span",r({class:e.cx("label")},e.ptm("label",m.ptOptions)),p(m.label),17)],16,v)),[[y]])};export{d as default};

package/togglebutton/togglebutton.js

@@ -150,6 +150,15 @@ this.primevue.togglebutton = (function (Ripple, BaseComponent, vue) {
         },
         label: function label() {
           return this.hasLabel ? this.modelValue ? this.onLabel : this.offLabel : ' ';
+        },
+        ptOptions: function ptOptions() {
+          return {
+            context: {
+              focused: this.focused,
+              disabled: this.disabled,
+              highlighted: this.modelValue === true
+            }
+          };
         }
       },
       directives: {
@@ -173,7 +182,7 @@ this.primevue.togglebutton = (function (Ripple, BaseComponent, vue) {
         onClick: _cache[2] || (_cache[2] = function ($event) {
           return $options.onClick($event);
         })
-      }, _ctx.ptm('root'), {
+      }, _ctx.ptm('root', $options.ptOptions), {
         "data-p-active": _ctx.modelValue === true,
         "data-pc-name": "togglebutton"
       }), [vue.createElementVNode("span", vue.mergeProps({
@@ -203,10 +212,10 @@ this.primevue.togglebutton = (function (Ripple, BaseComponent, vue) {
         return [_ctx.onIcon || _ctx.offIcon ? (vue.openBlock(), vue.createElementBlock("span", vue.mergeProps({
           key: 0,
           "class": [_ctx.cx('icon'), _ctx.modelValue ? _ctx.onIcon : _ctx.offIcon]
-        }, _ctx.ptm('icon')), null, 16)) : vue.createCommentVNode("", true)];
+        }, _ctx.ptm('icon', $options.ptOptions)), null, 16)) : vue.createCommentVNode("", true)];
       }), vue.createElementVNode("span", vue.mergeProps({
         "class": _ctx.cx('label')
-      }, _ctx.ptm('label')), vue.toDisplayString($options.label), 17)], 16, _hoisted_1)), [[_directive_ripple]]);
+      }, _ctx.ptm('label', $options.ptOptions)), vue.toDisplayString($options.label), 17)], 16, _hoisted_1)), [[_directive_ripple]]);
     }
 
     script.render = render;

package/togglebutton/togglebutton.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.togglebutton=function(e,t,n){"use strict";function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=i(e),l={name:"ToggleButton",extends:{name:"BaseToggleButton",extends:i(t).default,props:{modelValue:Boolean,onIcon:String,offIcon:String,onLabel:{type:String,default:"Yes"},offLabel:{type:String,default:"No"},iconPos:{type:String,default:"left"},disabled:{type:Boolean,default:!1},tabindex:{type:Number,default:null},inputId:{type:String,default:null},inputClass:{type:[String,Object],default:null},inputStyle:{type:Object,default:null},inputProps:{type:null,default:null},"aria-labelledby":{type:String,default:null},"aria-label":{type:String,default:null}},css:{classes:{root:function(e){var t=e.instance,n=e.props;return["p-button p-togglebutton p-component",{"p-focus":t.focused,"p-button-icon-only":t.hasIcon&&!t.hasLabel,"p-disabled":n.disabled,"p-highlight":!0===n.modelValue}]},icon:function(e){var t=e.instance,n=e.props;return["p-button-icon",{"p-button-icon-left":"left"===n.iconPos&&t.label,"p-button-icon-right":"right"===n.iconPos&&t.label}]},label:"p-button-label"}},provide:function(){return{$parentInstance:this}}},emits:["update:modelValue","change","click","focus","blur"],outsideClickListener:null,data:function(){return{focused:!1}},mounted:function(){this.bindOutsideClickListener()},beforeUnmount:function(){this.unbindOutsideClickListener()},methods:{onClick:function(e){this.disabled||(this.$emit("update:modelValue",!this.modelValue),this.$emit("change",e),this.$emit("click",e),this.focused=!0)},onFocus:function(e){this.focused=!0,this.$emit("focus",e)},onBlur:function(e){this.focused=!1,this.$emit("blur",e)},bindOutsideClickListener:function(){var e=this;this.outsideClickListener||(this.outsideClickListener=function(t){e.focused&&!e.$refs.container.contains(t.target)&&(e.focused=!1)},document.addEventListener("click",this.outsideClickListener))},unbindOutsideClickListener:function(){this.outsideClickListener&&(document.removeEventListener("click",this.outsideClickListener),this.outsideClickListener=null)}},computed:{hasLabel:function(){return this.onLabel&&this.onLabel.length>0&&this.offLabel&&this.offLabel.length>0},hasIcon:function(){return this.$slots.icon||this.onIcon&&this.offIcon},label:function(){return this.hasLabel?this.modelValue?this.onLabel:this.offLabel:"&nbsp;"}},directives:{ripple:o.default}};function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}function u(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function c(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?u(Object(n),!0).forEach((function(t){s(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):u(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function s(e,t,n){return(t=a(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e){var t=p(e,"string");return"symbol"===r(t)?t:String(t)}function p(e,t){if("object"!==r(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var i=n.call(e,t||"default");if("object"!==r(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var d=["data-p-active"],f=["id","checked","value","aria-labelledby","aria-label"];return l.render=function(e,t,i,o,l,r){var u=n.resolveDirective("ripple");return n.withDirectives((n.openBlock(),n.createElementBlock("div",n.mergeProps({ref:"container",class:e.cx("root"),onClick:t[2]||(t[2]=function(e){return r.onClick(e)})},e.ptm("root"),{"data-p-active":!0===e.modelValue,"data-pc-name":"togglebutton"}),[n.createElementVNode("span",n.mergeProps({class:"p-hidden-accessible"},e.ptm("hiddenInputWrapper"),{"data-p-hidden-accessible":!0}),[n.createElementVNode("input",n.mergeProps({id:e.inputId,type:"checkbox",role:"switch",class:e.inputClass,style:e.inputStyle,checked:e.modelValue,value:e.modelValue,"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel,onFocus:t[0]||(t[0]=function(e){return r.onFocus(e)}),onBlur:t[1]||(t[1]=function(e){return r.onBlur(e)})},c(c({},e.inputProps),e.ptm("hiddenInput"))),null,16,f)],16),n.renderSlot(e.$slots,"icon",{value:e.modelValue,class:n.normalizeClass(e.cx("icon"))},(function(){return[e.onIcon||e.offIcon?(n.openBlock(),n.createElementBlock("span",n.mergeProps({key:0,class:[e.cx("icon"),e.modelValue?e.onIcon:e.offIcon]},e.ptm("icon")),null,16)):n.createCommentVNode("",!0)]})),n.createElementVNode("span",n.mergeProps({class:e.cx("label")},e.ptm("label")),n.toDisplayString(r.label),17)],16,d)),[[u]])},l}(primevue.ripple,primevue.basecomponent,Vue);
+this.primevue=this.primevue||{},this.primevue.togglebutton=function(e,t,n){"use strict";function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=i(e),l={name:"ToggleButton",extends:{name:"BaseToggleButton",extends:i(t).default,props:{modelValue:Boolean,onIcon:String,offIcon:String,onLabel:{type:String,default:"Yes"},offLabel:{type:String,default:"No"},iconPos:{type:String,default:"left"},disabled:{type:Boolean,default:!1},tabindex:{type:Number,default:null},inputId:{type:String,default:null},inputClass:{type:[String,Object],default:null},inputStyle:{type:Object,default:null},inputProps:{type:null,default:null},"aria-labelledby":{type:String,default:null},"aria-label":{type:String,default:null}},css:{classes:{root:function(e){var t=e.instance,n=e.props;return["p-button p-togglebutton p-component",{"p-focus":t.focused,"p-button-icon-only":t.hasIcon&&!t.hasLabel,"p-disabled":n.disabled,"p-highlight":!0===n.modelValue}]},icon:function(e){var t=e.instance,n=e.props;return["p-button-icon",{"p-button-icon-left":"left"===n.iconPos&&t.label,"p-button-icon-right":"right"===n.iconPos&&t.label}]},label:"p-button-label"}},provide:function(){return{$parentInstance:this}}},emits:["update:modelValue","change","click","focus","blur"],outsideClickListener:null,data:function(){return{focused:!1}},mounted:function(){this.bindOutsideClickListener()},beforeUnmount:function(){this.unbindOutsideClickListener()},methods:{onClick:function(e){this.disabled||(this.$emit("update:modelValue",!this.modelValue),this.$emit("change",e),this.$emit("click",e),this.focused=!0)},onFocus:function(e){this.focused=!0,this.$emit("focus",e)},onBlur:function(e){this.focused=!1,this.$emit("blur",e)},bindOutsideClickListener:function(){var e=this;this.outsideClickListener||(this.outsideClickListener=function(t){e.focused&&!e.$refs.container.contains(t.target)&&(e.focused=!1)},document.addEventListener("click",this.outsideClickListener))},unbindOutsideClickListener:function(){this.outsideClickListener&&(document.removeEventListener("click",this.outsideClickListener),this.outsideClickListener=null)}},computed:{hasLabel:function(){return this.onLabel&&this.onLabel.length>0&&this.offLabel&&this.offLabel.length>0},hasIcon:function(){return this.$slots.icon||this.onIcon&&this.offIcon},label:function(){return this.hasLabel?this.modelValue?this.onLabel:this.offLabel:"&nbsp;"},ptOptions:function(){return{context:{focused:this.focused,disabled:this.disabled,highlighted:!0===this.modelValue}}}},directives:{ripple:o.default}};function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}function u(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function c(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?u(Object(n),!0).forEach((function(t){s(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):u(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function s(e,t,n){return(t=a(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e){var t=p(e,"string");return"symbol"===r(t)?t:String(t)}function p(e,t){if("object"!==r(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var i=n.call(e,t||"default");if("object"!==r(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var d=["data-p-active"],f=["id","checked","value","aria-labelledby","aria-label"];return l.render=function(e,t,i,o,l,r){var u=n.resolveDirective("ripple");return n.withDirectives((n.openBlock(),n.createElementBlock("div",n.mergeProps({ref:"container",class:e.cx("root"),onClick:t[2]||(t[2]=function(e){return r.onClick(e)})},e.ptm("root",r.ptOptions),{"data-p-active":!0===e.modelValue,"data-pc-name":"togglebutton"}),[n.createElementVNode("span",n.mergeProps({class:"p-hidden-accessible"},e.ptm("hiddenInputWrapper"),{"data-p-hidden-accessible":!0}),[n.createElementVNode("input",n.mergeProps({id:e.inputId,type:"checkbox",role:"switch",class:e.inputClass,style:e.inputStyle,checked:e.modelValue,value:e.modelValue,"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel,onFocus:t[0]||(t[0]=function(e){return r.onFocus(e)}),onBlur:t[1]||(t[1]=function(e){return r.onBlur(e)})},c(c({},e.inputProps),e.ptm("hiddenInput"))),null,16,f)],16),n.renderSlot(e.$slots,"icon",{value:e.modelValue,class:n.normalizeClass(e.cx("icon"))},(function(){return[e.onIcon||e.offIcon?(n.openBlock(),n.createElementBlock("span",n.mergeProps({key:0,class:[e.cx("icon"),e.modelValue?e.onIcon:e.offIcon]},e.ptm("icon",r.ptOptions)),null,16)):n.createCommentVNode("",!0)]})),n.createElementVNode("span",n.mergeProps({class:e.cx("label")},e.ptm("label",r.ptOptions)),n.toDisplayString(r.label),17)],16,d)),[[u]])},l}(primevue.ripple,primevue.basecomponent,Vue);

package/toolbar/Toolbar.d.ts

@@ -27,23 +27,23 @@ export interface ToolbarPassThroughMethodOptions {
  */
 export interface ToolbarPassThroughOptions {
     /**
-     * Uses to pass attributes to the root's DOM element.
+     * Used to pass attributes to the root's DOM element.
      */
     root?: ToolbarPassThroughOptionType;
     /**
-     * Uses to pass attributes to the start's DOM element.
+     * Used to pass attributes to the start's DOM element.
      */
     start?: ToolbarPassThroughOptionType;
     /**
-     * Uses to pass attributes to the center's DOM element.
+     * Used to pass attributes to the center's DOM element.
      */
     center?: ToolbarPassThroughOptionType;
     /**
-     * Uses to pass attributes to the right's DOM element.
+     * Used to pass attributes to the right's DOM element.
      */
     end?: ToolbarPassThroughOptionType;
     /**
-     * Uses to manage all lifecycle hooks
+     * Used to manage all lifecycle hooks
      * @see {@link BaseComponent.ComponentHooks}
      */
     hooks?: ComponentHooks;
@@ -65,7 +65,7 @@ export interface ToolbarProps {
      */
     'aria-labelledby'?: string | undefined;
     /**
-     * Uses to pass attributes to DOM elements inside the component.
+     * Used to pass attributes to DOM elements inside the component.
      * @type {ToolbarPassThroughOptions}
      */
     pt?: ToolbarPassThroughOptions;

package/toolbar/Toolbar.vue

@@ -1,12 +1,12 @@
 <template>
     <div :class="cx('root')" role="toolbar" :aria-labelledby="ariaLabelledby" v-bind="ptm('root')" data-pc-name="toolbar">
-        <div :class="cx('start')" data-pc-section="start" v-bind="ptm('start')">
+        <div :class="cx('start')" v-bind="ptm('start')">
             <slot name="start"></slot>
         </div>
-        <div :class="cx('center')" data-pc-section="center" v-bind="ptm('center')">
+        <div :class="cx('center')" v-bind="ptm('center')">
             <slot name="center"></slot>
         </div>
-        <div :class="cx('end')" data-pc-section="end" v-bind="ptm('end')">
+        <div :class="cx('end')" v-bind="ptm('end')">
             <slot name="end"></slot>
         </div>
     </div>

package/toolbar/toolbar.cjs.js

@@ -55,14 +55,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   }, _ctx.ptm('root'), {
     "data-pc-name": "toolbar"
   }), [vue.createElementVNode("div", vue.mergeProps({
-    "class": _ctx.cx('start'),
-    "data-pc-section": "start"
+    "class": _ctx.cx('start')
   }, _ctx.ptm('start')), [vue.renderSlot(_ctx.$slots, "start")], 16), vue.createElementVNode("div", vue.mergeProps({
-    "class": _ctx.cx('center'),
-    "data-pc-section": "center"
+    "class": _ctx.cx('center')
   }, _ctx.ptm('center')), [vue.renderSlot(_ctx.$slots, "center")], 16), vue.createElementVNode("div", vue.mergeProps({
-    "class": _ctx.cx('end'),
-    "data-pc-section": "end"
+    "class": _ctx.cx('end')
   }, _ctx.ptm('end')), [vue.renderSlot(_ctx.$slots, "end")], 16)], 16, _hoisted_1);
 }
 

package/toolbar/toolbar.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/basecomponent"),t=require("primevue/usestyle"),r=require("vue");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=o(e),a=t.useStyle("\n.p-toolbar {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    flex-wrap: wrap;\n}\n\n.p-toolbar-group-start,\n.p-toolbar-group-center,\n.p-toolbar-group-end {\n    display: flex;\n    align-items: center;\n}\n\n.p-toolbar-group-left,\n.p-toolbar-group-right {\n    display: flex;\n    align-items: center;\n}\n",{name:"toolbar",manual:!0}),l={name:"Toolbar",extends:{name:"BaseToolbar",extends:n.default,props:{"aria-labelledby":{type:String,default:null}},css:{classes:{root:"p-toolbar p-component",start:"p-toolbar-group-start p-toolbar-group-left",center:"p-toolbar-group-center",end:"p-toolbar-group-end p-toolbar-group-right"},loadStyle:a.load},provide:function(){return{$parentInstance:this}}}},s=["aria-labelledby"];l.render=function(e,t,o,n,a,l){return r.openBlock(),r.createElementBlock("div",r.mergeProps({class:e.cx("root"),role:"toolbar","aria-labelledby":e.ariaLabelledby},e.ptm("root"),{"data-pc-name":"toolbar"}),[r.createElementVNode("div",r.mergeProps({class:e.cx("start"),"data-pc-section":"start"},e.ptm("start")),[r.renderSlot(e.$slots,"start")],16),r.createElementVNode("div",r.mergeProps({class:e.cx("center"),"data-pc-section":"center"},e.ptm("center")),[r.renderSlot(e.$slots,"center")],16),r.createElementVNode("div",r.mergeProps({class:e.cx("end"),"data-pc-section":"end"},e.ptm("end")),[r.renderSlot(e.$slots,"end")],16)],16,s)},module.exports=l;
+"use strict";var e=require("primevue/basecomponent"),r=require("primevue/usestyle"),t=require("vue");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=o(e),a=r.useStyle("\n.p-toolbar {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    flex-wrap: wrap;\n}\n\n.p-toolbar-group-start,\n.p-toolbar-group-center,\n.p-toolbar-group-end {\n    display: flex;\n    align-items: center;\n}\n\n.p-toolbar-group-left,\n.p-toolbar-group-right {\n    display: flex;\n    align-items: center;\n}\n",{name:"toolbar",manual:!0}),l={name:"Toolbar",extends:{name:"BaseToolbar",extends:n.default,props:{"aria-labelledby":{type:String,default:null}},css:{classes:{root:"p-toolbar p-component",start:"p-toolbar-group-start p-toolbar-group-left",center:"p-toolbar-group-center",end:"p-toolbar-group-end p-toolbar-group-right"},loadStyle:a.load},provide:function(){return{$parentInstance:this}}}},p=["aria-labelledby"];l.render=function(e,r,o,n,a,l){return t.openBlock(),t.createElementBlock("div",t.mergeProps({class:e.cx("root"),role:"toolbar","aria-labelledby":e.ariaLabelledby},e.ptm("root"),{"data-pc-name":"toolbar"}),[t.createElementVNode("div",t.mergeProps({class:e.cx("start")},e.ptm("start")),[t.renderSlot(e.$slots,"start")],16),t.createElementVNode("div",t.mergeProps({class:e.cx("center")},e.ptm("center")),[t.renderSlot(e.$slots,"center")],16),t.createElementVNode("div",t.mergeProps({class:e.cx("end")},e.ptm("end")),[t.renderSlot(e.$slots,"end")],16)],16,p)},module.exports=l;

package/toolbar/toolbar.esm.js

@@ -49,14 +49,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   }, _ctx.ptm('root'), {
     "data-pc-name": "toolbar"
   }), [createElementVNode("div", mergeProps({
-    "class": _ctx.cx('start'),
-    "data-pc-section": "start"
+    "class": _ctx.cx('start')
   }, _ctx.ptm('start')), [renderSlot(_ctx.$slots, "start")], 16), createElementVNode("div", mergeProps({
-    "class": _ctx.cx('center'),
-    "data-pc-section": "center"
+    "class": _ctx.cx('center')
   }, _ctx.ptm('center')), [renderSlot(_ctx.$slots, "center")], 16), createElementVNode("div", mergeProps({
-    "class": _ctx.cx('end'),
-    "data-pc-section": "end"
+    "class": _ctx.cx('end')
   }, _ctx.ptm('end')), [renderSlot(_ctx.$slots, "end")], 16)], 16, _hoisted_1);
 }
 

package/toolbar/toolbar.esm.min.js

@@ -1 +1 @@
-import t from"primevue/basecomponent";import{useStyle as e}from"primevue/usestyle";import{openBlock as r,createElementBlock as o,mergeProps as a,createElementVNode as n,renderSlot as l}from"vue";var p=e("\n.p-toolbar {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    flex-wrap: wrap;\n}\n\n.p-toolbar-group-start,\n.p-toolbar-group-center,\n.p-toolbar-group-end {\n    display: flex;\n    align-items: center;\n}\n\n.p-toolbar-group-left,\n.p-toolbar-group-right {\n    display: flex;\n    align-items: center;\n}\n",{name:"toolbar",manual:!0}),s={name:"Toolbar",extends:{name:"BaseToolbar",extends:t,props:{"aria-labelledby":{type:String,default:null}},css:{classes:{root:"p-toolbar p-component",start:"p-toolbar-group-start p-toolbar-group-left",center:"p-toolbar-group-center",end:"p-toolbar-group-end p-toolbar-group-right"},loadStyle:p.load},provide:function(){return{$parentInstance:this}}}},c=["aria-labelledby"];s.render=function(t,e,p,s,i,d){return r(),o("div",a({class:t.cx("root"),role:"toolbar","aria-labelledby":t.ariaLabelledby},t.ptm("root"),{"data-pc-name":"toolbar"}),[n("div",a({class:t.cx("start"),"data-pc-section":"start"},t.ptm("start")),[l(t.$slots,"start")],16),n("div",a({class:t.cx("center"),"data-pc-section":"center"},t.ptm("center")),[l(t.$slots,"center")],16),n("div",a({class:t.cx("end"),"data-pc-section":"end"},t.ptm("end")),[l(t.$slots,"end")],16)],16,c)};export{s as default};
+import e from"primevue/basecomponent";import{useStyle as t}from"primevue/usestyle";import{openBlock as r,createElementBlock as o,mergeProps as a,createElementVNode as n,renderSlot as l}from"vue";var p=t("\n.p-toolbar {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    flex-wrap: wrap;\n}\n\n.p-toolbar-group-start,\n.p-toolbar-group-center,\n.p-toolbar-group-end {\n    display: flex;\n    align-items: center;\n}\n\n.p-toolbar-group-left,\n.p-toolbar-group-right {\n    display: flex;\n    align-items: center;\n}\n",{name:"toolbar",manual:!0}),s={name:"Toolbar",extends:{name:"BaseToolbar",extends:e,props:{"aria-labelledby":{type:String,default:null}},css:{classes:{root:"p-toolbar p-component",start:"p-toolbar-group-start p-toolbar-group-left",center:"p-toolbar-group-center",end:"p-toolbar-group-end p-toolbar-group-right"},loadStyle:p.load},provide:function(){return{$parentInstance:this}}}},i=["aria-labelledby"];s.render=function(e,t,p,s,b,c){return r(),o("div",a({class:e.cx("root"),role:"toolbar","aria-labelledby":e.ariaLabelledby},e.ptm("root"),{"data-pc-name":"toolbar"}),[n("div",a({class:e.cx("start")},e.ptm("start")),[l(e.$slots,"start")],16),n("div",a({class:e.cx("center")},e.ptm("center")),[l(e.$slots,"center")],16),n("div",a({class:e.cx("end")},e.ptm("end")),[l(e.$slots,"end")],16)],16,i)};export{s as default};

package/toolbar/toolbar.js

@@ -53,14 +53,11 @@ this.primevue.toolbar = (function (BaseComponent, usestyle, vue) {
       }, _ctx.ptm('root'), {
         "data-pc-name": "toolbar"
       }), [vue.createElementVNode("div", vue.mergeProps({
-        "class": _ctx.cx('start'),
-        "data-pc-section": "start"
+        "class": _ctx.cx('start')
       }, _ctx.ptm('start')), [vue.renderSlot(_ctx.$slots, "start")], 16), vue.createElementVNode("div", vue.mergeProps({
-        "class": _ctx.cx('center'),
-        "data-pc-section": "center"
+        "class": _ctx.cx('center')
       }, _ctx.ptm('center')), [vue.renderSlot(_ctx.$slots, "center")], 16), vue.createElementVNode("div", vue.mergeProps({
-        "class": _ctx.cx('end'),
-        "data-pc-section": "end"
+        "class": _ctx.cx('end')
       }, _ctx.ptm('end')), [vue.renderSlot(_ctx.$slots, "end")], 16)], 16, _hoisted_1);
     }
 

package/toolbar/toolbar.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.toolbar=function(e,t,r){"use strict";function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=o(e),a=t.useStyle("\n.p-toolbar {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    flex-wrap: wrap;\n}\n\n.p-toolbar-group-start,\n.p-toolbar-group-center,\n.p-toolbar-group-end {\n    display: flex;\n    align-items: center;\n}\n\n.p-toolbar-group-left,\n.p-toolbar-group-right {\n    display: flex;\n    align-items: center;\n}\n",{name:"toolbar",manual:!0}),l={name:"Toolbar",extends:{name:"BaseToolbar",extends:n.default,props:{"aria-labelledby":{type:String,default:null}},css:{classes:{root:"p-toolbar p-component",start:"p-toolbar-group-start p-toolbar-group-left",center:"p-toolbar-group-center",end:"p-toolbar-group-end p-toolbar-group-right"},loadStyle:a.load},provide:function(){return{$parentInstance:this}}}},s=["aria-labelledby"];return l.render=function(e,t,o,n,a,l){return r.openBlock(),r.createElementBlock("div",r.mergeProps({class:e.cx("root"),role:"toolbar","aria-labelledby":e.ariaLabelledby},e.ptm("root"),{"data-pc-name":"toolbar"}),[r.createElementVNode("div",r.mergeProps({class:e.cx("start"),"data-pc-section":"start"},e.ptm("start")),[r.renderSlot(e.$slots,"start")],16),r.createElementVNode("div",r.mergeProps({class:e.cx("center"),"data-pc-section":"center"},e.ptm("center")),[r.renderSlot(e.$slots,"center")],16),r.createElementVNode("div",r.mergeProps({class:e.cx("end"),"data-pc-section":"end"},e.ptm("end")),[r.renderSlot(e.$slots,"end")],16)],16,s)},l}(primevue.basecomponent,primevue.usestyle,Vue);
+this.primevue=this.primevue||{},this.primevue.toolbar=function(e,t,r){"use strict";function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=o(e),a=t.useStyle("\n.p-toolbar {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    flex-wrap: wrap;\n}\n\n.p-toolbar-group-start,\n.p-toolbar-group-center,\n.p-toolbar-group-end {\n    display: flex;\n    align-items: center;\n}\n\n.p-toolbar-group-left,\n.p-toolbar-group-right {\n    display: flex;\n    align-items: center;\n}\n",{name:"toolbar",manual:!0}),l={name:"Toolbar",extends:{name:"BaseToolbar",extends:n.default,props:{"aria-labelledby":{type:String,default:null}},css:{classes:{root:"p-toolbar p-component",start:"p-toolbar-group-start p-toolbar-group-left",center:"p-toolbar-group-center",end:"p-toolbar-group-end p-toolbar-group-right"},loadStyle:a.load},provide:function(){return{$parentInstance:this}}}},p=["aria-labelledby"];return l.render=function(e,t,o,n,a,l){return r.openBlock(),r.createElementBlock("div",r.mergeProps({class:e.cx("root"),role:"toolbar","aria-labelledby":e.ariaLabelledby},e.ptm("root"),{"data-pc-name":"toolbar"}),[r.createElementVNode("div",r.mergeProps({class:e.cx("start")},e.ptm("start")),[r.renderSlot(e.$slots,"start")],16),r.createElementVNode("div",r.mergeProps({class:e.cx("center")},e.ptm("center")),[r.renderSlot(e.$slots,"center")],16),r.createElementVNode("div",r.mergeProps({class:e.cx("end")},e.ptm("end")),[r.renderSlot(e.$slots,"end")],16)],16,p)},l}(primevue.basecomponent,primevue.usestyle,Vue);

package/tooltip/Tooltip.d.ts

@@ -10,7 +10,14 @@
 import { DirectiveBinding, ObjectDirective } from 'vue';
 import { DirectiveHooks } from '../basedirective';
 
-export declare type TooltipDirectivePassThroughOptionType = TooltipDirectivePassThroughAttributes | null | undefined;
+export declare type TooltipDirectivePassThroughOptionType = TooltipDirectivePassThroughAttributes | ((options: TooltipPassThroughMethodOptions) => TooltipDirectivePassThroughAttributes) | null | undefined;
+
+/**
+ * Custom passthrough(pt) option method.
+ */
+export interface TooltipPassThroughMethodOptions {
+    context: TooltipContext;
+}
 
 /**
  * Defines options of Tooltip.
@@ -54,7 +61,7 @@ export interface TooltipOptions {
      */
     hideDelay?: number | undefined;
     /**
-     * Uses to pass attributes to DOM elements inside the component.
+     * Used to pass attributes to DOM elements inside the component.
      * @type {TooltipDirectivePassThroughOptions}
      */
     pt?: TooltipDirectivePassThroughOptions;
@@ -71,19 +78,19 @@ export interface TooltipOptions {
  */
 export interface TooltipDirectivePassThroughOptions {
     /**
-     * Uses to pass attributes to the root's DOM element.
+     * Used to pass attributes to the root's DOM element.
      */
     root?: TooltipDirectivePassThroughOptionType;
     /**
-     * Uses to pass attributes to the text's DOM element.
+     * Used to pass attributes to the text's DOM element.
      */
     text?: TooltipDirectivePassThroughOptionType;
     /**
-     * Uses to pass attributes to the arrow's DOM element.
+     * Used to pass attributes to the arrow's DOM element.
      */
     arrow?: TooltipDirectivePassThroughOptionType;
     /**
-     * Uses to manage all lifecycle hooks
+     * Used to manage all lifecycle hooks
      * @see {@link BaseDirective.DirectiveHooks}
      */
     hooks?: DirectiveHooks;
@@ -96,6 +103,28 @@ export interface TooltipDirectivePassThroughAttributes {
     [key: string]: any;
 }
 
+/**
+ * Defines current options in Tooltip directive.
+ */
+export interface TooltipContext {
+    /**
+     * Current top position state as a boolean.
+     */
+    top: boolean;
+    /**
+     * Current right position state as a boolean.
+     */
+    right: boolean;
+    /**
+     * Current bottom position state as a boolean.
+     */
+    bottom: boolean;
+    /**
+     * Current left position state as a boolean.
+     */
+    left: boolean;
+}
+
 /**
  * Defines modifiers of Tooltip.
  */

package/tooltip/tooltip.cjs.js

@@ -8,7 +8,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var BaseDirective__default = /*#__PURE__*/_interopDefaultLegacy(BaseDirective);
 
-var styles = "\n.p-tooltip {\n    position:absolute;\n    display:none;\n    padding: .25em .5rem;\n    max-width: 12.5rem;\n}\n\n.p-tooltip.p-tooltip-right,\n.p-tooltip.p-tooltip-left {\n    padding: 0 .25rem;\n}\n\n.p-tooltip.p-tooltip-top,\n.p-tooltip.p-tooltip-bottom {\n    padding:.25em 0;\n}\n\n.p-tooltip .p-tooltip-text {\n   white-space: pre-line;\n   word-break: break-word;\n}\n\n.p-tooltip-arrow {\n    position: absolute;\n    width: 0;\n    height: 0;\n    border-color: transparent;\n    border-style: solid;\n}\n\n.p-tooltip-right .p-tooltip-arrow {\n    top: 50%;\n    left: 0;\n    margin-top: -.25rem;\n    border-width: .25em .25em .25em 0;\n}\n\n.p-tooltip-left .p-tooltip-arrow {\n    top: 50%;\n    right: 0;\n    margin-top: -.25rem;\n    border-width: .25em 0 .25em .25rem;\n}\n\n.p-tooltip.p-tooltip-top {\n    padding: .25em 0;\n}\n\n.p-tooltip-top .p-tooltip-arrow {\n    bottom: 0;\n    left: 50%;\n    margin-left: -.25rem;\n    border-width: .25em .25em 0;\n}\n\n.p-tooltip-bottom .p-tooltip-arrow {\n    top: 0;\n    left: 50%;\n    margin-left: -.25rem;\n    border-width: 0 .25em .25rem;\n}\n";
+var styles = "\n.p-tooltip {\n    position:absolute;\n    display:none;\n    pointer-events:none;\n    padding: .25em .5rem;\n    max-width: 12.5rem;\n}\n\n.p-tooltip.p-tooltip-right,\n.p-tooltip.p-tooltip-left {\n    padding: 0 .25rem;\n}\n\n.p-tooltip.p-tooltip-top,\n.p-tooltip.p-tooltip-bottom {\n    padding:.25em 0;\n}\n\n.p-tooltip .p-tooltip-text {\n    white-space: pre-line;\n    word-break: break-word;\n}\n\n.p-tooltip-arrow {\n    position: absolute;\n    width: 0;\n    height: 0;\n    border-color: transparent;\n    border-style: solid;\n}\n\n.p-tooltip-right .p-tooltip-arrow {\n    margin-top: -.25rem;\n    border-width: .25em .25em .25em 0;\n}\n\n.p-tooltip-left .p-tooltip-arrow {\n    margin-top: -.25rem;\n    border-width: .25em 0 .25em .25rem;\n}\n\n.p-tooltip.p-tooltip-top {\n    padding: .25em 0;\n}\n\n.p-tooltip-top .p-tooltip-arrow {\n    margin-left: -.25rem;\n    border-width: .25em .25em 0;\n}\n\n.p-tooltip-bottom .p-tooltip-arrow {\n    margin-left: -.25rem;\n    border-width: 0 .25em .25rem;\n}\n";
 var classes = {
   root: 'p-tooltip p-component',
   arrow: 'p-tooltip-arrow',
@@ -233,13 +233,24 @@ var Tooltip = BaseTooltip.extend('tooltip', {
       return document.getElementById(el.$_ptooltipId);
     },
     create: function create(el, options) {
+      var modifiers = el.$_ptooltipModifiers;
       var tooltipArrow = utils.DomHandler.createElement('div', {
         "class": !el.unstyled && this.cx('arrow'),
-        'p-bind': this.ptm('arrow')
+        style: {
+          top: modifiers !== null && modifiers !== void 0 && modifiers.bottom ? '0' : modifiers !== null && modifiers !== void 0 && modifiers.right || modifiers !== null && modifiers !== void 0 && modifiers.left || !(modifiers !== null && modifiers !== void 0 && modifiers.right) && !(modifiers !== null && modifiers !== void 0 && modifiers.left) && !(modifiers !== null && modifiers !== void 0 && modifiers.top) && !(modifiers !== null && modifiers !== void 0 && modifiers.bottom) ? '50%' : null,
+          bottom: modifiers !== null && modifiers !== void 0 && modifiers.top ? '0' : null,
+          left: modifiers !== null && modifiers !== void 0 && modifiers.right || !(modifiers !== null && modifiers !== void 0 && modifiers.right) && !(modifiers !== null && modifiers !== void 0 && modifiers.left) && !(modifiers !== null && modifiers !== void 0 && modifiers.top) && !(modifiers !== null && modifiers !== void 0 && modifiers.bottom) ? '0' : modifiers !== null && modifiers !== void 0 && modifiers.top || modifiers !== null && modifiers !== void 0 && modifiers.bottom ? '50%' : null,
+          right: modifiers !== null && modifiers !== void 0 && modifiers.left ? '0' : null
+        },
+        'p-bind': this.ptm('arrow', {
+          context: modifiers
+        })
       });
       var tooltipText = utils.DomHandler.createElement('div', {
         "class": !el.unstyled && this.cx('text'),
-        'p-bind': this.ptm('text')
+        'p-bind': this.ptm('text', {
+          context: modifiers
+        })
       });
       if (el.$_ptooltipEscape) {
         tooltipText.innerHTML = el.$_ptooltipValue;
@@ -255,7 +266,9 @@ var Tooltip = BaseTooltip.extend('tooltip', {
           width: el.$_ptooltipFitContent ? 'fit-content' : undefined
         },
         "class": [!el.unstyled && this.cx('root'), el.$_ptooltipClass],
-        'p-bind': this.ptm('root')
+        'p-bind': this.ptm('root', {
+          context: modifiers
+        })
       }, tooltipArrow, tooltipText);
       document.body.appendChild(container);
       el.$_ptooltipId = container.id;