primevue
Version:
[](https://opensource.org/licenses/MIT) [](https://badge.fury.io/js/primevue) [ • 3.21 kB
JavaScript
this.primevue=this.primevue||{},this.primevue.inplace=function(e,t,n,o,l){"use strict";function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=i(e),s=i(t),c=i(n),p=i(o),r={name:"Inplace",extends:a.default,emits:["open","close","update:active"],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}},data(){return{d_active:this.active}},watch:{active(e){this.d_active=e}},methods:{open(e){this.disabled||(this.$emit("open",e),this.d_active=!0,this.$emit("update:active",!0))},close(e){this.$emit("close",e),this.d_active=!1,this.$emit("update:active",!1),setTimeout((()=>{this.$refs.display.focus()}),0)}},computed:{containerClass(){return["p-inplace p-component",{"p-inplace-closable":this.closable}]},displayClass(){return["p-inplace-display",{"p-disabled":this.disabled}]},closeAriaLabel(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.close:void 0}},components:{IPButton:s.default,TimesIcon:p.default},directives:{focustrap:c.default}};const d=["tabindex"];return function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],l=document.createElement("style");l.type="text/css","top"===n&&o.firstChild?o.insertBefore(l,o.firstChild):o.appendChild(l),l.styleSheet?l.styleSheet.cssText=e:l.appendChild(document.createTextNode(e))}}("\n.p-inplace .p-inplace-display {\n display: inline;\n cursor: pointer;\n}\n.p-inplace .p-inplace-content {\n display: inline;\n}\n.p-fluid .p-inplace.p-inplace-closable .p-inplace-content {\n display: flex;\n}\n.p-fluid .p-inplace.p-inplace-closable .p-inplace-content > .p-inputtext {\n flex: 1 1 auto;\n width: 1%;\n}\n"),r.render=function(e,t,n,o,i,a){const s=l.resolveComponent("IPButton"),c=l.resolveDirective("focustrap");return l.withDirectives((l.openBlock(),l.createElementBlock("div",l.mergeProps({class:a.containerClass,"aria-live":"polite"},e.ptm("root")),[i.d_active?(l.openBlock(),l.createElementBlock("div",l.mergeProps({key:1,class:"p-inplace-content"},e.ptm("content")),[l.renderSlot(e.$slots,"content"),n.closable?(l.openBlock(),l.createBlock(s,l.mergeProps({key:0,"aria-label":a.closeAriaLabel,onClick:a.close,pt:e.ptm("closeButton")},n.closeButtonProps),{icon:l.withCtx((()=>[l.renderSlot(e.$slots,"closeicon",{},(()=>[(l.openBlock(),l.createBlock(l.resolveDynamicComponent(n.closeIcon?"span":"TimesIcon"),l.mergeProps({class:n.closeIcon},e.ptm("closeButton").icon),null,16,["class"]))]))])),_:3},16,["aria-label","onClick","pt"])):l.createCommentVNode("",!0)],16)):(l.openBlock(),l.createElementBlock("div",l.mergeProps({key:0,ref:"display",class:a.displayClass,tabindex:e.$attrs.tabindex||"0",role:"button",onClick:t[0]||(t[0]=(...e)=>a.open&&a.open(...e)),onKeydown:t[1]||(t[1]=l.withKeys(((...e)=>a.open&&a.open(...e)),["enter"]))},{...n.displayProps,...e.ptm("display")}),[l.renderSlot(e.$slots,"display")],16,d))],16)),[[c]])},r}(primevue.basecomponent,primevue.button,primevue.focustrap,primevue.icons.times,Vue);