primevue 3.41.1 → 3.43.0

package/paginator/Paginator.d.ts

@@ -9,17 +9,17 @@
  */
 import { VNode } from 'vue';
 import { ComponentHooks } from '../basecomponent';
-import { DropdownPassThroughOptionType } from '../dropdown';
-import { InputNumberPassThroughOptionType } from '../inputnumber';
+import { DropdownPassThroughOptions } from '../dropdown';
+import { InputNumberPassThroughOptions } from '../inputnumber';
 import { PassThroughOptions } from '../passthrough';
 import { ClassComponent, GlobalComponentConstructor, PassThrough } from '../ts-helpers';
 
-export declare type PaginatorPassThroughOptionType = PaginatorPassThroughAttributes | ((options: PaginatorPassThroughMethodOptions) => PaginatorPassThroughAttributes | string) | string | null | undefined;
+export declare type PaginatorPassThroughOptionType<T = any> = PaginatorPassThroughAttributes | ((options: PaginatorPassThroughMethodOptions<T>) => PaginatorPassThroughAttributes | string) | string | null | undefined;
 
 /**
  * Custom passthrough(pt) option method.
  */
-export interface PaginatorPassThroughMethodOptions {
+export interface PaginatorPassThroughMethodOptions<T> {
     /**
      * Defines instance.
      */
@@ -32,6 +32,10 @@ export interface PaginatorPassThroughMethodOptions {
      * Defines current inline state.
      */
     state: PaginatorState;
+    /**
+     * Defines parent instance.
+     */
+    parent: T;
     /**
      * Defines current options.
      */
@@ -42,86 +46,100 @@ export interface PaginatorPassThroughMethodOptions {
     global: object | undefined;
 }
 
+/**
+ * Custom shared passthrough(pt) option method.
+ */
+export interface PaginatorSharedPassThroughMethodOptions {
+    /**
+     * Defines valid properties.
+     */
+    props: PaginatorProps;
+    /**
+     * Defines current inline state.
+     */
+    state: PaginatorState;
+}
+
 /**
  * Custom passthrough(pt) options.
  * @see {@link PaginatorProps.pt}
  */
-export interface PaginatorPassThroughOptions {
+export interface PaginatorPassThroughOptions<T = any> {
     /**
      * Used to pass attributes to the paginator wrapper's DOM element.
      */
-    paginatorWrapper?: PaginatorPassThroughOptionType;
+    paginatorWrapper?: PaginatorPassThroughOptionType<T> | any;
     /**
      * Used to pass attributes to the root's DOM element.
      */
-    root?: PaginatorPassThroughOptionType;
+    root?: PaginatorPassThroughOptionType<T>;
     /**
      * Used to pass attributes to the start's DOM element.
      */
-    start?: PaginatorPassThroughOptionType;
+    start?: PaginatorPassThroughOptionType<T>;
     /**
      * Used to pass attributes to the first page button's DOM element.
      */
-    firstPageButton?: PaginatorPassThroughOptionType;
+    firstPageButton?: PaginatorPassThroughOptionType<T>;
     /**
      * Used to pass attributes to the first page icon's DOM element.
      */
-    firstPageIcon?: PaginatorPassThroughOptionType;
+    firstPageIcon?: PaginatorPassThroughOptionType<T>;
     /**
      * Used to pass attributes to the prev page button's DOM element.
      */
-    previousPageButton?: PaginatorPassThroughOptionType;
+    previousPageButton?: PaginatorPassThroughOptionType<T>;
     /**
      * Used to pass attributes to the prev page icon's DOM element.
      */
-    previousPageIcon?: PaginatorPassThroughOptionType;
+    previousPageIcon?: PaginatorPassThroughOptionType<T>;
     /**
      * Used to pass attributes to the next page button's DOM element.
      */
-    nextPageButton?: PaginatorPassThroughOptionType;
+    nextPageButton?: PaginatorPassThroughOptionType<T>;
     /**
      * Used to pass attributes to the next page icon's DOM element.
      */
-    nextPageIcon?: PaginatorPassThroughOptionType;
+    nextPageIcon?: PaginatorPassThroughOptionType<T>;
     /**
      * Used to pass attributes to the last page button's DOM element.
      */
-    lastPageButton?: PaginatorPassThroughOptionType;
+    lastPageButton?: PaginatorPassThroughOptionType<T>;
     /**
      * Used to pass attributes to the last page icon's DOM element.
      */
-    lastPageIcon?: PaginatorPassThroughOptionType;
+    lastPageIcon?: PaginatorPassThroughOptionType<T>;
     /**
      * Used to pass attributes to the pages's DOM element.
      */
-    pages?: PaginatorPassThroughOptionType;
+    pages?: PaginatorPassThroughOptionType<T>;
     /**
      * Used to pass attributes to the page button's DOM element.
      */
-    pageButton?: PaginatorPassThroughOptionType;
+    pageButton?: PaginatorPassThroughOptionType<T>;
     /**
      * Used to pass attributes to the current's DOM element.
      */
-    current?: PaginatorPassThroughOptionType;
+    current?: PaginatorPassThroughOptionType<T>;
     /**
      * Used to pass attributes to the Dropdown component.
-     * @see {@link DropdownPassThroughOptionType}
+     * @see {@link DropdownPassThroughOptions}
      */
-    rowPerPageDropdown?: DropdownPassThroughOptionType;
+    rowPerPageDropdown?: DropdownPassThroughOptions<PaginatorSharedPassThroughMethodOptions>;
     /**
      * Used to pass attributes to the Dropdown component.
-     * @see {@link DropdownPassThroughOptionType}
+     * @see {@link DropdownPassThroughOptions}
      */
-    jumpToPageDropdown?: DropdownPassThroughOptionType;
+    jumpToPageDropdown?: DropdownPassThroughOptions<PaginatorSharedPassThroughMethodOptions>;
     /**
      * Used to pass attributes to the Dropdown component.
-     * @see {@link InputNumberPassThroughOptionType}
+     * @see {@link InputNumberPassThroughOptions}
      */
-    jumpToPageInput?: InputNumberPassThroughOptionType;
+    jumpToPageInput?: InputNumberPassThroughOptions<PaginatorSharedPassThroughMethodOptions>;
     /**
      * Used to pass attributes to the end's DOM element.
      */
-    end?: PaginatorPassThroughOptionType;
+    end?: PaginatorPassThroughOptionType<T>;
     /**
      * Used to manage all lifecycle hooks.
      * @see {@link BaseComponent.ComponentHooks}

package/panel/Panel.d.ts

@@ -32,6 +32,10 @@ export interface PanelPassThroughMethodOptions {
      * Defines current inline state.
      */
     state: PanelState;
+    /**
+     * Defines parent options.
+     */
+    parent: any;
     /**
      * Defines passthrough(pt) options in global config.
      */

package/panel/Panel.vue

@@ -81,7 +81,7 @@ export default {
             return UniqueComponentId();
         },
         buttonAriaLabel() {
-            return this.toggleButtonProps && this.toggleButtonProps['aria-label'] ? this.toggleButtonProps['aria-label'] : this.header;
+            return this.toggleButtonProps && this.toggleButtonProps.ariaLabel ? this.toggleButtonProps.ariaLabel : this.header;
         }
     },
     components: {

package/panel/panel.cjs.js

@@ -71,7 +71,7 @@ var script = {
       return utils.UniqueComponentId();
     },
     buttonAriaLabel: function buttonAriaLabel() {
-      return this.toggleButtonProps && this.toggleButtonProps['aria-label'] ? this.toggleButtonProps['aria-label'] : this.header;
+      return this.toggleButtonProps && this.toggleButtonProps.ariaLabel ? this.toggleButtonProps.ariaLabel : this.header;
     }
   },
   components: {

package/panel/panel.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/icons/minus"),t=require("primevue/icons/plus"),o=require("primevue/ripple"),r=require("primevue/utils"),n=require("primevue/basecomponent"),l=require("primevue/panel/style"),a=require("vue");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=i(e),s=i(t),u=i(o),p={name:"Panel",extends:{name:"BasePanel",extends:i(n).default,props:{header:String,toggleable:Boolean,collapsed:Boolean,toggleButtonProps:{type:null,default:null}},style:i(l).default,provide:function(){return{$parentInstance:this}}},emits:["update:collapsed","toggle"],data:function(){return{d_collapsed:this.collapsed}},watch:{collapsed:function(e){this.d_collapsed=e}},methods:{toggle:function(e){this.d_collapsed=!this.d_collapsed,this.$emit("update:collapsed",this.d_collapsed),this.$emit("toggle",{originalEvent:e,value:this.d_collapsed})},onKeyDown:function(e){"Enter"!==e.code&&"Space"!==e.code||(this.toggle(e),e.preventDefault())}},computed:{ariaId:function(){return r.UniqueComponentId()},buttonAriaLabel:function(){return this.toggleButtonProps&&this.toggleButtonProps["aria-label"]?this.toggleButtonProps["aria-label"]:this.header}},components:{PlusIcon:s.default,MinusIcon:c.default},directives:{ripple:u.default}};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 m(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,r)}return o}function g(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?m(Object(o),!0).forEach((function(t){f(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):m(Object(o)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return e}function f(e,t,o){return(t=b(t))in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function b(e){var t=y(e,"string");return"symbol"===d(t)?t:String(t)}function y(e,t){if("object"!==d(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var r=o.call(e,t||"default");if("object"!==d(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var v=["id"],h=["id","aria-label","aria-controls","aria-expanded"],P=["id","aria-labelledby"];p.render=function(e,t,o,r,n,l){var i=a.resolveDirective("ripple");return a.openBlock(),a.createElementBlock("div",a.mergeProps({class:e.cx("root")},e.ptm("root"),{"data-pc-name":"panel"}),[a.createElementVNode("div",a.mergeProps({class:e.cx("header")},e.ptm("header")),[a.renderSlot(e.$slots,"header",{id:l.ariaId+"_header",class:a.normalizeClass(e.cx("title"))},(function(){return[e.header?(a.openBlock(),a.createElementBlock("span",a.mergeProps({key:0,id:l.ariaId+"_header",class:e.cx("title")},e.ptm("title")),a.toDisplayString(e.header),17,v)):a.createCommentVNode("",!0)]})),a.createElementVNode("div",a.mergeProps({class:e.cx("icons")},e.ptm("icons")),[a.renderSlot(e.$slots,"icons"),e.toggleable?a.withDirectives((a.openBlock(),a.createElementBlock("button",a.mergeProps({key:0,id:l.ariaId+"_header",type:"button",role:"button",class:e.cx("toggler"),"aria-label":l.buttonAriaLabel,"aria-controls":l.ariaId+"_content","aria-expanded":!n.d_collapsed,onClick:t[0]||(t[0]=function(){return l.toggle&&l.toggle.apply(l,arguments)}),onKeydown:t[1]||(t[1]=function(){return l.onKeyDown&&l.onKeyDown.apply(l,arguments)})},g(g({},e.toggleButtonProps),e.ptm("toggler"))),[a.renderSlot(e.$slots,"togglericon",{collapsed:n.d_collapsed},(function(){return[(a.openBlock(),a.createBlock(a.resolveDynamicComponent(n.d_collapsed?"PlusIcon":"MinusIcon"),a.normalizeProps(a.guardReactiveProps(e.ptm("togglericon"))),null,16))]}))],16,h)),[[i]]):a.createCommentVNode("",!0)],16)],16),a.createVNode(a.Transition,a.mergeProps({name:"p-toggleable-content"},e.ptm("transition")),{default:a.withCtx((function(){return[a.withDirectives(a.createElementVNode("div",a.mergeProps({id:l.ariaId+"_content",class:e.cx("toggleablecontent"),role:"region","aria-labelledby":l.ariaId+"_header"},e.ptm("toggleablecontent")),[a.createElementVNode("div",a.mergeProps({class:e.cx("content")},e.ptm("content")),[a.renderSlot(e.$slots,"default")],16),e.$slots.footer?(a.openBlock(),a.createElementBlock("div",a.mergeProps({key:0,class:e.cx("footer")},e.ptm("footer")),[a.renderSlot(e.$slots,"footer")],16)):a.createCommentVNode("",!0)],16,P),[[a.vShow,!n.d_collapsed]])]})),_:3},16)],16)},module.exports=p;
+"use strict";var e=require("primevue/icons/minus"),t=require("primevue/icons/plus"),o=require("primevue/ripple"),r=require("primevue/utils"),n=require("primevue/basecomponent"),l=require("primevue/panel/style"),a=require("vue");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=i(e),s=i(t),u=i(o),p={name:"Panel",extends:{name:"BasePanel",extends:i(n).default,props:{header:String,toggleable:Boolean,collapsed:Boolean,toggleButtonProps:{type:null,default:null}},style:i(l).default,provide:function(){return{$parentInstance:this}}},emits:["update:collapsed","toggle"],data:function(){return{d_collapsed:this.collapsed}},watch:{collapsed:function(e){this.d_collapsed=e}},methods:{toggle:function(e){this.d_collapsed=!this.d_collapsed,this.$emit("update:collapsed",this.d_collapsed),this.$emit("toggle",{originalEvent:e,value:this.d_collapsed})},onKeyDown:function(e){"Enter"!==e.code&&"Space"!==e.code||(this.toggle(e),e.preventDefault())}},computed:{ariaId:function(){return r.UniqueComponentId()},buttonAriaLabel:function(){return this.toggleButtonProps&&this.toggleButtonProps.ariaLabel?this.toggleButtonProps.ariaLabel:this.header}},components:{PlusIcon:s.default,MinusIcon:c.default},directives:{ripple:u.default}};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 m(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,r)}return o}function g(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?m(Object(o),!0).forEach((function(t){f(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):m(Object(o)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return e}function f(e,t,o){return(t=b(t))in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function b(e){var t=y(e,"string");return"symbol"===d(t)?t:String(t)}function y(e,t){if("object"!==d(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var r=o.call(e,t||"default");if("object"!==d(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var v=["id"],h=["id","aria-label","aria-controls","aria-expanded"],P=["id","aria-labelledby"];p.render=function(e,t,o,r,n,l){var i=a.resolveDirective("ripple");return a.openBlock(),a.createElementBlock("div",a.mergeProps({class:e.cx("root")},e.ptm("root"),{"data-pc-name":"panel"}),[a.createElementVNode("div",a.mergeProps({class:e.cx("header")},e.ptm("header")),[a.renderSlot(e.$slots,"header",{id:l.ariaId+"_header",class:a.normalizeClass(e.cx("title"))},(function(){return[e.header?(a.openBlock(),a.createElementBlock("span",a.mergeProps({key:0,id:l.ariaId+"_header",class:e.cx("title")},e.ptm("title")),a.toDisplayString(e.header),17,v)):a.createCommentVNode("",!0)]})),a.createElementVNode("div",a.mergeProps({class:e.cx("icons")},e.ptm("icons")),[a.renderSlot(e.$slots,"icons"),e.toggleable?a.withDirectives((a.openBlock(),a.createElementBlock("button",a.mergeProps({key:0,id:l.ariaId+"_header",type:"button",role:"button",class:e.cx("toggler"),"aria-label":l.buttonAriaLabel,"aria-controls":l.ariaId+"_content","aria-expanded":!n.d_collapsed,onClick:t[0]||(t[0]=function(){return l.toggle&&l.toggle.apply(l,arguments)}),onKeydown:t[1]||(t[1]=function(){return l.onKeyDown&&l.onKeyDown.apply(l,arguments)})},g(g({},e.toggleButtonProps),e.ptm("toggler"))),[a.renderSlot(e.$slots,"togglericon",{collapsed:n.d_collapsed},(function(){return[(a.openBlock(),a.createBlock(a.resolveDynamicComponent(n.d_collapsed?"PlusIcon":"MinusIcon"),a.normalizeProps(a.guardReactiveProps(e.ptm("togglericon"))),null,16))]}))],16,h)),[[i]]):a.createCommentVNode("",!0)],16)],16),a.createVNode(a.Transition,a.mergeProps({name:"p-toggleable-content"},e.ptm("transition")),{default:a.withCtx((function(){return[a.withDirectives(a.createElementVNode("div",a.mergeProps({id:l.ariaId+"_content",class:e.cx("toggleablecontent"),role:"region","aria-labelledby":l.ariaId+"_header"},e.ptm("toggleablecontent")),[a.createElementVNode("div",a.mergeProps({class:e.cx("content")},e.ptm("content")),[a.renderSlot(e.$slots,"default")],16),e.$slots.footer?(a.openBlock(),a.createElementBlock("div",a.mergeProps({key:0,class:e.cx("footer")},e.ptm("footer")),[a.renderSlot(e.$slots,"footer")],16)):a.createCommentVNode("",!0)],16,P),[[a.vShow,!n.d_collapsed]])]})),_:3},16)],16)},module.exports=p;

package/panel/panel.esm.js

@@ -61,7 +61,7 @@ var script = {
       return UniqueComponentId();
     },
     buttonAriaLabel: function buttonAriaLabel() {
-      return this.toggleButtonProps && this.toggleButtonProps['aria-label'] ? this.toggleButtonProps['aria-label'] : this.header;
+      return this.toggleButtonProps && this.toggleButtonProps.ariaLabel ? this.toggleButtonProps.ariaLabel : this.header;
     }
   },
   components: {

package/panel/panel.esm.min.js

@@ -1 +1 @@
-import e from"primevue/icons/minus";import t from"primevue/icons/plus";import o from"primevue/ripple";import{UniqueComponentId as r}from"primevue/utils";import n from"primevue/basecomponent";import l from"primevue/panel/style";import{resolveDirective as i,openBlock as a,createElementBlock as c,mergeProps as s,createElementVNode as p,renderSlot as u,normalizeClass as d,toDisplayString as f,createCommentVNode as m,withDirectives as g,createBlock as b,resolveDynamicComponent as y,normalizeProps as v,guardReactiveProps as h,createVNode as P,Transition as O,withCtx as _,vShow as j}from"vue";var w={name:"Panel",extends:{name:"BasePanel",extends:n,props:{header:String,toggleable:Boolean,collapsed:Boolean,toggleButtonProps:{type:null,default:null}},style:l,provide:function(){return{$parentInstance:this}}},emits:["update:collapsed","toggle"],data:function(){return{d_collapsed:this.collapsed}},watch:{collapsed:function(e){this.d_collapsed=e}},methods:{toggle:function(e){this.d_collapsed=!this.d_collapsed,this.$emit("update:collapsed",this.d_collapsed),this.$emit("toggle",{originalEvent:e,value:this.d_collapsed})},onKeyDown:function(e){"Enter"!==e.code&&"Space"!==e.code||(this.toggle(e),e.preventDefault())}},computed:{ariaId:function(){return r()},buttonAriaLabel:function(){return this.toggleButtonProps&&this.toggleButtonProps["aria-label"]?this.toggleButtonProps["aria-label"]:this.header}},components:{PlusIcon:t,MinusIcon:e},directives:{ripple:o}};function x(e){return x="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},x(e)}function I(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,r)}return o}function S(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?I(Object(o),!0).forEach((function(t){$(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):I(Object(o)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return e}function $(e,t,o){return(t=B(t))in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function B(e){var t=D(e,"string");return"symbol"===x(t)?t:String(t)}function D(e,t){if("object"!==x(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var r=o.call(e,t||"default");if("object"!==x(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var k=["id"],E=["id","aria-label","aria-controls","aria-expanded"],K=["id","aria-labelledby"];w.render=function(e,t,o,r,n,l){var w=i("ripple");return a(),c("div",s({class:e.cx("root")},e.ptm("root"),{"data-pc-name":"panel"}),[p("div",s({class:e.cx("header")},e.ptm("header")),[u(e.$slots,"header",{id:l.ariaId+"_header",class:d(e.cx("title"))},(function(){return[e.header?(a(),c("span",s({key:0,id:l.ariaId+"_header",class:e.cx("title")},e.ptm("title")),f(e.header),17,k)):m("",!0)]})),p("div",s({class:e.cx("icons")},e.ptm("icons")),[u(e.$slots,"icons"),e.toggleable?g((a(),c("button",s({key:0,id:l.ariaId+"_header",type:"button",role:"button",class:e.cx("toggler"),"aria-label":l.buttonAriaLabel,"aria-controls":l.ariaId+"_content","aria-expanded":!n.d_collapsed,onClick:t[0]||(t[0]=function(){return l.toggle&&l.toggle.apply(l,arguments)}),onKeydown:t[1]||(t[1]=function(){return l.onKeyDown&&l.onKeyDown.apply(l,arguments)})},S(S({},e.toggleButtonProps),e.ptm("toggler"))),[u(e.$slots,"togglericon",{collapsed:n.d_collapsed},(function(){return[(a(),b(y(n.d_collapsed?"PlusIcon":"MinusIcon"),v(h(e.ptm("togglericon"))),null,16))]}))],16,E)),[[w]]):m("",!0)],16)],16),P(O,s({name:"p-toggleable-content"},e.ptm("transition")),{default:_((function(){return[g(p("div",s({id:l.ariaId+"_content",class:e.cx("toggleablecontent"),role:"region","aria-labelledby":l.ariaId+"_header"},e.ptm("toggleablecontent")),[p("div",s({class:e.cx("content")},e.ptm("content")),[u(e.$slots,"default")],16),e.$slots.footer?(a(),c("div",s({key:0,class:e.cx("footer")},e.ptm("footer")),[u(e.$slots,"footer")],16)):m("",!0)],16,K),[[j,!n.d_collapsed]])]})),_:3},16)],16)};export{w as default};
+import e from"primevue/icons/minus";import t from"primevue/icons/plus";import o from"primevue/ripple";import{UniqueComponentId as r}from"primevue/utils";import n from"primevue/basecomponent";import l from"primevue/panel/style";import{resolveDirective as i,openBlock as a,createElementBlock as c,mergeProps as s,createElementVNode as p,renderSlot as u,normalizeClass as d,toDisplayString as f,createCommentVNode as m,withDirectives as g,createBlock as b,resolveDynamicComponent as y,normalizeProps as v,guardReactiveProps as h,createVNode as P,Transition as O,withCtx as _,vShow as j}from"vue";var w={name:"Panel",extends:{name:"BasePanel",extends:n,props:{header:String,toggleable:Boolean,collapsed:Boolean,toggleButtonProps:{type:null,default:null}},style:l,provide:function(){return{$parentInstance:this}}},emits:["update:collapsed","toggle"],data:function(){return{d_collapsed:this.collapsed}},watch:{collapsed:function(e){this.d_collapsed=e}},methods:{toggle:function(e){this.d_collapsed=!this.d_collapsed,this.$emit("update:collapsed",this.d_collapsed),this.$emit("toggle",{originalEvent:e,value:this.d_collapsed})},onKeyDown:function(e){"Enter"!==e.code&&"Space"!==e.code||(this.toggle(e),e.preventDefault())}},computed:{ariaId:function(){return r()},buttonAriaLabel:function(){return this.toggleButtonProps&&this.toggleButtonProps.ariaLabel?this.toggleButtonProps.ariaLabel:this.header}},components:{PlusIcon:t,MinusIcon:e},directives:{ripple:o}};function x(e){return x="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},x(e)}function I(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,r)}return o}function S(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?I(Object(o),!0).forEach((function(t){$(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):I(Object(o)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return e}function $(e,t,o){return(t=B(t))in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function B(e){var t=D(e,"string");return"symbol"===x(t)?t:String(t)}function D(e,t){if("object"!==x(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var r=o.call(e,t||"default");if("object"!==x(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var k=["id"],E=["id","aria-label","aria-controls","aria-expanded"],K=["id","aria-labelledby"];w.render=function(e,t,o,r,n,l){var w=i("ripple");return a(),c("div",s({class:e.cx("root")},e.ptm("root"),{"data-pc-name":"panel"}),[p("div",s({class:e.cx("header")},e.ptm("header")),[u(e.$slots,"header",{id:l.ariaId+"_header",class:d(e.cx("title"))},(function(){return[e.header?(a(),c("span",s({key:0,id:l.ariaId+"_header",class:e.cx("title")},e.ptm("title")),f(e.header),17,k)):m("",!0)]})),p("div",s({class:e.cx("icons")},e.ptm("icons")),[u(e.$slots,"icons"),e.toggleable?g((a(),c("button",s({key:0,id:l.ariaId+"_header",type:"button",role:"button",class:e.cx("toggler"),"aria-label":l.buttonAriaLabel,"aria-controls":l.ariaId+"_content","aria-expanded":!n.d_collapsed,onClick:t[0]||(t[0]=function(){return l.toggle&&l.toggle.apply(l,arguments)}),onKeydown:t[1]||(t[1]=function(){return l.onKeyDown&&l.onKeyDown.apply(l,arguments)})},S(S({},e.toggleButtonProps),e.ptm("toggler"))),[u(e.$slots,"togglericon",{collapsed:n.d_collapsed},(function(){return[(a(),b(y(n.d_collapsed?"PlusIcon":"MinusIcon"),v(h(e.ptm("togglericon"))),null,16))]}))],16,E)),[[w]]):m("",!0)],16)],16),P(O,s({name:"p-toggleable-content"},e.ptm("transition")),{default:_((function(){return[g(p("div",s({id:l.ariaId+"_content",class:e.cx("toggleablecontent"),role:"region","aria-labelledby":l.ariaId+"_header"},e.ptm("toggleablecontent")),[p("div",s({class:e.cx("content")},e.ptm("content")),[u(e.$slots,"default")],16),e.$slots.footer?(a(),c("div",s({key:0,class:e.cx("footer")},e.ptm("footer")),[u(e.$slots,"footer")],16)):m("",!0)],16,K),[[j,!n.d_collapsed]])]})),_:3},16)],16)};export{w as default};

package/panel/panel.js

@@ -65,7 +65,7 @@ this.primevue.panel = (function (MinusIcon, PlusIcon, Ripple, utils, BaseCompone
           return utils.UniqueComponentId();
         },
         buttonAriaLabel: function buttonAriaLabel() {
-          return this.toggleButtonProps && this.toggleButtonProps['aria-label'] ? this.toggleButtonProps['aria-label'] : this.header;
+          return this.toggleButtonProps && this.toggleButtonProps.ariaLabel ? this.toggleButtonProps.ariaLabel : this.header;
         }
       },
       components: {

package/panel/panel.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.panel=function(e,t,o,r,n,l,a){"use strict";function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=i(e),s=i(t),p=i(o),u={name:"Panel",extends:{name:"BasePanel",extends:i(n).default,props:{header:String,toggleable:Boolean,collapsed:Boolean,toggleButtonProps:{type:null,default:null}},style:i(l).default,provide:function(){return{$parentInstance:this}}},emits:["update:collapsed","toggle"],data:function(){return{d_collapsed:this.collapsed}},watch:{collapsed:function(e){this.d_collapsed=e}},methods:{toggle:function(e){this.d_collapsed=!this.d_collapsed,this.$emit("update:collapsed",this.d_collapsed),this.$emit("toggle",{originalEvent:e,value:this.d_collapsed})},onKeyDown:function(e){"Enter"!==e.code&&"Space"!==e.code||(this.toggle(e),e.preventDefault())}},computed:{ariaId:function(){return r.UniqueComponentId()},buttonAriaLabel:function(){return this.toggleButtonProps&&this.toggleButtonProps["aria-label"]?this.toggleButtonProps["aria-label"]:this.header}},components:{PlusIcon:s.default,MinusIcon:c.default},directives:{ripple:p.default}};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 m(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,r)}return o}function g(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?m(Object(o),!0).forEach((function(t){f(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):m(Object(o)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return e}function f(e,t,o){return(t=b(t))in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function b(e){var t=y(e,"string");return"symbol"===d(t)?t:String(t)}function y(e,t){if("object"!==d(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var r=o.call(e,t||"default");if("object"!==d(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var v=["id"],h=["id","aria-label","aria-controls","aria-expanded"],P=["id","aria-labelledby"];return u.render=function(e,t,o,r,n,l){var i=a.resolveDirective("ripple");return a.openBlock(),a.createElementBlock("div",a.mergeProps({class:e.cx("root")},e.ptm("root"),{"data-pc-name":"panel"}),[a.createElementVNode("div",a.mergeProps({class:e.cx("header")},e.ptm("header")),[a.renderSlot(e.$slots,"header",{id:l.ariaId+"_header",class:a.normalizeClass(e.cx("title"))},(function(){return[e.header?(a.openBlock(),a.createElementBlock("span",a.mergeProps({key:0,id:l.ariaId+"_header",class:e.cx("title")},e.ptm("title")),a.toDisplayString(e.header),17,v)):a.createCommentVNode("",!0)]})),a.createElementVNode("div",a.mergeProps({class:e.cx("icons")},e.ptm("icons")),[a.renderSlot(e.$slots,"icons"),e.toggleable?a.withDirectives((a.openBlock(),a.createElementBlock("button",a.mergeProps({key:0,id:l.ariaId+"_header",type:"button",role:"button",class:e.cx("toggler"),"aria-label":l.buttonAriaLabel,"aria-controls":l.ariaId+"_content","aria-expanded":!n.d_collapsed,onClick:t[0]||(t[0]=function(){return l.toggle&&l.toggle.apply(l,arguments)}),onKeydown:t[1]||(t[1]=function(){return l.onKeyDown&&l.onKeyDown.apply(l,arguments)})},g(g({},e.toggleButtonProps),e.ptm("toggler"))),[a.renderSlot(e.$slots,"togglericon",{collapsed:n.d_collapsed},(function(){return[(a.openBlock(),a.createBlock(a.resolveDynamicComponent(n.d_collapsed?"PlusIcon":"MinusIcon"),a.normalizeProps(a.guardReactiveProps(e.ptm("togglericon"))),null,16))]}))],16,h)),[[i]]):a.createCommentVNode("",!0)],16)],16),a.createVNode(a.Transition,a.mergeProps({name:"p-toggleable-content"},e.ptm("transition")),{default:a.withCtx((function(){return[a.withDirectives(a.createElementVNode("div",a.mergeProps({id:l.ariaId+"_content",class:e.cx("toggleablecontent"),role:"region","aria-labelledby":l.ariaId+"_header"},e.ptm("toggleablecontent")),[a.createElementVNode("div",a.mergeProps({class:e.cx("content")},e.ptm("content")),[a.renderSlot(e.$slots,"default")],16),e.$slots.footer?(a.openBlock(),a.createElementBlock("div",a.mergeProps({key:0,class:e.cx("footer")},e.ptm("footer")),[a.renderSlot(e.$slots,"footer")],16)):a.createCommentVNode("",!0)],16,P),[[a.vShow,!n.d_collapsed]])]})),_:3},16)],16)},u}(primevue.icons.minus,primevue.icons.plus,primevue.ripple,primevue.utils,primevue.basecomponent,primevue.panel.style,Vue);
+this.primevue=this.primevue||{},this.primevue.panel=function(e,t,o,r,n,l,a){"use strict";function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=i(e),s=i(t),p=i(o),u={name:"Panel",extends:{name:"BasePanel",extends:i(n).default,props:{header:String,toggleable:Boolean,collapsed:Boolean,toggleButtonProps:{type:null,default:null}},style:i(l).default,provide:function(){return{$parentInstance:this}}},emits:["update:collapsed","toggle"],data:function(){return{d_collapsed:this.collapsed}},watch:{collapsed:function(e){this.d_collapsed=e}},methods:{toggle:function(e){this.d_collapsed=!this.d_collapsed,this.$emit("update:collapsed",this.d_collapsed),this.$emit("toggle",{originalEvent:e,value:this.d_collapsed})},onKeyDown:function(e){"Enter"!==e.code&&"Space"!==e.code||(this.toggle(e),e.preventDefault())}},computed:{ariaId:function(){return r.UniqueComponentId()},buttonAriaLabel:function(){return this.toggleButtonProps&&this.toggleButtonProps.ariaLabel?this.toggleButtonProps.ariaLabel:this.header}},components:{PlusIcon:s.default,MinusIcon:c.default},directives:{ripple:p.default}};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 m(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,r)}return o}function g(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?m(Object(o),!0).forEach((function(t){f(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):m(Object(o)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return e}function f(e,t,o){return(t=b(t))in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function b(e){var t=y(e,"string");return"symbol"===d(t)?t:String(t)}function y(e,t){if("object"!==d(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var r=o.call(e,t||"default");if("object"!==d(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var v=["id"],h=["id","aria-label","aria-controls","aria-expanded"],P=["id","aria-labelledby"];return u.render=function(e,t,o,r,n,l){var i=a.resolveDirective("ripple");return a.openBlock(),a.createElementBlock("div",a.mergeProps({class:e.cx("root")},e.ptm("root"),{"data-pc-name":"panel"}),[a.createElementVNode("div",a.mergeProps({class:e.cx("header")},e.ptm("header")),[a.renderSlot(e.$slots,"header",{id:l.ariaId+"_header",class:a.normalizeClass(e.cx("title"))},(function(){return[e.header?(a.openBlock(),a.createElementBlock("span",a.mergeProps({key:0,id:l.ariaId+"_header",class:e.cx("title")},e.ptm("title")),a.toDisplayString(e.header),17,v)):a.createCommentVNode("",!0)]})),a.createElementVNode("div",a.mergeProps({class:e.cx("icons")},e.ptm("icons")),[a.renderSlot(e.$slots,"icons"),e.toggleable?a.withDirectives((a.openBlock(),a.createElementBlock("button",a.mergeProps({key:0,id:l.ariaId+"_header",type:"button",role:"button",class:e.cx("toggler"),"aria-label":l.buttonAriaLabel,"aria-controls":l.ariaId+"_content","aria-expanded":!n.d_collapsed,onClick:t[0]||(t[0]=function(){return l.toggle&&l.toggle.apply(l,arguments)}),onKeydown:t[1]||(t[1]=function(){return l.onKeyDown&&l.onKeyDown.apply(l,arguments)})},g(g({},e.toggleButtonProps),e.ptm("toggler"))),[a.renderSlot(e.$slots,"togglericon",{collapsed:n.d_collapsed},(function(){return[(a.openBlock(),a.createBlock(a.resolveDynamicComponent(n.d_collapsed?"PlusIcon":"MinusIcon"),a.normalizeProps(a.guardReactiveProps(e.ptm("togglericon"))),null,16))]}))],16,h)),[[i]]):a.createCommentVNode("",!0)],16)],16),a.createVNode(a.Transition,a.mergeProps({name:"p-toggleable-content"},e.ptm("transition")),{default:a.withCtx((function(){return[a.withDirectives(a.createElementVNode("div",a.mergeProps({id:l.ariaId+"_content",class:e.cx("toggleablecontent"),role:"region","aria-labelledby":l.ariaId+"_header"},e.ptm("toggleablecontent")),[a.createElementVNode("div",a.mergeProps({class:e.cx("content")},e.ptm("content")),[a.renderSlot(e.$slots,"default")],16),e.$slots.footer?(a.openBlock(),a.createElementBlock("div",a.mergeProps({key:0,class:e.cx("footer")},e.ptm("footer")),[a.renderSlot(e.$slots,"footer")],16)):a.createCommentVNode("",!0)],16,P),[[a.vShow,!n.d_collapsed]])]})),_:3},16)],16)},u}(primevue.icons.minus,primevue.icons.plus,primevue.ripple,primevue.utils,primevue.basecomponent,primevue.panel.style,Vue);

package/panelmenu/PanelMenu.d.ts

@@ -37,6 +37,10 @@ export interface PanelMenuPassThroughMethodOptions {
      * Defines current options.
      */
     context: PanelMenuContext;
+    /**
+     * Defines parent options.
+     */
+    parent: any;
     /**
      * Defines passthrough(pt) options in global config.
      */

package/passthrough/tailwind/index.cjs.js

@@ -799,13 +799,15 @@ var index = {
       root: function root(_ref30) {
         var parent = _ref30.parent;
         return {
-          "class": ['w-16 !h-16 !rounded-full justify-center z-10', {
+          "class": ['text-white dark:text-gray-900 bg-blue-500 dark:bg-blue-400 border border-blue-500 dark:border-blue-400 hover:bg-blue-600 dark:hover:bg-blue-500 hover:border-blue-600 dark:hover:border-blue-500 focus:shadow-[0_0_0_2px_rgba(255,255,255,1),0_0_0_4px_rgba(157,193,251,1),0_1px_2px_0_rgba(0,0,0,1)] dark:focus:shadow-[0_0_0_2px_rgba(28,33,39,1),0_0_0_4px_rgba(147,197,253,0.7),0_1px_2px_0_rgba(0,0,0,0)]', 'flex items-center justify-center', 'transition duration-200 ease-in-out', 'focus:outline-none focus:outline-offset-0', 'w-16 !h-16 !rounded-full justify-center z-10', {
             'rotate-45': parent.state.d_visible
           }]
         };
       },
-      label: {
-        "class": 'hidden'
+      label: function label() {
+        return {
+          "class": 'hidden'
+        };
       }
     },
     menu: {
@@ -849,28 +851,130 @@ var index = {
     },
     button: {
       root: function root(_ref34) {
-        var parent = _ref34.parent;
+        var props = _ref34.props,
+          parent = _ref34.parent;
         return {
           "class": ['rounded-r-none border-r-0', {
             'rounded-l-full': parent.props.rounded
+          }, {
+            'text-white dark:text-gray-900 bg-blue-500 dark:bg-blue-400 border border-blue-500 dark:border-blue-400 hover:bg-blue-600 dark:hover:bg-blue-500 hover:border-blue-600 dark:hover:border-blue-500 focus:shadow-[0_0_0_2px_rgba(255,255,255,1),0_0_0_4px_rgba(157,193,251,1),0_1px_2px_0_rgba(0,0,0,1)] dark:focus:shadow-[0_0_0_2px_rgba(28,33,39,1),0_0_0_4px_rgba(147,197,253,0.7),0_1px_2px_0_rgba(0,0,0,0)]': !parent.props.link && parent.props.severity === null && !parent.props.text && !parent.props.outlined && !parent.props.plain,
+            'text-blue-600 bg-transparent border-transparent focus:shadow-[0_0_0_2px_rgba(255,255,255,1),0_0_0_4px_rgba(157,193,251,1),0_1px_2px_0_rgba(0,0,0,1)] dark:focus:shadow-[0_0_0_2px_rgba(28,33,39,1),0_0_0_4px_rgba(147,197,253,0.7),0_1px_2px_0_rgba(0,0,0,0)]': parent.props.link
+          }, {
+            'focus:shadow-[0_0_0_2px_rgba(255,255,255,1),0_0_0_4px_rgba(176,185,198,1),0_1px_2px_0_rgba(0,0,0,1)] dark:focus:shadow-[0_0_0_2px_rgba(28,33,39,1),0_0_0_4px_rgba(203,213,225,0.7),0_1px_2px_0_rgba(0,0,0,0)]': props.severity === 'secondary',
+            'focus:shadow-[0_0_0_2px_rgba(255,255,255,1),0_0_0_4px_rgba(136,234,172,1),0_1px_2px_0_rgba(0,0,0,1)] dark:focus:shadow-[0_0_0_2px_rgba(28,33,39,1),0_0_0_4px_rgba(134,239,172,0.7),0_1px_2px_0_rgba(0,0,0,0)]': props.severity === 'success',
+            'focus:shadow-[0_0_0_2px_rgba(255,255,255,1),0_0_0_4px_rgba(157,193,251,1),0_1px_2px_0_rgba(0,0,0,1)] dark:focus:shadow-[0_0_0_2px_rgba(28,33,39,1),0_0_0_4px_rgba(147,197,253,0.7),0_1px_2px_0_rgba(0,0,0,0)]': props.severity === 'info',
+            'focus:shadow-[0_0_0_2px_rgba(255,255,255,1),0_0_0_4px_rgba(250,207,133,1),0_1px_2px_0_rgba(0,0,0,1)] dark:focus:shadow-[0_0_0_2px_rgba(28,33,39,1),0_0_0_4px_rgba(252,211,77,0.7),0_1px_2px_0_rgba(0,0,0,0)]': props.severity === 'warning',
+            'focus:shadow-[0_0_0_2px_rgba(255,255,255,1),0_0_0_4px_rgba(212,170,251,1),0_1px_2px_0_rgba(0,0,0,1)] dark:focus:shadow-[0_0_0_2px_rgba(28,33,39,1),0_0_0_4px_rgba(216,180,254,0.7),0_1px_2px_0_rgba(0,0,0,0)]': props.severity === 'help',
+            'focus:shadow-[0_0_0_2px_rgba(255,255,255,1),0_0_0_4px_rgba(247,162,162,1),0_1px_2px_0_rgba(0,0,0,1)] dark:focus:shadow-[0_0_0_2px_rgba(28,33,39,1),0_0_0_4px_rgba(252,165,165,0.7),0_1px_2px_0_rgba(0,0,0,0)]': props.severity === 'danger'
+          }, {
+            'text-white dark:text-gray-900 bg-gray-500 dark:bg-gray-400 border border-gray-500 dark:border-gray-400 hover:bg-gray-600 dark:hover:bg-gray-500 hover:border-gray-600 dark:hover:border-gray-500': props.severity === 'secondary' && !props.text && !props.outlined && !props.plain,
+            'text-white dark:text-gray-900 bg-green-500 dark:bg-green-400 border border-green-500 dark:border-green-400 hover:bg-green-600 dark:hover:bg-green-500 hover:border-green-600 dark:hover:border-green-500': props.severity === 'success' && !props.text && !props.outlined && !props.plain,
+            'text-white dark:text-gray-900 dark:bg-blue-400 bg-blue-500 dark:bg-blue-400 border border-blue-500 dark:border-blue-400 hover:bg-blue-600 hover:border-blue-600 dark:hover:bg-blue-500 dark:hover:border-blue-500': props.severity === 'info' && !props.text && !props.outlined && !props.plain,
+            'text-white dark:text-gray-900 bg-orange-500 dark:bg-orange-400 border border-orange-500 dark:border-orange-400 hover:bg-orange-600 dark:hover:bg-orange-500 hover:border-orange-600 dark:hover:border-orange-500': props.severity === 'warning' && !props.text && !props.outlined && !props.plain,
+            'text-white dark:text-gray-900 bg-purple-500 dark:bg-purple-400 border border-purple-500 dark:border-purple-400 hover:bg-purple-600 dark:hover:bg-purple-500 hover:border-purple-600 dark:hover:border-purple-500': props.severity === 'help' && !props.text && !props.outlined && !props.plain,
+            'text-white dark:text-gray-900 bg-red-500 dark:bg-red-400 border border-red-500 dark:border-red-400 hover:bg-red-600 dark:hover:bg-red-500 hover:border-red-600 dark:hover:border-red-500': props.severity === 'danger' && !props.text && !props.outlined && !props.plain
+          }, {
+            'shadow-lg': props.raised
+          }, {
+            'rounded-md': !props.rounded,
+            'rounded-full': props.rounded
+          }, {
+            'bg-transparent border-transparent': props.text && !props.plain,
+            'text-blue-500 dark:text-blue-400 hover:bg-blue-300/20': props.text && (props.severity === null || props.severity === 'info') && !props.plain,
+            'text-gray-500 dark:text-gray-400 hover:bg-gray-300/20': props.text && props.severity === 'secondary' && !props.plain,
+            'text-green-500 dark:text-green-400 hover:bg-green-300/20': props.text && props.severity === 'success' && !props.plain,
+            'text-orange-500 dark:text-orange-400 hover:bg-orange-300/20': props.text && props.severity === 'warning' && !props.plain,
+            'text-purple-500 dark:text-purple-400 hover:bg-purple-300/20': props.text && props.severity === 'help' && !props.plain,
+            'text-red-500 dark:text-red-400 hover:bg-red-300/20': props.text && props.severity === 'danger' && !props.plain
+          }, {
+            'shadow-lg': props.raised && props.text
+          }, {
+            'text-gray-500 hover:bg-gray-300/20': props.plain && props.text,
+            'text-gray-500 border border-gray-500 hover:bg-gray-300/20': props.plain && props.outlined,
+            'text-white bg-gray-500 border border-gray-500 hover:bg-gray-600 hover:border-gray-600': props.plain && !props.outlined && !props.text
+          }, {
+            'bg-transparent border': props.outlined && !props.plain,
+            'text-blue-500 dark:text-blue-400 border border-blue-500 dark:border-blue-400 hover:bg-blue-300/20': props.outlined && (props.severity === null || props.severity === 'info') && !props.plain,
+            'text-gray-500 dark:text-gray-400 border border-gray-500 dark:border-gray-400 hover:bg-gray-300/20': props.outlined && props.severity === 'secondary' && !props.plain,
+            'text-green-500 dark:text-green-400 border border-green-500 dark:border-green-400 hover:bg-green-300/20': props.outlined && props.severity === 'success' && !props.plain,
+            'text-orange-500 dark:text-orange-400 border border-orange-500 dark:border-orange-400 hover:bg-orange-300/20': props.outlined && props.severity === 'warning' && !props.plain,
+            'text-purple-500 dark:text-purple-400 border border-purple-500 dark:border-purple-400 hover:bg-purple-300/20': props.outlined && props.severity === 'help' && !props.plain,
+            'text-red-500 dark:text-red-400 border border-red-500 dark:border-red-400 hover:bg-red-300/20': props.outlined && props.severity === 'danger' && !props.plain
+          }, {
+            'px-4 py-3 text-base': props.size === null,
+            'text-xs py-2 px-3': props.size === 'small',
+            'text-xl py-3 px-4': props.size === 'large'
           }]
         };
       },
-      icon: {
-        "class": 'mr-2'
+      icon: function icon() {
+        return {
+          "class": 'mr-2'
+        };
       }
     },
     menubutton: {
       root: function root(_ref35) {
-        var parent = _ref35.parent;
+        var props = _ref35.props,
+          parent = _ref35.parent;
         return {
           "class": ['rounded-l-none', {
             'rounded-r-full': parent.props.rounded
+          }, {
+            'text-white dark:text-gray-900 bg-blue-500 dark:bg-blue-400 border border-blue-500 dark:border-blue-400 hover:bg-blue-600 dark:hover:bg-blue-500 hover:border-blue-600 dark:hover:border-blue-500 focus:shadow-[0_0_0_2px_rgba(255,255,255,1),0_0_0_4px_rgba(157,193,251,1),0_1px_2px_0_rgba(0,0,0,1)] dark:focus:shadow-[0_0_0_2px_rgba(28,33,39,1),0_0_0_4px_rgba(147,197,253,0.7),0_1px_2px_0_rgba(0,0,0,0)]': !parent.props.link && parent.props.severity === null && !parent.props.text && !parent.props.outlined && !parent.props.plain,
+            'text-blue-600 bg-transparent border-transparent focus:shadow-[0_0_0_2px_rgba(255,255,255,1),0_0_0_4px_rgba(157,193,251,1),0_1px_2px_0_rgba(0,0,0,1)] dark:focus:shadow-[0_0_0_2px_rgba(28,33,39,1),0_0_0_4px_rgba(147,197,253,0.7),0_1px_2px_0_rgba(0,0,0,0)]': parent.props.link
+          }, {
+            'focus:shadow-[0_0_0_2px_rgba(255,255,255,1),0_0_0_4px_rgba(176,185,198,1),0_1px_2px_0_rgba(0,0,0,1)] dark:focus:shadow-[0_0_0_2px_rgba(28,33,39,1),0_0_0_4px_rgba(203,213,225,0.7),0_1px_2px_0_rgba(0,0,0,0)]': props.severity === 'secondary',
+            'focus:shadow-[0_0_0_2px_rgba(255,255,255,1),0_0_0_4px_rgba(136,234,172,1),0_1px_2px_0_rgba(0,0,0,1)] dark:focus:shadow-[0_0_0_2px_rgba(28,33,39,1),0_0_0_4px_rgba(134,239,172,0.7),0_1px_2px_0_rgba(0,0,0,0)]': props.severity === 'success',
+            'focus:shadow-[0_0_0_2px_rgba(255,255,255,1),0_0_0_4px_rgba(157,193,251,1),0_1px_2px_0_rgba(0,0,0,1)] dark:focus:shadow-[0_0_0_2px_rgba(28,33,39,1),0_0_0_4px_rgba(147,197,253,0.7),0_1px_2px_0_rgba(0,0,0,0)]': props.severity === 'info',
+            'focus:shadow-[0_0_0_2px_rgba(255,255,255,1),0_0_0_4px_rgba(250,207,133,1),0_1px_2px_0_rgba(0,0,0,1)] dark:focus:shadow-[0_0_0_2px_rgba(28,33,39,1),0_0_0_4px_rgba(252,211,77,0.7),0_1px_2px_0_rgba(0,0,0,0)]': props.severity === 'warning',
+            'focus:shadow-[0_0_0_2px_rgba(255,255,255,1),0_0_0_4px_rgba(212,170,251,1),0_1px_2px_0_rgba(0,0,0,1)] dark:focus:shadow-[0_0_0_2px_rgba(28,33,39,1),0_0_0_4px_rgba(216,180,254,0.7),0_1px_2px_0_rgba(0,0,0,0)]': props.severity === 'help',
+            'focus:shadow-[0_0_0_2px_rgba(255,255,255,1),0_0_0_4px_rgba(247,162,162,1),0_1px_2px_0_rgba(0,0,0,1)] dark:focus:shadow-[0_0_0_2px_rgba(28,33,39,1),0_0_0_4px_rgba(252,165,165,0.7),0_1px_2px_0_rgba(0,0,0,0)]': props.severity === 'danger'
+          }, {
+            'text-white dark:text-gray-900 bg-gray-500 dark:bg-gray-400 border border-gray-500 dark:border-gray-400 hover:bg-gray-600 dark:hover:bg-gray-500 hover:border-gray-600 dark:hover:border-gray-500': props.severity === 'secondary' && !props.text && !props.outlined && !props.plain,
+            'text-white dark:text-gray-900 bg-green-500 dark:bg-green-400 border border-green-500 dark:border-green-400 hover:bg-green-600 dark:hover:bg-green-500 hover:border-green-600 dark:hover:border-green-500': props.severity === 'success' && !props.text && !props.outlined && !props.plain,
+            'text-white dark:text-gray-900 dark:bg-blue-400 bg-blue-500 dark:bg-blue-400 border border-blue-500 dark:border-blue-400 hover:bg-blue-600 hover:border-blue-600 dark:hover:bg-blue-500 dark:hover:border-blue-500': props.severity === 'info' && !props.text && !props.outlined && !props.plain,
+            'text-white dark:text-gray-900 bg-orange-500 dark:bg-orange-400 border border-orange-500 dark:border-orange-400 hover:bg-orange-600 dark:hover:bg-orange-500 hover:border-orange-600 dark:hover:border-orange-500': props.severity === 'warning' && !props.text && !props.outlined && !props.plain,
+            'text-white dark:text-gray-900 bg-purple-500 dark:bg-purple-400 border border-purple-500 dark:border-purple-400 hover:bg-purple-600 dark:hover:bg-purple-500 hover:border-purple-600 dark:hover:border-purple-500': props.severity === 'help' && !props.text && !props.outlined && !props.plain,
+            'text-white dark:text-gray-900 bg-red-500 dark:bg-red-400 border border-red-500 dark:border-red-400 hover:bg-red-600 dark:hover:bg-red-500 hover:border-red-600 dark:hover:border-red-500': props.severity === 'danger' && !props.text && !props.outlined && !props.plain
+          }, {
+            'shadow-lg': props.raised
+          }, {
+            'rounded-md': !props.rounded,
+            'rounded-full': props.rounded
+          }, {
+            'bg-transparent border-transparent': props.text && !props.plain,
+            'text-blue-500 dark:text-blue-400 hover:bg-blue-300/20': props.text && (props.severity === null || props.severity === 'info') && !props.plain,
+            'text-gray-500 dark:text-gray-400 hover:bg-gray-300/20': props.text && props.severity === 'secondary' && !props.plain,
+            'text-green-500 dark:text-green-400 hover:bg-green-300/20': props.text && props.severity === 'success' && !props.plain,
+            'text-orange-500 dark:text-orange-400 hover:bg-orange-300/20': props.text && props.severity === 'warning' && !props.plain,
+            'text-purple-500 dark:text-purple-400 hover:bg-purple-300/20': props.text && props.severity === 'help' && !props.plain,
+            'text-red-500 dark:text-red-400 hover:bg-red-300/20': props.text && props.severity === 'danger' && !props.plain
+          }, {
+            'shadow-lg': props.raised && props.text
+          }, {
+            'text-gray-500 hover:bg-gray-300/20': props.plain && props.text,
+            'text-gray-500 border border-gray-500 hover:bg-gray-300/20': props.plain && props.outlined,
+            'text-white bg-gray-500 border border-gray-500 hover:bg-gray-600 hover:border-gray-600': props.plain && !props.outlined && !props.text
+          }, {
+            'bg-transparent border': props.outlined && !props.plain,
+            'text-blue-500 dark:text-blue-400 border border-blue-500 dark:border-blue-400 hover:bg-blue-300/20': props.outlined && (props.severity === null || props.severity === 'info') && !props.plain,
+            'text-gray-500 dark:text-gray-400 border border-gray-500 dark:border-gray-400 hover:bg-gray-300/20': props.outlined && props.severity === 'secondary' && !props.plain,
+            'text-green-500 dark:text-green-400 border border-green-500 dark:border-green-400 hover:bg-green-300/20': props.outlined && props.severity === 'success' && !props.plain,
+            'text-orange-500 dark:text-orange-400 border border-orange-500 dark:border-orange-400 hover:bg-orange-300/20': props.outlined && props.severity === 'warning' && !props.plain,
+            'text-purple-500 dark:text-purple-400 border border-purple-500 dark:border-purple-400 hover:bg-purple-300/20': props.outlined && props.severity === 'help' && !props.plain,
+            'text-red-500 dark:text-red-400 border border-red-500 dark:border-red-400 hover:bg-red-300/20': props.outlined && props.severity === 'danger' && !props.plain
+          }, {
+            'px-4 py-3 text-base': props.size === null,
+            'text-xs py-2 px-3': props.size === 'small',
+            'text-xl py-3 px-4': props.size === 'large'
           }]
         };
       },
-      label: {
-        "class": 'hidden'
+      label: function label() {
+        return {
+          "class": 'hidden'
+        };
       }
     }
   },
@@ -895,15 +999,19 @@ var index = {
     root: {
       "class": 'w-full inline-flex'
     },
-    input: function input(_ref37) {
-      var props = _ref37.props;
-      return {
-        "class": [{
-          'rounded-tr-none rounded-br-none': props.showButtons && props.buttonLayout == 'stacked'
-        }, {
-          'order-2': props.buttonLayout == 'horizontal'
-        }]
-      };
+    input: {
+      root: function root(_ref37) {
+        var parent = _ref37.parent;
+        return {
+          "class": [
+          // { test: parent }
+          'm-0', 'font-sans text-gray-600 dark:text-white/80 bg-white dark:bg-gray-900 border border-gray-300 dark:border-blue-900/40 transition-colors duration-200 appearance-none rounded-lg', 'p-3 text-base', {
+            'rounded-tr-none rounded-br-none': parent.props.showButtons && parent.props.buttonLayout == 'stacked'
+          }, {
+            'order-2': parent.props.buttonLayout == 'horizontal'
+          }]
+        };
+      }
     },
     buttongroup: function buttongroup(_ref38) {
       var props = _ref38.props;
@@ -913,28 +1021,39 @@ var index = {
         }]
       };
     },
-    incrementbutton: function incrementbutton(_ref39) {
-      var props = _ref39.props;
-      return {
-        "class": ['flex !items-center !justify-center', {
-          'rounded-br-none rounded-bl-none rounded-bl-none !p-0 flex-1 w-[3rem]': props.showButtons && props.buttonLayout == 'stacked'
-        }, {
-          'order-3': props.buttonLayout == 'horizontal'
-        }]
-      };
-    },
-    label: {
-      "class": 'hidden'
+    incrementbutton: {
+      root: function root(_ref39) {
+        var parent = _ref39.parent;
+        return {
+          "class": ['text-white dark:text-gray-900 bg-blue-500 dark:bg-blue-400 border border-blue-500 dark:border-blue-400 hover:bg-blue-600 dark:hover:bg-blue-500 hover:border-blue-600 dark:hover:border-blue-500 focus:shadow-[0_0_0_2px_rgba(255,255,255,1),0_0_0_4px_rgba(157,193,251,1),0_1px_2px_0_rgba(0,0,0,1)] dark:focus:shadow-[0_0_0_2px_rgba(28,33,39,1),0_0_0_4px_rgba(147,197,253,0.7),0_1px_2px_0_rgba(0,0,0,0)]', 'flex items-center justify-center', 'transition duration-200 ease-in-out', 'focus:outline-none focus:outline-offset-0', {
+            'rounded-md rounded-br-none rounded-bl-none rounded-bl-none !p-0 flex-1 w-[3rem]': parent.props.showButtons && parent.props.buttonLayout == 'stacked'
+          }, {
+            'order-3 px-4 py-3 text-base rounded-md': parent.props.buttonLayout == 'horizontal'
+          }]
+        };
+      },
+      label: function label() {
+        return {
+          "class": 'hidden'
+        };
+      }
     },
-    decrementbutton: function decrementbutton(_ref40) {
-      var props = _ref40.props;
-      return {
-        "class": ['flex !items-center !justify-center', {
-          'rounded-tr-none rounded-tl-none rounded-tl-none !p-0 flex-1 w-[3rem]': props.showButtons && props.buttonLayout == 'stacked'
-        }, {
-          'order-1': props.buttonLayout == 'horizontal'
-        }]
-      };
+    decrementbutton: {
+      root: function root(_ref40) {
+        var parent = _ref40.parent;
+        return {
+          "class": ['text-white dark:text-gray-900 bg-blue-500 dark:bg-blue-400 border border-blue-500 dark:border-blue-400 hover:bg-blue-600 dark:hover:bg-blue-500 hover:border-blue-600 dark:hover:border-blue-500 focus:shadow-[0_0_0_2px_rgba(255,255,255,1),0_0_0_4px_rgba(157,193,251,1),0_1px_2px_0_rgba(0,0,0,1)] dark:focus:shadow-[0_0_0_2px_rgba(28,33,39,1),0_0_0_4px_rgba(147,197,253,0.7),0_1px_2px_0_rgba(0,0,0,0)]', 'flex items-center justify-center', 'transition duration-200 ease-in-out', 'focus:outline-none focus:outline-offset-0', {
+            'rounded-md rounded-tr-none rounded-tl-none rounded-tl-none !p-0 flex-1 w-[3rem]': parent.props.showButtons && parent.props.buttonLayout == 'stacked'
+          }, {
+            'order-1 px-4 py-3 text-base rounded-md': parent.props.buttonLayout == 'horizontal'
+          }]
+        };
+      },
+      label: function label() {
+        return {
+          "class": 'hidden'
+        };
+      }
     }
   },
   knob: {
@@ -1330,15 +1449,15 @@ var index = {
         }]
       };
     },
-    dropdownbutton: function dropdownbutton(_ref68) {
-      var props = _ref68.props;
-      return {
-        root: {
-          "class": [{
-            'rounded-l-none': props.showIcon
+    dropdownbutton: {
+      root: function root(_ref68) {
+        var parent = _ref68.parent;
+        return {
+          "class": ['text-white dark:text-gray-900 bg-blue-500 dark:bg-blue-400 border border-blue-500 dark:border-blue-400 hover:bg-blue-600 dark:hover:bg-blue-500 hover:border-blue-600 dark:hover:border-blue-500 focus:shadow-[0_0_0_2px_rgba(255,255,255,1),0_0_0_4px_rgba(157,193,251,1),0_1px_2px_0_rgba(0,0,0,1)] dark:focus:shadow-[0_0_0_2px_rgba(28,33,39,1),0_0_0_4px_rgba(147,197,253,0.7),0_1px_2px_0_rgba(0,0,0,0)]', 'flex items-center justify-center', 'transition duration-200 ease-in-out', 'focus:outline-none focus:outline-offset-0', 'px-4 py-3 text-base rounded-md', {
+            'rounded-l-none': parent.props.showIcon
           }]
-        }
-      };
+        };
+      }
     },
     panel: function panel(_ref69) {
       var props = _ref69.props;
@@ -3853,12 +3972,6 @@ var index = {
     resizehelper: {
       "class": 'absolute hidden w-px z-10 bg-blue-500 dark:bg-blue-300'
     }
-  },
-  // CHART
-  chart: {
-    root: {
-      "class": 'relative'
-    }
   }
 };