UNPKG

primevue

Version:

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

2 lines (1 loc) 2.68 kB
this.primevue=this.primevue||{},this.primevue.inplace=function(e,t){"use strict";function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l={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:n(e).default}};const i=["tabindex"],a={key:1,class:"p-inplace-content"};return function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var l=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css","top"===n&&l.firstChild?l.insertBefore(i,l.firstChild):l.appendChild(i),i.styleSheet?i.styleSheet.cssText=e:i.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"),l.render=function(e,n,l,o,s,c){const p=t.resolveComponent("IPButton");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(c.containerClass),"aria-live":"polite"},[s.d_active?(t.openBlock(),t.createElementBlock("div",a,[t.renderSlot(e.$slots,"content"),l.closable?(t.openBlock(),t.createBlock(p,t.mergeProps({key:0,icon:l.closeIcon,"aria-label":c.closeAriaLabel,onClick:c.close},l.closeButtonProps),null,16,["icon","aria-label","onClick"])):t.createCommentVNode("",!0)])):(t.openBlock(),t.createElementBlock("div",t.mergeProps({key:0,ref:"display",class:c.displayClass,tabindex:e.$attrs.tabindex||"0",role:"button",onClick:n[0]||(n[0]=(...e)=>c.open&&c.open(...e)),onKeydown:n[1]||(n[1]=t.withKeys(((...e)=>c.open&&c.open(...e)),["enter"]))},l.displayProps),[t.renderSlot(e.$slots,"display")],16,i))],2)},l}(primevue.button,Vue);