primevue/fieldset/fieldset.esm.min.js

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

import{UniqueComponentId as e}from"primevue/utils";import t from"primevue/ripple";import{resolveDirective as l,openBlock as n,createElementBlock as a,normalizeClass as o,createElementVNode as d,renderSlot as s,toDisplayString as i,createCommentVNode as r,withDirectives as p,createVNode as c,Transition as g,withCtx as u,vShow as f}from"vue";var m={name:"Fieldset",emits:["update:collapsed","toggle"],props:{legend: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:{iconClass(){return["p-fieldset-toggler pi ",{"pi-minus":!this.d_collapsed,"pi-plus":this.d_collapsed}]},ariaId:()=>e()},directives:{ripple:t}};const h={class:"p-fieldset-legend"},b=["id"],x=["id","aria-controls","aria-expanded","aria-label"],y={class:"p-fieldset-legend-text"},_=["id","aria-labelledby"],v={class:"p-fieldset-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-fieldset-legend > a,\n.p-fieldset-legend > span {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n}\n.p-fieldset-toggleable .p-fieldset-legend a {\n    cursor: pointer;\n    -webkit-user-select: none;\n       -moz-user-select: none;\n        -ms-user-select: none;\n            user-select: none;\n    overflow: hidden;\n    position: relative;\n    text-decoration: none;\n}\n.p-fieldset-legend-text {\n    line-height: 1;\n}\n"),m.render=function(e,t,m,w,k,C){const B=l("ripple");return n(),a("fieldset",{class:o(["p-fieldset p-component",{"p-fieldset-toggleable":m.toggleable}])},[d("legend",h,[m.toggleable?r("",!0):s(e.$slots,"legend",{key:0},(()=>[d("span",{id:C.ariaId+"_header",class:"p-fieldset-legend-text"},i(m.legend),9,b)])),m.toggleable?p((n(),a("a",{key:1,id:C.ariaId+"_header",tabindex:"0",role:"button","aria-controls":C.ariaId+"_content","aria-expanded":!k.d_collapsed,"aria-label":m.toggleButtonProps||m.legend,onClick:t[0]||(t[0]=(...e)=>C.toggle&&C.toggle(...e)),onKeydown:t[1]||(t[1]=(...e)=>C.onKeyDown&&C.onKeyDown(...e))},[d("span",{class:o(C.iconClass)},null,2),s(e.$slots,"legend",{},(()=>[d("span",y,i(m.legend),1)]))],40,x)),[[B]]):r("",!0)]),c(g,{name:"p-toggleable-content"},{default:u((()=>[p(d("div",{id:C.ariaId+"_content",class:"p-toggleable-content",role:"region","aria-labelledby":C.ariaId+"_header"},[d("div",v,[s(e.$slots,"default")])],8,_),[[f,!k.d_collapsed]])])),_:3})],2)};export{m as default};