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,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);