primevue
Version:
[](https://opensource.org/licenses/MIT) [](https://badge.fury.io/js/primevue) [ • 5.98 kB
JavaScript
this.primevue=this.primevue||{},this.primevue.fieldset=function(e,t,n,o,r,l,i){"use strict";function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c,s=a(e),u=a(t),d=a(n),p=a(r);function g(e){return g="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},g(e)}function f(e,t,n){return(t=m(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function m(e){var t=b(e,"string");return"symbol"===g(t)?t:String(t)}function b(e,t){if("object"!==g(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==g(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var y=(f(c={root:function(e){return["p-fieldset p-component",{"p-fieldset-toggleable":e.props.toggleable}]},legend:"p-fieldset-legend",legendtitle:"p-fieldset-legend-text",togglericon:"p-fieldset-toggler"},"legendtitle","p-fieldset-legend-text"),f(c,"toggleablecontent","p-toggleable-content"),f(c,"content","p-fieldset-content"),c),v=l.useStyle("\n.p-fieldset-legend > a,\n.p-fieldset-legend > span {\n display: flex;\n align-items: center;\n justify-content: center;\n}\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\n.p-fieldset-legend-text {\n line-height: 1;\n}\n",{name:"fieldset",manual:!0}),h={name:"Fieldset",extends:{name:"BaseFieldset",extends:p.default,props:{legend:String,toggleable:Boolean,collapsed:Boolean,toggleButtonProps:{type:null,default:null}},css:{classes:y,loadStyle:v.load},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&&"Space"!==e.code||(this.toggle(e),e.preventDefault())}},computed:{ariaId:function(){return o.UniqueComponentId()},buttonAriaLabel:function(){return this.toggleButtonProps&&this.toggleButtonProps["aria-label"]?this.toggleButtonProps["aria-label"]:this.legend}},directives:{ripple:d.default},components:{PlusIcon:u.default,MinusIcon:s.default}};function P(e){return P="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},P(e)}function S(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function w(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?S(Object(n),!0).forEach((function(t){j(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):S(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function j(e,t,n){return(t=O(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function O(e){var t=x(e,"string");return"symbol"===P(t)?t:String(t)}function x(e,t){if("object"!==P(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==P(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var _=["id"],B=["id","aria-controls","aria-expanded","aria-label"],D=["id","aria-labelledby"];return h.render=function(e,t,n,o,r,l){var a=i.resolveDirective("ripple");return i.openBlock(),i.createElementBlock("fieldset",i.mergeProps({class:e.cx("root")},e.ptm("root"),{"data-pc-name":"fieldset"}),[i.createElementVNode("legend",i.mergeProps({class:e.cx("legend")},e.ptm("legend")),[e.toggleable?i.createCommentVNode("",!0):i.renderSlot(e.$slots,"legend",{key:0},(function(){return[i.createElementVNode("span",i.mergeProps({id:l.ariaId+"_header",class:e.cx("legendtitle")},e.ptm("legendtitle")),i.toDisplayString(e.legend),17,_)]})),e.toggleable?i.withDirectives((i.openBlock(),i.createElementBlock("a",i.mergeProps({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"))),[i.renderSlot(e.$slots,"togglericon",{collapsed:r.d_collapsed},(function(){return[(i.openBlock(),i.createBlock(i.resolveDynamicComponent(r.d_collapsed?"PlusIcon":"MinusIcon"),i.mergeProps({class:e.cx("togglericon")},e.ptm("togglericon")),null,16,["class"]))]})),i.renderSlot(e.$slots,"legend",{},(function(){return[i.createElementVNode("span",i.mergeProps({class:e.cx("legendtitle")},e.ptm("legendtitle")),i.toDisplayString(e.legend),17)]}))],16,B)),[[a]]):i.createCommentVNode("",!0)],16),i.createVNode(i.Transition,{name:"p-toggleable-content"},{default:i.withCtx((function(){return[i.withDirectives(i.createElementVNode("div",i.mergeProps({id:l.ariaId+"_content",class:e.cx("toggleablecontent"),role:"region","aria-labelledby":l.ariaId+"_header"},e.ptm("toggleablecontent")),[i.createElementVNode("div",i.mergeProps({class:e.cx("content")},e.ptm("content")),[i.renderSlot(e.$slots,"default")],16)],16,D),[[i.vShow,!r.d_collapsed]])]})),_:3})],16)},h}(primevue.icons.minus,primevue.icons.plus,primevue.ripple,primevue.utils,primevue.basecomponent,primevue.usestyle,Vue);