primevue/inplace/inplace.esm.min.js

[](https://opensource.org/licenses/MIT) [](https://badge.fury.io/js/primevue) [![Discord Chat](https://img.shields.io/discord/55794023

import e from"primevue/button";import{resolveComponent as t,openBlock as i,createElementBlock as n,normalizeClass as l,mergeProps as a,withKeys as o,renderSlot as s,createBlock as p,createCommentVNode as c}from"vue";var d={name:"Inplace",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:"pi pi-times"},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:e}};const r=["tabindex"],u={key:1,class:"p-inplace-content"};!function(e,t){void 0===t&&(t={});var i=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],l=document.createElement("style");l.type="text/css","top"===i&&n.firstChild?n.insertBefore(l,n.firstChild):n.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"),d.render=function(e,d,y,m,f,h){const v=t("IPButton");return i(),n("div",{class:l(h.containerClass),"aria-live":"polite"},[f.d_active?(i(),n("div",u,[s(e.$slots,"content"),y.closable?(i(),p(v,a({key:0,icon:y.closeIcon,"aria-label":h.closeAriaLabel,onClick:h.close},y.closeButtonProps),null,16,["icon","aria-label","onClick"])):c("",!0)])):(i(),n("div",a({key:0,ref:"display",class:h.displayClass,tabindex:e.$attrs.tabindex||"0",role:"button",onClick:d[0]||(d[0]=(...e)=>h.open&&h.open(...e)),onKeydown:d[1]||(d[1]=o(((...e)=>h.open&&h.open(...e)),["enter"]))},y.displayProps),[s(e.$slots,"display")],16,r))],2)};export{d as default};