primevue 3.26.0 → 3.27.0

package/inlinemessage/InlineMessage.vue

@@ -1,17 +1,28 @@
 <template>
     <div aria-live="polite" :class="containerClass">
-        <span :class="iconClass"></span>
+        <slot name="icon">
+            <component :is="icon ? 'span' : iconComponent" :class="['p-inline-message-icon', icon]"></component>
+        </slot>
         <span class="p-inline-message-text"><slot>&nbsp;</slot></span>
     </div>
 </template>
 
 <script>
+import CheckIcon from 'primevue/icons/check';
+import ExclamationTriangleIcon from 'primevue/icons/exclamationtriangle';
+import InfoCircleIcon from 'primevue/icons/infocircle';
+import TimesCircleIcon from 'primevue/icons/timescircle';
+
 export default {
     name: 'InlineMessage',
     props: {
         severity: {
             type: String,
             default: 'error'
+        },
+        icon: {
+            type: String,
+            default: undefined
         }
     },
     timeout: null,
@@ -31,16 +42,13 @@ export default {
         containerClass() {
             return ['p-inline-message p-component p-inline-message-' + this.severity, { 'p-inline-message-icon-only': !this.$slots.default }];
         },
-        iconClass() {
-            return [
-                'p-inline-message-icon pi',
-                {
-                    'pi-info-circle': this.severity === 'info',
-                    'pi-check': this.severity === 'success',
-                    'pi-exclamation-triangle': this.severity === 'warn',
-                    'pi-times-circle': this.severity === 'error'
-                }
-            ];
+        iconComponent() {
+            return {
+                info: InfoCircleIcon,
+                success: CheckIcon,
+                warn: ExclamationTriangleIcon,
+                error: TimesCircleIcon
+            }[this.severity];
         }
     }
 };

package/inlinemessage/inlinemessage.cjs.js

@@ -1,13 +1,28 @@
 'use strict';
 
+var CheckIcon = require('primevue/icons/check');
+var ExclamationTriangleIcon = require('primevue/icons/exclamationtriangle');
+var InfoCircleIcon = require('primevue/icons/infocircle');
+var TimesCircleIcon = require('primevue/icons/timescircle');
 var vue = require('vue');
 
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var CheckIcon__default = /*#__PURE__*/_interopDefaultLegacy(CheckIcon);
+var ExclamationTriangleIcon__default = /*#__PURE__*/_interopDefaultLegacy(ExclamationTriangleIcon);
+var InfoCircleIcon__default = /*#__PURE__*/_interopDefaultLegacy(InfoCircleIcon);
+var TimesCircleIcon__default = /*#__PURE__*/_interopDefaultLegacy(TimesCircleIcon);
+
 var script = {
     name: 'InlineMessage',
     props: {
         severity: {
             type: String,
             default: 'error'
+        },
+        icon: {
+            type: String,
+            default: undefined
         }
     },
     timeout: null,
@@ -27,16 +42,13 @@ var script = {
         containerClass() {
             return ['p-inline-message p-component p-inline-message-' + this.severity, { 'p-inline-message-icon-only': !this.$slots.default }];
         },
-        iconClass() {
-            return [
-                'p-inline-message-icon pi',
-                {
-                    'pi-info-circle': this.severity === 'info',
-                    'pi-check': this.severity === 'success',
-                    'pi-exclamation-triangle': this.severity === 'warn',
-                    'pi-times-circle': this.severity === 'error'
-                }
-            ];
+        iconComponent() {
+            return {
+                info: InfoCircleIcon__default["default"],
+                success: CheckIcon__default["default"],
+                warn: ExclamationTriangleIcon__default["default"],
+                error: TimesCircleIcon__default["default"]
+            }[this.severity];
         }
     }
 };
@@ -48,9 +60,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     "aria-live": "polite",
     class: vue.normalizeClass($options.containerClass)
   }, [
-    vue.createElementVNode("span", {
-      class: vue.normalizeClass($options.iconClass)
-    }, null, 2),
+    vue.renderSlot(_ctx.$slots, "icon", {}, () => [
+      (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.icon ? 'span' : $options.iconComponent), {
+        class: vue.normalizeClass(['p-inline-message-icon', $props.icon])
+      }, null, 8, ["class"]))
+    ]),
     vue.createElementVNode("span", _hoisted_1, [
       vue.renderSlot(_ctx.$slots, "default", {}, () => [
         vue.createTextVNode(" ")

package/inlinemessage/inlinemessage.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("vue"),i={name:"InlineMessage",props:{severity:{type:String,default:"error"}},timeout:null,data:()=>({visible:!0}),mounted(){this.sticky||setTimeout((()=>{this.visible=!1}),this.life)},computed:{containerClass(){return["p-inline-message p-component p-inline-message-"+this.severity,{"p-inline-message-icon-only":!this.$slots.default}]},iconClass(){return["p-inline-message-icon pi",{"pi-info-circle":"info"===this.severity,"pi-check":"success"===this.severity,"pi-exclamation-triangle":"warn"===this.severity,"pi-times-circle":"error"===this.severity}]}}};const n={class:"p-inline-message-text"};!function(e,i){void 0===i&&(i={});var n=i.insertAt;if(e&&"undefined"!=typeof document){var t=document.head||document.getElementsByTagName("head")[0],s=document.createElement("style");s.type="text/css","top"===n&&t.firstChild?t.insertBefore(s,t.firstChild):t.appendChild(s),s.styleSheet?s.styleSheet.cssText=e:s.appendChild(document.createTextNode(e))}}("\n.p-inline-message {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    vertical-align: top;\n}\n.p-inline-message-icon-only .p-inline-message-text {\n    visibility: hidden;\n    width: 0;\n}\n.p-fluid .p-inline-message {\n    display: flex;\n}\n"),i.render=function(i,t,s,l,a,r){return e.openBlock(),e.createElementBlock("div",{"aria-live":"polite",class:e.normalizeClass(r.containerClass)},[e.createElementVNode("span",{class:e.normalizeClass(r.iconClass)},null,2),e.createElementVNode("span",n,[e.renderSlot(i.$slots,"default",{},(()=>[e.createTextVNode(" ")]))])],2)},module.exports=i;
+"use strict";var e=require("primevue/icons/check"),n=require("primevue/icons/exclamationtriangle"),i=require("primevue/icons/infocircle"),t=require("primevue/icons/timescircle"),s=require("vue");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=l(e),r=l(n),a=l(i),c=l(t),d={name:"InlineMessage",props:{severity:{type:String,default:"error"},icon:{type:String,default:void 0}},timeout:null,data:()=>({visible:!0}),mounted(){this.sticky||setTimeout((()=>{this.visible=!1}),this.life)},computed:{containerClass(){return["p-inline-message p-component p-inline-message-"+this.severity,{"p-inline-message-icon-only":!this.$slots.default}]},iconComponent(){return{info:a.default,success:o.default,warn:r.default,error:c.default}[this.severity]}}};const u={class:"p-inline-message-text"};!function(e,n){void 0===n&&(n={});var i=n.insertAt;if(e&&"undefined"!=typeof document){var t=document.head||document.getElementsByTagName("head")[0],s=document.createElement("style");s.type="text/css","top"===i&&t.firstChild?t.insertBefore(s,t.firstChild):t.appendChild(s),s.styleSheet?s.styleSheet.cssText=e:s.appendChild(document.createTextNode(e))}}("\n.p-inline-message {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    vertical-align: top;\n}\n.p-inline-message-icon-only .p-inline-message-text {\n    visibility: hidden;\n    width: 0;\n}\n.p-fluid .p-inline-message {\n    display: flex;\n}\n"),d.render=function(e,n,i,t,l,o){return s.openBlock(),s.createElementBlock("div",{"aria-live":"polite",class:s.normalizeClass(o.containerClass)},[s.renderSlot(e.$slots,"icon",{},(()=>[(s.openBlock(),s.createBlock(s.resolveDynamicComponent(i.icon?"span":o.iconComponent),{class:s.normalizeClass(["p-inline-message-icon",i.icon])},null,8,["class"]))])),s.createElementVNode("span",u,[s.renderSlot(e.$slots,"default",{},(()=>[s.createTextVNode(" ")]))])],2)},module.exports=d;

package/inlinemessage/inlinemessage.esm.js

@@ -1,4 +1,8 @@
-import { openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createTextVNode } from 'vue';
+import CheckIcon from 'primevue/icons/check';
+import ExclamationTriangleIcon from 'primevue/icons/exclamationtriangle';
+import InfoCircleIcon from 'primevue/icons/infocircle';
+import TimesCircleIcon from 'primevue/icons/timescircle';
+import { openBlock, createElementBlock, normalizeClass, renderSlot, createBlock, resolveDynamicComponent, createElementVNode, createTextVNode } from 'vue';
 
 var script = {
     name: 'InlineMessage',
@@ -6,6 +10,10 @@ var script = {
         severity: {
             type: String,
             default: 'error'
+        },
+        icon: {
+            type: String,
+            default: undefined
         }
     },
     timeout: null,
@@ -25,16 +33,13 @@ var script = {
         containerClass() {
             return ['p-inline-message p-component p-inline-message-' + this.severity, { 'p-inline-message-icon-only': !this.$slots.default }];
         },
-        iconClass() {
-            return [
-                'p-inline-message-icon pi',
-                {
-                    'pi-info-circle': this.severity === 'info',
-                    'pi-check': this.severity === 'success',
-                    'pi-exclamation-triangle': this.severity === 'warn',
-                    'pi-times-circle': this.severity === 'error'
-                }
-            ];
+        iconComponent() {
+            return {
+                info: InfoCircleIcon,
+                success: CheckIcon,
+                warn: ExclamationTriangleIcon,
+                error: TimesCircleIcon
+            }[this.severity];
         }
     }
 };
@@ -46,9 +51,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     "aria-live": "polite",
     class: normalizeClass($options.containerClass)
   }, [
-    createElementVNode("span", {
-      class: normalizeClass($options.iconClass)
-    }, null, 2),
+    renderSlot(_ctx.$slots, "icon", {}, () => [
+      (openBlock(), createBlock(resolveDynamicComponent($props.icon ? 'span' : $options.iconComponent), {
+        class: normalizeClass(['p-inline-message-icon', $props.icon])
+      }, null, 8, ["class"]))
+    ]),
     createElementVNode("span", _hoisted_1, [
       renderSlot(_ctx.$slots, "default", {}, () => [
         createTextVNode(" ")

package/inlinemessage/inlinemessage.esm.min.js

@@ -1 +1 @@
-import{openBlock as e,createElementBlock as i,normalizeClass as n,createElementVNode as t,renderSlot as s,createTextVNode as l}from"vue";var a={name:"InlineMessage",props:{severity:{type:String,default:"error"}},timeout:null,data:()=>({visible:!0}),mounted(){this.sticky||setTimeout((()=>{this.visible=!1}),this.life)},computed:{containerClass(){return["p-inline-message p-component p-inline-message-"+this.severity,{"p-inline-message-icon-only":!this.$slots.default}]},iconClass(){return["p-inline-message-icon pi",{"pi-info-circle":"info"===this.severity,"pi-check":"success"===this.severity,"pi-exclamation-triangle":"warn"===this.severity,"pi-times-circle":"error"===this.severity}]}}};const r={class:"p-inline-message-text"};!function(e,i){void 0===i&&(i={});var n=i.insertAt;if(e&&"undefined"!=typeof document){var t=document.head||document.getElementsByTagName("head")[0],s=document.createElement("style");s.type="text/css","top"===n&&t.firstChild?t.insertBefore(s,t.firstChild):t.appendChild(s),s.styleSheet?s.styleSheet.cssText=e:s.appendChild(document.createTextNode(e))}}("\n.p-inline-message {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    vertical-align: top;\n}\n.p-inline-message-icon-only .p-inline-message-text {\n    visibility: hidden;\n    width: 0;\n}\n.p-fluid .p-inline-message {\n    display: flex;\n}\n"),a.render=function(a,o,c,p,d,m){return e(),i("div",{"aria-live":"polite",class:n(m.containerClass)},[t("span",{class:n(m.iconClass)},null,2),t("span",r,[s(a.$slots,"default",{},(()=>[l(" ")]))])],2)};export{a as default};
+import e from"primevue/icons/check";import i from"primevue/icons/exclamationtriangle";import n from"primevue/icons/infocircle";import t from"primevue/icons/timescircle";import{openBlock as s,createElementBlock as o,normalizeClass as l,renderSlot as r,createBlock as a,resolveDynamicComponent as c,createElementVNode as m,createTextVNode as p}from"vue";var d={name:"InlineMessage",props:{severity:{type:String,default:"error"},icon:{type:String,default:void 0}},timeout:null,data:()=>({visible:!0}),mounted(){this.sticky||setTimeout((()=>{this.visible=!1}),this.life)},computed:{containerClass(){return["p-inline-message p-component p-inline-message-"+this.severity,{"p-inline-message-icon-only":!this.$slots.default}]},iconComponent(){return{info:n,success:e,warn:i,error:t}[this.severity]}}};const u={class:"p-inline-message-text"};!function(e,i){void 0===i&&(i={});var n=i.insertAt;if(e&&"undefined"!=typeof document){var t=document.head||document.getElementsByTagName("head")[0],s=document.createElement("style");s.type="text/css","top"===n&&t.firstChild?t.insertBefore(s,t.firstChild):t.appendChild(s),s.styleSheet?s.styleSheet.cssText=e:s.appendChild(document.createTextNode(e))}}("\n.p-inline-message {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    vertical-align: top;\n}\n.p-inline-message-icon-only .p-inline-message-text {\n    visibility: hidden;\n    width: 0;\n}\n.p-fluid .p-inline-message {\n    display: flex;\n}\n"),d.render=function(e,i,n,t,d,f){return s(),o("div",{"aria-live":"polite",class:l(f.containerClass)},[r(e.$slots,"icon",{},(()=>[(s(),a(c(n.icon?"span":f.iconComponent),{class:l(["p-inline-message-icon",n.icon])},null,8,["class"]))])),m("span",u,[r(e.$slots,"default",{},(()=>[p(" ")]))])],2)};export{d as default};

package/inlinemessage/inlinemessage.js

@@ -1,13 +1,24 @@
 this.primevue = this.primevue || {};
-this.primevue.inlinemessage = (function (vue) {
+this.primevue.inlinemessage = (function (CheckIcon, ExclamationTriangleIcon, InfoCircleIcon, TimesCircleIcon, vue) {
     'use strict';
 
+    function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+    var CheckIcon__default = /*#__PURE__*/_interopDefaultLegacy(CheckIcon);
+    var ExclamationTriangleIcon__default = /*#__PURE__*/_interopDefaultLegacy(ExclamationTriangleIcon);
+    var InfoCircleIcon__default = /*#__PURE__*/_interopDefaultLegacy(InfoCircleIcon);
+    var TimesCircleIcon__default = /*#__PURE__*/_interopDefaultLegacy(TimesCircleIcon);
+
     var script = {
         name: 'InlineMessage',
         props: {
             severity: {
                 type: String,
                 default: 'error'
+            },
+            icon: {
+                type: String,
+                default: undefined
             }
         },
         timeout: null,
@@ -27,16 +38,13 @@ this.primevue.inlinemessage = (function (vue) {
             containerClass() {
                 return ['p-inline-message p-component p-inline-message-' + this.severity, { 'p-inline-message-icon-only': !this.$slots.default }];
             },
-            iconClass() {
-                return [
-                    'p-inline-message-icon pi',
-                    {
-                        'pi-info-circle': this.severity === 'info',
-                        'pi-check': this.severity === 'success',
-                        'pi-exclamation-triangle': this.severity === 'warn',
-                        'pi-times-circle': this.severity === 'error'
-                    }
-                ];
+            iconComponent() {
+                return {
+                    info: InfoCircleIcon__default["default"],
+                    success: CheckIcon__default["default"],
+                    warn: ExclamationTriangleIcon__default["default"],
+                    error: TimesCircleIcon__default["default"]
+                }[this.severity];
             }
         }
     };
@@ -48,9 +56,11 @@ this.primevue.inlinemessage = (function (vue) {
         "aria-live": "polite",
         class: vue.normalizeClass($options.containerClass)
       }, [
-        vue.createElementVNode("span", {
-          class: vue.normalizeClass($options.iconClass)
-        }, null, 2),
+        vue.renderSlot(_ctx.$slots, "icon", {}, () => [
+          (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.icon ? 'span' : $options.iconComponent), {
+            class: vue.normalizeClass(['p-inline-message-icon', $props.icon])
+          }, null, 8, ["class"]))
+        ]),
         vue.createElementVNode("span", _hoisted_1, [
           vue.renderSlot(_ctx.$slots, "default", {}, () => [
             vue.createTextVNode(" ")
@@ -93,4 +103,4 @@ this.primevue.inlinemessage = (function (vue) {
 
     return script;
 
-})(Vue);
+})(primevue.icons.check, primevue.icons.exclamationtriangle, primevue.icons.infocircle, primevue.icons.timescircle, Vue);

package/inlinemessage/inlinemessage.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.inlinemessage=function(e){"use strict";var i={name:"InlineMessage",props:{severity:{type:String,default:"error"}},timeout:null,data:()=>({visible:!0}),mounted(){this.sticky||setTimeout((()=>{this.visible=!1}),this.life)},computed:{containerClass(){return["p-inline-message p-component p-inline-message-"+this.severity,{"p-inline-message-icon-only":!this.$slots.default}]},iconClass(){return["p-inline-message-icon pi",{"pi-info-circle":"info"===this.severity,"pi-check":"success"===this.severity,"pi-exclamation-triangle":"warn"===this.severity,"pi-times-circle":"error"===this.severity}]}}};const n={class:"p-inline-message-text"};return function(e,i){void 0===i&&(i={});var n=i.insertAt;if(e&&"undefined"!=typeof document){var t=document.head||document.getElementsByTagName("head")[0],s=document.createElement("style");s.type="text/css","top"===n&&t.firstChild?t.insertBefore(s,t.firstChild):t.appendChild(s),s.styleSheet?s.styleSheet.cssText=e:s.appendChild(document.createTextNode(e))}}("\n.p-inline-message {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    vertical-align: top;\n}\n.p-inline-message-icon-only .p-inline-message-text {\n    visibility: hidden;\n    width: 0;\n}\n.p-fluid .p-inline-message {\n    display: flex;\n}\n"),i.render=function(i,t,s,l,a,r){return e.openBlock(),e.createElementBlock("div",{"aria-live":"polite",class:e.normalizeClass(r.containerClass)},[e.createElementVNode("span",{class:e.normalizeClass(r.iconClass)},null,2),e.createElementVNode("span",n,[e.renderSlot(i.$slots,"default",{},(()=>[e.createTextVNode(" ")]))])],2)},i}(Vue);
+this.primevue=this.primevue||{},this.primevue.inlinemessage=function(e,n,i,t,s){"use strict";function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=l(e),a=l(n),r=l(i),c=l(t),d={name:"InlineMessage",props:{severity:{type:String,default:"error"},icon:{type:String,default:void 0}},timeout:null,data:()=>({visible:!0}),mounted(){this.sticky||setTimeout((()=>{this.visible=!1}),this.life)},computed:{containerClass(){return["p-inline-message p-component p-inline-message-"+this.severity,{"p-inline-message-icon-only":!this.$slots.default}]},iconComponent(){return{info:r.default,success:o.default,warn:a.default,error:c.default}[this.severity]}}};const p={class:"p-inline-message-text"};return function(e,n){void 0===n&&(n={});var i=n.insertAt;if(e&&"undefined"!=typeof document){var t=document.head||document.getElementsByTagName("head")[0],s=document.createElement("style");s.type="text/css","top"===i&&t.firstChild?t.insertBefore(s,t.firstChild):t.appendChild(s),s.styleSheet?s.styleSheet.cssText=e:s.appendChild(document.createTextNode(e))}}("\n.p-inline-message {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    vertical-align: top;\n}\n.p-inline-message-icon-only .p-inline-message-text {\n    visibility: hidden;\n    width: 0;\n}\n.p-fluid .p-inline-message {\n    display: flex;\n}\n"),d.render=function(e,n,i,t,l,o){return s.openBlock(),s.createElementBlock("div",{"aria-live":"polite",class:s.normalizeClass(o.containerClass)},[s.renderSlot(e.$slots,"icon",{},(()=>[(s.openBlock(),s.createBlock(s.resolveDynamicComponent(i.icon?"span":o.iconComponent),{class:s.normalizeClass(["p-inline-message-icon",i.icon])},null,8,["class"]))])),s.createElementVNode("span",p,[s.renderSlot(e.$slots,"default",{},(()=>[s.createTextVNode(" ")]))])],2)},d}(primevue.icons.check,primevue.icons.exclamationtriangle,primevue.icons.infocircle,primevue.icons.timescircle,Vue);

package/inplace/Inplace.d.ts

@@ -31,7 +31,7 @@ export interface InplaceProps {
     disabled?: boolean | undefined;
     /**
      * Icon to display in the close button.
-     * @defaultValue pi pi-times
+     * @deprecated since v3.27.0. Use 'closeicon' slot.
      */
     closeIcon?: string | undefined;
     /**
@@ -56,6 +56,10 @@ export interface InplaceSlots {
      * Custom content template.
      */
     content(): VNode[];
+    /**
+     * Custom close icon template.
+     */
+    closeicon(): VNode[];
 }
 
 /**

package/inplace/Inplace.vue

@@ -5,7 +5,13 @@
         </div>
         <div v-else class="p-inplace-content">
             <slot name="content"></slot>
-            <IPButton v-if="closable" :icon="closeIcon" :aria-label="closeAriaLabel" @click="close" v-bind="closeButtonProps" />
+            <IPButton v-if="closable" :aria-label="closeAriaLabel" @click="close" v-bind="closeButtonProps">
+                <template #icon>
+                    <slot name="closeicon">
+                        <component :is="closeIcon ? 'span' : 'TimesIcon'" :class="closeIcon"></component>
+                    </slot>
+                </template>
+            </IPButton>
         </div>
     </div>
 </template>
@@ -13,6 +19,7 @@
 <script>
 import Button from 'primevue/button';
 import FocusTrap from 'primevue/focustrap';
+import TimesIcon from 'primevue/icons/times';
 
 export default {
     name: 'Inplace',
@@ -32,7 +39,7 @@ export default {
         },
         closeIcon: {
             type: String,
-            default: 'pi pi-times'
+            default: undefined
         },
         displayProps: {
             type: null,
@@ -84,7 +91,8 @@ export default {
         }
     },
     components: {
-        IPButton: Button
+        IPButton: Button,
+        TimesIcon
     },
     directives: {
         focustrap: FocusTrap

package/inplace/inplace.cjs.js

@@ -2,12 +2,14 @@
 
 var Button = require('primevue/button');
 var FocusTrap = require('primevue/focustrap');
+var TimesIcon = require('primevue/icons/times');
 var vue = require('vue');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
 var FocusTrap__default = /*#__PURE__*/_interopDefaultLegacy(FocusTrap);
+var TimesIcon__default = /*#__PURE__*/_interopDefaultLegacy(TimesIcon);
 
 var script = {
     name: 'Inplace',
@@ -27,7 +29,7 @@ var script = {
         },
         closeIcon: {
             type: String,
-            default: 'pi pi-times'
+            default: undefined
         },
         displayProps: {
             type: null,
@@ -79,7 +81,8 @@ var script = {
         }
     },
     components: {
-        IPButton: Button__default["default"]
+        IPButton: Button__default["default"],
+        TimesIcon: TimesIcon__default["default"]
     },
     directives: {
         focustrap: FocusTrap__default["default"]
@@ -117,10 +120,18 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           ($props.closable)
             ? (vue.openBlock(), vue.createBlock(_component_IPButton, vue.mergeProps({
                 key: 0,
-                icon: $props.closeIcon,
                 "aria-label": $options.closeAriaLabel,
                 onClick: $options.close
-              }, $props.closeButtonProps), null, 16, ["icon", "aria-label", "onClick"]))
+              }, $props.closeButtonProps), {
+                icon: vue.withCtx(() => [
+                  vue.renderSlot(_ctx.$slots, "closeicon", {}, () => [
+                    (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.closeIcon ? 'span' : 'TimesIcon'), {
+                      class: vue.normalizeClass($props.closeIcon)
+                    }, null, 8, ["class"]))
+                  ])
+                ]),
+                _: 3
+              }, 16, ["aria-label", "onClick"]))
             : vue.createCommentVNode("", true)
         ]))
   ], 2)), [

package/inplace/inplace.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/button"),t=require("primevue/focustrap"),l=require("vue");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=n(e),a=n(t),o={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:i.default},directives:{focustrap:a.default}};const s=["tabindex"],c={key:1,class:"p-inplace-content"};!function(e,t){void 0===t&&(t={});var l=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css","top"===l&&n.firstChild?n.insertBefore(i,n.firstChild):n.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"),o.render=function(e,t,n,i,a,o){const p=l.resolveComponent("IPButton"),r=l.resolveDirective("focustrap");return l.withDirectives((l.openBlock(),l.createElementBlock("div",{class:l.normalizeClass(o.containerClass),"aria-live":"polite"},[a.d_active?(l.openBlock(),l.createElementBlock("div",c,[l.renderSlot(e.$slots,"content"),n.closable?(l.openBlock(),l.createBlock(p,l.mergeProps({key:0,icon:n.closeIcon,"aria-label":o.closeAriaLabel,onClick:o.close},n.closeButtonProps),null,16,["icon","aria-label","onClick"])):l.createCommentVNode("",!0)])):(l.openBlock(),l.createElementBlock("div",l.mergeProps({key:0,ref:"display",class:o.displayClass,tabindex:e.$attrs.tabindex||"0",role:"button",onClick:t[0]||(t[0]=(...e)=>o.open&&o.open(...e)),onKeydown:t[1]||(t[1]=l.withKeys(((...e)=>o.open&&o.open(...e)),["enter"]))},n.displayProps),[l.renderSlot(e.$slots,"display")],16,s))],2)),[[r]])},module.exports=o;
+"use strict";var e=require("primevue/button"),t=require("primevue/focustrap"),l=require("primevue/icons/times"),n=require("vue");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=i(e),a=i(t),s=i(l),c={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: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:o.default,TimesIcon:s.default},directives:{focustrap:a.default}};const p=["tabindex"],r={key:1,class:"p-inplace-content"};!function(e,t){void 0===t&&(t={});var l=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css","top"===l&&n.firstChild?n.insertBefore(i,n.firstChild):n.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"),c.render=function(e,t,l,i,o,a){const s=n.resolveComponent("IPButton"),c=n.resolveDirective("focustrap");return n.withDirectives((n.openBlock(),n.createElementBlock("div",{class:n.normalizeClass(a.containerClass),"aria-live":"polite"},[o.d_active?(n.openBlock(),n.createElementBlock("div",r,[n.renderSlot(e.$slots,"content"),l.closable?(n.openBlock(),n.createBlock(s,n.mergeProps({key:0,"aria-label":a.closeAriaLabel,onClick:a.close},l.closeButtonProps),{icon:n.withCtx((()=>[n.renderSlot(e.$slots,"closeicon",{},(()=>[(n.openBlock(),n.createBlock(n.resolveDynamicComponent(l.closeIcon?"span":"TimesIcon"),{class:n.normalizeClass(l.closeIcon)},null,8,["class"]))]))])),_:3},16,["aria-label","onClick"])):n.createCommentVNode("",!0)])):(n.openBlock(),n.createElementBlock("div",n.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]=n.withKeys(((...e)=>a.open&&a.open(...e)),["enter"]))},l.displayProps),[n.renderSlot(e.$slots,"display")],16,p))],2)),[[c]])},module.exports=c;

package/inplace/inplace.esm.js

@@ -1,6 +1,7 @@
 import Button from 'primevue/button';
 import FocusTrap from 'primevue/focustrap';
-import { resolveComponent, resolveDirective, withDirectives, openBlock, createElementBlock, normalizeClass, mergeProps, withKeys, renderSlot, createBlock, createCommentVNode } from 'vue';
+import TimesIcon from 'primevue/icons/times';
+import { resolveComponent, resolveDirective, withDirectives, openBlock, createElementBlock, normalizeClass, mergeProps, withKeys, renderSlot, createBlock, withCtx, resolveDynamicComponent, createCommentVNode } from 'vue';
 
 var script = {
     name: 'Inplace',
@@ -20,7 +21,7 @@ var script = {
         },
         closeIcon: {
             type: String,
-            default: 'pi pi-times'
+            default: undefined
         },
         displayProps: {
             type: null,
@@ -72,7 +73,8 @@ var script = {
         }
     },
     components: {
-        IPButton: Button
+        IPButton: Button,
+        TimesIcon
     },
     directives: {
         focustrap: FocusTrap
@@ -110,10 +112,18 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           ($props.closable)
             ? (openBlock(), createBlock(_component_IPButton, mergeProps({
                 key: 0,
-                icon: $props.closeIcon,
                 "aria-label": $options.closeAriaLabel,
                 onClick: $options.close
-              }, $props.closeButtonProps), null, 16, ["icon", "aria-label", "onClick"]))
+              }, $props.closeButtonProps), {
+                icon: withCtx(() => [
+                  renderSlot(_ctx.$slots, "closeicon", {}, () => [
+                    (openBlock(), createBlock(resolveDynamicComponent($props.closeIcon ? 'span' : 'TimesIcon'), {
+                      class: normalizeClass($props.closeIcon)
+                    }, null, 8, ["class"]))
+                  ])
+                ]),
+                _: 3
+              }, 16, ["aria-label", "onClick"]))
             : createCommentVNode("", true)
         ]))
   ], 2)), [

package/inplace/inplace.esm.min.js

@@ -1 +1 @@
-import e from"primevue/button";import t from"primevue/focustrap";import{resolveComponent as i,resolveDirective as n,withDirectives as l,openBlock as a,createElementBlock as o,normalizeClass as s,mergeProps as p,withKeys as c,renderSlot as d,createBlock as r,createCommentVNode as u}from"vue";var f={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},directives:{focustrap:t}};const m=["tabindex"],y={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"),f.render=function(e,t,f,v,h,b){const C=i("IPButton"),x=n("focustrap");return l((a(),o("div",{class:s(b.containerClass),"aria-live":"polite"},[h.d_active?(a(),o("div",y,[d(e.$slots,"content"),f.closable?(a(),r(C,p({key:0,icon:f.closeIcon,"aria-label":b.closeAriaLabel,onClick:b.close},f.closeButtonProps),null,16,["icon","aria-label","onClick"])):u("",!0)])):(a(),o("div",p({key:0,ref:"display",class:b.displayClass,tabindex:e.$attrs.tabindex||"0",role:"button",onClick:t[0]||(t[0]=(...e)=>b.open&&b.open(...e)),onKeydown:t[1]||(t[1]=c(((...e)=>b.open&&b.open(...e)),["enter"]))},f.displayProps),[d(e.$slots,"display")],16,m))],2)),[[x]])};export{f as default};
+import e from"primevue/button";import t from"primevue/focustrap";import i from"primevue/icons/times";import{resolveComponent as n,resolveDirective as l,withDirectives as a,openBlock as o,createElementBlock as s,normalizeClass as c,mergeProps as p,withKeys as d,renderSlot as r,createBlock as u,withCtx as m,resolveDynamicComponent as f,createCommentVNode as v}from"vue";var y={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: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:e,TimesIcon:i},directives:{focustrap:t}};const h=["tabindex"],b={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"),y.render=function(e,t,i,y,C,$){const x=n("IPButton"),B=l("focustrap");return a((o(),s("div",{class:c($.containerClass),"aria-live":"polite"},[C.d_active?(o(),s("div",b,[r(e.$slots,"content"),i.closable?(o(),u(x,p({key:0,"aria-label":$.closeAriaLabel,onClick:$.close},i.closeButtonProps),{icon:m((()=>[r(e.$slots,"closeicon",{},(()=>[(o(),u(f(i.closeIcon?"span":"TimesIcon"),{class:c(i.closeIcon)},null,8,["class"]))]))])),_:3},16,["aria-label","onClick"])):v("",!0)])):(o(),s("div",p({key:0,ref:"display",class:$.displayClass,tabindex:e.$attrs.tabindex||"0",role:"button",onClick:t[0]||(t[0]=(...e)=>$.open&&$.open(...e)),onKeydown:t[1]||(t[1]=d(((...e)=>$.open&&$.open(...e)),["enter"]))},i.displayProps),[r(e.$slots,"display")],16,h))],2)),[[B]])};export{y as default};

package/inplace/inplace.js

@@ -1,11 +1,12 @@
 this.primevue = this.primevue || {};
-this.primevue.inplace = (function (Button, FocusTrap, vue) {
+this.primevue.inplace = (function (Button, FocusTrap, TimesIcon, vue) {
     'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
     var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
     var FocusTrap__default = /*#__PURE__*/_interopDefaultLegacy(FocusTrap);
+    var TimesIcon__default = /*#__PURE__*/_interopDefaultLegacy(TimesIcon);
 
     var script = {
         name: 'Inplace',
@@ -25,7 +26,7 @@ this.primevue.inplace = (function (Button, FocusTrap, vue) {
             },
             closeIcon: {
                 type: String,
-                default: 'pi pi-times'
+                default: undefined
             },
             displayProps: {
                 type: null,
@@ -77,7 +78,8 @@ this.primevue.inplace = (function (Button, FocusTrap, vue) {
             }
         },
         components: {
-            IPButton: Button__default["default"]
+            IPButton: Button__default["default"],
+            TimesIcon: TimesIcon__default["default"]
         },
         directives: {
             focustrap: FocusTrap__default["default"]
@@ -115,10 +117,18 @@ this.primevue.inplace = (function (Button, FocusTrap, vue) {
               ($props.closable)
                 ? (vue.openBlock(), vue.createBlock(_component_IPButton, vue.mergeProps({
                     key: 0,
-                    icon: $props.closeIcon,
                     "aria-label": $options.closeAriaLabel,
                     onClick: $options.close
-                  }, $props.closeButtonProps), null, 16, ["icon", "aria-label", "onClick"]))
+                  }, $props.closeButtonProps), {
+                    icon: vue.withCtx(() => [
+                      vue.renderSlot(_ctx.$slots, "closeicon", {}, () => [
+                        (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.closeIcon ? 'span' : 'TimesIcon'), {
+                          class: vue.normalizeClass($props.closeIcon)
+                        }, null, 8, ["class"]))
+                      ])
+                    ]),
+                    _: 3
+                  }, 16, ["aria-label", "onClick"]))
                 : vue.createCommentVNode("", true)
             ]))
       ], 2)), [
@@ -160,4 +170,4 @@ this.primevue.inplace = (function (Button, FocusTrap, vue) {
 
     return script;
 
-})(primevue.button, primevue.focustrap, Vue);
+})(primevue.button, primevue.focustrap, primevue.icons.times, Vue);

package/inplace/inplace.min.js

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

package/inputnumber/InputNumber.d.ts

@@ -7,7 +7,7 @@
  * @module inputnumber
  *
  */
-import { ButtonHTMLAttributes, InputHTMLAttributes } from 'vue';
+import { ButtonHTMLAttributes, InputHTMLAttributes, VNode } from 'vue';
 import { ClassComponent, GlobalComponentConstructor, Nullable } from '../ts-helpers';
 
 /**
@@ -73,12 +73,12 @@ export interface InputNumberProps {
     decrementButtonClass?: string | undefined;
     /**
      * Style class of the increment button.
-     * @defaultValue pi pi-angle-up
+     * @deprecated since v3.27.0. Use 'incrementbuttonicon' slot.
      */
     incrementButtonIcon?: string | undefined;
     /**
      * Style class of the decrement button.
-     * @defaultValue pi pi-angle-down
+     * @deprecated since v3.27.0. Use 'decrementbuttonicon' slot.
      */
     decrementButtonIcon?: string | undefined;
     /**
@@ -203,7 +203,16 @@ export interface InputNumberProps {
 /**
  * Defines valid slots in InputNumber component.
  */
-export interface InputNumberSlots {}
+export interface InputNumberSlots {
+    /**
+     * Custom increment button icon template.
+     */
+    incrementbuttonicon(): VNode[];
+    /**
+     * Custom decrement button icon template.
+     */
+    decrementbuttonicon(): VNode[];
+}
 
 /**
  * Defines valid emits in InputNumber component.