primevue
Version:
[](https://opensource.org/licenses/MIT) [](https://badge.fury.io/js/primevue) [ • 3.75 kB
JavaScript
this.primevue=this.primevue||{},this.primevue.fieldset=function(e,t,l,o,n,a){"use strict";function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=d(e),s=d(t),r=d(l),p=d(o),c={name:"Fieldset",extends:i.default,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:{ariaId:()=>n.UniqueComponentId(),buttonAriaLabel(){return this.toggleButtonProps&&this.toggleButtonProps["aria-label"]?this.toggleButtonProps["aria-label"]:this.legend}},directives:{ripple:p.default},components:{PlusIcon:r.default,MinusIcon:s.default}};const g=["id"],u=["id","aria-controls","aria-expanded","aria-label"],m=["id","aria-labelledby"];return function(e,t){void 0===t&&(t={});var l=t.insertAt;if(e&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===l&&o.firstChild?o.insertBefore(n,o.firstChild):o.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.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"),c.render=function(e,t,l,o,n,d){const i=a.resolveDirective("ripple");return a.openBlock(),a.createElementBlock("fieldset",a.mergeProps({class:["p-fieldset p-component",{"p-fieldset-toggleable":l.toggleable}]},e.ptm("root")),[a.createElementVNode("legend",a.mergeProps({class:"p-fieldset-legend"},e.ptm("legend")),[l.toggleable?a.createCommentVNode("",!0):a.renderSlot(e.$slots,"legend",{key:0},(()=>[a.createElementVNode("span",a.mergeProps({id:d.ariaId+"_header",class:"p-fieldset-legend-text"},e.ptm("legendtitle")),a.toDisplayString(l.legend),17,g)])),l.toggleable?a.withDirectives((a.openBlock(),a.createElementBlock("a",a.mergeProps({key:1,id:d.ariaId+"_header",tabindex:"0",role:"button","aria-controls":d.ariaId+"_content","aria-expanded":!n.d_collapsed,"aria-label":d.buttonAriaLabel,onClick:t[0]||(t[0]=(...e)=>d.toggle&&d.toggle(...e)),onKeydown:t[1]||(t[1]=(...e)=>d.onKeyDown&&d.onKeyDown(...e))},{...l.toggleButtonProps,...e.ptm("toggler")}),[a.renderSlot(e.$slots,"togglericon",{collapsed:n.d_collapsed},(()=>[(a.openBlock(),a.createBlock(a.resolveDynamicComponent(n.d_collapsed?"PlusIcon":"MinusIcon"),a.mergeProps({class:"p-fieldset-toggler"},e.ptm("togglericon")),null,16))])),a.renderSlot(e.$slots,"legend",{},(()=>[a.createElementVNode("span",a.mergeProps({class:"p-fieldset-legend-text"},e.ptm("legendtitle")),a.toDisplayString(l.legend),17)]))],16,u)),[[i]]):a.createCommentVNode("",!0)],16),a.createVNode(a.Transition,{name:"p-toggleable-content"},{default:a.withCtx((()=>[a.withDirectives(a.createElementVNode("div",a.mergeProps({id:d.ariaId+"_content",class:"p-toggleable-content",role:"region","aria-labelledby":d.ariaId+"_header"},e.ptm("toggleablecontent")),[a.createElementVNode("div",a.mergeProps({class:"p-fieldset-content"},e.ptm("content")),[a.renderSlot(e.$slots,"default")],16)],16,m),[[a.vShow,!n.d_collapsed]])])),_:3})],16)},c}(primevue.basecomponent,primevue.icons.minus,primevue.icons.plus,primevue.ripple,primevue.utils,Vue);