primevue/panel/panel.cjs.min.js

[](https://opensource.org/licenses/MIT) [](https://badge.fury.io/js/primevue) [![Actions CI](https://github.com/primefaces/primevue/wo

"use strict";var e=require("primevue/utils"),t=require("primevue/ripple"),n=require("vue");function l(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:String},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:()=>e.UniqueComponentId(),containerClass(){return["p-panel p-component",{"p-panel-toggleable":this.toggleable}]}},directives:{ripple:l(t).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"],c={class:"p-panel-content"};!function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var l=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===n&&l.firstChild?l.insertBefore(a,l.firstChild):l.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e))}}("\n.p-panel-header {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-pack: justify;\n        -ms-flex-pack: justify;\n            justify-content: space-between;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n}\n.p-panel-title {\n    line-height: 1;\n}\n.p-panel-header-icon {\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    -webkit-box-align: center;\n        -ms-flex-align: 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,l,a,p,u){const g=n.resolveDirective("ripple");return n.openBlock(),n.createElementBlock("div",{class:n.normalizeClass(u.containerClass)},[n.createElementVNode("div",o,[n.renderSlot(e.$slots,"header",{},(()=>[l.header?(n.openBlock(),n.createElementBlock("span",{key:0,id:u.ariaId+"_header",class:"p-panel-title"},n.toDisplayString(l.header),9,i)):n.createCommentVNode("",!0)])),n.createElementVNode("div",r,[n.renderSlot(e.$slots,"icons"),l.toggleable?n.withDirectives((n.openBlock(),n.createElementBlock("button",{key:0,id:u.ariaId+"_header",type:"button",role:"button",class:"p-panel-header-icon p-panel-toggler p-link","aria-label":l.toggleButtonProps||l.header,"aria-controls":u.ariaId+"_content","aria-expanded":!p.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.createElementVNode("span",{class:n.normalizeClass({"pi pi-minus":!p.d_collapsed,"pi pi-plus":p.d_collapsed})},null,2)],40,d)),[[g]]):n.createCommentVNode("",!0)])]),n.createVNode(n.Transition,{name:"p-toggleable-content"},{default:n.withCtx((()=>[n.withDirectives(n.createElementVNode("div",{id:u.ariaId+"_content",class:"p-toggleable-content",role:"region","aria-labelledby":u.ariaId+"_header"},[n.createElementVNode("div",c,[n.renderSlot(e.$slots,"default")])],8,s),[[n.vShow,!p.d_collapsed]])])),_:3})],2)},module.exports=a;