primevue 4.3.1 → 4.3.3

package/inputnumber/index.d.ts

@@ -7,7 +7,7 @@
  * @module inputnumber
  *
  */
-import type { DefineComponent, DesignToken, EmitFn, Nullable, PassThrough } from '@primevue/core';
+import type { DefineComponent, DesignToken, EmitFn, HintedString, Nullable, PassThrough } from '@primevue/core';
 import type { ComponentHooks } from '@primevue/core/basecomponent';
 import type { InputTextPassThroughOptions } from 'primevue/inputtext';
 import type { PassThroughOptions } from 'primevue/passthrough';
@@ -220,7 +220,7 @@ export interface InputNumberProps {
      * Layout of the buttons.
      * @defaultValue stacked
      */
-    buttonLayout?: 'stacked' | 'horizontal' | 'vertical' | undefined;
+    buttonLayout?: HintedString<'stacked' | 'horizontal' | 'vertical'> | undefined;
     /**
      * Style class of the increment button.
      */
@@ -256,12 +256,12 @@ export interface InputNumberProps {
      * See [Locale Negotation](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl#locale_negotiation) for details.
      * @defaultValue best fit
      */
-    localeMatcher?: 'lookup' | 'best fit' | undefined;
+    localeMatcher?: HintedString<'lookup' | 'best fit'> | undefined;
     /**
      * Defines the behavior of the component.
      * @defaultValue decimal
      */
-    mode?: 'decimal' | 'currency' | undefined;
+    mode?: HintedString<'decimal' | 'currency'> | undefined;
     /**
      * Text to display before the value.
      */
@@ -326,7 +326,7 @@ export interface InputNumberProps {
     /**
      * Defines the size of the component.
      */
-    size?: 'small' | 'large' | undefined;
+    size?: HintedString<'small' | 'large'> | undefined;
     /**
      * When present, it specifies that the component should have invalid state style.
      * @defaultValue false
@@ -341,7 +341,7 @@ export interface InputNumberProps {
      * Specifies the input variant of the component.
      * @defaultValue null
      */
-    variant?: 'outlined' | 'filled' | undefined | null;
+    variant?: HintedString<'outlined' | 'filled'> | undefined | null;
     /**
      * When present, it specifies that an input field is read-only.
      * @defaultValue false

package/inputnumber/index.mjs

@@ -1,3 +1,4 @@
+import { cn } from '@primeuix/utils';
 import { clearSelection, getSelection } from '@primeuix/utils/dom';
 import { isNotEmpty } from '@primeuix/utils/object';
 import AngleDownIcon from '@primevue/icons/angledown';
@@ -141,6 +142,10 @@ var script$1 = {
     ariaLabel: {
       type: String,
       "default": null
+    },
+    required: {
+      type: Boolean,
+      "default": false
     }
   },
   style: InputNumberStyle,
@@ -876,13 +881,7 @@ var script = {
           this.$refs.input.$el.setSelectionRange(_selectionEnd, _selectionEnd);
         } else if (newLength === currentLength) {
           if (operation === 'insert' || operation === 'delete-back-single') {
-            var newSelectionEnd = _selectionEnd;
-            if (insertedValueStr === '0') {
-              newSelectionEnd = _selectionEnd + 1;
-            } else {
-              newSelectionEnd = newSelectionEnd + Number(this.isDecimalSign(value) || this.isDecimalSign(insertedValueStr));
-            }
-            this.$refs.input.$el.setSelectionRange(newSelectionEnd, newSelectionEnd);
+            this.$refs.input.$el.setSelectionRange(_selectionEnd + 1, _selectionEnd + 1);
           } else if (operation === 'delete-single') {
             this.$refs.input.$el.setSelectionRange(_selectionEnd - 1, _selectionEnd - 1);
           } else if (operation === 'delete-range' || operation === 'spin') {
@@ -1019,6 +1018,13 @@ var script = {
     },
     getFormatter: function getFormatter() {
       return this.numberFormat;
+    },
+    dataP: function dataP() {
+      return cn(_defineProperty(_defineProperty({
+        invalid: this.$invalid,
+        fluid: this.$fluid,
+        filled: this.$variant === 'filled'
+      }, this.size, this.size), this.buttonLayout, this.showButtons && this.buttonLayout));
     }
   },
   components: {
@@ -1028,15 +1034,19 @@ var script = {
   }
 };
 
-var _hoisted_1 = ["disabled"];
-var _hoisted_2 = ["disabled"];
-var _hoisted_3 = ["disabled"];
-var _hoisted_4 = ["disabled"];
+var _hoisted_1 = ["data-p"];
+var _hoisted_2 = ["data-p"];
+var _hoisted_3 = ["disabled", "data-p"];
+var _hoisted_4 = ["disabled", "data-p"];
+var _hoisted_5 = ["disabled", "data-p"];
+var _hoisted_6 = ["disabled", "data-p"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_InputText = resolveComponent("InputText");
   return openBlock(), createElementBlock("span", mergeProps({
     "class": _ctx.cx('root')
-  }, _ctx.ptmi('root')), [createVNode(_component_InputText, {
+  }, _ctx.ptmi('root'), {
+    "data-p": $options.dataP
+  }), [createVNode(_component_InputText, {
     ref: "input",
     id: _ctx.inputId,
     name: _ctx.$formName,
@@ -1053,6 +1063,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     placeholder: _ctx.placeholder,
     "aria-labelledby": _ctx.ariaLabelledby,
     "aria-label": _ctx.ariaLabel,
+    required: _ctx.required,
     size: _ctx.size,
     invalid: _ctx.invalid,
     variant: _ctx.variant,
@@ -1064,11 +1075,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     onFocus: $options.onInputFocus,
     onBlur: $options.onInputBlur,
     pt: _ctx.ptm('pcInputText'),
-    unstyled: _ctx.unstyled
-  }, null, 8, ["id", "name", "class", "style", "value", "aria-valuemin", "aria-valuemax", "aria-valuenow", "inputmode", "disabled", "readonly", "placeholder", "aria-labelledby", "aria-label", "size", "invalid", "variant", "onInput", "onKeydown", "onKeypress", "onPaste", "onClick", "onFocus", "onBlur", "pt", "unstyled"]), _ctx.showButtons && _ctx.buttonLayout === 'stacked' ? (openBlock(), createElementBlock("span", mergeProps({
+    unstyled: _ctx.unstyled,
+    "data-p": $options.dataP
+  }, null, 8, ["id", "name", "class", "style", "value", "aria-valuemin", "aria-valuemax", "aria-valuenow", "inputmode", "disabled", "readonly", "placeholder", "aria-labelledby", "aria-label", "required", "size", "invalid", "variant", "onInput", "onKeydown", "onKeypress", "onPaste", "onClick", "onFocus", "onBlur", "pt", "unstyled", "data-p"]), _ctx.showButtons && _ctx.buttonLayout === 'stacked' ? (openBlock(), createElementBlock("span", mergeProps({
     key: 0,
     "class": _ctx.cx('buttonGroup')
-  }, _ctx.ptm('buttonGroup')), [renderSlot(_ctx.$slots, "incrementbutton", {
+  }, _ctx.ptm('buttonGroup'), {
+    "data-p": $options.dataP
+  }), [renderSlot(_ctx.$slots, "incrementbutton", {
     listeners: $options.upButtonListeners
   }, function () {
     return [createElementVNode("button", mergeProps({
@@ -1078,13 +1092,15 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       tabindex: -1,
       "aria-hidden": "true",
       type: "button"
-    }, _ctx.ptm('incrementButton')), [renderSlot(_ctx.$slots, _ctx.$slots.incrementicon ? 'incrementicon' : 'incrementbuttonicon', {}, function () {
+    }, _ctx.ptm('incrementButton'), {
+      "data-p": $options.dataP
+    }), [renderSlot(_ctx.$slots, _ctx.$slots.incrementicon ? 'incrementicon' : 'incrementbuttonicon', {}, function () {
       return [(openBlock(), createBlock(resolveDynamicComponent(_ctx.incrementIcon || _ctx.incrementButtonIcon ? 'span' : 'AngleUpIcon'), mergeProps({
         "class": [_ctx.incrementIcon, _ctx.incrementButtonIcon]
       }, _ctx.ptm('incrementIcon'), {
         "data-pc-section": "incrementicon"
       }), null, 16, ["class"]))];
-    })], 16, _hoisted_1)];
+    })], 16, _hoisted_3)];
   }), renderSlot(_ctx.$slots, "decrementbutton", {
     listeners: $options.downButtonListeners
   }, function () {
@@ -1095,14 +1111,16 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       tabindex: -1,
       "aria-hidden": "true",
       type: "button"
-    }, _ctx.ptm('decrementButton')), [renderSlot(_ctx.$slots, _ctx.$slots.decrementicon ? 'decrementicon' : 'decrementbuttonicon', {}, function () {
+    }, _ctx.ptm('decrementButton'), {
+      "data-p": $options.dataP
+    }), [renderSlot(_ctx.$slots, _ctx.$slots.decrementicon ? 'decrementicon' : 'decrementbuttonicon', {}, function () {
       return [(openBlock(), createBlock(resolveDynamicComponent(_ctx.decrementIcon || _ctx.decrementButtonIcon ? 'span' : 'AngleDownIcon'), mergeProps({
         "class": [_ctx.decrementIcon, _ctx.decrementButtonIcon]
       }, _ctx.ptm('decrementIcon'), {
         "data-pc-section": "decrementicon"
       }), null, 16, ["class"]))];
-    })], 16, _hoisted_2)];
-  })], 16)) : createCommentVNode("", true), renderSlot(_ctx.$slots, "incrementbutton", {
+    })], 16, _hoisted_4)];
+  })], 16, _hoisted_2)) : createCommentVNode("", true), renderSlot(_ctx.$slots, "incrementbutton", {
     listeners: $options.upButtonListeners
   }, function () {
     return [_ctx.showButtons && _ctx.buttonLayout !== 'stacked' ? (openBlock(), createElementBlock("button", mergeProps({
@@ -1113,13 +1131,15 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       tabindex: -1,
       "aria-hidden": "true",
       type: "button"
-    }, _ctx.ptm('incrementButton')), [renderSlot(_ctx.$slots, _ctx.$slots.incrementicon ? 'incrementicon' : 'incrementbuttonicon', {}, function () {
+    }, _ctx.ptm('incrementButton'), {
+      "data-p": $options.dataP
+    }), [renderSlot(_ctx.$slots, _ctx.$slots.incrementicon ? 'incrementicon' : 'incrementbuttonicon', {}, function () {
       return [(openBlock(), createBlock(resolveDynamicComponent(_ctx.incrementIcon || _ctx.incrementButtonIcon ? 'span' : 'AngleUpIcon'), mergeProps({
         "class": [_ctx.incrementIcon, _ctx.incrementButtonIcon]
       }, _ctx.ptm('incrementIcon'), {
         "data-pc-section": "incrementicon"
       }), null, 16, ["class"]))];
-    })], 16, _hoisted_3)) : createCommentVNode("", true)];
+    })], 16, _hoisted_5)) : createCommentVNode("", true)];
   }), renderSlot(_ctx.$slots, "decrementbutton", {
     listeners: $options.downButtonListeners
   }, function () {
@@ -1131,14 +1151,16 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       tabindex: -1,
       "aria-hidden": "true",
       type: "button"
-    }, _ctx.ptm('decrementButton')), [renderSlot(_ctx.$slots, _ctx.$slots.decrementicon ? 'decrementicon' : 'decrementbuttonicon', {}, function () {
+    }, _ctx.ptm('decrementButton'), {
+      "data-p": $options.dataP
+    }), [renderSlot(_ctx.$slots, _ctx.$slots.decrementicon ? 'decrementicon' : 'decrementbuttonicon', {}, function () {
       return [(openBlock(), createBlock(resolveDynamicComponent(_ctx.decrementIcon || _ctx.decrementButtonIcon ? 'span' : 'AngleDownIcon'), mergeProps({
         "class": [_ctx.decrementIcon, _ctx.decrementButtonIcon]
       }, _ctx.ptm('decrementIcon'), {
         "data-pc-section": "decrementicon"
       }), null, 16, ["class"]))];
-    })], 16, _hoisted_4)) : createCommentVNode("", true)];
-  })], 16);
+    })], 16, _hoisted_6)) : createCommentVNode("", true)];
+  })], 16, _hoisted_1);
 }
 
 script.render = render;