primevue 4.3.1 → 4.3.3

package/panel/Panel.vue

@@ -1,31 +1,32 @@
 <template>
-    <div :class="cx('root')" v-bind="ptmi('root')">
-        <div :class="cx('header')" v-bind="ptm('header')">
+    <div :class="cx('root')" :data-p="dataP" v-bind="ptmi('root')">
+        <div :class="cx('header')" :data-p="dataP" v-bind="ptm('header')">
             <slot :id="$id + '_header'" name="header" :class="cx('title')">
                 <span v-if="header" :id="$id + '_header'" :class="cx('title')" v-bind="ptm('title')">{{ header }}</span>
             </slot>
             <div :class="cx('headerActions')" v-bind="ptm('headerActions')">
                 <slot name="icons"></slot>
-                <Button
-                    v-if="toggleable"
-                    :id="$id + '_header'"
-                    :class="cx('pcToggleButton')"
-                    :aria-label="buttonAriaLabel"
-                    :aria-controls="$id + '_content'"
-                    :aria-expanded="!d_collapsed"
-                    :unstyled="unstyled"
-                    @click="toggle"
-                    @keydown="onKeyDown"
-                    v-bind="toggleButtonProps"
-                    :pt="ptm('pcToggleButton')"
-                >
-                    <template #icon="slotProps">
-                        <!--TODO: togglericon deprecated since v4.0-->
-                        <slot :name="$slots.toggleicon ? 'toggleicon' : 'togglericon'" :collapsed="d_collapsed">
-                            <component :is="d_collapsed ? 'PlusIcon' : 'MinusIcon'" :class="slotProps.class" v-bind="ptm('pcToggleButton')['icon']" />
-                        </slot>
-                    </template>
-                </Button>
+                <slot v-if="toggleable" name="togglebutton" :collapsed="d_collapsed" :toggleCallback="(event) => toggle(event)" :keydownCallback="(event) => onKeyDown(event)">
+                    <Button
+                        :id="$id + '_header'"
+                        :class="cx('pcToggleButton')"
+                        :aria-label="buttonAriaLabel"
+                        :aria-controls="$id + '_content'"
+                        :aria-expanded="!d_collapsed"
+                        :unstyled="unstyled"
+                        @click="toggle(event)"
+                        @keydown="onKeyDown(event)"
+                        v-bind="toggleButtonProps"
+                        :pt="ptm('pcToggleButton')"
+                    >
+                        <template #icon="slotProps">
+                            <!--TODO: togglericon deprecated since v4.0-->
+                            <slot :name="$slots.toggleicon ? 'toggleicon' : 'togglericon'" :collapsed="d_collapsed">
+                                <component :is="d_collapsed ? 'PlusIcon' : 'MinusIcon'" :class="slotProps.class" v-bind="ptm('pcToggleButton')['icon']" />
+                            </slot>
+                        </template>
+                    </Button>
+                </slot>
             </div>
         </div>
         <transition name="p-toggleable-content" v-bind="ptm('transition')">
@@ -42,6 +43,7 @@
 </template>
 
 <script>
+import { cn } from '@primeuix/utils';
 import MinusIcon from '@primevue/icons/minus';
 import PlusIcon from '@primevue/icons/plus';
 import Button from 'primevue/button';
@@ -82,6 +84,11 @@ export default {
     computed: {
         buttonAriaLabel() {
             return this.toggleButtonProps && this.toggleButtonProps.ariaLabel ? this.toggleButtonProps.ariaLabel : this.header;
+        },
+        dataP() {
+            return cn({
+                toggleable: this.toggleable
+            });
         }
     },
     components: {

package/panel/index.d.ts

@@ -213,6 +213,26 @@ export interface PanelSlots {
      * Custom icons template.
      */
     icons(): VNode[];
+    /**
+     * Custom toggle button template of panel.
+     * @param {Object} scope - toggle button slot's params.
+     */
+    togglebutton(scope: {
+        /**
+         * Collapsed state as a boolean
+         */
+        collapsed: boolean;
+        /**
+         * Toggle function.
+         * @param {Event} event - Browser event
+         */
+        toggleCallback: (event: Event) => void;
+        /**
+         * Keydown function.
+         * @param {Event} event - Browser event
+         */
+        keydownCallback: (event: Event) => void;
+    }): VNode[];
     /**
      * @deprecated since v4.0. Use the 'toggleicon' slot instead.
      * Custom toggler icon template of panel.
@@ -225,8 +245,8 @@ export interface PanelSlots {
         collapsed: boolean;
     }): VNode[];
     /**
-     * Custom toggler icon template of panel.
-     * @param {Object} scope - toggler icon slot's params.
+     * Custom toggle icon template of panel.
+     * @param {Object} scope - toggle icon slot's params.
      */
     toggleicon(scope: {
         /**

package/panel/index.mjs

@@ -1,10 +1,11 @@
+import { cn } from '@primeuix/utils';
 import MinusIcon from '@primevue/icons/minus';
 import PlusIcon from '@primevue/icons/plus';
 import Button from 'primevue/button';
 import Ripple from 'primevue/ripple';
 import BaseComponent from '@primevue/core/basecomponent';
 import PanelStyle from 'primevue/panel/style';
-import { resolveComponent, createElementBlock, openBlock, mergeProps, createElementVNode, createVNode, renderSlot, normalizeClass, createCommentVNode, toDisplayString, createBlock, withCtx, resolveDynamicComponent, Transition, withDirectives, vShow } from 'vue';
+import { resolveComponent, createElementBlock, openBlock, mergeProps, createElementVNode, createVNode, renderSlot, normalizeClass, createCommentVNode, toDisplayString, withCtx, createBlock, resolveDynamicComponent, Transition, withDirectives, vShow } from 'vue';
 
 var script$1 = {
   name: 'BasePanel',
@@ -67,6 +68,11 @@ var script = {
   computed: {
     buttonAriaLabel: function buttonAriaLabel() {
       return this.toggleButtonProps && this.toggleButtonProps.ariaLabel ? this.toggleButtonProps.ariaLabel : this.header;
+    },
+    dataP: function dataP() {
+      return cn({
+        toggleable: this.toggleable
+      });
     }
   },
   components: {
@@ -79,14 +85,18 @@ var script = {
   }
 };
 
-var _hoisted_1 = ["id"];
-var _hoisted_2 = ["id", "aria-labelledby"];
+var _hoisted_1 = ["data-p"];
+var _hoisted_2 = ["data-p"];
+var _hoisted_3 = ["id"];
+var _hoisted_4 = ["id", "aria-labelledby"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_Button = resolveComponent("Button");
   return openBlock(), createElementBlock("div", mergeProps({
-    "class": _ctx.cx('root')
+    "class": _ctx.cx('root'),
+    "data-p": $options.dataP
   }, _ctx.ptmi('root')), [createElementVNode("div", mergeProps({
-    "class": _ctx.cx('header')
+    "class": _ctx.cx('header'),
+    "data-p": $options.dataP
   }, _ctx.ptm('header')), [renderSlot(_ctx.$slots, "header", {
     id: _ctx.$id + '_header',
     "class": normalizeClass(_ctx.cx('title'))
@@ -95,33 +105,47 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       key: 0,
       id: _ctx.$id + '_header',
       "class": _ctx.cx('title')
-    }, _ctx.ptm('title')), toDisplayString(_ctx.header), 17, _hoisted_1)) : createCommentVNode("", true)];
+    }, _ctx.ptm('title')), toDisplayString(_ctx.header), 17, _hoisted_3)) : createCommentVNode("", true)];
   }), createElementVNode("div", mergeProps({
     "class": _ctx.cx('headerActions')
-  }, _ctx.ptm('headerActions')), [renderSlot(_ctx.$slots, "icons"), _ctx.toggleable ? (openBlock(), createBlock(_component_Button, mergeProps({
+  }, _ctx.ptm('headerActions')), [renderSlot(_ctx.$slots, "icons"), _ctx.toggleable ? renderSlot(_ctx.$slots, "togglebutton", {
     key: 0,
-    id: _ctx.$id + '_header',
-    "class": _ctx.cx('pcToggleButton'),
-    "aria-label": $options.buttonAriaLabel,
-    "aria-controls": _ctx.$id + '_content',
-    "aria-expanded": !$data.d_collapsed,
-    unstyled: _ctx.unstyled,
-    onClick: $options.toggle,
-    onKeydown: $options.onKeyDown
-  }, _ctx.toggleButtonProps, {
-    pt: _ctx.ptm('pcToggleButton')
-  }), {
-    icon: withCtx(function (slotProps) {
-      return [renderSlot(_ctx.$slots, _ctx.$slots.toggleicon ? 'toggleicon' : 'togglericon', {
-        collapsed: $data.d_collapsed
-      }, function () {
-        return [(openBlock(), createBlock(resolveDynamicComponent($data.d_collapsed ? 'PlusIcon' : 'MinusIcon'), mergeProps({
-          "class": slotProps["class"]
-        }, _ctx.ptm('pcToggleButton')['icon']), null, 16, ["class"]))];
-      })];
-    }),
-    _: 3
-  }, 16, ["id", "class", "aria-label", "aria-controls", "aria-expanded", "unstyled", "onClick", "onKeydown", "pt"])) : createCommentVNode("", true)], 16)], 16), createVNode(Transition, mergeProps({
+    collapsed: $data.d_collapsed,
+    toggleCallback: function toggleCallback(event) {
+      return $options.toggle(event);
+    },
+    keydownCallback: function keydownCallback(event) {
+      return $options.onKeyDown(event);
+    }
+  }, function () {
+    return [createVNode(_component_Button, mergeProps({
+      id: _ctx.$id + '_header',
+      "class": _ctx.cx('pcToggleButton'),
+      "aria-label": $options.buttonAriaLabel,
+      "aria-controls": _ctx.$id + '_content',
+      "aria-expanded": !$data.d_collapsed,
+      unstyled: _ctx.unstyled,
+      onClick: _cache[0] || (_cache[0] = function ($event) {
+        return $options.toggle(_ctx.event);
+      }),
+      onKeydown: _cache[1] || (_cache[1] = function ($event) {
+        return $options.onKeyDown(_ctx.event);
+      })
+    }, _ctx.toggleButtonProps, {
+      pt: _ctx.ptm('pcToggleButton')
+    }), {
+      icon: withCtx(function (slotProps) {
+        return [renderSlot(_ctx.$slots, _ctx.$slots.toggleicon ? 'toggleicon' : 'togglericon', {
+          collapsed: $data.d_collapsed
+        }, function () {
+          return [(openBlock(), createBlock(resolveDynamicComponent($data.d_collapsed ? 'PlusIcon' : 'MinusIcon'), mergeProps({
+            "class": slotProps["class"]
+          }, _ctx.ptm('pcToggleButton')['icon']), null, 16, ["class"]))];
+        })];
+      }),
+      _: 3
+    }, 16, ["id", "class", "aria-label", "aria-controls", "aria-expanded", "unstyled", "pt"])];
+  }) : createCommentVNode("", true)], 16)], 16, _hoisted_2), createVNode(Transition, mergeProps({
     name: "p-toggleable-content"
   }, _ctx.ptm('transition')), {
     "default": withCtx(function () {
@@ -135,10 +159,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       }, _ctx.ptm('content')), [renderSlot(_ctx.$slots, "default")], 16), _ctx.$slots.footer ? (openBlock(), createElementBlock("div", mergeProps({
         key: 0,
         "class": _ctx.cx('footer')
-      }, _ctx.ptm('footer')), [renderSlot(_ctx.$slots, "footer")], 16)) : createCommentVNode("", true)], 16, _hoisted_2), [[vShow, !$data.d_collapsed]])];
+      }, _ctx.ptm('footer')), [renderSlot(_ctx.$slots, "footer")], 16)) : createCommentVNode("", true)], 16, _hoisted_4), [[vShow, !$data.d_collapsed]])];
     }),
     _: 3
-  }, 16)], 16);
+  }, 16)], 16, _hoisted_1);
 }
 
 script.render = render;

package/panel/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/panel/BasePanel.vue","../../src/panel/Panel.vue","../../src/panel/Panel.vue?vue&type=template&id=7d3373aa&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport PanelStyle from 'primevue/panel/style';\n\nexport default {\n    name: 'BasePanel',\n    extends: BaseComponent,\n    props: {\n        header: String,\n        toggleable: Boolean,\n        collapsed: Boolean,\n        toggleButtonProps: {\n            type: Object,\n            default: () => {\n                return {\n                    severity: 'secondary',\n                    text: true,\n                    rounded: true\n                };\n            }\n        }\n    },\n    style: PanelStyle,\n    provide() {\n        return {\n            $pcPanel: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n        <div :class=\"cx('header')\" v-bind=\"ptm('header')\">\n            <slot :id=\"$id + '_header'\" name=\"header\" :class=\"cx('title')\">\n                <span v-if=\"header\" :id=\"$id + '_header'\" :class=\"cx('title')\" v-bind=\"ptm('title')\">{{ header }}</span>\n            </slot>\n            <div :class=\"cx('headerActions')\" v-bind=\"ptm('headerActions')\">\n                <slot name=\"icons\"></slot>\n                <Button\n                    v-if=\"toggleable\"\n                    :id=\"$id + '_header'\"\n                    :class=\"cx('pcToggleButton')\"\n                    :aria-label=\"buttonAriaLabel\"\n                    :aria-controls=\"$id + '_content'\"\n                    :aria-expanded=\"!d_collapsed\"\n                    :unstyled=\"unstyled\"\n                    @click=\"toggle\"\n                    @keydown=\"onKeyDown\"\n                    v-bind=\"toggleButtonProps\"\n                    :pt=\"ptm('pcToggleButton')\"\n                >\n                    <template #icon=\"slotProps\">\n                        <!--TODO: togglericon deprecated since v4.0-->\n                        <slot :name=\"$slots.toggleicon ? 'toggleicon' : 'togglericon'\" :collapsed=\"d_collapsed\">\n                            <component :is=\"d_collapsed ? 'PlusIcon' : 'MinusIcon'\" :class=\"slotProps.class\" v-bind=\"ptm('pcToggleButton')['icon']\" />\n                        </slot>\n                    </template>\n                </Button>\n            </div>\n        </div>\n        <transition name=\"p-toggleable-content\" v-bind=\"ptm('transition')\">\n            <div v-show=\"!d_collapsed\" :id=\"$id + '_content'\" :class=\"cx('contentContainer')\" role=\"region\" :aria-labelledby=\"$id + '_header'\" v-bind=\"ptm('contentContainer')\">\n                <div :class=\"cx('content')\" v-bind=\"ptm('content')\">\n                    <slot></slot>\n                </div>\n                <div v-if=\"$slots.footer\" :class=\"cx('footer')\" v-bind=\"ptm('footer')\">\n                    <slot name=\"footer\"></slot>\n                </div>\n            </div>\n        </transition>\n    </div>\n</template>\n\n<script>\nimport MinusIcon from '@primevue/icons/minus';\nimport PlusIcon from '@primevue/icons/plus';\nimport Button from 'primevue/button';\nimport Ripple from 'primevue/ripple';\nimport BasePanel from './BasePanel.vue';\n\nexport default {\n    name: 'Panel',\n    extends: BasePanel,\n    inheritAttrs: false,\n    emits: ['update:collapsed', 'toggle'],\n    data() {\n        return {\n            d_collapsed: this.collapsed\n        };\n    },\n    watch: {\n        collapsed(newValue) {\n            this.d_collapsed = newValue;\n        }\n    },\n    methods: {\n        toggle(event) {\n            this.d_collapsed = !this.d_collapsed;\n            this.$emit('update:collapsed', this.d_collapsed);\n            this.$emit('toggle', {\n                originalEvent: event,\n                value: this.d_collapsed\n            });\n        },\n        onKeyDown(event) {\n            if (event.code === 'Enter' || event.code === 'NumpadEnter' || event.code === 'Space') {\n                this.toggle(event);\n                event.preventDefault();\n            }\n        }\n    },\n    computed: {\n        buttonAriaLabel() {\n            return this.toggleButtonProps && this.toggleButtonProps.ariaLabel ? this.toggleButtonProps.ariaLabel : this.header;\n        }\n    },\n    components: {\n        PlusIcon,\n        MinusIcon,\n        Button\n    },\n    directives: {\n        ripple: Ripple\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n        <div :class=\"cx('header')\" v-bind=\"ptm('header')\">\n            <slot :id=\"$id + '_header'\" name=\"header\" :class=\"cx('title')\">\n                <span v-if=\"header\" :id=\"$id + '_header'\" :class=\"cx('title')\" v-bind=\"ptm('title')\">{{ header }}</span>\n            </slot>\n            <div :class=\"cx('headerActions')\" v-bind=\"ptm('headerActions')\">\n                <slot name=\"icons\"></slot>\n                <Button\n                    v-if=\"toggleable\"\n                    :id=\"$id + '_header'\"\n                    :class=\"cx('pcToggleButton')\"\n                    :aria-label=\"buttonAriaLabel\"\n                    :aria-controls=\"$id + '_content'\"\n                    :aria-expanded=\"!d_collapsed\"\n                    :unstyled=\"unstyled\"\n                    @click=\"toggle\"\n                    @keydown=\"onKeyDown\"\n                    v-bind=\"toggleButtonProps\"\n                    :pt=\"ptm('pcToggleButton')\"\n                >\n                    <template #icon=\"slotProps\">\n                        <!--TODO: togglericon deprecated since v4.0-->\n                        <slot :name=\"$slots.toggleicon ? 'toggleicon' : 'togglericon'\" :collapsed=\"d_collapsed\">\n                            <component :is=\"d_collapsed ? 'PlusIcon' : 'MinusIcon'\" :class=\"slotProps.class\" v-bind=\"ptm('pcToggleButton')['icon']\" />\n                        </slot>\n                    </template>\n                </Button>\n            </div>\n        </div>\n        <transition name=\"p-toggleable-content\" v-bind=\"ptm('transition')\">\n            <div v-show=\"!d_collapsed\" :id=\"$id + '_content'\" :class=\"cx('contentContainer')\" role=\"region\" :aria-labelledby=\"$id + '_header'\" v-bind=\"ptm('contentContainer')\">\n                <div :class=\"cx('content')\" v-bind=\"ptm('content')\">\n                    <slot></slot>\n                </div>\n                <div v-if=\"$slots.footer\" :class=\"cx('footer')\" v-bind=\"ptm('footer')\">\n                    <slot name=\"footer\"></slot>\n                </div>\n            </div>\n        </transition>\n    </div>\n</template>\n\n<script>\nimport MinusIcon from '@primevue/icons/minus';\nimport PlusIcon from '@primevue/icons/plus';\nimport Button from 'primevue/button';\nimport Ripple from 'primevue/ripple';\nimport BasePanel from './BasePanel.vue';\n\nexport default {\n    name: 'Panel',\n    extends: BasePanel,\n    inheritAttrs: false,\n    emits: ['update:collapsed', 'toggle'],\n    data() {\n        return {\n            d_collapsed: this.collapsed\n        };\n    },\n    watch: {\n        collapsed(newValue) {\n            this.d_collapsed = newValue;\n        }\n    },\n    methods: {\n        toggle(event) {\n            this.d_collapsed = !this.d_collapsed;\n            this.$emit('update:collapsed', this.d_collapsed);\n            this.$emit('toggle', {\n                originalEvent: event,\n                value: this.d_collapsed\n            });\n        },\n        onKeyDown(event) {\n            if (event.code === 'Enter' || event.code === 'NumpadEnter' || event.code === 'Space') {\n                this.toggle(event);\n                event.preventDefault();\n            }\n        }\n    },\n    computed: {\n        buttonAriaLabel() {\n            return this.toggleButtonProps && this.toggleButtonProps.ariaLabel ? this.toggleButtonProps.ariaLabel : this.header;\n        }\n    },\n    components: {\n        PlusIcon,\n        MinusIcon,\n        Button\n    },\n    directives: {\n        ripple: Ripple\n    }\n};\n</script>\n"],"names":["name","BaseComponent","props","header","String","toggleable","Boolean","collapsed","toggleButtonProps","type","Object","default","severity","text","rounded","style","PanelStyle","provide","$pcPanel","$parentInstance","BasePanel","inheritAttrs","emits","data","d_collapsed","watch","newValue","methods","toggle","event","$emit","originalEvent","value","onKeyDown","code","preventDefault","computed","buttonAriaLabel","ariaLabel","components","PlusIcon","MinusIcon","Button","directives","ripple","Ripple","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","ptmi","_createElementVNode","ptm","_renderSlot","$slots","id","$id","_createBlock","_component_Button","$options","$data","unstyled","onClick","onKeydown","pt","icon","_withCtx","slotProps","toggleicon","_resolveDynamicComponent","_createVNode","_Transition","_withDirectives","role","footer"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../src/panel/BasePanel.vue","../../src/panel/Panel.vue","../../src/panel/Panel.vue?vue&type=template&id=7fee7348&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport PanelStyle from 'primevue/panel/style';\n\nexport default {\n    name: 'BasePanel',\n    extends: BaseComponent,\n    props: {\n        header: String,\n        toggleable: Boolean,\n        collapsed: Boolean,\n        toggleButtonProps: {\n            type: Object,\n            default: () => {\n                return {\n                    severity: 'secondary',\n                    text: true,\n                    rounded: true\n                };\n            }\n        }\n    },\n    style: PanelStyle,\n    provide() {\n        return {\n            $pcPanel: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" :data-p=\"dataP\" v-bind=\"ptmi('root')\">\n        <div :class=\"cx('header')\" :data-p=\"dataP\" v-bind=\"ptm('header')\">\n            <slot :id=\"$id + '_header'\" name=\"header\" :class=\"cx('title')\">\n                <span v-if=\"header\" :id=\"$id + '_header'\" :class=\"cx('title')\" v-bind=\"ptm('title')\">{{ header }}</span>\n            </slot>\n            <div :class=\"cx('headerActions')\" v-bind=\"ptm('headerActions')\">\n                <slot name=\"icons\"></slot>\n                <slot v-if=\"toggleable\" name=\"togglebutton\" :collapsed=\"d_collapsed\" :toggleCallback=\"(event) => toggle(event)\" :keydownCallback=\"(event) => onKeyDown(event)\">\n                    <Button\n                        :id=\"$id + '_header'\"\n                        :class=\"cx('pcToggleButton')\"\n                        :aria-label=\"buttonAriaLabel\"\n                        :aria-controls=\"$id + '_content'\"\n                        :aria-expanded=\"!d_collapsed\"\n                        :unstyled=\"unstyled\"\n                        @click=\"toggle(event)\"\n                        @keydown=\"onKeyDown(event)\"\n                        v-bind=\"toggleButtonProps\"\n                        :pt=\"ptm('pcToggleButton')\"\n                    >\n                        <template #icon=\"slotProps\">\n                            <!--TODO: togglericon deprecated since v4.0-->\n                            <slot :name=\"$slots.toggleicon ? 'toggleicon' : 'togglericon'\" :collapsed=\"d_collapsed\">\n                                <component :is=\"d_collapsed ? 'PlusIcon' : 'MinusIcon'\" :class=\"slotProps.class\" v-bind=\"ptm('pcToggleButton')['icon']\" />\n                            </slot>\n                        </template>\n                    </Button>\n                </slot>\n            </div>\n        </div>\n        <transition name=\"p-toggleable-content\" v-bind=\"ptm('transition')\">\n            <div v-show=\"!d_collapsed\" :id=\"$id + '_content'\" :class=\"cx('contentContainer')\" role=\"region\" :aria-labelledby=\"$id + '_header'\" v-bind=\"ptm('contentContainer')\">\n                <div :class=\"cx('content')\" v-bind=\"ptm('content')\">\n                    <slot></slot>\n                </div>\n                <div v-if=\"$slots.footer\" :class=\"cx('footer')\" v-bind=\"ptm('footer')\">\n                    <slot name=\"footer\"></slot>\n                </div>\n            </div>\n        </transition>\n    </div>\n</template>\n\n<script>\nimport { cn } from '@primeuix/utils';\nimport MinusIcon from '@primevue/icons/minus';\nimport PlusIcon from '@primevue/icons/plus';\nimport Button from 'primevue/button';\nimport Ripple from 'primevue/ripple';\nimport BasePanel from './BasePanel.vue';\n\nexport default {\n    name: 'Panel',\n    extends: BasePanel,\n    inheritAttrs: false,\n    emits: ['update:collapsed', 'toggle'],\n    data() {\n        return {\n            d_collapsed: this.collapsed\n        };\n    },\n    watch: {\n        collapsed(newValue) {\n            this.d_collapsed = newValue;\n        }\n    },\n    methods: {\n        toggle(event) {\n            this.d_collapsed = !this.d_collapsed;\n            this.$emit('update:collapsed', this.d_collapsed);\n            this.$emit('toggle', {\n                originalEvent: event,\n                value: this.d_collapsed\n            });\n        },\n        onKeyDown(event) {\n            if (event.code === 'Enter' || event.code === 'NumpadEnter' || event.code === 'Space') {\n                this.toggle(event);\n                event.preventDefault();\n            }\n        }\n    },\n    computed: {\n        buttonAriaLabel() {\n            return this.toggleButtonProps && this.toggleButtonProps.ariaLabel ? this.toggleButtonProps.ariaLabel : this.header;\n        },\n        dataP() {\n            return cn({\n                toggleable: this.toggleable\n            });\n        }\n    },\n    components: {\n        PlusIcon,\n        MinusIcon,\n        Button\n    },\n    directives: {\n        ripple: Ripple\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" :data-p=\"dataP\" v-bind=\"ptmi('root')\">\n        <div :class=\"cx('header')\" :data-p=\"dataP\" v-bind=\"ptm('header')\">\n            <slot :id=\"$id + '_header'\" name=\"header\" :class=\"cx('title')\">\n                <span v-if=\"header\" :id=\"$id + '_header'\" :class=\"cx('title')\" v-bind=\"ptm('title')\">{{ header }}</span>\n            </slot>\n            <div :class=\"cx('headerActions')\" v-bind=\"ptm('headerActions')\">\n                <slot name=\"icons\"></slot>\n                <slot v-if=\"toggleable\" name=\"togglebutton\" :collapsed=\"d_collapsed\" :toggleCallback=\"(event) => toggle(event)\" :keydownCallback=\"(event) => onKeyDown(event)\">\n                    <Button\n                        :id=\"$id + '_header'\"\n                        :class=\"cx('pcToggleButton')\"\n                        :aria-label=\"buttonAriaLabel\"\n                        :aria-controls=\"$id + '_content'\"\n                        :aria-expanded=\"!d_collapsed\"\n                        :unstyled=\"unstyled\"\n                        @click=\"toggle(event)\"\n                        @keydown=\"onKeyDown(event)\"\n                        v-bind=\"toggleButtonProps\"\n                        :pt=\"ptm('pcToggleButton')\"\n                    >\n                        <template #icon=\"slotProps\">\n                            <!--TODO: togglericon deprecated since v4.0-->\n                            <slot :name=\"$slots.toggleicon ? 'toggleicon' : 'togglericon'\" :collapsed=\"d_collapsed\">\n                                <component :is=\"d_collapsed ? 'PlusIcon' : 'MinusIcon'\" :class=\"slotProps.class\" v-bind=\"ptm('pcToggleButton')['icon']\" />\n                            </slot>\n                        </template>\n                    </Button>\n                </slot>\n            </div>\n        </div>\n        <transition name=\"p-toggleable-content\" v-bind=\"ptm('transition')\">\n            <div v-show=\"!d_collapsed\" :id=\"$id + '_content'\" :class=\"cx('contentContainer')\" role=\"region\" :aria-labelledby=\"$id + '_header'\" v-bind=\"ptm('contentContainer')\">\n                <div :class=\"cx('content')\" v-bind=\"ptm('content')\">\n                    <slot></slot>\n                </div>\n                <div v-if=\"$slots.footer\" :class=\"cx('footer')\" v-bind=\"ptm('footer')\">\n                    <slot name=\"footer\"></slot>\n                </div>\n            </div>\n        </transition>\n    </div>\n</template>\n\n<script>\nimport { cn } from '@primeuix/utils';\nimport MinusIcon from '@primevue/icons/minus';\nimport PlusIcon from '@primevue/icons/plus';\nimport Button from 'primevue/button';\nimport Ripple from 'primevue/ripple';\nimport BasePanel from './BasePanel.vue';\n\nexport default {\n    name: 'Panel',\n    extends: BasePanel,\n    inheritAttrs: false,\n    emits: ['update:collapsed', 'toggle'],\n    data() {\n        return {\n            d_collapsed: this.collapsed\n        };\n    },\n    watch: {\n        collapsed(newValue) {\n            this.d_collapsed = newValue;\n        }\n    },\n    methods: {\n        toggle(event) {\n            this.d_collapsed = !this.d_collapsed;\n            this.$emit('update:collapsed', this.d_collapsed);\n            this.$emit('toggle', {\n                originalEvent: event,\n                value: this.d_collapsed\n            });\n        },\n        onKeyDown(event) {\n            if (event.code === 'Enter' || event.code === 'NumpadEnter' || event.code === 'Space') {\n                this.toggle(event);\n                event.preventDefault();\n            }\n        }\n    },\n    computed: {\n        buttonAriaLabel() {\n            return this.toggleButtonProps && this.toggleButtonProps.ariaLabel ? this.toggleButtonProps.ariaLabel : this.header;\n        },\n        dataP() {\n            return cn({\n                toggleable: this.toggleable\n            });\n        }\n    },\n    components: {\n        PlusIcon,\n        MinusIcon,\n        Button\n    },\n    directives: {\n        ripple: Ripple\n    }\n};\n</script>\n"],"names":["name","BaseComponent","props","header","String","toggleable","Boolean","collapsed","toggleButtonProps","type","Object","default","severity","text","rounded","style","PanelStyle","provide","$pcPanel","$parentInstance","BasePanel","inheritAttrs","emits","data","d_collapsed","watch","newValue","methods","toggle","event","$emit","originalEvent","value","onKeyDown","code","preventDefault","computed","buttonAriaLabel","ariaLabel","dataP","cn","components","PlusIcon","MinusIcon","Button","directives","ripple","Ripple","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","$options","ptmi","_createElementVNode","ptm","_renderSlot","$slots","id","$id","$data","toggleCallback","keydownCallback","_createVNode","_component_Button","unstyled","onClick","_cache","$event","onKeydown","pt","icon","_withCtx","slotProps","toggleicon","_createBlock","_resolveDynamicComponent","_Transition","_withDirectives","role","footer"],"mappings":"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"}

package/panelmenu/PanelMenuList.vue

@@ -64,7 +64,7 @@ export default {
             this.autoUpdateActiveItemPath(newValue);
         }
     },
-    mounted() {
+    created() {
         this.autoUpdateActiveItemPath(this.expandedKeys);
     },
     methods: {

package/panelmenu/index.mjs

@@ -330,7 +330,7 @@ var script$1 = {
       this.autoUpdateActiveItemPath(newValue);
     }
   },
-  mounted: function mounted() {
+  created: function created() {
     this.autoUpdateActiveItemPath(this.expandedKeys);
   },
   methods: {