primevue/panel/panel.min.js

[](https://opensource.org/licenses/MIT) [](https://badge.fury.io/js/primevue) [![Discord Chat](https://img.shields.io/discord/55794023

this.primevue=this.primevue||{},this.primevue.panel=function(e,t,n){"use strict";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},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})}},computed:{ariaId:()=>e.UniqueComponentId(),containerClass(){return["p-panel p-component",{"p-panel-toggleable":this.toggleable}]}},directives:{ripple:l(t).default}};const i={class:"p-panel-header"},o={class:"p-panel-icons"},d={class:"p-panel-content"};return 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,s,r){const c=n.resolveDirective("ripple");return n.openBlock(),n.createBlock("div",{class:r.containerClass},[n.createVNode("div",i,[n.renderSlot(e.$slots,"header",{},(()=>[l.header?(n.openBlock(),n.createBlock("span",{key:0,class:"p-panel-title",id:r.ariaId+"_header"},n.toDisplayString(l.header),9,["id"])):n.createCommentVNode("",!0)])),n.createVNode("div",o,[n.renderSlot(e.$slots,"icons"),l.toggleable?n.withDirectives((n.openBlock(),n.createBlock("button",{key:0,class:"p-panel-header-icon p-panel-toggler p-link",onClick:t[1]||(t[1]=(...e)=>r.toggle&&r.toggle(...e)),type:"button",id:r.ariaId+"_header","aria-controls":r.ariaId+"_content","aria-expanded":!s.d_collapsed},[n.createVNode("span",{class:{"pi pi-minus":!s.d_collapsed,"pi pi-plus":s.d_collapsed}},null,2)],8,["id","aria-controls","aria-expanded"])),[[c]]):n.createCommentVNode("",!0)])]),n.createVNode(n.Transition,{name:"p-toggleable-content"},{default:n.withCtx((()=>[n.withDirectives(n.createVNode("div",{class:"p-toggleable-content",role:"region",id:r.ariaId+"_content","aria-labelledby":r.ariaId+"_header"},[n.createVNode("div",d,[n.renderSlot(e.$slots,"default")])],8,["id","aria-labelledby"]),[[n.vShow,!s.d_collapsed]])])),_:3})],2)},a}(primevue.utils,primevue.ripple,Vue);