primevue 3.26.1 → 3.28.0

package/panel/panel.cjs.js

@@ -1,15 +1,22 @@
 'use strict';
 
+var BaseComponent = require('primevue/basecomponent');
+var MinusIcon = require('primevue/icons/minus');
+var PlusIcon = require('primevue/icons/plus');
 var Ripple = require('primevue/ripple');
 var utils = require('primevue/utils');
 var vue = require('vue');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
+var MinusIcon__default = /*#__PURE__*/_interopDefaultLegacy(MinusIcon);
+var PlusIcon__default = /*#__PURE__*/_interopDefaultLegacy(PlusIcon);
 var Ripple__default = /*#__PURE__*/_interopDefaultLegacy(Ripple);
 
 var script = {
     name: 'Panel',
+    extends: BaseComponent__default["default"],
     emits: ['update:collapsed', 'toggle'],
     props: {
         header: String,
@@ -57,35 +64,37 @@ var script = {
             return this.toggleButtonProps && this.toggleButtonProps['aria-label'] ? this.toggleButtonProps['aria-label'] : this.header;
         }
     },
+    components: {
+        PlusIcon: PlusIcon__default["default"],
+        MinusIcon: MinusIcon__default["default"]
+    },
     directives: {
         ripple: Ripple__default["default"]
     }
 };
 
-const _hoisted_1 = { class: "p-panel-header" };
-const _hoisted_2 = ["id"];
-const _hoisted_3 = { class: "p-panel-icons" };
-const _hoisted_4 = ["id", "aria-label", "aria-controls", "aria-expanded"];
-const _hoisted_5 = ["id", "aria-labelledby"];
-const _hoisted_6 = { class: "p-panel-content" };
+const _hoisted_1 = ["id"];
+const _hoisted_2 = ["id", "aria-label", "aria-controls", "aria-expanded"];
+const _hoisted_3 = ["id", "aria-labelledby"];
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _directive_ripple = vue.resolveDirective("ripple");
 
-  return (vue.openBlock(), vue.createElementBlock("div", {
-    class: vue.normalizeClass($options.containerClass)
-  }, [
-    vue.createElementVNode("div", _hoisted_1, [
-      vue.renderSlot(_ctx.$slots, "header", {}, () => [
+  return (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({ class: $options.containerClass }, _ctx.ptm('root')), [
+    vue.createElementVNode("div", vue.mergeProps({ class: "p-panel-header" }, _ctx.ptm('header')), [
+      vue.renderSlot(_ctx.$slots, "header", {
+        id: $options.ariaId + '_header',
+        class: "p-panel-title"
+      }, () => [
         ($props.header)
-          ? (vue.openBlock(), vue.createElementBlock("span", {
+          ? (vue.openBlock(), vue.createElementBlock("span", vue.mergeProps({
               key: 0,
               id: $options.ariaId + '_header',
               class: "p-panel-title"
-            }, vue.toDisplayString($props.header), 9, _hoisted_2))
+            }, _ctx.ptm('title')), vue.toDisplayString($props.header), 17, _hoisted_1))
           : vue.createCommentVNode("", true)
       ]),
-      vue.createElementVNode("div", _hoisted_3, [
+      vue.createElementVNode("div", vue.mergeProps({ class: "p-panel-icons" }, _ctx.ptm('icons')), [
         vue.renderSlot(_ctx.$slots, "icons"),
         ($props.toggleable)
           ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("button", vue.mergeProps({
@@ -99,34 +108,42 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               "aria-expanded": !$data.d_collapsed,
               onClick: _cache[0] || (_cache[0] = (...args) => ($options.toggle && $options.toggle(...args))),
               onKeydown: _cache[1] || (_cache[1] = (...args) => ($options.onKeyDown && $options.onKeyDown(...args)))
-            }, $props.toggleButtonProps), [
-              vue.createElementVNode("span", {
-                class: vue.normalizeClass({ 'pi pi-minus': !$data.d_collapsed, 'pi pi-plus': $data.d_collapsed })
-              }, null, 2)
-            ], 16, _hoisted_4)), [
+            }, { ...$props.toggleButtonProps, ..._ctx.ptm('toggler') }), [
+              vue.renderSlot(_ctx.$slots, "togglericon", { collapsed: $data.d_collapsed }, () => [
+                (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($data.d_collapsed ? 'PlusIcon' : 'MinusIcon'), vue.normalizeProps(vue.guardReactiveProps(_ctx.ptm('togglericon'))), null, 16))
+              ])
+            ], 16, _hoisted_2)), [
               [_directive_ripple]
             ])
           : vue.createCommentVNode("", true)
-      ])
-    ]),
+      ], 16)
+    ], 16),
     vue.createVNode(vue.Transition, { name: "p-toggleable-content" }, {
       default: vue.withCtx(() => [
-        vue.withDirectives(vue.createElementVNode("div", {
+        vue.withDirectives(vue.createElementVNode("div", vue.mergeProps({
           id: $options.ariaId + '_content',
           class: "p-toggleable-content",
           role: "region",
           "aria-labelledby": $options.ariaId + '_header'
-        }, [
-          vue.createElementVNode("div", _hoisted_6, [
+        }, _ctx.ptm('toggleablecontent')), [
+          vue.createElementVNode("div", vue.mergeProps({ class: "p-panel-content" }, _ctx.ptm('content')), [
             vue.renderSlot(_ctx.$slots, "default")
-          ])
-        ], 8, _hoisted_5), [
+          ], 16),
+          (_ctx.$slots.footer)
+            ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+                key: 0,
+                class: "p-panel-footer"
+              }, _ctx.ptm('footer')), [
+                vue.renderSlot(_ctx.$slots, "footer")
+              ], 16))
+            : vue.createCommentVNode("", true)
+        ], 16, _hoisted_3), [
           [vue.vShow, !$data.d_collapsed]
         ])
       ]),
       _: 3
     })
-  ], 2))
+  ], 16))
 }
 
 function styleInject(css, ref) {

package/panel/panel.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/ripple"),t=require("primevue/utils"),l=require("vue");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a={name:"Panel",emits:["update:collapsed","toggle"],props:{header:String,toggleable:Boolean,collapsed:Boolean,toggleButtonProps:{type:null,default:null}},data(){return{d_collapsed:this.collapsed}},watch:{collapsed(e){this.d_collapsed=e}},methods:{toggle(e){this.d_collapsed=!this.d_collapsed,this.$emit("update:collapsed",this.d_collapsed),this.$emit("toggle",{originalEvent:e,value:this.d_collapsed})},onKeyDown(e){"Enter"!==e.code&&"Space"!==e.code||(this.toggle(e),e.preventDefault())}},computed:{ariaId:()=>t.UniqueComponentId(),containerClass(){return["p-panel p-component",{"p-panel-toggleable":this.toggleable}]},buttonAriaLabel(){return this.toggleButtonProps&&this.toggleButtonProps["aria-label"]?this.toggleButtonProps["aria-label"]:this.header}},directives:{ripple:n(e).default}};const o={class:"p-panel-header"},i=["id"],r={class:"p-panel-icons"},d=["id","aria-label","aria-controls","aria-expanded"],s=["id","aria-labelledby"],p={class:"p-panel-content"};!function(e,t){void 0===t&&(t={});var l=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===l&&n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e))}}("\n.p-panel-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n}\n.p-panel-title {\n    line-height: 1;\n}\n.p-panel-header-icon {\n    display: inline-flex;\n    justify-content: center;\n    align-items: center;\n    cursor: pointer;\n    text-decoration: none;\n    overflow: hidden;\n    position: relative;\n}\n"),a.render=function(e,t,n,a,c,u){const g=l.resolveDirective("ripple");return l.openBlock(),l.createElementBlock("div",{class:l.normalizeClass(u.containerClass)},[l.createElementVNode("div",o,[l.renderSlot(e.$slots,"header",{},(()=>[n.header?(l.openBlock(),l.createElementBlock("span",{key:0,id:u.ariaId+"_header",class:"p-panel-title"},l.toDisplayString(n.header),9,i)):l.createCommentVNode("",!0)])),l.createElementVNode("div",r,[l.renderSlot(e.$slots,"icons"),n.toggleable?l.withDirectives((l.openBlock(),l.createElementBlock("button",l.mergeProps({key:0,id:u.ariaId+"_header",type:"button",role:"button",class:"p-panel-header-icon p-panel-toggler p-link","aria-label":u.buttonAriaLabel,"aria-controls":u.ariaId+"_content","aria-expanded":!c.d_collapsed,onClick:t[0]||(t[0]=(...e)=>u.toggle&&u.toggle(...e)),onKeydown:t[1]||(t[1]=(...e)=>u.onKeyDown&&u.onKeyDown(...e))},n.toggleButtonProps),[l.createElementVNode("span",{class:l.normalizeClass({"pi pi-minus":!c.d_collapsed,"pi pi-plus":c.d_collapsed})},null,2)],16,d)),[[g]]):l.createCommentVNode("",!0)])]),l.createVNode(l.Transition,{name:"p-toggleable-content"},{default:l.withCtx((()=>[l.withDirectives(l.createElementVNode("div",{id:u.ariaId+"_content",class:"p-toggleable-content",role:"region","aria-labelledby":u.ariaId+"_header"},[l.createElementVNode("div",p,[l.renderSlot(e.$slots,"default")])],8,s),[[l.vShow,!c.d_collapsed]])])),_:3})],2)},module.exports=a;
+"use strict";var e=require("primevue/basecomponent"),t=require("primevue/icons/minus"),o=require("primevue/icons/plus"),l=require("primevue/ripple"),n=require("primevue/utils"),a=require("vue");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=r(e),s=r(t),d=r(o),p=r(l),c={name:"Panel",extends:i.default,emits:["update:collapsed","toggle"],props:{header:String,toggleable:Boolean,collapsed:Boolean,toggleButtonProps:{type:null,default:null}},data(){return{d_collapsed:this.collapsed}},watch:{collapsed(e){this.d_collapsed=e}},methods:{toggle(e){this.d_collapsed=!this.d_collapsed,this.$emit("update:collapsed",this.d_collapsed),this.$emit("toggle",{originalEvent:e,value:this.d_collapsed})},onKeyDown(e){"Enter"!==e.code&&"Space"!==e.code||(this.toggle(e),e.preventDefault())}},computed:{ariaId:()=>n.UniqueComponentId(),containerClass(){return["p-panel p-component",{"p-panel-toggleable":this.toggleable}]},buttonAriaLabel(){return this.toggleButtonProps&&this.toggleButtonProps["aria-label"]?this.toggleButtonProps["aria-label"]:this.header}},components:{PlusIcon:d.default,MinusIcon:s.default},directives:{ripple:p.default}};const u=["id"],g=["id","aria-label","aria-controls","aria-expanded"],m=["id","aria-labelledby"];!function(e,t){void 0===t&&(t={});var o=t.insertAt;if(e&&"undefined"!=typeof document){var l=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===o&&l.firstChild?l.insertBefore(n,l.firstChild):l.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}}("\n.p-panel-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n}\n.p-panel-title {\n    line-height: 1;\n}\n.p-panel-header-icon {\n    display: inline-flex;\n    justify-content: center;\n    align-items: center;\n    cursor: pointer;\n    text-decoration: none;\n    overflow: hidden;\n    position: relative;\n}\n"),c.render=function(e,t,o,l,n,r){const i=a.resolveDirective("ripple");return a.openBlock(),a.createElementBlock("div",a.mergeProps({class:r.containerClass},e.ptm("root")),[a.createElementVNode("div",a.mergeProps({class:"p-panel-header"},e.ptm("header")),[a.renderSlot(e.$slots,"header",{id:r.ariaId+"_header",class:"p-panel-title"},(()=>[o.header?(a.openBlock(),a.createElementBlock("span",a.mergeProps({key:0,id:r.ariaId+"_header",class:"p-panel-title"},e.ptm("title")),a.toDisplayString(o.header),17,u)):a.createCommentVNode("",!0)])),a.createElementVNode("div",a.mergeProps({class:"p-panel-icons"},e.ptm("icons")),[a.renderSlot(e.$slots,"icons"),o.toggleable?a.withDirectives((a.openBlock(),a.createElementBlock("button",a.mergeProps({key:0,id:r.ariaId+"_header",type:"button",role:"button",class:"p-panel-header-icon p-panel-toggler p-link","aria-label":r.buttonAriaLabel,"aria-controls":r.ariaId+"_content","aria-expanded":!n.d_collapsed,onClick:t[0]||(t[0]=(...e)=>r.toggle&&r.toggle(...e)),onKeydown:t[1]||(t[1]=(...e)=>r.onKeyDown&&r.onKeyDown(...e))},{...o.toggleButtonProps,...e.ptm("toggler")}),[a.renderSlot(e.$slots,"togglericon",{collapsed:n.d_collapsed},(()=>[(a.openBlock(),a.createBlock(a.resolveDynamicComponent(n.d_collapsed?"PlusIcon":"MinusIcon"),a.normalizeProps(a.guardReactiveProps(e.ptm("togglericon"))),null,16))]))],16,g)),[[i]]):a.createCommentVNode("",!0)],16)],16),a.createVNode(a.Transition,{name:"p-toggleable-content"},{default:a.withCtx((()=>[a.withDirectives(a.createElementVNode("div",a.mergeProps({id:r.ariaId+"_content",class:"p-toggleable-content",role:"region","aria-labelledby":r.ariaId+"_header"},e.ptm("toggleablecontent")),[a.createElementVNode("div",a.mergeProps({class:"p-panel-content"},e.ptm("content")),[a.renderSlot(e.$slots,"default")],16),e.$slots.footer?(a.openBlock(),a.createElementBlock("div",a.mergeProps({key:0,class:"p-panel-footer"},e.ptm("footer")),[a.renderSlot(e.$slots,"footer")],16)):a.createCommentVNode("",!0)],16,m),[[a.vShow,!n.d_collapsed]])])),_:3})],16)},module.exports=c;

package/panel/panel.esm.js

@@ -1,9 +1,13 @@
+import BaseComponent from 'primevue/basecomponent';
+import MinusIcon from 'primevue/icons/minus';
+import PlusIcon from 'primevue/icons/plus';
 import Ripple from 'primevue/ripple';
 import { UniqueComponentId } from 'primevue/utils';
-import { resolveDirective, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, toDisplayString, createCommentVNode, withDirectives, mergeProps, createVNode, Transition, withCtx, vShow } from 'vue';
+import { resolveDirective, openBlock, createElementBlock, mergeProps, createElementVNode, renderSlot, toDisplayString, createCommentVNode, withDirectives, createBlock, resolveDynamicComponent, normalizeProps, guardReactiveProps, createVNode, Transition, withCtx, vShow } from 'vue';
 
 var script = {
     name: 'Panel',
+    extends: BaseComponent,
     emits: ['update:collapsed', 'toggle'],
     props: {
         header: String,
@@ -51,35 +55,37 @@ var script = {
             return this.toggleButtonProps && this.toggleButtonProps['aria-label'] ? this.toggleButtonProps['aria-label'] : this.header;
         }
     },
+    components: {
+        PlusIcon,
+        MinusIcon
+    },
     directives: {
         ripple: Ripple
     }
 };
 
-const _hoisted_1 = { class: "p-panel-header" };
-const _hoisted_2 = ["id"];
-const _hoisted_3 = { class: "p-panel-icons" };
-const _hoisted_4 = ["id", "aria-label", "aria-controls", "aria-expanded"];
-const _hoisted_5 = ["id", "aria-labelledby"];
-const _hoisted_6 = { class: "p-panel-content" };
+const _hoisted_1 = ["id"];
+const _hoisted_2 = ["id", "aria-label", "aria-controls", "aria-expanded"];
+const _hoisted_3 = ["id", "aria-labelledby"];
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _directive_ripple = resolveDirective("ripple");
 
-  return (openBlock(), createElementBlock("div", {
-    class: normalizeClass($options.containerClass)
-  }, [
-    createElementVNode("div", _hoisted_1, [
-      renderSlot(_ctx.$slots, "header", {}, () => [
+  return (openBlock(), createElementBlock("div", mergeProps({ class: $options.containerClass }, _ctx.ptm('root')), [
+    createElementVNode("div", mergeProps({ class: "p-panel-header" }, _ctx.ptm('header')), [
+      renderSlot(_ctx.$slots, "header", {
+        id: $options.ariaId + '_header',
+        class: "p-panel-title"
+      }, () => [
         ($props.header)
-          ? (openBlock(), createElementBlock("span", {
+          ? (openBlock(), createElementBlock("span", mergeProps({
               key: 0,
               id: $options.ariaId + '_header',
               class: "p-panel-title"
-            }, toDisplayString($props.header), 9, _hoisted_2))
+            }, _ctx.ptm('title')), toDisplayString($props.header), 17, _hoisted_1))
           : createCommentVNode("", true)
       ]),
-      createElementVNode("div", _hoisted_3, [
+      createElementVNode("div", mergeProps({ class: "p-panel-icons" }, _ctx.ptm('icons')), [
         renderSlot(_ctx.$slots, "icons"),
         ($props.toggleable)
           ? withDirectives((openBlock(), createElementBlock("button", mergeProps({
@@ -93,34 +99,42 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               "aria-expanded": !$data.d_collapsed,
               onClick: _cache[0] || (_cache[0] = (...args) => ($options.toggle && $options.toggle(...args))),
               onKeydown: _cache[1] || (_cache[1] = (...args) => ($options.onKeyDown && $options.onKeyDown(...args)))
-            }, $props.toggleButtonProps), [
-              createElementVNode("span", {
-                class: normalizeClass({ 'pi pi-minus': !$data.d_collapsed, 'pi pi-plus': $data.d_collapsed })
-              }, null, 2)
-            ], 16, _hoisted_4)), [
+            }, { ...$props.toggleButtonProps, ..._ctx.ptm('toggler') }), [
+              renderSlot(_ctx.$slots, "togglericon", { collapsed: $data.d_collapsed }, () => [
+                (openBlock(), createBlock(resolveDynamicComponent($data.d_collapsed ? 'PlusIcon' : 'MinusIcon'), normalizeProps(guardReactiveProps(_ctx.ptm('togglericon'))), null, 16))
+              ])
+            ], 16, _hoisted_2)), [
               [_directive_ripple]
             ])
           : createCommentVNode("", true)
-      ])
-    ]),
+      ], 16)
+    ], 16),
     createVNode(Transition, { name: "p-toggleable-content" }, {
       default: withCtx(() => [
-        withDirectives(createElementVNode("div", {
+        withDirectives(createElementVNode("div", mergeProps({
           id: $options.ariaId + '_content',
           class: "p-toggleable-content",
           role: "region",
           "aria-labelledby": $options.ariaId + '_header'
-        }, [
-          createElementVNode("div", _hoisted_6, [
+        }, _ctx.ptm('toggleablecontent')), [
+          createElementVNode("div", mergeProps({ class: "p-panel-content" }, _ctx.ptm('content')), [
             renderSlot(_ctx.$slots, "default")
-          ])
-        ], 8, _hoisted_5), [
+          ], 16),
+          (_ctx.$slots.footer)
+            ? (openBlock(), createElementBlock("div", mergeProps({
+                key: 0,
+                class: "p-panel-footer"
+              }, _ctx.ptm('footer')), [
+                renderSlot(_ctx.$slots, "footer")
+              ], 16))
+            : createCommentVNode("", true)
+        ], 16, _hoisted_3), [
           [vShow, !$data.d_collapsed]
         ])
       ]),
       _: 3
     })
-  ], 2))
+  ], 16))
 }
 
 function styleInject(css, ref) {

package/panel/panel.esm.min.js

@@ -1 +1 @@
-import e from"primevue/ripple";import{UniqueComponentId as t}from"primevue/utils";import{resolveDirective as l,openBlock as a,createElementBlock as n,normalizeClass as o,createElementVNode as i,renderSlot as s,toDisplayString as d,createCommentVNode as r,withDirectives as p,mergeProps as c,createVNode as g,Transition as u,withCtx as h,vShow as m}from"vue";var b={name:"Panel",emits:["update:collapsed","toggle"],props:{header:String,toggleable:Boolean,collapsed:Boolean,toggleButtonProps:{type:null,default:null}},data(){return{d_collapsed:this.collapsed}},watch:{collapsed(e){this.d_collapsed=e}},methods:{toggle(e){this.d_collapsed=!this.d_collapsed,this.$emit("update:collapsed",this.d_collapsed),this.$emit("toggle",{originalEvent:e,value:this.d_collapsed})},onKeyDown(e){"Enter"!==e.code&&"Space"!==e.code||(this.toggle(e),e.preventDefault())}},computed:{ariaId:()=>t(),containerClass(){return["p-panel p-component",{"p-panel-toggleable":this.toggleable}]},buttonAriaLabel(){return this.toggleButtonProps&&this.toggleButtonProps["aria-label"]?this.toggleButtonProps["aria-label"]:this.header}},directives:{ripple:e}};const f={class:"p-panel-header"},y=["id"],v={class:"p-panel-icons"},_=["id","aria-label","aria-controls","aria-expanded"],x=["id","aria-labelledby"],B={class:"p-panel-content"};!function(e,t){void 0===t&&(t={});var l=t.insertAt;if(e&&"undefined"!=typeof document){var a=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===l&&a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}}("\n.p-panel-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n}\n.p-panel-title {\n    line-height: 1;\n}\n.p-panel-header-icon {\n    display: inline-flex;\n    justify-content: center;\n    align-items: center;\n    cursor: pointer;\n    text-decoration: none;\n    overflow: hidden;\n    position: relative;\n}\n"),b.render=function(e,t,b,w,C,I){const P=l("ripple");return a(),n("div",{class:o(I.containerClass)},[i("div",f,[s(e.$slots,"header",{},(()=>[b.header?(a(),n("span",{key:0,id:I.ariaId+"_header",class:"p-panel-title"},d(b.header),9,y)):r("",!0)])),i("div",v,[s(e.$slots,"icons"),b.toggleable?p((a(),n("button",c({key:0,id:I.ariaId+"_header",type:"button",role:"button",class:"p-panel-header-icon p-panel-toggler p-link","aria-label":I.buttonAriaLabel,"aria-controls":I.ariaId+"_content","aria-expanded":!C.d_collapsed,onClick:t[0]||(t[0]=(...e)=>I.toggle&&I.toggle(...e)),onKeydown:t[1]||(t[1]=(...e)=>I.onKeyDown&&I.onKeyDown(...e))},b.toggleButtonProps),[i("span",{class:o({"pi pi-minus":!C.d_collapsed,"pi pi-plus":C.d_collapsed})},null,2)],16,_)),[[P]]):r("",!0)])]),g(u,{name:"p-toggleable-content"},{default:h((()=>[p(i("div",{id:I.ariaId+"_content",class:"p-toggleable-content",role:"region","aria-labelledby":I.ariaId+"_header"},[i("div",B,[s(e.$slots,"default")])],8,x),[[m,!C.d_collapsed]])])),_:3})],2)};export{b as default};
+import e from"primevue/basecomponent";import t from"primevue/icons/minus";import o from"primevue/icons/plus";import l from"primevue/ripple";import{UniqueComponentId as n}from"primevue/utils";import{resolveDirective as a,openBlock as i,createElementBlock as s,mergeProps as r,createElementVNode as p,renderSlot as d,toDisplayString as c,createCommentVNode as g,withDirectives as u,createBlock as m,resolveDynamicComponent as h,normalizeProps as f,guardReactiveProps as b,createVNode as v,Transition as y,withCtx as _,vShow as I}from"vue";var x={name:"Panel",extends:e,emits:["update:collapsed","toggle"],props:{header:String,toggleable:Boolean,collapsed:Boolean,toggleButtonProps:{type:null,default:null}},data(){return{d_collapsed:this.collapsed}},watch:{collapsed(e){this.d_collapsed=e}},methods:{toggle(e){this.d_collapsed=!this.d_collapsed,this.$emit("update:collapsed",this.d_collapsed),this.$emit("toggle",{originalEvent:e,value:this.d_collapsed})},onKeyDown(e){"Enter"!==e.code&&"Space"!==e.code||(this.toggle(e),e.preventDefault())}},computed:{ariaId:()=>n(),containerClass(){return["p-panel p-component",{"p-panel-toggleable":this.toggleable}]},buttonAriaLabel(){return this.toggleButtonProps&&this.toggleButtonProps["aria-label"]?this.toggleButtonProps["aria-label"]:this.header}},components:{PlusIcon:o,MinusIcon:t},directives:{ripple:l}};const B=["id"],P=["id","aria-label","aria-controls","aria-expanded"],$=["id","aria-labelledby"];!function(e,t){void 0===t&&(t={});var o=t.insertAt;if(e&&"undefined"!=typeof document){var l=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===o&&l.firstChild?l.insertBefore(n,l.firstChild):l.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}}("\n.p-panel-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n}\n.p-panel-title {\n    line-height: 1;\n}\n.p-panel-header-icon {\n    display: inline-flex;\n    justify-content: center;\n    align-items: center;\n    cursor: pointer;\n    text-decoration: none;\n    overflow: hidden;\n    position: relative;\n}\n"),x.render=function(e,t,o,l,n,x){const w=a("ripple");return i(),s("div",r({class:x.containerClass},e.ptm("root")),[p("div",r({class:"p-panel-header"},e.ptm("header")),[d(e.$slots,"header",{id:x.ariaId+"_header",class:"p-panel-title"},(()=>[o.header?(i(),s("span",r({key:0,id:x.ariaId+"_header",class:"p-panel-title"},e.ptm("title")),c(o.header),17,B)):g("",!0)])),p("div",r({class:"p-panel-icons"},e.ptm("icons")),[d(e.$slots,"icons"),o.toggleable?u((i(),s("button",r({key:0,id:x.ariaId+"_header",type:"button",role:"button",class:"p-panel-header-icon p-panel-toggler p-link","aria-label":x.buttonAriaLabel,"aria-controls":x.ariaId+"_content","aria-expanded":!n.d_collapsed,onClick:t[0]||(t[0]=(...e)=>x.toggle&&x.toggle(...e)),onKeydown:t[1]||(t[1]=(...e)=>x.onKeyDown&&x.onKeyDown(...e))},{...o.toggleButtonProps,...e.ptm("toggler")}),[d(e.$slots,"togglericon",{collapsed:n.d_collapsed},(()=>[(i(),m(h(n.d_collapsed?"PlusIcon":"MinusIcon"),f(b(e.ptm("togglericon"))),null,16))]))],16,P)),[[w]]):g("",!0)],16)],16),v(y,{name:"p-toggleable-content"},{default:_((()=>[u(p("div",r({id:x.ariaId+"_content",class:"p-toggleable-content",role:"region","aria-labelledby":x.ariaId+"_header"},e.ptm("toggleablecontent")),[p("div",r({class:"p-panel-content"},e.ptm("content")),[d(e.$slots,"default")],16),e.$slots.footer?(i(),s("div",r({key:0,class:"p-panel-footer"},e.ptm("footer")),[d(e.$slots,"footer")],16)):g("",!0)],16,$),[[I,!n.d_collapsed]])])),_:3})],16)};export{x as default};

package/panel/panel.js

@@ -1,13 +1,17 @@
 this.primevue = this.primevue || {};
-this.primevue.panel = (function (Ripple, utils, vue) {
+this.primevue.panel = (function (BaseComponent, MinusIcon, PlusIcon, Ripple, utils, vue) {
     'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+    var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
+    var MinusIcon__default = /*#__PURE__*/_interopDefaultLegacy(MinusIcon);
+    var PlusIcon__default = /*#__PURE__*/_interopDefaultLegacy(PlusIcon);
     var Ripple__default = /*#__PURE__*/_interopDefaultLegacy(Ripple);
 
     var script = {
         name: 'Panel',
+        extends: BaseComponent__default["default"],
         emits: ['update:collapsed', 'toggle'],
         props: {
             header: String,
@@ -55,35 +59,37 @@ this.primevue.panel = (function (Ripple, utils, vue) {
                 return this.toggleButtonProps && this.toggleButtonProps['aria-label'] ? this.toggleButtonProps['aria-label'] : this.header;
             }
         },
+        components: {
+            PlusIcon: PlusIcon__default["default"],
+            MinusIcon: MinusIcon__default["default"]
+        },
         directives: {
             ripple: Ripple__default["default"]
         }
     };
 
-    const _hoisted_1 = { class: "p-panel-header" };
-    const _hoisted_2 = ["id"];
-    const _hoisted_3 = { class: "p-panel-icons" };
-    const _hoisted_4 = ["id", "aria-label", "aria-controls", "aria-expanded"];
-    const _hoisted_5 = ["id", "aria-labelledby"];
-    const _hoisted_6 = { class: "p-panel-content" };
+    const _hoisted_1 = ["id"];
+    const _hoisted_2 = ["id", "aria-label", "aria-controls", "aria-expanded"];
+    const _hoisted_3 = ["id", "aria-labelledby"];
 
     function render(_ctx, _cache, $props, $setup, $data, $options) {
       const _directive_ripple = vue.resolveDirective("ripple");
 
-      return (vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass($options.containerClass)
-      }, [
-        vue.createElementVNode("div", _hoisted_1, [
-          vue.renderSlot(_ctx.$slots, "header", {}, () => [
+      return (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({ class: $options.containerClass }, _ctx.ptm('root')), [
+        vue.createElementVNode("div", vue.mergeProps({ class: "p-panel-header" }, _ctx.ptm('header')), [
+          vue.renderSlot(_ctx.$slots, "header", {
+            id: $options.ariaId + '_header',
+            class: "p-panel-title"
+          }, () => [
             ($props.header)
-              ? (vue.openBlock(), vue.createElementBlock("span", {
+              ? (vue.openBlock(), vue.createElementBlock("span", vue.mergeProps({
                   key: 0,
                   id: $options.ariaId + '_header',
                   class: "p-panel-title"
-                }, vue.toDisplayString($props.header), 9, _hoisted_2))
+                }, _ctx.ptm('title')), vue.toDisplayString($props.header), 17, _hoisted_1))
               : vue.createCommentVNode("", true)
           ]),
-          vue.createElementVNode("div", _hoisted_3, [
+          vue.createElementVNode("div", vue.mergeProps({ class: "p-panel-icons" }, _ctx.ptm('icons')), [
             vue.renderSlot(_ctx.$slots, "icons"),
             ($props.toggleable)
               ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("button", vue.mergeProps({
@@ -97,34 +103,42 @@ this.primevue.panel = (function (Ripple, utils, vue) {
                   "aria-expanded": !$data.d_collapsed,
                   onClick: _cache[0] || (_cache[0] = (...args) => ($options.toggle && $options.toggle(...args))),
                   onKeydown: _cache[1] || (_cache[1] = (...args) => ($options.onKeyDown && $options.onKeyDown(...args)))
-                }, $props.toggleButtonProps), [
-                  vue.createElementVNode("span", {
-                    class: vue.normalizeClass({ 'pi pi-minus': !$data.d_collapsed, 'pi pi-plus': $data.d_collapsed })
-                  }, null, 2)
-                ], 16, _hoisted_4)), [
+                }, { ...$props.toggleButtonProps, ..._ctx.ptm('toggler') }), [
+                  vue.renderSlot(_ctx.$slots, "togglericon", { collapsed: $data.d_collapsed }, () => [
+                    (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($data.d_collapsed ? 'PlusIcon' : 'MinusIcon'), vue.normalizeProps(vue.guardReactiveProps(_ctx.ptm('togglericon'))), null, 16))
+                  ])
+                ], 16, _hoisted_2)), [
                   [_directive_ripple]
                 ])
               : vue.createCommentVNode("", true)
-          ])
-        ]),
+          ], 16)
+        ], 16),
         vue.createVNode(vue.Transition, { name: "p-toggleable-content" }, {
           default: vue.withCtx(() => [
-            vue.withDirectives(vue.createElementVNode("div", {
+            vue.withDirectives(vue.createElementVNode("div", vue.mergeProps({
               id: $options.ariaId + '_content',
               class: "p-toggleable-content",
               role: "region",
               "aria-labelledby": $options.ariaId + '_header'
-            }, [
-              vue.createElementVNode("div", _hoisted_6, [
+            }, _ctx.ptm('toggleablecontent')), [
+              vue.createElementVNode("div", vue.mergeProps({ class: "p-panel-content" }, _ctx.ptm('content')), [
                 vue.renderSlot(_ctx.$slots, "default")
-              ])
-            ], 8, _hoisted_5), [
+              ], 16),
+              (_ctx.$slots.footer)
+                ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+                    key: 0,
+                    class: "p-panel-footer"
+                  }, _ctx.ptm('footer')), [
+                    vue.renderSlot(_ctx.$slots, "footer")
+                  ], 16))
+                : vue.createCommentVNode("", true)
+            ], 16, _hoisted_3), [
               [vue.vShow, !$data.d_collapsed]
             ])
           ]),
           _: 3
         })
-      ], 2))
+      ], 16))
     }
 
     function styleInject(css, ref) {
@@ -161,4 +175,4 @@ this.primevue.panel = (function (Ripple, utils, vue) {
 
     return script;
 
-})(primevue.ripple, primevue.utils, Vue);
+})(primevue.basecomponent, primevue.icons.minus, primevue.icons.plus, primevue.ripple, primevue.utils, Vue);

package/panel/panel.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.panel=function(e,t,l){"use strict";function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a={name:"Panel",emits:["update:collapsed","toggle"],props:{header:String,toggleable:Boolean,collapsed:Boolean,toggleButtonProps:{type:null,default:null}},data(){return{d_collapsed:this.collapsed}},watch:{collapsed(e){this.d_collapsed=e}},methods:{toggle(e){this.d_collapsed=!this.d_collapsed,this.$emit("update:collapsed",this.d_collapsed),this.$emit("toggle",{originalEvent:e,value:this.d_collapsed})},onKeyDown(e){"Enter"!==e.code&&"Space"!==e.code||(this.toggle(e),e.preventDefault())}},computed:{ariaId:()=>t.UniqueComponentId(),containerClass(){return["p-panel p-component",{"p-panel-toggleable":this.toggleable}]},buttonAriaLabel(){return this.toggleButtonProps&&this.toggleButtonProps["aria-label"]?this.toggleButtonProps["aria-label"]:this.header}},directives:{ripple:n(e).default}};const o={class:"p-panel-header"},i=["id"],r={class:"p-panel-icons"},s=["id","aria-label","aria-controls","aria-expanded"],d=["id","aria-labelledby"],p={class:"p-panel-content"};return function(e,t){void 0===t&&(t={});var l=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===l&&n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e))}}("\n.p-panel-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n}\n.p-panel-title {\n    line-height: 1;\n}\n.p-panel-header-icon {\n    display: inline-flex;\n    justify-content: center;\n    align-items: center;\n    cursor: pointer;\n    text-decoration: none;\n    overflow: hidden;\n    position: relative;\n}\n"),a.render=function(e,t,n,a,c,u){const g=l.resolveDirective("ripple");return l.openBlock(),l.createElementBlock("div",{class:l.normalizeClass(u.containerClass)},[l.createElementVNode("div",o,[l.renderSlot(e.$slots,"header",{},(()=>[n.header?(l.openBlock(),l.createElementBlock("span",{key:0,id:u.ariaId+"_header",class:"p-panel-title"},l.toDisplayString(n.header),9,i)):l.createCommentVNode("",!0)])),l.createElementVNode("div",r,[l.renderSlot(e.$slots,"icons"),n.toggleable?l.withDirectives((l.openBlock(),l.createElementBlock("button",l.mergeProps({key:0,id:u.ariaId+"_header",type:"button",role:"button",class:"p-panel-header-icon p-panel-toggler p-link","aria-label":u.buttonAriaLabel,"aria-controls":u.ariaId+"_content","aria-expanded":!c.d_collapsed,onClick:t[0]||(t[0]=(...e)=>u.toggle&&u.toggle(...e)),onKeydown:t[1]||(t[1]=(...e)=>u.onKeyDown&&u.onKeyDown(...e))},n.toggleButtonProps),[l.createElementVNode("span",{class:l.normalizeClass({"pi pi-minus":!c.d_collapsed,"pi pi-plus":c.d_collapsed})},null,2)],16,s)),[[g]]):l.createCommentVNode("",!0)])]),l.createVNode(l.Transition,{name:"p-toggleable-content"},{default:l.withCtx((()=>[l.withDirectives(l.createElementVNode("div",{id:u.ariaId+"_content",class:"p-toggleable-content",role:"region","aria-labelledby":u.ariaId+"_header"},[l.createElementVNode("div",p,[l.renderSlot(e.$slots,"default")])],8,d),[[l.vShow,!c.d_collapsed]])])),_:3})],2)},a}(primevue.ripple,primevue.utils,Vue);
+this.primevue=this.primevue||{},this.primevue.panel=function(e,t,o,n,l,a){"use strict";function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=r(e),s=r(t),d=r(o),p=r(n),c={name:"Panel",extends:i.default,emits:["update:collapsed","toggle"],props:{header:String,toggleable:Boolean,collapsed:Boolean,toggleButtonProps:{type:null,default:null}},data(){return{d_collapsed:this.collapsed}},watch:{collapsed(e){this.d_collapsed=e}},methods:{toggle(e){this.d_collapsed=!this.d_collapsed,this.$emit("update:collapsed",this.d_collapsed),this.$emit("toggle",{originalEvent:e,value:this.d_collapsed})},onKeyDown(e){"Enter"!==e.code&&"Space"!==e.code||(this.toggle(e),e.preventDefault())}},computed:{ariaId:()=>l.UniqueComponentId(),containerClass(){return["p-panel p-component",{"p-panel-toggleable":this.toggleable}]},buttonAriaLabel(){return this.toggleButtonProps&&this.toggleButtonProps["aria-label"]?this.toggleButtonProps["aria-label"]:this.header}},components:{PlusIcon:d.default,MinusIcon:s.default},directives:{ripple:p.default}};const u=["id"],m=["id","aria-label","aria-controls","aria-expanded"],g=["id","aria-labelledby"];return function(e,t){void 0===t&&(t={});var o=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],l=document.createElement("style");l.type="text/css","top"===o&&n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.styleSheet?l.styleSheet.cssText=e:l.appendChild(document.createTextNode(e))}}("\n.p-panel-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n}\n.p-panel-title {\n    line-height: 1;\n}\n.p-panel-header-icon {\n    display: inline-flex;\n    justify-content: center;\n    align-items: center;\n    cursor: pointer;\n    text-decoration: none;\n    overflow: hidden;\n    position: relative;\n}\n"),c.render=function(e,t,o,n,l,r){const i=a.resolveDirective("ripple");return a.openBlock(),a.createElementBlock("div",a.mergeProps({class:r.containerClass},e.ptm("root")),[a.createElementVNode("div",a.mergeProps({class:"p-panel-header"},e.ptm("header")),[a.renderSlot(e.$slots,"header",{id:r.ariaId+"_header",class:"p-panel-title"},(()=>[o.header?(a.openBlock(),a.createElementBlock("span",a.mergeProps({key:0,id:r.ariaId+"_header",class:"p-panel-title"},e.ptm("title")),a.toDisplayString(o.header),17,u)):a.createCommentVNode("",!0)])),a.createElementVNode("div",a.mergeProps({class:"p-panel-icons"},e.ptm("icons")),[a.renderSlot(e.$slots,"icons"),o.toggleable?a.withDirectives((a.openBlock(),a.createElementBlock("button",a.mergeProps({key:0,id:r.ariaId+"_header",type:"button",role:"button",class:"p-panel-header-icon p-panel-toggler p-link","aria-label":r.buttonAriaLabel,"aria-controls":r.ariaId+"_content","aria-expanded":!l.d_collapsed,onClick:t[0]||(t[0]=(...e)=>r.toggle&&r.toggle(...e)),onKeydown:t[1]||(t[1]=(...e)=>r.onKeyDown&&r.onKeyDown(...e))},{...o.toggleButtonProps,...e.ptm("toggler")}),[a.renderSlot(e.$slots,"togglericon",{collapsed:l.d_collapsed},(()=>[(a.openBlock(),a.createBlock(a.resolveDynamicComponent(l.d_collapsed?"PlusIcon":"MinusIcon"),a.normalizeProps(a.guardReactiveProps(e.ptm("togglericon"))),null,16))]))],16,m)),[[i]]):a.createCommentVNode("",!0)],16)],16),a.createVNode(a.Transition,{name:"p-toggleable-content"},{default:a.withCtx((()=>[a.withDirectives(a.createElementVNode("div",a.mergeProps({id:r.ariaId+"_content",class:"p-toggleable-content",role:"region","aria-labelledby":r.ariaId+"_header"},e.ptm("toggleablecontent")),[a.createElementVNode("div",a.mergeProps({class:"p-panel-content"},e.ptm("content")),[a.renderSlot(e.$slots,"default")],16),e.$slots.footer?(a.openBlock(),a.createElementBlock("div",a.mergeProps({key:0,class:"p-panel-footer"},e.ptm("footer")),[a.renderSlot(e.$slots,"footer")],16)):a.createCommentVNode("",!0)],16,g),[[a.vShow,!l.d_collapsed]])])),_:3})],16)},c}(primevue.basecomponent,primevue.icons.minus,primevue.icons.plus,primevue.ripple,primevue.utils,Vue);