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) 3.32 kB
this.primevue=this.primevue||{},this.primevue.fieldset=function(e,t,l){"use strict";function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o={name:"Fieldset",emits:["update:collapsed","toggle"],props:{legend: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:{iconClass(){return["p-fieldset-toggler pi ",{"pi-minus":!this.d_collapsed,"pi-plus":this.d_collapsed}]},ariaId:()=>t.UniqueComponentId(),buttonAriaLabel(){return this.toggleButtonProps&&this.toggleButtonProps["aria-label"]?this.toggleButtonProps["aria-label"]:this.legend}},directives:{ripple:n(e).default}};const a={class:"p-fieldset-legend"},i=["id"],d=["id","aria-controls","aria-expanded","aria-label"],s={class:"p-fieldset-legend-text"},r=["id","aria-labelledby"],p={class:"p-fieldset-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],o=document.createElement("style");o.type="text/css","top"===l&&n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}("\n.p-fieldset-legend > a,\n.p-fieldset-legend > span {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.p-fieldset-toggleable .p-fieldset-legend a {\n cursor: pointer;\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"),o.render=function(e,t,n,o,c,g){const u=l.resolveDirective("ripple");return l.openBlock(),l.createElementBlock("fieldset",{class:l.normalizeClass(["p-fieldset p-component",{"p-fieldset-toggleable":n.toggleable}])},[l.createElementVNode("legend",a,[n.toggleable?l.createCommentVNode("",!0):l.renderSlot(e.$slots,"legend",{key:0},(()=>[l.createElementVNode("span",{id:g.ariaId+"_header",class:"p-fieldset-legend-text"},l.toDisplayString(n.legend),9,i)])),n.toggleable?l.withDirectives((l.openBlock(),l.createElementBlock("a",l.mergeProps({key:1,id:g.ariaId+"_header",tabindex:"0",role:"button","aria-controls":g.ariaId+"_content","aria-expanded":!c.d_collapsed,"aria-label":g.buttonAriaLabel,onClick:t[0]||(t[0]=(...e)=>g.toggle&&g.toggle(...e)),onKeydown:t[1]||(t[1]=(...e)=>g.onKeyDown&&g.onKeyDown(...e))},n.toggleButtonProps),[l.createElementVNode("span",{class:l.normalizeClass(g.iconClass)},null,2),l.renderSlot(e.$slots,"legend",{},(()=>[l.createElementVNode("span",s,l.toDisplayString(n.legend),1)]))],16,d)),[[u]]):l.createCommentVNode("",!0)]),l.createVNode(l.Transition,{name:"p-toggleable-content"},{default:l.withCtx((()=>[l.withDirectives(l.createElementVNode("div",{id:g.ariaId+"_content",class:"p-toggleable-content",role:"region","aria-labelledby":g.ariaId+"_header"},[l.createElementVNode("div",p,[l.renderSlot(e.$slots,"default")])],8,r),[[l.vShow,!c.d_collapsed]])])),_:3})],2)},o}(primevue.ripple,primevue.utils,Vue);