UNPKG

primevue

Version:

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

2 lines (1 loc) 2.96 kB
import{UniqueComponentId as e}from"primevue/utils";import l from"primevue/ripple";import{resolveDirective as t,openBlock as n,createBlock as d,createVNode as s,renderSlot as a,toDisplayString as i,createCommentVNode as o,withDirectives as p,withKeys as r,Transition as c,withCtx as g,vShow as f}from"vue";var m={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 u={class:"p-fieldset-legend"},h={class:"p-fieldset-legend-text"},b={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"),m.render=function(e,l,m,x,_,y){const v=t("ripple");return n(),d("fieldset",{class:["p-fieldset p-component",{"p-fieldset-toggleable":m.toggleable}]},[s("legend",u,[m.toggleable?o("",!0):a(e.$slots,"legend",{key:0},(()=>[s("span",{class:"p-fieldset-legend-text",id:y.ariaId+"_header"},i(m.legend),9,["id"])])),m.toggleable?p((n(),d("a",{key:1,tabindex:"0",onClick:l[1]||(l[1]=(...e)=>y.toggle&&y.toggle(...e)),onKeydown:l[2]||(l[2]=r(((...e)=>y.toggle&&y.toggle(...e)),["enter"])),id:y.ariaId+"_header","aria-controls":y.ariaId+"_content","aria-expanded":!_.d_collapsed},[s("span",{class:y.iconClass},null,2),a(e.$slots,"legend",{},(()=>[s("span",h,i(m.legend),1)]))],40,["id","aria-controls","aria-expanded"])),[[v]]):o("",!0)]),s(c,{name:"p-toggleable-content"},{default:g((()=>[p(s("div",{class:"p-toggleable-content",role:"region",id:y.ariaId+"_content","aria-labelledby":y.ariaId+"_header"},[s("div",b,[a(e.$slots,"default")])],8,["id","aria-labelledby"]),[[f,!_.d_collapsed]])])),_:3})],2)};export default m;