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,o,r,l,a){"use strict";function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=i(e),s=i(t),p=i(n),u=i(r),d=l.useStyle("\n.p-panel-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n}\n\n.p-panel-title {\n    line-height: 1;\n}\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",{name:"panel",manual:!0}),m={name:"Panel",extends:{name:"BasePanel",extends:u.default,props:{header:String,toggleable:Boolean,collapsed:Boolean,toggleButtonProps:{type:null,default:null}},css:{classes:{root:function(e){return["p-panel p-component",{"p-panel-toggleable":e.props.toggleable}]},header:"p-panel-header",title:"p-panel-title",icons:"p-panel-icons",toggler:"p-panel-header-icon p-panel-toggler p-link",toggleablecontent:"p-toggleable-content",content:"p-panel-content",footer:"p-panel-footer"},loadStyle:d.load},provide:function(){return{$parentInstance:this}}},emits:["update:collapsed","toggle"],data:function(){return{d_collapsed:this.collapsed}},watch:{collapsed:function(e){this.d_collapsed=e}},methods:{toggle:function(e){this.d_collapsed=!this.d_collapsed,this.$emit("update:collapsed",this.d_collapsed),this.$emit("toggle",{originalEvent:e,value:this.d_collapsed})},onKeyDown:function(e){"Enter"!==e.code&&"Space"!==e.code||(this.toggle(e),e.preventDefault())}},computed:{ariaId:function(){return o.UniqueComponentId()},buttonAriaLabel:function(){return this.toggleButtonProps&&this.toggleButtonProps["aria-label"]?this.toggleButtonProps["aria-label"]:this.header}},components:{PlusIcon:s.default,MinusIcon:c.default},directives:{ripple:p.default}};function g(e){return g="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},g(e)}function f(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function b(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?f(Object(n),!0).forEach((function(t){y(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):f(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function y(e,t,n){return(t=h(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function h(e){var t=v(e,"string");return"symbol"===g(t)?t:String(t)}function v(e,t){if("object"!==g(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==g(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var P=["id"],S=["id","aria-label","aria-controls","aria-expanded"],w=["id","aria-labelledby"];return m.render=function(e,t,n,o,r,l){var i=a.resolveDirective("ripple");return a.openBlock(),a.createElementBlock("div",a.mergeProps({class:e.cx("root")},e.ptm("root"),{"data-pc-name":"panel"}),[a.createElementVNode("div",a.mergeProps({class:e.cx("header")},e.ptm("header")),[a.renderSlot(e.$slots,"header",{id:l.ariaId+"_header",class:a.normalizeClass(e.cx("title"))},(function(){return[e.header?(a.openBlock(),a.createElementBlock("span",a.mergeProps({key:0,id:l.ariaId+"_header",class:e.cx("title")},e.ptm("title")),a.toDisplayString(e.header),17,P)):a.createCommentVNode("",!0)]})),a.createElementVNode("div",a.mergeProps({class:e.cx("icons")},e.ptm("icons")),[a.renderSlot(e.$slots,"icons"),e.toggleable?a.withDirectives((a.openBlock(),a.createElementBlock("button",a.mergeProps({key:0,id:l.ariaId+"_header",type:"button",role:"button",class:e.cx("toggler"),"aria-label":l.buttonAriaLabel,"aria-controls":l.ariaId+"_content","aria-expanded":!r.d_collapsed,onClick:t[0]||(t[0]=function(){return l.toggle&&l.toggle.apply(l,arguments)}),onKeydown:t[1]||(t[1]=function(){return l.onKeyDown&&l.onKeyDown.apply(l,arguments)})},b(b({},e.toggleButtonProps),e.ptm("toggler"))),[a.renderSlot(e.$slots,"togglericon",{collapsed:r.d_collapsed},(function(){return[(a.openBlock(),a.createBlock(a.resolveDynamicComponent(r.d_collapsed?"PlusIcon":"MinusIcon"),a.normalizeProps(a.guardReactiveProps(e.ptm("togglericon"))),null,16))]}))],16,S)),[[i]]):a.createCommentVNode("",!0)],16)],16),a.createVNode(a.Transition,a.mergeProps({name:"p-toggleable-content"},e.ptm("transition")),{default:a.withCtx((function(){return[a.withDirectives(a.createElementVNode("div",a.mergeProps({id:l.ariaId+"_content",class:e.cx("toggleablecontent"),role:"region","aria-labelledby":l.ariaId+"_header"},e.ptm("toggleablecontent")),[a.createElementVNode("div",a.mergeProps({class:e.cx("content")},e.ptm("content")),[a.renderSlot(e.$slots,"default")],16),e.$slots.footer?(a.openBlock(),a.createElementBlock("div",a.mergeProps({key:0,class:e.cx("footer")},e.ptm("footer")),[a.renderSlot(e.$slots,"footer")],16)):a.createCommentVNode("",!0)],16,w),[[a.vShow,!r.d_collapsed]])]})),_:3},16)],16)},m}(primevue.icons.minus,primevue.icons.plus,primevue.ripple,primevue.utils,primevue.basecomponent,primevue.usestyle,Vue);