UNPKG

primevue

Version:

PrimeVue is an open source UI library for Vue featuring a rich set of 80+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with PrimeBloc

2 lines (1 loc) 4.24 kB
import e from"primevue/icons/minus";import t from"primevue/icons/plus";import o from"primevue/ripple";import{UniqueComponentId as n}from"primevue/utils";import r from"primevue/basecomponent";import l from"primevue/fieldset/style";import{resolveDirective as i,openBlock as a,createElementBlock as c,mergeProps as s,createElementVNode as p,renderSlot as u,toDisplayString as d,createCommentVNode as g,withDirectives as m,createBlock as f,resolveDynamicComponent as b,createVNode as y,Transition as v,withCtx as h,vShow as O}from"vue";var P={name:"Fieldset",extends:{name:"BaseFieldset",extends:r,props:{legend:String,toggleable:Boolean,collapsed:Boolean,toggleButtonProps:{type:null,default:null}},style:l,provide:function(){return{$parentInstance:this}}},emits:["update:collapsed","toggle"],data:function(){return{d_collapsed:this.collapsed}},watch:{collapsed:function(e){this.d_collapsed=e}},methods:{toggle:function(e){this.d_collapsed=!this.d_collapsed,this.$emit("update:collapsed",this.d_collapsed),this.$emit("toggle",{originalEvent:e,value:this.d_collapsed})},onKeyDown:function(e){"Enter"!==e.code&&"NumpadEnter"!==e.code&&"Space"!==e.code||(this.toggle(e),e.preventDefault())}},computed:{ariaId:function(){return n()},buttonAriaLabel:function(){return this.toggleButtonProps&&this.toggleButtonProps.ariaLabel?this.toggleButtonProps.ariaLabel:this.legend}},directives:{ripple:o},components:{PlusIcon:t,MinusIcon:e}};function _(e){return _="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_(e)}function j(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,n)}return o}function w(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?j(Object(o),!0).forEach((function(t){x(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):j(Object(o)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return e}function x(e,t,o){var n;return(t="symbol"==_(n=S(t,"string"))?n:String(n))in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function S(e,t){if("object"!=_(e)||!e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!=_(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var I=["id"],B=["id","aria-controls","aria-expanded","aria-label"],D=["id","aria-labelledby"];P.render=function(e,t,o,n,r,l){var P=i("ripple");return a(),c("fieldset",s({class:e.cx("root")},e.ptm("root"),{"data-pc-name":"fieldset"}),[p("legend",s({class:e.cx("legend")},e.ptm("legend")),[e.toggleable?g("",!0):u(e.$slots,"legend",{key:0},(function(){return[p("span",s({id:l.ariaId+"_header",class:e.cx("legendtitle")},e.ptm("legendtitle")),d(e.legend),17,I)]})),e.toggleable?m((a(),c("a",s({key:1,id:l.ariaId+"_header",tabindex:"0",role:"button","aria-controls":l.ariaId+"_content","aria-expanded":!r.d_collapsed,"aria-label":l.buttonAriaLabel,onClick:t[0]||(t[0]=function(){return l.toggle&&l.toggle.apply(l,arguments)}),onKeydown:t[1]||(t[1]=function(){return l.onKeyDown&&l.onKeyDown.apply(l,arguments)})},w(w({},e.toggleButtonProps),e.ptm("toggler"))),[u(e.$slots,"togglericon",{collapsed:r.d_collapsed},(function(){return[(a(),f(b(r.d_collapsed?"PlusIcon":"MinusIcon"),s({class:e.cx("togglericon")},e.ptm("togglericon")),null,16,["class"]))]})),u(e.$slots,"legend",{},(function(){return[p("span",s({class:e.cx("legendtitle")},e.ptm("legendtitle")),d(e.legend),17)]}))],16,B)),[[P]]):g("",!0)],16),y(v,s({name:"p-toggleable-content"},e.ptm("transition")),{default:h((function(){return[m(p("div",s({id:l.ariaId+"_content",class:e.cx("toggleablecontent"),role:"region","aria-labelledby":l.ariaId+"_header"},e.ptm("toggleablecontent")),[p("div",s({class:e.cx("content")},e.ptm("content")),[u(e.$slots,"default")],16)],16,D),[[O,!r.d_collapsed]])]})),_:3},16)],16)};export{P as default};