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) • 3.91 kB
JavaScript
this.primevue=this.primevue||{},this.primevue.inplace=function(e,t,o,n,r,i){"use strict";function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=c(e),a=c(t),s=c(o),u={name:"Inplace",extends:{name:"BaseInplace",extends:c(n).default,props:{closable:{type:Boolean,default:!1},active:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},closeIcon:{type:String,default:void 0},displayProps:{type:null,default:null},closeButtonProps:{type:null,default:null}},style:c(r).default,provide:function(){return{$parentInstance:this}}},emits:["open","close","update:active"],data:function(){return{d_active:this.active}},watch:{active:function(e){this.d_active=e}},methods:{open:function(e){this.disabled||(this.$emit("open",e),this.d_active=!0,this.$emit("update:active",!0))},close:function(e){var t=this;this.$emit("close",e),this.d_active=!1,this.$emit("update:active",!1),setTimeout((function(){t.$refs.display.focus()}),0)}},computed:{closeAriaLabel:function(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.close:void 0}},components:{IPButton:l.default,TimesIcon:s.default},directives:{focustrap:a.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 f(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 d(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?f(Object(o),!0).forEach((function(t){m(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):f(Object(o)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return e}function m(e,t,o){var n;return(t="symbol"==p(n=y(t,"string"))?n:String(n))in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function y(e,t){if("object"!=p(e)||!e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!=p(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var v=["tabindex"];return u.render=function(e,t,o,n,r,c){var l=i.resolveComponent("IPButton"),a=i.resolveDirective("focustrap");return i.withDirectives((i.openBlock(),i.createElementBlock("div",i.mergeProps({class:e.cx("root"),"aria-live":"polite"},e.ptm("root"),{"data-pc-name":"inplace"}),[r.d_active?(i.openBlock(),i.createElementBlock("div",i.mergeProps({key:1,class:e.cx("content")},e.ptm("content")),[i.renderSlot(e.$slots,"content"),e.closable?(i.openBlock(),i.createBlock(l,i.mergeProps({key:0,"aria-label":c.closeAriaLabel,onClick:c.close,unstyled:e.unstyled,pt:e.ptm("closeButton")},e.closeButtonProps),{icon:i.withCtx((function(){return[i.renderSlot(e.$slots,"closeicon",{},(function(){return[(i.openBlock(),i.createBlock(i.resolveDynamicComponent(e.closeIcon?"span":"TimesIcon"),i.mergeProps({class:e.closeIcon},e.ptm("closeButton").icon,{"data-pc-section":"closebuttonicon"}),null,16,["class"]))]}))]})),_:3},16,["aria-label","onClick","unstyled","pt"])):i.createCommentVNode("",!0)],16)):(i.openBlock(),i.createElementBlock("div",i.mergeProps({key:0,ref:"display",class:e.cx("display"),tabindex:e.$attrs.tabindex||"0",role:"button",onClick:t[0]||(t[0]=function(){return c.open&&c.open.apply(c,arguments)}),onKeydown:t[1]||(t[1]=i.withKeys((function(){return c.open&&c.open.apply(c,arguments)}),["enter"]))},d(d({},e.displayProps),e.ptm("display"))),[i.renderSlot(e.$slots,"display")],16,v))],16)),[[a]])},u}(primevue.button,primevue.focustrap,primevue.icons.times,primevue.basecomponent,primevue.inplace.style,Vue);