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 t from"primevue/focustrap";import n from"primevue/icons/times";import o from"primevue/basecomponent";import{useStyle as i}from"primevue/usestyle";import{resolveComponent as r,resolveDirective as l,withDirectives as c,openBlock as a,createElementBlock as p,mergeProps as s,withKeys as u,renderSlot as f,createBlock as d,withCtx as m,resolveDynamicComponent as y,createCommentVNode as b}from"vue";var v=i("\n.p-inplace .p-inplace-display {\n    display: inline;\n    cursor: pointer;\n}\n\n.p-inplace .p-inplace-content {\n    display: inline;\n}\n\n.p-fluid .p-inplace.p-inplace-closable .p-inplace-content {\n    display: flex;\n}\n\n.p-fluid .p-inplace.p-inplace-closable .p-inplace-content > .p-inputtext {\n    flex: 1 1 auto;\n    width: 1%;\n}\n",{name:"inplace",manual:!0}),h={name:"Inplace",extends:{name:"BaseInplace",extends:o,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}},css:{classes:{root:function(e){return["p-inplace p-component",{"p-inplace-closable":e.props.closable}]},display:function(e){return["p-inplace-display",{"p-disabled":e.props.disabled}]},content:"p-inplace-content"},loadStyle:v.load},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:e,TimesIcon:n},directives:{focustrap:t}};function O(e){return O="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},O(e)}function P(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 g(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?P(Object(n),!0).forEach((function(t){j(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):P(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function j(e,t,n){return(t=w(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function w(e){var t=x(e,"string");return"symbol"===O(t)?t:String(t)}function x(e,t){if("object"!==O(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==O(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var S=["tabindex"];h.render=function(e,t,n,o,i,v){var h=r("IPButton"),O=l("focustrap");return c((a(),p("div",s({class:e.cx("root"),"aria-live":"polite"},e.ptm("root"),{"data-pc-name":"inplace"}),[i.d_active?(a(),p("div",s({key:1,class:e.cx("content")},e.ptm("content")),[f(e.$slots,"content"),e.closable?(a(),d(h,s({key:0,"aria-label":v.closeAriaLabel,onClick:v.close,unstyled:e.unstyled,pt:e.ptm("closeButton")},e.closeButtonProps),{icon:m((function(){return[f(e.$slots,"closeicon",{},(function(){return[(a(),d(y(e.closeIcon?"span":"TimesIcon"),s({class:e.closeIcon},e.ptm("closeButton").icon),null,16,["class"]))]}))]})),_:3},16,["aria-label","onClick","unstyled","pt"])):b("",!0)],16)):(a(),p("div",s({key:0,ref:"display",class:e.cx("display"),tabindex:e.$attrs.tabindex||"0",role:"button",onClick:t[0]||(t[0]=function(){return v.open&&v.open.apply(v,arguments)}),onKeydown:t[1]||(t[1]=u((function(){return v.open&&v.open.apply(v,arguments)}),["enter"]))},g(g({},e.displayProps),e.ptm("display"))),[f(e.$slots,"display")],16,S))],16)),[[O]])};export{h as default};