primevue 3.8.2 → 3.11.0

package/inlinemessage/inlinemessage.esm.min.js

@@ -1 +1 @@
-import{openBlock as e,createBlock as i,createVNode as n,renderSlot as t,createTextVNode as s}from"vue";var l={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 a={class:"p-inline-message-text"},r=s(" ");!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: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: 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: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n}\n"),l.render=function(s,l,o,c,p,d){return e(),i("div",{"aria-live":"polite",class:d.containerClass},[n("span",{class:d.iconClass},null,2),n("span",a,[t(s.$slots,"default",{},(()=>[r]))])],2)};export default l;
+import{openBlock as e,createBlock as i,createVNode as n,renderSlot as t,createTextVNode as s}from"vue";var l={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 a={class:"p-inline-message-text"},r=s(" ");!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: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: 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: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n}\n"),l.render=function(s,l,o,c,p,d){return e(),i("div",{"aria-live":"polite",class:d.containerClass},[n("span",{class:d.iconClass},null,2),n("span",a,[t(s.$slots,"default",{},(()=>[r]))])],2)};export{l as default};

package/inlinemessage/inlinemessage.js

@@ -89,4 +89,4 @@ this.primevue.inlinemessage = (function (vue) {
 
     return script;
 
-}(Vue));
+})(Vue);

package/inplace/Inplace.d.ts

@@ -1,20 +1,65 @@
 import { VNode } from 'vue';
+import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
-interface InplaceProps {
-    closable?: boolean;
-    active?: boolean;
-    disabled?: boolean;
+export interface InplaceProps {
+    /**
+     * Displays a button to switch back to display mode.
+     */
+    closable?: boolean | undefined;
+    /**
+     * Whether the content is displayed or not.
+     */
+    active?: boolean | undefined;
+    /**
+     * When present, it specifies that the element should be disabled.
+     */
+    disabled?: boolean | undefined;
 }
 
-declare class Inplace {
-    $props: InplaceProps;
-    $emit(eventName: 'update:active', value: boolean): this;
-    $emit(eventName: 'open', e: Event): this;
-    $emit(eventName: 'close', e: Event): this;
-    $slots: {
-        display: VNode[];
-        content: VNode[];
+export interface InplaceSlots {
+    /**
+     * Custom display template.
+     */
+    display: () => VNode[];
+    /**
+     * Custom content template.
+     */
+    content: () => VNode[];
+}
+
+export declare type InplaceEmits = {
+    /**
+     * Emitted when the active changes.
+     * @param {boolean} value - New value.
+     */
+    'update:active': (value: boolean) => void;
+    /**
+     * Callback to invoke when inplace is opened.
+     * @param {Event} event - Browser event.
+     */
+    'open': (event: Event) => void;
+    /**
+     * Callback to invoke when inplace is closed.
+     * @param {Event} event - Browser event.
+     */
+    'close': (event: Event) => void;
+}
+
+declare class Inplace extends ClassComponent<InplaceProps, InplaceSlots, InplaceEmits> { }
+
+declare module '@vue/runtime-core' {
+    interface GlobalComponents {
+        Inplace: GlobalComponentConstructor<Inplace>
     }
 }
 
+/**
+ *
+ * Inplace provides an easy to do editing and display at the same time where clicking the output displays the actual content.
+ *
+ * Demos:
+ *
+ * - [Inplace](https://www.primefaces.org/primevue/showcase/#/inplace)
+ *
+ */
 export default Inplace;

package/inplace/inplace.cjs.js

@@ -59,7 +59,7 @@ var script = {
         }
     },
     components: {
-        'IPButton': Button__default['default']
+        'IPButton': Button__default["default"]
     }
 };
 

package/inplace/inplace.esm.js

@@ -121,4 +121,4 @@ styleInject(css_248z);
 
 script.render = render;
 
-export default script;
+export { script as default };

package/inplace/inplace.esm.min.js

@@ -1 +1 @@
-import e from"primevue/button";import{resolveComponent as t,openBlock as n,createBlock as i,withKeys as a,renderSlot as l,createCommentVNode as p}from"vue";var s={name:"Inplace",emits:["open","close","update:active"],props:{closable:{type:Boolean,default:!1},active:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},watch:{active(e){this.d_active=e}},data(){return{d_active:this.active}},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)}},computed:{containerClass(){return["p-inplace p-component",{"p-inplace-closable":this.closable}]},displayClass(){return["p-inplace-display",{"p-disabled":this.disabled}]}},components:{IPButton:e}};const o={key:1,class:"p-inplace-content"};!function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===n&&i.firstChild?i.insertBefore(a,i.firstChild):i.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.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: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n}\n.p-fluid .p-inplace.p-inplace-closable .p-inplace-content > .p-inputtext {\n    -webkit-box-flex: 1;\n        -ms-flex: 1 1 auto;\n            flex: 1 1 auto;\n    width: 1%;\n}\n"),s.render=function(e,s,c,d,r,u){const m=t("IPButton");return n(),i("div",{class:u.containerClass},[r.d_active?(n(),i("div",o,[l(e.$slots,"content"),c.closable?(n(),i(m,{key:0,icon:"pi pi-times",onClick:u.close},null,8,["onClick"])):p("",!0)])):(n(),i("div",{key:0,class:u.displayClass,tabindex:e.$attrs.tabindex||"0",onClick:s[1]||(s[1]=(...e)=>u.open&&u.open(...e)),onKeydown:s[2]||(s[2]=a(((...e)=>u.open&&u.open(...e)),["enter"]))},[l(e.$slots,"display")],42,["tabindex"]))],2)};export default s;
+import e from"primevue/button";import{resolveComponent as t,openBlock as n,createBlock as i,withKeys as a,renderSlot as l,createCommentVNode as p}from"vue";var s={name:"Inplace",emits:["open","close","update:active"],props:{closable:{type:Boolean,default:!1},active:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},watch:{active(e){this.d_active=e}},data(){return{d_active:this.active}},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)}},computed:{containerClass(){return["p-inplace p-component",{"p-inplace-closable":this.closable}]},displayClass(){return["p-inplace-display",{"p-disabled":this.disabled}]}},components:{IPButton:e}};const o={key:1,class:"p-inplace-content"};!function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===n&&i.firstChild?i.insertBefore(a,i.firstChild):i.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.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: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n}\n.p-fluid .p-inplace.p-inplace-closable .p-inplace-content > .p-inputtext {\n    -webkit-box-flex: 1;\n        -ms-flex: 1 1 auto;\n            flex: 1 1 auto;\n    width: 1%;\n}\n"),s.render=function(e,s,c,d,r,u){const m=t("IPButton");return n(),i("div",{class:u.containerClass},[r.d_active?(n(),i("div",o,[l(e.$slots,"content"),c.closable?(n(),i(m,{key:0,icon:"pi pi-times",onClick:u.close},null,8,["onClick"])):p("",!0)])):(n(),i("div",{key:0,class:u.displayClass,tabindex:e.$attrs.tabindex||"0",onClick:s[1]||(s[1]=(...e)=>u.open&&u.open(...e)),onKeydown:s[2]||(s[2]=a(((...e)=>u.open&&u.open(...e)),["enter"]))},[l(e.$slots,"display")],42,["tabindex"]))],2)};export{s as default};

package/inplace/inplace.js

@@ -58,7 +58,7 @@ this.primevue.inplace = (function (Button, vue) {
             }
         },
         components: {
-            'IPButton': Button__default['default']
+            'IPButton': Button__default["default"]
         }
     };
 
@@ -128,4 +128,4 @@ this.primevue.inplace = (function (Button, vue) {
 
     return script;
 
-}(primevue.button, Vue));
+})(primevue.button, Vue);

package/inputmask/InputMask.d.ts

@@ -1,20 +1,80 @@
-interface InputMaskProps {
-    modelValue?: string;
-    slotChar?: string;
-    mask?: string;
-    autoClear?: boolean;
-    unmask?: boolean;
+import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
+
+export interface InputMaskProps {
+    /**
+     * Value of the component.
+     */
+    modelValue?: string | undefined;
+    /**
+     * Placeholder character in mask, default is underscore.
+     * Default value is '_'.
+     */
+    slotChar?: string | undefined;
+    /**
+     * Mask pattern.
+     */
+    mask?: string | undefined;
+    /**
+     * Clears the incomplete value on blur.
+     * Default value is true.
+     */
+    autoClear?: boolean | undefined;
+    /**
+     * Defines if model sets the raw unmasked value to bound value or the formatted mask value.
+     */
+    unmask?: boolean | undefined;
+}
+
+export interface InputMaskSlots {
 }
 
-declare class InputMask {
-    $props: InputMaskProps;
-    $emit(eventName: 'update:modelValue', value: string): this;
-    $emit(eventName: 'focus', event: Event): this;
-    $emit(eventName: 'blur', event: Event): this;
-    $emit(eventName: 'keydown', event: Event): this;
-    $emit(eventName: 'keypress', event: Event): this;
-    $emit(eventName: 'paste', event: Event): this;
-    $emit(eventName: 'complete', event: Event): this;
+export declare type InputMaskEmits = {
+    /**
+     * Emitted when the value changes.
+     * @param {string} value - New value.
+     */
+    'update:modelValue': (value: string) => void;
+    /**
+     * Callback to invoke when the component receives focus.
+     */
+    'focus': (event: Event) => void;
+    /**
+     * Callback to invoke when the component loses focus.
+     */
+    'blur': (event: Event) => void;
+    /**
+     * Callback to invoke when a key is pressed.
+     */
+    'keydown': (event: Event) => void;
+    /**
+     * Callback to invoke when a key that produces a character value is pressed down.
+     */
+    'keypress': (event: Event) => void;
+    /**
+     * Callback to invoke when the user has initiated a 'paste' action through the browser's user interface.
+     */
+    'paste': (event: Event) => void;
+    /**
+     * Callback to invoke when the mask is completed.
+     */
+    'complete': (event: Event) => void;
+}
+
+declare class InputMask extends ClassComponent<InputMaskProps, InputMaskSlots, InputMaskEmits> { }
+
+declare module '@vue/runtime-core' {
+    interface GlobalComponents {
+        InputMask: GlobalComponentConstructor<InputMask>
+    }
 }
 
+/**
+ *
+ * InputMask component is used to enter input in a certain format such as numeric, date, currency, email and phone.
+ *
+ * Demos:
+ *
+ * - [InputMask](https://www.primefaces.org/primevue/showcase/#/inputmask)
+ *
+ */
 export default InputMask;

package/inputmask/inputmask.esm.js

@@ -497,4 +497,4 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
 
 script.render = render;
 
-export default script;
+export { script as default };

package/inputmask/inputmask.esm.min.js

@@ -1 +1 @@
-import{DomHandler as e}from"primevue/utils";import{openBlock as t,createBlock as s,mergeProps as i}from"vue";var h={name:"InputMask",emits:["update:modelValue","focus","blur","keydown","complete","keypress","paste"],props:{modelValue:null,slotChar:{type:String,default:"_"},mask:{type:String,default:null},autoClear:{type:Boolean,default:!0},unmask:{type:Boolean,default:!1}},methods:{onInput(e){this.androidChrome?this.handleAndroidInput(e):this.handleInputChange(e),this.$emit("update:modelValue",e.target.value)},onFocus(e){if(this.$attrs.readonly)return;let t;this.focus=!0,clearTimeout(this.caretTimeoutId),this.focusText=this.$el.value,t=this.checkVal(),this.caretTimeoutId=setTimeout((()=>{this.$el===document.activeElement&&(this.writeBuffer(),t===this.mask.replace("?","").length?this.caret(0,t):this.caret(t))}),10),this.$emit("focus",e)},onBlur(e){if(this.focus=!1,this.checkVal(),this.updateModel(e),this.$el.value!==this.focusText){let e=document.createEvent("HTMLEvents");e.initEvent("change",!0,!1),this.$el.dispatchEvent(e)}this.$emit("blur",e)},onKeyDown(t){if(this.$attrs.readonly)return;let s,i,h,l=t.which||t.keyCode,a=/iphone/i.test(e.getUserAgent());this.oldVal=this.$el.value,8===l||46===l||a&&127===l?(s=this.caret(),i=s.begin,h=s.end,h-i==0&&(i=46!==l?this.seekPrev(i):h=this.seekNext(i-1),h=46===l?this.seekNext(h):h),this.clearBuffer(i,h),this.shiftL(i,h-1),this.updateModel(t),t.preventDefault()):13===l?(this.$el.blur(),this.updateModel(t)):27===l&&(this.$el.value=this.focusText,this.caret(0,this.checkVal()),this.updateModel(t),t.preventDefault()),this.$emit("keydown",t)},onKeyPress(t){if(!this.$attrs.readonly){var s,i,h,l,a=t.which||t.keyCode,r=this.caret();if(!(t.ctrlKey||t.altKey||t.metaKey||a<32)){if(a&&13!==a){if(r.end-r.begin!=0&&(this.clearBuffer(r.begin,r.end),this.shiftL(r.begin,r.end-1)),(s=this.seekNext(r.begin-1))<this.len&&(i=String.fromCharCode(a),this.tests[s].test(i))){if(this.shiftR(s),this.buffer[s]=i,this.writeBuffer(),h=this.seekNext(s),/android/i.test(e.getUserAgent())){setTimeout((()=>{this.caret(h)}),0)}else this.caret(h);r.begin<=this.lastRequiredNonMaskPos&&(l=this.isCompleted())}t.preventDefault()}this.updateModel(t),l&&this.$emit("complete",t),this.$emit("keypress",t)}}},onPaste(e){this.handleInputChange(e),this.$emit("paste",e)},caret(e,t){let s,i,h;if(this.$el.offsetParent&&this.$el===document.activeElement)return"number"!=typeof e?(this.$el.setSelectionRange?(i=this.$el.selectionStart,h=this.$el.selectionEnd):document.selection&&document.selection.createRange&&(s=document.selection.createRange(),i=0-s.duplicate().moveStart("character",-1e5),h=i+s.text.length),{begin:i,end:h}):(i=e,h="number"==typeof t?t:i,void(this.$el.setSelectionRange?this.$el.setSelectionRange(i,h):this.$el.createTextRange&&(s=this.$el.createTextRange(),s.collapse(!0),s.moveEnd("character",h),s.moveStart("character",i),s.select())))},isCompleted(){for(let e=this.firstNonMaskPos;e<=this.lastRequiredNonMaskPos;e++)if(this.tests[e]&&this.buffer[e]===this.getPlaceholder(e))return!1;return!0},getPlaceholder(e){return e<this.slotChar.length?this.slotChar.charAt(e):this.slotChar.charAt(0)},seekNext(e){for(;++e<this.len&&!this.tests[e];);return e},seekPrev(e){for(;--e>=0&&!this.tests[e];);return e},shiftL(e,t){let s,i;if(!(e<0)){for(s=e,i=this.seekNext(t);s<this.len;s++)if(this.tests[s]){if(!(i<this.len&&this.tests[s].test(this.buffer[i])))break;this.buffer[s]=this.buffer[i],this.buffer[i]=this.getPlaceholder(i),i=this.seekNext(i)}this.writeBuffer(),this.caret(Math.max(this.firstNonMaskPos,e))}},shiftR(e){let t,s,i,h;for(t=e,s=this.getPlaceholder(e);t<this.len;t++)if(this.tests[t]){if(i=this.seekNext(t),h=this.buffer[t],this.buffer[t]=s,!(i<this.len&&this.tests[i].test(h)))break;s=h}},handleAndroidInput(e){var t=this.$el.value,s=this.caret();if(this.oldVal&&this.oldVal.length&&this.oldVal.length>t.length){for(this.checkVal(!0);s.begin>0&&!this.tests[s.begin-1];)s.begin--;if(0===s.begin)for(;s.begin<this.firstNonMaskPos&&!this.tests[s.begin];)s.begin++;this.caret(s.begin,s.begin)}else{for(this.checkVal(!0);s.begin<this.len&&!this.tests[s.begin];)s.begin++;this.caret(s.begin,s.begin)}this.isCompleted()&&this.$emit("complete",e)},clearBuffer(e,t){let s;for(s=e;s<t&&s<this.len;s++)this.tests[s]&&(this.buffer[s]=this.getPlaceholder(s))},writeBuffer(){this.$el.value=this.buffer.join("")},checkVal(e){this.isValueChecked=!0;let t,s,i,h=this.$el.value,l=-1;for(t=0,i=0;t<this.len;t++)if(this.tests[t]){for(this.buffer[t]=this.getPlaceholder(t);i++<h.length;)if(s=h.charAt(i-1),this.tests[t].test(s)){this.buffer[t]=s,l=t;break}if(i>h.length){this.clearBuffer(t+1,this.len);break}}else this.buffer[t]===h.charAt(i)&&i++,t<this.partialPosition&&(l=t);return e?this.writeBuffer():l+1<this.partialPosition?this.autoClear||this.buffer.join("")===this.defaultBuffer?(this.$el.value&&(this.$el.value=""),this.clearBuffer(0,this.len)):this.writeBuffer():(this.writeBuffer(),this.$el.value=this.$el.value.substring(0,l+1)),this.partialPosition?t:this.firstNonMaskPos},handleInputChange(e){if(!this.$attrs.readonly){var t=this.checkVal(!0);this.caret(t),this.updateModel(e),this.isCompleted()&&this.$emit("complete",e)}},getUnmaskedValue(){let e=[];for(let t=0;t<this.buffer.length;t++){let s=this.buffer[t];this.tests[t]&&s!==this.getPlaceholder(t)&&e.push(s)}return e.join("")},updateModel(e){let t=this.unmask?this.getUnmaskedValue():e.target.value;this.$emit("update:modelValue",this.defaultBuffer!==t?t:"")},updateValue(e=!0){this.$el&&(null==this.modelValue?(this.$el.value="",e&&this.$emit("update:modelValue","")):(this.$el.value=this.modelValue,this.checkVal(),setTimeout((()=>{if(this.$el&&(this.writeBuffer(),this.checkVal(),e)){let e=this.unmask?this.getUnmaskedValue():this.$el.value;this.$emit("update:modelValue",this.defaultBuffer!==e?e:"")}}),10)),this.focusText=this.$el.value)},isValueUpdated(){return this.unmask?this.modelValue!=this.getUnmaskedValue():this.defaultBuffer!==this.$el.value&&this.$el.value!==this.modelValue}},mounted(){this.tests=[],this.partialPosition=this.mask.length,this.len=this.mask.length,this.firstNonMaskPos=null,this.defs={9:"[0-9]",a:"[A-Za-z]","*":"[A-Za-z0-9]"};let t=e.getUserAgent();this.androidChrome=/chrome/i.test(t)&&/android/i.test(t);let s=this.mask.split("");for(let e=0;e<s.length;e++){let t=s[e];"?"===t?(this.len--,this.partialPosition=e):this.defs[t]?(this.tests.push(new RegExp(this.defs[t])),null===this.firstNonMaskPos&&(this.firstNonMaskPos=this.tests.length-1),e<this.partialPosition&&(this.lastRequiredNonMaskPos=this.tests.length-1)):this.tests.push(null)}this.buffer=[];for(let e=0;e<s.length;e++){let t=s[e];"?"!==t&&(this.defs[t]?this.buffer.push(this.getPlaceholder(e)):this.buffer.push(t))}this.defaultBuffer=this.buffer.join(""),this.updateValue(!1)},updated(){this.isValueUpdated()&&this.updateValue()},computed:{filled(){return null!=this.modelValue&&this.modelValue.toString().length>0},inputClass(){return["p-inputmask p-inputtext p-component",{"p-filled":this.filled}]}}};h.render=function(e,h,l,a,r,n){return t(),s("input",i({class:n.inputClass},e.$attrs,{onInput:h[1]||(h[1]=(...e)=>n.onInput&&n.onInput(...e)),onFocus:h[2]||(h[2]=(...e)=>n.onFocus&&n.onFocus(...e)),onBlur:h[3]||(h[3]=(...e)=>n.onBlur&&n.onBlur(...e)),onKeydown:h[4]||(h[4]=(...e)=>n.onKeyDown&&n.onKeyDown(...e)),onKeypress:h[5]||(h[5]=(...e)=>n.onKeyPress&&n.onKeyPress(...e)),onPaste:h[6]||(h[6]=(...e)=>n.onPaste&&n.onPaste(...e))}),null,16)};export default h;
+import{DomHandler as e}from"primevue/utils";import{openBlock as t,createBlock as s,mergeProps as i}from"vue";var h={name:"InputMask",emits:["update:modelValue","focus","blur","keydown","complete","keypress","paste"],props:{modelValue:null,slotChar:{type:String,default:"_"},mask:{type:String,default:null},autoClear:{type:Boolean,default:!0},unmask:{type:Boolean,default:!1}},methods:{onInput(e){this.androidChrome?this.handleAndroidInput(e):this.handleInputChange(e),this.$emit("update:modelValue",e.target.value)},onFocus(e){if(this.$attrs.readonly)return;let t;this.focus=!0,clearTimeout(this.caretTimeoutId),this.focusText=this.$el.value,t=this.checkVal(),this.caretTimeoutId=setTimeout((()=>{this.$el===document.activeElement&&(this.writeBuffer(),t===this.mask.replace("?","").length?this.caret(0,t):this.caret(t))}),10),this.$emit("focus",e)},onBlur(e){if(this.focus=!1,this.checkVal(),this.updateModel(e),this.$el.value!==this.focusText){let e=document.createEvent("HTMLEvents");e.initEvent("change",!0,!1),this.$el.dispatchEvent(e)}this.$emit("blur",e)},onKeyDown(t){if(this.$attrs.readonly)return;let s,i,h,l=t.which||t.keyCode,a=/iphone/i.test(e.getUserAgent());this.oldVal=this.$el.value,8===l||46===l||a&&127===l?(s=this.caret(),i=s.begin,h=s.end,h-i==0&&(i=46!==l?this.seekPrev(i):h=this.seekNext(i-1),h=46===l?this.seekNext(h):h),this.clearBuffer(i,h),this.shiftL(i,h-1),this.updateModel(t),t.preventDefault()):13===l?(this.$el.blur(),this.updateModel(t)):27===l&&(this.$el.value=this.focusText,this.caret(0,this.checkVal()),this.updateModel(t),t.preventDefault()),this.$emit("keydown",t)},onKeyPress(t){if(!this.$attrs.readonly){var s,i,h,l,a=t.which||t.keyCode,r=this.caret();if(!(t.ctrlKey||t.altKey||t.metaKey||a<32)){if(a&&13!==a){if(r.end-r.begin!=0&&(this.clearBuffer(r.begin,r.end),this.shiftL(r.begin,r.end-1)),(s=this.seekNext(r.begin-1))<this.len&&(i=String.fromCharCode(a),this.tests[s].test(i))){if(this.shiftR(s),this.buffer[s]=i,this.writeBuffer(),h=this.seekNext(s),/android/i.test(e.getUserAgent())){setTimeout((()=>{this.caret(h)}),0)}else this.caret(h);r.begin<=this.lastRequiredNonMaskPos&&(l=this.isCompleted())}t.preventDefault()}this.updateModel(t),l&&this.$emit("complete",t),this.$emit("keypress",t)}}},onPaste(e){this.handleInputChange(e),this.$emit("paste",e)},caret(e,t){let s,i,h;if(this.$el.offsetParent&&this.$el===document.activeElement)return"number"!=typeof e?(this.$el.setSelectionRange?(i=this.$el.selectionStart,h=this.$el.selectionEnd):document.selection&&document.selection.createRange&&(s=document.selection.createRange(),i=0-s.duplicate().moveStart("character",-1e5),h=i+s.text.length),{begin:i,end:h}):(i=e,h="number"==typeof t?t:i,void(this.$el.setSelectionRange?this.$el.setSelectionRange(i,h):this.$el.createTextRange&&(s=this.$el.createTextRange(),s.collapse(!0),s.moveEnd("character",h),s.moveStart("character",i),s.select())))},isCompleted(){for(let e=this.firstNonMaskPos;e<=this.lastRequiredNonMaskPos;e++)if(this.tests[e]&&this.buffer[e]===this.getPlaceholder(e))return!1;return!0},getPlaceholder(e){return e<this.slotChar.length?this.slotChar.charAt(e):this.slotChar.charAt(0)},seekNext(e){for(;++e<this.len&&!this.tests[e];);return e},seekPrev(e){for(;--e>=0&&!this.tests[e];);return e},shiftL(e,t){let s,i;if(!(e<0)){for(s=e,i=this.seekNext(t);s<this.len;s++)if(this.tests[s]){if(!(i<this.len&&this.tests[s].test(this.buffer[i])))break;this.buffer[s]=this.buffer[i],this.buffer[i]=this.getPlaceholder(i),i=this.seekNext(i)}this.writeBuffer(),this.caret(Math.max(this.firstNonMaskPos,e))}},shiftR(e){let t,s,i,h;for(t=e,s=this.getPlaceholder(e);t<this.len;t++)if(this.tests[t]){if(i=this.seekNext(t),h=this.buffer[t],this.buffer[t]=s,!(i<this.len&&this.tests[i].test(h)))break;s=h}},handleAndroidInput(e){var t=this.$el.value,s=this.caret();if(this.oldVal&&this.oldVal.length&&this.oldVal.length>t.length){for(this.checkVal(!0);s.begin>0&&!this.tests[s.begin-1];)s.begin--;if(0===s.begin)for(;s.begin<this.firstNonMaskPos&&!this.tests[s.begin];)s.begin++;this.caret(s.begin,s.begin)}else{for(this.checkVal(!0);s.begin<this.len&&!this.tests[s.begin];)s.begin++;this.caret(s.begin,s.begin)}this.isCompleted()&&this.$emit("complete",e)},clearBuffer(e,t){let s;for(s=e;s<t&&s<this.len;s++)this.tests[s]&&(this.buffer[s]=this.getPlaceholder(s))},writeBuffer(){this.$el.value=this.buffer.join("")},checkVal(e){this.isValueChecked=!0;let t,s,i,h=this.$el.value,l=-1;for(t=0,i=0;t<this.len;t++)if(this.tests[t]){for(this.buffer[t]=this.getPlaceholder(t);i++<h.length;)if(s=h.charAt(i-1),this.tests[t].test(s)){this.buffer[t]=s,l=t;break}if(i>h.length){this.clearBuffer(t+1,this.len);break}}else this.buffer[t]===h.charAt(i)&&i++,t<this.partialPosition&&(l=t);return e?this.writeBuffer():l+1<this.partialPosition?this.autoClear||this.buffer.join("")===this.defaultBuffer?(this.$el.value&&(this.$el.value=""),this.clearBuffer(0,this.len)):this.writeBuffer():(this.writeBuffer(),this.$el.value=this.$el.value.substring(0,l+1)),this.partialPosition?t:this.firstNonMaskPos},handleInputChange(e){if(!this.$attrs.readonly){var t=this.checkVal(!0);this.caret(t),this.updateModel(e),this.isCompleted()&&this.$emit("complete",e)}},getUnmaskedValue(){let e=[];for(let t=0;t<this.buffer.length;t++){let s=this.buffer[t];this.tests[t]&&s!==this.getPlaceholder(t)&&e.push(s)}return e.join("")},updateModel(e){let t=this.unmask?this.getUnmaskedValue():e.target.value;this.$emit("update:modelValue",this.defaultBuffer!==t?t:"")},updateValue(e=!0){this.$el&&(null==this.modelValue?(this.$el.value="",e&&this.$emit("update:modelValue","")):(this.$el.value=this.modelValue,this.checkVal(),setTimeout((()=>{if(this.$el&&(this.writeBuffer(),this.checkVal(),e)){let e=this.unmask?this.getUnmaskedValue():this.$el.value;this.$emit("update:modelValue",this.defaultBuffer!==e?e:"")}}),10)),this.focusText=this.$el.value)},isValueUpdated(){return this.unmask?this.modelValue!=this.getUnmaskedValue():this.defaultBuffer!==this.$el.value&&this.$el.value!==this.modelValue}},mounted(){this.tests=[],this.partialPosition=this.mask.length,this.len=this.mask.length,this.firstNonMaskPos=null,this.defs={9:"[0-9]",a:"[A-Za-z]","*":"[A-Za-z0-9]"};let t=e.getUserAgent();this.androidChrome=/chrome/i.test(t)&&/android/i.test(t);let s=this.mask.split("");for(let e=0;e<s.length;e++){let t=s[e];"?"===t?(this.len--,this.partialPosition=e):this.defs[t]?(this.tests.push(new RegExp(this.defs[t])),null===this.firstNonMaskPos&&(this.firstNonMaskPos=this.tests.length-1),e<this.partialPosition&&(this.lastRequiredNonMaskPos=this.tests.length-1)):this.tests.push(null)}this.buffer=[];for(let e=0;e<s.length;e++){let t=s[e];"?"!==t&&(this.defs[t]?this.buffer.push(this.getPlaceholder(e)):this.buffer.push(t))}this.defaultBuffer=this.buffer.join(""),this.updateValue(!1)},updated(){this.isValueUpdated()&&this.updateValue()},computed:{filled(){return null!=this.modelValue&&this.modelValue.toString().length>0},inputClass(){return["p-inputmask p-inputtext p-component",{"p-filled":this.filled}]}}};h.render=function(e,h,l,a,r,n){return t(),s("input",i({class:n.inputClass},e.$attrs,{onInput:h[1]||(h[1]=(...e)=>n.onInput&&n.onInput(...e)),onFocus:h[2]||(h[2]=(...e)=>n.onFocus&&n.onFocus(...e)),onBlur:h[3]||(h[3]=(...e)=>n.onBlur&&n.onBlur(...e)),onKeydown:h[4]||(h[4]=(...e)=>n.onKeyDown&&n.onKeyDown(...e)),onKeypress:h[5]||(h[5]=(...e)=>n.onKeyPress&&n.onKeyPress(...e)),onPaste:h[6]||(h[6]=(...e)=>n.onPaste&&n.onPaste(...e))}),null,16)};export{h as default};

package/inputmask/inputmask.js

@@ -500,4 +500,4 @@ this.primevue.inputmask = (function (utils, vue) {
 
     return script;
 
-}(primevue.utils, Vue));
+})(primevue.utils, Vue);

package/inputnumber/InputNumber.d.ts

@@ -1,37 +1,187 @@
-interface InputNumberProps {
-    modelValue?: number;
-    format?: boolean;
-    showButtons?: boolean;
-    buttonLayout?: string;
-    incrementButtonClass?: string;
-    decrementButtonClass?: string;
-    incrementButtonIcon?: string;
-    decrementButtonIcon?: string;
-    locale?: string;
-    localeMatcher?: string;
-    mode?: string;
-    prefix?: string;
-    suffix?: string;
-    currency?: string;
-    currencyDisplay?: string;
-    useGrouping?: boolean;
-    minFractionDigits?: number;
-    maxFractionDigits?: number;
-    min?: number;
-    max?: number;
-    step?: number;
-    allowEmpty?: boolean;
+import { ClassComponent, GlobalComponentConstructor, Nullable } from '../ts-helpers';
+
+type InputNumberButtonLayoutType = 'stacked' | 'horizontal' | 'vertical' | undefined;
+
+type InputNumberLocaleMatcherType = 'lookup' | 'best fit' | undefined;
+
+type InputNumberModeType = 'decimal' | 'currency' | undefined;
+
+export interface InputNumberInputEvent {
+    /**
+     * Browser event
+     */
+    originalEvent: Event;
+    /**
+     * New value
+     */
+    value: string | number | undefined;
+}
+
+export interface InputNumberProps {
+    /**
+     * Value of the component.
+     */
+    modelValue?: Nullable<number>;
+    /**
+     * Whether to format the value.
+     */
+    format?: boolean | undefined;
+    /**
+     * Displays spinner buttons.
+     */
+    showButtons?: boolean | undefined;
+    /**
+     * Layout of the buttons.
+     * @see InputNumberButtonLayoutType
+     * Default value is 'stacked'.
+     */
+    buttonLayout?: InputNumberButtonLayoutType;
+    /**
+     * Style class of the increment button.
+     */
+    incrementButtonClass?: string | undefined;
+    /**
+     * Style class of the decrement button.
+     */
+    decrementButtonClass?: string | undefined;
+    /**
+     * Style class of the increment button.
+     * Default value is 'pi pi-angle-up'.
+     */
+    incrementButtonIcon?: string | undefined;
+    /**
+     * Style class of the decrement button.
+     * Default value is 'pi pi-angle-down'.
+     */
+    decrementButtonIcon?: string | undefined;
+    /**
+     * Locale to be used in formatting.
+     */
+    locale?: string | undefined;
+    /**
+     * The locale matching algorithm to use. Possible values are 'lookup' and 'best fit'; the default is 'best fit'.
+     * See [Locale Negotation](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl#locale_negotiation) for details.
+     * @see InputNumberLocaleMatcherType
+     * Default value is 'best fit'
+     */
+    localeMatcher?: InputNumberLocaleMatcherType;
+    /**
+     * Defines the behavior of the component.
+     * @see InputNumberModeType
+     * Default value is 'decimal'.
+     */
+    mode?: InputNumberModeType;
+    /**
+     * Text to display before the value.
+     */
+    prefix?: string | undefined;
+    /**
+     * Text to display after the value.
+     */
+    suffix?: string | undefined;
+    /**
+     * The currency to use in currency formatting. Possible values are the [ISO 4217 currency codes](https://www.six-group.com/en/products-services/financial-information/data-standards.html#scrollTo=maintenance-agency), such as 'USD' for the US dollar, 'EUR' for the euro, or 'CNY' for the Chinese RMB.
+     * There is no default value; if the style is 'currency', the currency property must be provided.
+     */
+    currency?: string | undefined;
+    /**
+     * How to display the currency in currency formatting. Possible values are 'symbol' to use a localized currency symbol such as €, 'code' to use the ISO currency code, 'name' to use a localized currency name such as 'dollar'.
+     * Default value is 'symbol'.
+     */
+    currencyDisplay?: string | undefined;
+    /**
+     * Whether to use grouping separators, such as thousands separators or thousand/lakh/crore separators.
+     * Default value is true.
+     */
+    useGrouping?: boolean | undefined;
+    /**
+     * The minimum number of fraction digits to use. Possible values are from 0 to 20; the default for plain number and percent formatting is 0;
+     * the default for currency formatting is the number of minor unit digits provided by the [ISO 4217 currency code](https://www.six-group.com/en/products-services/financial-information/data-standards.html#scrollTo=maintenance-agency) list (2 if the list doesn't provide that information).
+     */
+    minFractionDigits?: number | undefined;
+    /**
+     * The maximum number of fraction digits to use. Possible values are from 0 to 20; the default for plain number formatting is the larger of minimumFractionDigits and 3;
+     * the default for currency formatting is the larger of minimumFractionDigits and the number of minor unit digits provided by the [ISO 4217 currency code](https://www.six-group.com/en/products-services/financial-information/data-standards.html#scrollTo=maintenance-agency) list (2 if the list doesn't provide that information).
+     */
+    maxFractionDigits?: number | undefined;
+    /**
+     * Mininum boundary value.
+     */
+    min?: number | undefined;
+    /**
+     * Maximum boundary value.
+     */
+    max?: number | undefined;
+    /**
+     * Step factor to increment/decrement the value.
+     * Default value is 1.
+     */
+    step?: number | undefined;
+    /**
+     * Determines whether the input field is empty.
+     * Default value is true.
+     */
+    allowEmpty?: boolean | undefined;
+    /**
+     * Inline style of the input field.
+     */
     inputStyle?: any;
-    inputClass?: string;
+    /**
+     * Style class of the input field.
+     */
+    inputClass?: string | undefined;
+    /**
+     * Inline style of the component.
+     */
     style?: any;
-    class?: any;
+    /**
+     * Style class of the element.
+     */
+    class?: string | undefined;
+}
+
+export interface InputNumberSlots {
+}
+
+export declare type InputNumberEmits = {
+    /**
+     * Emitted when the value changes.
+     * @param {number} value - New value.
+     */
+    'update:modelValue': (value: number) => void;
+     /**
+      * Callback to invoke when the value is entered.
+      * @param {InputNumberInputEvent} event - Custom input event.
+      */
+    'input': (event: InputNumberInputEvent) => void;
+}
+
+declare class InputNumber extends ClassComponent<InputNumberProps, InputNumberSlots, InputNumberEmits> {
+    /**
+     * Returns Intl.NumberFormat object.
+     *
+     * @memberof InputNumber
+     */
+    getFormatter: () => Intl.NumberFormat | undefined;
 }
 
-declare class InputNumber {
-    $props: InputNumberProps;
-    $emit(eventName: 'update:modelValue', value: number): this;
-    $emit(eventName: 'input', e: {originalEvent: Event, value: any}): this;
-    getFormatter(): any;
+declare module '@vue/runtime-core' {
+    interface GlobalComponents {
+        InputNumber: GlobalComponentConstructor<InputNumber>
+    }
 }
 
+/**
+ *
+ * InputNumber is an input component to provide numerical input.
+ *
+ * Helper API:
+ *
+ * - [Intl.NumberFormat](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat)
+ *
+ * Demos:
+ *
+ * - [InputNumber](https://www.primefaces.org/primevue/showcase/#/inputnumber)
+ *
+ */
 export default InputNumber;

package/inputnumber/InputNumber.vue

@@ -129,10 +129,14 @@ export default {
     timer: null,
     data() {
         return {
+            d_modelValue: this.modelValue,
             focused: false
         }
     },
     watch: {
+        modelValue(newValue) {
+            this.d_modelValue = newValue;
+        },
 		locale(newValue, oldValue) {
             this.updateConstructParser(newValue, oldValue);
         },
@@ -891,6 +895,7 @@ export default {
             return 0;
         },
         updateModel(event, value) {
+            this.d_modelValue = value;
             this.$emit('update:modelValue', value);
         },
         onInputFocus() {
@@ -909,7 +914,13 @@ export default {
             if (this.timer) {
                 clearInterval(this.timer);
             }
-        }
+        },
+        maxBoundry() {
+            return this.d_modelValue >= this.max;
+        },
+        minBoundry() {
+            return this.d_modelValue <= this.min;
+        },
     },
     computed: {
         containerClass() {
@@ -921,11 +932,16 @@ export default {
                 'p-inputnumber-buttons-vertical': this.showButtons && this.buttonLayout === 'vertical'
             }];
         },
+        
         upButtonClass() {
-            return ['p-inputnumber-button p-inputnumber-button-up', this.incrementButtonClass];
+            return ['p-inputnumber-button p-inputnumber-button-up', this.incrementButtonClass, {
+                'p-disabled': this.showButtons && this.max !== null && this.maxBoundry()
+            }];
         },
         downButtonClass() {
-            return ['p-inputnumber-button p-inputnumber-button-down', this.decrementButtonClass];
+            return ['p-inputnumber-button p-inputnumber-button-down', this.decrementButtonClass, {
+                'p-disabled': this.showButtons && this.min !== null && this.minBoundry()
+            }];
         },
         filled() {
             return (this.modelValue != null && this.modelValue.toString().length > 0)

package/inputnumber/inputnumber.cjs.js

@@ -123,10 +123,14 @@ var script = {
     timer: null,
     data() {
         return {
+            d_modelValue: this.modelValue,
             focused: false
         }
     },
     watch: {
+        modelValue(newValue) {
+            this.d_modelValue = newValue;
+        },
 		locale(newValue, oldValue) {
             this.updateConstructParser(newValue, oldValue);
         },
@@ -882,6 +886,7 @@ var script = {
             return 0;
         },
         updateModel(event, value) {
+            this.d_modelValue = value;
             this.$emit('update:modelValue', value);
         },
         onInputFocus() {
@@ -900,7 +905,13 @@ var script = {
             if (this.timer) {
                 clearInterval(this.timer);
             }
-        }
+        },
+        maxBoundry() {
+            return this.d_modelValue >= this.max;
+        },
+        minBoundry() {
+            return this.d_modelValue <= this.min;
+        },
     },
     computed: {
         containerClass() {
@@ -912,11 +923,16 @@ var script = {
                 'p-inputnumber-buttons-vertical': this.showButtons && this.buttonLayout === 'vertical'
             }];
         },
+        
         upButtonClass() {
-            return ['p-inputnumber-button p-inputnumber-button-up', this.incrementButtonClass];
+            return ['p-inputnumber-button p-inputnumber-button-up', this.incrementButtonClass, {
+                'p-disabled': this.showButtons && this.max !== null && this.maxBoundry()
+            }];
         },
         downButtonClass() {
-            return ['p-inputnumber-button p-inputnumber-button-down', this.decrementButtonClass];
+            return ['p-inputnumber-button p-inputnumber-button-down', this.decrementButtonClass, {
+                'p-disabled': this.showButtons && this.min !== null && this.minBoundry()
+            }];
         },
         filled() {
             return (this.modelValue != null && this.modelValue.toString().length > 0)
@@ -948,8 +964,8 @@ var script = {
         }
     },
     components: {
-        'INInputText': InputText__default['default'],
-        'INButton': Button__default['default']
+        'INInputText': InputText__default["default"],
+        'INButton': Button__default["default"]
     }
 };