primevue/fieldset/fieldset.esm.min.js

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

import{UniqueComponentId as e}from"primevue/utils";import l from"primevue/ripple";import{resolveDirective as t,openBlock as n,createElementBlock as d,normalizeClass as s,createElementVNode as a,renderSlot as i,toDisplayString as o,createCommentVNode as p,withDirectives as r,withKeys as c,createVNode as g,Transition as f,withCtx as m,vShow as u}from"vue";var h={name:"Fieldset",emits:["update:collapsed","toggle"],props:{legend: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:{iconClass(){return["p-fieldset-toggler pi ",{"pi-minus":!this.d_collapsed,"pi-plus":this.d_collapsed}]},ariaId:()=>e()},directives:{ripple:l}};const b={class:"p-fieldset-legend"},x=["id"],_=["id","aria-controls","aria-expanded"],y={class:"p-fieldset-legend-text"},v=["id","aria-labelledby"],k={class:"p-fieldset-content"};!function(e,l){void 0===l&&(l={});var t=l.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],d=document.createElement("style");d.type="text/css","top"===t&&n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.styleSheet?d.styleSheet.cssText=e:d.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"),h.render=function(e,l,h,w,C,I){const $=t("ripple");return n(),d("fieldset",{class:s(["p-fieldset p-component",{"p-fieldset-toggleable":h.toggleable}])},[a("legend",b,[h.toggleable?p("",!0):i(e.$slots,"legend",{key:0},(()=>[a("span",{class:"p-fieldset-legend-text",id:I.ariaId+"_header"},o(h.legend),9,x)])),h.toggleable?r((n(),d("a",{key:1,tabindex:"0",onClick:l[0]||(l[0]=(...e)=>I.toggle&&I.toggle(...e)),onKeydown:l[1]||(l[1]=c(((...e)=>I.toggle&&I.toggle(...e)),["enter"])),id:I.ariaId+"_header","aria-controls":I.ariaId+"_content","aria-expanded":!C.d_collapsed},[a("span",{class:s(I.iconClass)},null,2),i(e.$slots,"legend",{},(()=>[a("span",y,o(h.legend),1)]))],40,_)),[[$]]):p("",!0)]),g(f,{name:"p-toggleable-content"},{default:m((()=>[r(a("div",{class:"p-toggleable-content",role:"region",id:I.ariaId+"_content","aria-labelledby":I.ariaId+"_header"},[a("div",k,[i(e.$slots,"default")])],8,v),[[u,!C.d_collapsed]])])),_:3})],2)};export{h as default};