primevue 4.1.1 → 4.2.0

package/inputnumber/style/index.mjs

@@ -2,19 +2,19 @@ import BaseStyle from '@primevue/core/base/style';
 
 var theme = function theme(_ref) {
   var dt = _ref.dt;
-  return "\n.p-inputnumber {\n    display: inline-flex;\n    position: relative;\n}\n\n.p-inputnumber-button {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex: 0 0 auto;\n    cursor: pointer;\n    background: ".concat(dt('inputnumber.button.background'), ";\n    color: ").concat(dt('inputnumber.button.color'), ";\n    width: ").concat(dt('inputnumber.button.width'), ";\n    transition: background ").concat(dt('inputnumber.transition.duration'), ", color ").concat(dt('inputnumber.transition.duration'), ", border-color ").concat(dt('inputnumber.transition.duration'), ", outline-color ").concat(dt('inputnumber.transition.duration'), ";\n}\n\n.p-inputnumber-button:hover {\n    background: ").concat(dt('inputnumber.button.hover.background'), ";\n    color: ").concat(dt('inputnumber.button.hover.color'), ";\n}\n\n.p-inputnumber-button:active {\n    background: ").concat(dt('inputnumber.button.active.background'), ";\n    color: ").concat(dt('inputnumber.button.active.color'), ";\n}\n\n.p-inputnumber-stacked .p-inputnumber-button {\n    position: relative;\n    border: 0 none;\n}\n\n.p-inputnumber-stacked .p-inputnumber-button-group {\n    display: flex;\n    flex-direction: column;\n    position: absolute;\n    top: 1px;\n    right: 1px;\n    height: calc(100% - 2px);\n    z-index: 1;\n}\n\n.p-inputnumber-stacked .p-inputnumber-increment-button {\n    padding: 0;\n    border-top-right-radius: calc(").concat(dt('inputnumber.button.border.radius'), " - 1px);\n}\n\n.p-inputnumber-stacked .p-inputnumber-decrement-button {\n    padding: 0;\n    border-bottom-right-radius: calc(").concat(dt('inputnumber.button.border.radius'), " - 1px);\n}\n\n.p-inputnumber-stacked .p-inputnumber-button {\n    flex: 1 1 auto;\n    border: 0 none;\n}\n\n.p-inputnumber-horizontal .p-inputnumber-button {\n    border: 1px solid ").concat(dt('inputnumber.button.border.color'), ";\n}\n\n.p-inputnumber-horizontal .p-inputnumber-button:hover {\n    border-color: ").concat(dt('inputnumber.button.hover.border.color'), ";\n}\n\n.p-inputnumber-horizontal .p-inputnumber-button:active {\n    border-color: ").concat(dt('inputnumber.button.active.border.color'), ";\n}\n\n.p-inputnumber-horizontal .p-inputnumber-increment-button {\n    order: 3;\n    border-top-right-radius: ").concat(dt('inputnumber.button.border.radius'), ";\n    border-bottom-right-radius: ").concat(dt('inputnumber.button.border.radius'), ";\n    border-left: 0 none;\n}\n\n.p-inputnumber-horizontal .p-inputnumber-input {\n    order: 2;\n    border-radius: 0;\n}\n\n.p-inputnumber-horizontal .p-inputnumber-decrement-button {\n    order: 1;\n    border-top-left-radius: ").concat(dt('inputnumber.button.border.radius'), ";\n    border-bottom-left-radius: ").concat(dt('inputnumber.button.border.radius'), ";\n    border-right: 0 none;\n}\n\n.p-floatlabel:has(.p-inputnumber-horizontal) label {\n    margin-inline-start: ").concat(dt('inputnumber.button.width'), ";\n}\n\n.p-inputnumber-vertical {\n    flex-direction: column;\n}\n\n.p-inputnumber-vertical .p-inputnumber-button {\n    border: 1px solid ").concat(dt('inputnumber.button.border.color'), ";\n    padding: ").concat(dt('inputnumber.button.vertical.padding'), ";\n}\n\n.p-inputnumber-vertical .p-inputnumber-button:hover {\n    border-color: ").concat(dt('inputnumber.button.hover.border.color'), ";\n}\n\n.p-inputnumber-vertical .p-inputnumber-button:active {\n    border-color: ").concat(dt('inputnumber.button.active.border.color'), ";\n}\n\n.p-inputnumber-vertical .p-inputnumber-increment-button {\n    order: 1;\n    border-top-left-radius: ").concat(dt('inputnumber.button.border.radius'), ";\n    border-top-right-radius: ").concat(dt('inputnumber.button.border.radius'), ";\n    width: 100%;\n    border-bottom: 0 none;\n}\n\n.p-inputnumber-vertical .p-inputnumber-input {\n    order: 2;\n    border-radius: 0;\n    text-align: center;\n}\n\n.p-inputnumber-vertical .p-inputnumber-decrement-button {\n    order: 3;\n    border-bottom-left-radius: ").concat(dt('inputnumber.button.border.radius'), ";\n    border-bottom-right-radius: ").concat(dt('inputnumber.button.border.radius'), ";\n    width: 100%;\n    border-top: 0 none;\n}\n\n.p-inputnumber-input {\n    flex: 1 1 auto;\n}\n\n.p-inputnumber-fluid {\n    width: 100%;\n}\n\n.p-inputnumber-fluid .p-inputnumber-input {\n    width: 1%;\n}\n\n.p-inputnumber-fluid.p-inputnumber-vertical .p-inputnumber-input {\n    width: 100%;\n}\n");
+  return "\n.p-inputnumber {\n    display: inline-flex;\n    position: relative;\n}\n\n.p-inputnumber-button {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex: 0 0 auto;\n    cursor: pointer;\n    background: ".concat(dt('inputnumber.button.background'), ";\n    color: ").concat(dt('inputnumber.button.color'), ";\n    width: ").concat(dt('inputnumber.button.width'), ";\n    transition: background ").concat(dt('inputnumber.transition.duration'), ", color ").concat(dt('inputnumber.transition.duration'), ", border-color ").concat(dt('inputnumber.transition.duration'), ", outline-color ").concat(dt('inputnumber.transition.duration'), ";\n}\n\n.p-inputnumber-button:hover {\n    background: ").concat(dt('inputnumber.button.hover.background'), ";\n    color: ").concat(dt('inputnumber.button.hover.color'), ";\n}\n\n.p-inputnumber-button:active {\n    background: ").concat(dt('inputnumber.button.active.background'), ";\n    color: ").concat(dt('inputnumber.button.active.color'), ";\n}\n\n.p-inputnumber-stacked .p-inputnumber-button {\n    position: relative;\n    border: 0 none;\n}\n\n.p-inputnumber-stacked .p-inputnumber-button-group {\n    display: flex;\n    flex-direction: column;\n    position: absolute;\n    inset-block-start: 1px;\n    inset-inline-end: 1px;\n    height: calc(100% - 2px);\n    z-index: 1;\n}\n\n.p-inputnumber-stacked .p-inputnumber-increment-button {\n    padding: 0;\n    border-start-end-radius: calc(").concat(dt('inputnumber.button.border.radius'), " - 1px);\n}\n\n.p-inputnumber-stacked .p-inputnumber-decrement-button {\n    padding: 0;\n    border-end-end-radius: calc(").concat(dt('inputnumber.button.border.radius'), " - 1px);\n}\n\n.p-inputnumber-stacked .p-inputnumber-button {\n    flex: 1 1 auto;\n    border: 0 none;\n}\n\n.p-inputnumber-horizontal .p-inputnumber-button {\n    border: 1px solid ").concat(dt('inputnumber.button.border.color'), ";\n}\n\n.p-inputnumber-horizontal .p-inputnumber-button:hover {\n    border-color: ").concat(dt('inputnumber.button.hover.border.color'), ";\n}\n\n.p-inputnumber-horizontal .p-inputnumber-button:active {\n    border-color: ").concat(dt('inputnumber.button.active.border.color'), ";\n}\n\n.p-inputnumber-horizontal .p-inputnumber-increment-button {\n    order: 3;\n    border-start-end-radius: ").concat(dt('inputnumber.button.border.radius'), ";\n    border-end-end-radius: ").concat(dt('inputnumber.button.border.radius'), ";\n    border-inline-start: 0 none;\n}\n\n.p-inputnumber-horizontal .p-inputnumber-input {\n    order: 2;\n    border-radius: 0;\n}\n\n.p-inputnumber-horizontal .p-inputnumber-decrement-button {\n    order: 1;\n    border-start-start-radius: ").concat(dt('inputnumber.button.border.radius'), ";\n    border-end-start-radius: ").concat(dt('inputnumber.button.border.radius'), ";\n    border-inline-end: 0 none;\n}\n\n.p-floatlabel:has(.p-inputnumber-horizontal) label {\n    margin-inline-start: ").concat(dt('inputnumber.button.width'), ";\n}\n\n.p-inputnumber-vertical {\n    flex-direction: column;\n}\n\n.p-inputnumber-vertical .p-inputnumber-button {\n    border: 1px solid ").concat(dt('inputnumber.button.border.color'), ";\n    padding: ").concat(dt('inputnumber.button.vertical.padding'), ";\n}\n\n.p-inputnumber-vertical .p-inputnumber-button:hover {\n    border-color: ").concat(dt('inputnumber.button.hover.border.color'), ";\n}\n\n.p-inputnumber-vertical .p-inputnumber-button:active {\n    border-color: ").concat(dt('inputnumber.button.active.border.color'), ";\n}\n\n.p-inputnumber-vertical .p-inputnumber-increment-button {\n    order: 1;\n    border-start-start-radius: ").concat(dt('inputnumber.button.border.radius'), ";\n    border-start-end-radius: ").concat(dt('inputnumber.button.border.radius'), ";\n    width: 100%;\n    border-block-end: 0 none;\n}\n\n.p-inputnumber-vertical .p-inputnumber-input {\n    order: 2;\n    border-radius: 0;\n    text-align: center;\n}\n\n.p-inputnumber-vertical .p-inputnumber-decrement-button {\n    order: 3;\n    border-end-start-radius: ").concat(dt('inputnumber.button.border.radius'), ";\n    border-end-end-radius: ").concat(dt('inputnumber.button.border.radius'), ";\n    width: 100%;\n    border-block-start: 0 none;\n}\n\n.p-inputnumber-input {\n    flex: 1 1 auto;\n}\n\n.p-inputnumber-fluid {\n    width: 100%;\n}\n\n.p-inputnumber-fluid .p-inputnumber-input {\n    width: 1%;\n}\n\n.p-inputnumber-fluid.p-inputnumber-vertical .p-inputnumber-input {\n    width: 100%;\n}\n\n.p-inputnumber:has(.p-inputtext-sm) .p-inputnumber-button .p-icon {\n    font-size: ").concat(dt('form.field.sm.font.size'), ";\n    width: ").concat(dt('form.field.sm.font.size'), ";\n    height: ").concat(dt('form.field.sm.font.size'), ";\n}\n\n.p-inputnumber:has(.p-inputtext-lg) .p-inputnumber-button .p-icon {\n    font-size: ").concat(dt('form.field.lg.font.size'), ";\n    width: ").concat(dt('form.field.lg.font.size'), ";\n    height: ").concat(dt('form.field.lg.font.size'), ";\n}\n");
 };
 var classes = {
   root: function root(_ref2) {
     var instance = _ref2.instance,
       props = _ref2.props;
     return ['p-inputnumber p-component p-inputwrapper', {
-      'p-inputwrapper-filled': instance.filled || props.allowEmpty === false,
+      'p-inputwrapper-filled': instance.$filled || props.allowEmpty === false,
       'p-inputwrapper-focus': instance.focused,
       'p-inputnumber-stacked': props.showButtons && props.buttonLayout === 'stacked',
       'p-inputnumber-horizontal': props.showButtons && props.buttonLayout === 'horizontal',
       'p-inputnumber-vertical': props.showButtons && props.buttonLayout === 'vertical',
-      'p-inputnumber-fluid': instance.hasFluid
+      'p-inputnumber-fluid': instance.$fluid
     }];
   },
   pcInputText: 'p-inputnumber-input',

package/inputnumber/style/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/inputnumber/style/InputNumberStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-inputnumber {\n    display: inline-flex;\n    position: relative;\n}\n\n.p-inputnumber-button {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex: 0 0 auto;\n    cursor: pointer;\n    background: ${dt('inputnumber.button.background')};\n    color: ${dt('inputnumber.button.color')};\n    width: ${dt('inputnumber.button.width')};\n    transition: background ${dt('inputnumber.transition.duration')}, color ${dt('inputnumber.transition.duration')}, border-color ${dt('inputnumber.transition.duration')}, outline-color ${dt('inputnumber.transition.duration')};\n}\n\n.p-inputnumber-button:hover {\n    background: ${dt('inputnumber.button.hover.background')};\n    color: ${dt('inputnumber.button.hover.color')};\n}\n\n.p-inputnumber-button:active {\n    background: ${dt('inputnumber.button.active.background')};\n    color: ${dt('inputnumber.button.active.color')};\n}\n\n.p-inputnumber-stacked .p-inputnumber-button {\n    position: relative;\n    border: 0 none;\n}\n\n.p-inputnumber-stacked .p-inputnumber-button-group {\n    display: flex;\n    flex-direction: column;\n    position: absolute;\n    top: 1px;\n    right: 1px;\n    height: calc(100% - 2px);\n    z-index: 1;\n}\n\n.p-inputnumber-stacked .p-inputnumber-increment-button {\n    padding: 0;\n    border-top-right-radius: calc(${dt('inputnumber.button.border.radius')} - 1px);\n}\n\n.p-inputnumber-stacked .p-inputnumber-decrement-button {\n    padding: 0;\n    border-bottom-right-radius: calc(${dt('inputnumber.button.border.radius')} - 1px);\n}\n\n.p-inputnumber-stacked .p-inputnumber-button {\n    flex: 1 1 auto;\n    border: 0 none;\n}\n\n.p-inputnumber-horizontal .p-inputnumber-button {\n    border: 1px solid ${dt('inputnumber.button.border.color')};\n}\n\n.p-inputnumber-horizontal .p-inputnumber-button:hover {\n    border-color: ${dt('inputnumber.button.hover.border.color')};\n}\n\n.p-inputnumber-horizontal .p-inputnumber-button:active {\n    border-color: ${dt('inputnumber.button.active.border.color')};\n}\n\n.p-inputnumber-horizontal .p-inputnumber-increment-button {\n    order: 3;\n    border-top-right-radius: ${dt('inputnumber.button.border.radius')};\n    border-bottom-right-radius: ${dt('inputnumber.button.border.radius')};\n    border-left: 0 none;\n}\n\n.p-inputnumber-horizontal .p-inputnumber-input {\n    order: 2;\n    border-radius: 0;\n}\n\n.p-inputnumber-horizontal .p-inputnumber-decrement-button {\n    order: 1;\n    border-top-left-radius: ${dt('inputnumber.button.border.radius')};\n    border-bottom-left-radius: ${dt('inputnumber.button.border.radius')};\n    border-right: 0 none;\n}\n\n.p-floatlabel:has(.p-inputnumber-horizontal) label {\n    margin-inline-start: ${dt('inputnumber.button.width')};\n}\n\n.p-inputnumber-vertical {\n    flex-direction: column;\n}\n\n.p-inputnumber-vertical .p-inputnumber-button {\n    border: 1px solid ${dt('inputnumber.button.border.color')};\n    padding: ${dt('inputnumber.button.vertical.padding')};\n}\n\n.p-inputnumber-vertical .p-inputnumber-button:hover {\n    border-color: ${dt('inputnumber.button.hover.border.color')};\n}\n\n.p-inputnumber-vertical .p-inputnumber-button:active {\n    border-color: ${dt('inputnumber.button.active.border.color')};\n}\n\n.p-inputnumber-vertical .p-inputnumber-increment-button {\n    order: 1;\n    border-top-left-radius: ${dt('inputnumber.button.border.radius')};\n    border-top-right-radius: ${dt('inputnumber.button.border.radius')};\n    width: 100%;\n    border-bottom: 0 none;\n}\n\n.p-inputnumber-vertical .p-inputnumber-input {\n    order: 2;\n    border-radius: 0;\n    text-align: center;\n}\n\n.p-inputnumber-vertical .p-inputnumber-decrement-button {\n    order: 3;\n    border-bottom-left-radius: ${dt('inputnumber.button.border.radius')};\n    border-bottom-right-radius: ${dt('inputnumber.button.border.radius')};\n    width: 100%;\n    border-top: 0 none;\n}\n\n.p-inputnumber-input {\n    flex: 1 1 auto;\n}\n\n.p-inputnumber-fluid {\n    width: 100%;\n}\n\n.p-inputnumber-fluid .p-inputnumber-input {\n    width: 1%;\n}\n\n.p-inputnumber-fluid.p-inputnumber-vertical .p-inputnumber-input {\n    width: 100%;\n}\n`;\n\nconst classes = {\n    root: ({ instance, props }) => [\n        'p-inputnumber p-component p-inputwrapper',\n        {\n            'p-inputwrapper-filled': instance.filled || props.allowEmpty === false,\n            'p-inputwrapper-focus': instance.focused,\n            'p-inputnumber-stacked': props.showButtons && props.buttonLayout === 'stacked',\n            'p-inputnumber-horizontal': props.showButtons && props.buttonLayout === 'horizontal',\n            'p-inputnumber-vertical': props.showButtons && props.buttonLayout === 'vertical',\n            'p-inputnumber-fluid': instance.hasFluid\n        }\n    ],\n    pcInputText: 'p-inputnumber-input',\n    buttonGroup: 'p-inputnumber-button-group',\n    incrementButton: ({ instance, props }) => [\n        'p-inputnumber-button p-inputnumber-increment-button',\n        {\n            'p-disabled': props.showButtons && props.max !== null && instance.maxBoundry()\n        }\n    ],\n    decrementButton: ({ instance, props }) => [\n        'p-inputnumber-button p-inputnumber-decrement-button',\n        {\n            'p-disabled': props.showButtons && props.min !== null && instance.minBoundry()\n        }\n    ]\n};\n\nexport default BaseStyle.extend({\n    name: 'inputnumber',\n    theme,\n    classes\n});\n"],"names":["theme","_ref","dt","concat","classes","root","_ref2","instance","props","filled","allowEmpty","focused","showButtons","buttonLayout","hasFluid","pcInputText","buttonGroup","incrementButton","_ref3","max","maxBoundry","decrementButton","_ref4","min","minBoundry","BaseStyle","extend","name"],"mappings":";;AAEA,IAAMA,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,EAAE,GAAAD,IAAA,CAAFC,EAAE,CAAA;EAAA,OAAAC,+OAAAA,CAAAA,MAAA,CAYDD,EAAE,CAAC,+BAA+B,CAAC,EAAA,gBAAA,CAAA,CAAAC,MAAA,CACxCD,EAAE,CAAC,0BAA0B,CAAC,oBAAAC,MAAA,CAC9BD,EAAE,CAAC,0BAA0B,CAAC,EAAA,gCAAA,CAAA,CAAAC,MAAA,CACdD,EAAE,CAAC,iCAAiC,CAAC,EAAAC,UAAAA,CAAAA,CAAAA,MAAA,CAAWD,EAAE,CAAC,iCAAiC,CAAC,EAAAC,iBAAAA,CAAAA,CAAAA,MAAA,CAAkBD,EAAE,CAAC,iCAAiC,CAAC,EAAA,kBAAA,CAAA,CAAAC,MAAA,CAAmBD,EAAE,CAAC,iCAAiC,CAAC,EAAA,yDAAA,CAAA,CAAAC,MAAA,CAI/MD,EAAE,CAAC,qCAAqC,CAAC,oBAAAC,MAAA,CAC9CD,EAAE,CAAC,gCAAgC,CAAC,EAAAC,0DAAAA,CAAAA,CAAAA,MAAA,CAI/BD,EAAE,CAAC,sCAAsC,CAAC,EAAA,gBAAA,CAAA,CAAAC,MAAA,CAC/CD,EAAE,CAAC,iCAAiC,CAAC,EAAA,+aAAA,CAAA,CAAAC,MAAA,CAoBdD,EAAE,CAAC,kCAAkC,CAAC,EAAAC,iIAAAA,CAAAA,CAAAA,MAAA,CAKnCD,EAAE,CAAC,kCAAkC,CAAC,6LAAAC,MAAA,CASrDD,EAAE,CAAC,iCAAiC,CAAC,EAAA,qFAAA,CAAA,CAAAC,MAAA,CAIzCD,EAAE,CAAC,uCAAuC,CAAC,EAAAC,sFAAAA,CAAAA,CAAAA,MAAA,CAI3CD,EAAE,CAAC,wCAAwC,CAAC,EAAA,mHAAA,CAAA,CAAAC,MAAA,CAKjCD,EAAE,CAAC,kCAAkC,CAAC,yCAAAC,MAAA,CACnCD,EAAE,CAAC,kCAAkC,CAAC,6OAAAC,MAAA,CAW1CD,EAAE,CAAC,kCAAkC,CAAC,EAAAC,oCAAAA,CAAAA,CAAAA,MAAA,CACnCD,EAAE,CAAC,kCAAkC,CAAC,EAAAC,oHAAAA,CAAAA,CAAAA,MAAA,CAK5CD,EAAE,CAAC,0BAA0B,CAAC,EAAA,8IAAA,CAAA,CAAAC,MAAA,CAQjCD,EAAE,CAAC,iCAAiC,CAAC,EAAA,kBAAA,CAAA,CAAAC,MAAA,CAC9CD,EAAE,CAAC,qCAAqC,CAAC,EAAAC,mFAAAA,CAAAA,CAAAA,MAAA,CAIpCD,EAAE,CAAC,uCAAuC,CAAC,wFAAAC,MAAA,CAI3CD,EAAE,CAAC,wCAAwC,CAAC,EAAA,gHAAA,CAAA,CAAAC,MAAA,CAKlCD,EAAE,CAAC,kCAAkC,CAAC,EAAAC,kCAAAA,CAAAA,CAAAA,MAAA,CACrCD,EAAE,CAAC,kCAAkC,CAAC,EAAAC,qRAAAA,CAAAA,CAAAA,MAAA,CAapCD,EAAE,CAAC,kCAAkC,CAAC,EAAA,qCAAA,CAAA,CAAAC,MAAA,CACrCD,EAAE,CAAC,kCAAkC,CAAC,EAAA,iTAAA,CAAA,CAAA;AAAA,CAoBvE,CAAA;AAED,IAAME,OAAO,GAAG;AACZC,EAAAA,IAAI,EAAE,SAANA,IAAIA,CAAAC,KAAA,EAAA;AAAA,IAAA,IAAKC,QAAQ,GAAAD,KAAA,CAARC,QAAQ;MAAEC,KAAK,GAAAF,KAAA,CAALE,KAAK,CAAA;IAAA,OAAO,CAC3B,0CAA0C,EAC1C;MACI,uBAAuB,EAAED,QAAQ,CAACE,MAAM,IAAID,KAAK,CAACE,UAAU,KAAK,KAAK;MACtE,sBAAsB,EAAEH,QAAQ,CAACI,OAAO;MACxC,uBAAuB,EAAEH,KAAK,CAACI,WAAW,IAAIJ,KAAK,CAACK,YAAY,KAAK,SAAS;MAC9E,0BAA0B,EAAEL,KAAK,CAACI,WAAW,IAAIJ,KAAK,CAACK,YAAY,KAAK,YAAY;MACpF,wBAAwB,EAAEL,KAAK,CAACI,WAAW,IAAIJ,KAAK,CAACK,YAAY,KAAK,UAAU;MAChF,qBAAqB,EAAEN,QAAQ,CAACO,QAAAA;AACpC,KAAC,CACJ,CAAA;AAAA,GAAA;AACDC,EAAAA,WAAW,EAAE,qBAAqB;AAClCC,EAAAA,WAAW,EAAE,4BAA4B;AACzCC,EAAAA,eAAe,EAAE,SAAjBA,eAAeA,CAAAC,KAAA,EAAA;AAAA,IAAA,IAAKX,QAAQ,GAAAW,KAAA,CAARX,QAAQ;MAAEC,KAAK,GAAAU,KAAA,CAALV,KAAK,CAAA;IAAA,OAAO,CACtC,qDAAqD,EACrD;AACI,MAAA,YAAY,EAAEA,KAAK,CAACI,WAAW,IAAIJ,KAAK,CAACW,GAAG,KAAK,IAAI,IAAIZ,QAAQ,CAACa,UAAU,EAAC;AACjF,KAAC,CACJ,CAAA;AAAA,GAAA;AACDC,EAAAA,eAAe,EAAE,SAAjBA,eAAeA,CAAAC,KAAA,EAAA;AAAA,IAAA,IAAKf,QAAQ,GAAAe,KAAA,CAARf,QAAQ;MAAEC,KAAK,GAAAc,KAAA,CAALd,KAAK,CAAA;IAAA,OAAO,CACtC,qDAAqD,EACrD;AACI,MAAA,YAAY,EAAEA,KAAK,CAACI,WAAW,IAAIJ,KAAK,CAACe,GAAG,KAAK,IAAI,IAAIhB,QAAQ,CAACiB,UAAU,EAAC;AACjF,KAAC,CACJ,CAAA;AAAA,GAAA;AACL,CAAC,CAAA;AAED,uBAAeC,SAAS,CAACC,MAAM,CAAC;AAC5BC,EAAAA,IAAI,EAAE,aAAa;AACnB3B,EAAAA,KAAK,EAALA,KAAK;AACLI,EAAAA,OAAO,EAAPA,OAAAA;AACJ,CAAC,CAAC;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../src/inputnumber/style/InputNumberStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-inputnumber {\n    display: inline-flex;\n    position: relative;\n}\n\n.p-inputnumber-button {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex: 0 0 auto;\n    cursor: pointer;\n    background: ${dt('inputnumber.button.background')};\n    color: ${dt('inputnumber.button.color')};\n    width: ${dt('inputnumber.button.width')};\n    transition: background ${dt('inputnumber.transition.duration')}, color ${dt('inputnumber.transition.duration')}, border-color ${dt('inputnumber.transition.duration')}, outline-color ${dt('inputnumber.transition.duration')};\n}\n\n.p-inputnumber-button:hover {\n    background: ${dt('inputnumber.button.hover.background')};\n    color: ${dt('inputnumber.button.hover.color')};\n}\n\n.p-inputnumber-button:active {\n    background: ${dt('inputnumber.button.active.background')};\n    color: ${dt('inputnumber.button.active.color')};\n}\n\n.p-inputnumber-stacked .p-inputnumber-button {\n    position: relative;\n    border: 0 none;\n}\n\n.p-inputnumber-stacked .p-inputnumber-button-group {\n    display: flex;\n    flex-direction: column;\n    position: absolute;\n    inset-block-start: 1px;\n    inset-inline-end: 1px;\n    height: calc(100% - 2px);\n    z-index: 1;\n}\n\n.p-inputnumber-stacked .p-inputnumber-increment-button {\n    padding: 0;\n    border-start-end-radius: calc(${dt('inputnumber.button.border.radius')} - 1px);\n}\n\n.p-inputnumber-stacked .p-inputnumber-decrement-button {\n    padding: 0;\n    border-end-end-radius: calc(${dt('inputnumber.button.border.radius')} - 1px);\n}\n\n.p-inputnumber-stacked .p-inputnumber-button {\n    flex: 1 1 auto;\n    border: 0 none;\n}\n\n.p-inputnumber-horizontal .p-inputnumber-button {\n    border: 1px solid ${dt('inputnumber.button.border.color')};\n}\n\n.p-inputnumber-horizontal .p-inputnumber-button:hover {\n    border-color: ${dt('inputnumber.button.hover.border.color')};\n}\n\n.p-inputnumber-horizontal .p-inputnumber-button:active {\n    border-color: ${dt('inputnumber.button.active.border.color')};\n}\n\n.p-inputnumber-horizontal .p-inputnumber-increment-button {\n    order: 3;\n    border-start-end-radius: ${dt('inputnumber.button.border.radius')};\n    border-end-end-radius: ${dt('inputnumber.button.border.radius')};\n    border-inline-start: 0 none;\n}\n\n.p-inputnumber-horizontal .p-inputnumber-input {\n    order: 2;\n    border-radius: 0;\n}\n\n.p-inputnumber-horizontal .p-inputnumber-decrement-button {\n    order: 1;\n    border-start-start-radius: ${dt('inputnumber.button.border.radius')};\n    border-end-start-radius: ${dt('inputnumber.button.border.radius')};\n    border-inline-end: 0 none;\n}\n\n.p-floatlabel:has(.p-inputnumber-horizontal) label {\n    margin-inline-start: ${dt('inputnumber.button.width')};\n}\n\n.p-inputnumber-vertical {\n    flex-direction: column;\n}\n\n.p-inputnumber-vertical .p-inputnumber-button {\n    border: 1px solid ${dt('inputnumber.button.border.color')};\n    padding: ${dt('inputnumber.button.vertical.padding')};\n}\n\n.p-inputnumber-vertical .p-inputnumber-button:hover {\n    border-color: ${dt('inputnumber.button.hover.border.color')};\n}\n\n.p-inputnumber-vertical .p-inputnumber-button:active {\n    border-color: ${dt('inputnumber.button.active.border.color')};\n}\n\n.p-inputnumber-vertical .p-inputnumber-increment-button {\n    order: 1;\n    border-start-start-radius: ${dt('inputnumber.button.border.radius')};\n    border-start-end-radius: ${dt('inputnumber.button.border.radius')};\n    width: 100%;\n    border-block-end: 0 none;\n}\n\n.p-inputnumber-vertical .p-inputnumber-input {\n    order: 2;\n    border-radius: 0;\n    text-align: center;\n}\n\n.p-inputnumber-vertical .p-inputnumber-decrement-button {\n    order: 3;\n    border-end-start-radius: ${dt('inputnumber.button.border.radius')};\n    border-end-end-radius: ${dt('inputnumber.button.border.radius')};\n    width: 100%;\n    border-block-start: 0 none;\n}\n\n.p-inputnumber-input {\n    flex: 1 1 auto;\n}\n\n.p-inputnumber-fluid {\n    width: 100%;\n}\n\n.p-inputnumber-fluid .p-inputnumber-input {\n    width: 1%;\n}\n\n.p-inputnumber-fluid.p-inputnumber-vertical .p-inputnumber-input {\n    width: 100%;\n}\n\n.p-inputnumber:has(.p-inputtext-sm) .p-inputnumber-button .p-icon {\n    font-size: ${dt('form.field.sm.font.size')};\n    width: ${dt('form.field.sm.font.size')};\n    height: ${dt('form.field.sm.font.size')};\n}\n\n.p-inputnumber:has(.p-inputtext-lg) .p-inputnumber-button .p-icon {\n    font-size: ${dt('form.field.lg.font.size')};\n    width: ${dt('form.field.lg.font.size')};\n    height: ${dt('form.field.lg.font.size')};\n}\n`;\n\nconst classes = {\n    root: ({ instance, props }) => [\n        'p-inputnumber p-component p-inputwrapper',\n        {\n            'p-inputwrapper-filled': instance.$filled || props.allowEmpty === false,\n            'p-inputwrapper-focus': instance.focused,\n            'p-inputnumber-stacked': props.showButtons && props.buttonLayout === 'stacked',\n            'p-inputnumber-horizontal': props.showButtons && props.buttonLayout === 'horizontal',\n            'p-inputnumber-vertical': props.showButtons && props.buttonLayout === 'vertical',\n            'p-inputnumber-fluid': instance.$fluid\n        }\n    ],\n    pcInputText: 'p-inputnumber-input',\n    buttonGroup: 'p-inputnumber-button-group',\n    incrementButton: ({ instance, props }) => [\n        'p-inputnumber-button p-inputnumber-increment-button',\n        {\n            'p-disabled': props.showButtons && props.max !== null && instance.maxBoundry()\n        }\n    ],\n    decrementButton: ({ instance, props }) => [\n        'p-inputnumber-button p-inputnumber-decrement-button',\n        {\n            'p-disabled': props.showButtons && props.min !== null && instance.minBoundry()\n        }\n    ]\n};\n\nexport default BaseStyle.extend({\n    name: 'inputnumber',\n    theme,\n    classes\n});\n"],"names":["theme","_ref","dt","concat","classes","root","_ref2","instance","props","$filled","allowEmpty","focused","showButtons","buttonLayout","$fluid","pcInputText","buttonGroup","incrementButton","_ref3","max","maxBoundry","decrementButton","_ref4","min","minBoundry","BaseStyle","extend","name"],"mappings":"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"}

package/inputotp/BaseInputOtp.vue

@@ -1,31 +1,15 @@
 <script>
-import BaseComponent from '@primevue/core/basecomponent';
+import BaseInput from '@primevue/core/baseinput';
 import InputOtpStyle from 'primevue/inputotp/style';
 
 export default {
     name: 'BaseInputOtp',
-    extends: BaseComponent,
+    extends: BaseInput,
     props: {
-        modelValue: {
-            type: null,
-            default: null
-        },
-        invalid: {
-            type: Boolean,
-            default: false
-        },
-        disabled: {
-            type: Boolean,
-            default: false
-        },
         readonly: {
             type: Boolean,
             default: false
         },
-        variant: {
-            type: String,
-            default: null
-        },
         tabindex: {
             type: Number,
             default: null

package/inputotp/InputOtp.vue

@@ -6,10 +6,12 @@
                     :value="tokens[i - 1]"
                     :type="inputType"
                     :class="cx('pcInputText')"
+                    :name="$formName"
                     :inputmode="inputMode"
                     :variant="variant"
                     :readonly="readonly"
                     :disabled="disabled"
+                    :size="size"
                     :invalid="invalid"
                     :tabindex="tabindex"
                     :unstyled="unstyled"
@@ -34,7 +36,7 @@ export default {
     name: 'InputOtp',
     extends: BaseInputOtp,
     inheritAttrs: false,
-    emits: ['update:modelValue', 'change', 'focus', 'blur'],
+    emits: ['change', 'focus', 'blur'],
     data() {
         return {
             tokens: []
@@ -76,7 +78,7 @@ export default {
         updateModel(event) {
             const newValue = this.tokens.join('');
 
-            this.$emit('update:modelValue', newValue);
+            this.writeValue(newValue, event);
             this.$emit('change', {
                 originalEvent: event,
                 value: newValue

package/inputotp/index.d.ts

@@ -143,6 +143,18 @@ export interface InputOtpProps {
      * @defaultValue null
      */
     modelValue?: boolean | string | undefined;
+    /**
+     * The default value for the input when not controlled by `modelValue`.
+     */
+    defaultValue?: boolean | string | undefined;
+    /**
+     * The name attribute for the element, typically used in form submissions.
+     */
+    name?: string | undefined;
+    /**
+     * Defines the size of the component.
+     */
+    size?: 'small' | 'large' | undefined;
     /**
      * When present, it specifies that the component should have invalid state style.
      * @defaultValue false
@@ -182,6 +194,10 @@ export interface InputOtpProps {
      * @defaultValue false
      */
     integerOnly?: boolean | undefined;
+    /**
+     * Form control object, typically used for handling validation and form state.
+     */
+    formControl?: Record<string, any> | undefined;
     /**
      * It generates scoped CSS variables using design tokens for the component.
      */
@@ -239,6 +255,11 @@ export interface InputOtpEmitsOptions {
      * @param {boolean} value - New value.
      */
     'update:modelValue'(value: boolean): void;
+    /**
+     * Emitted when the value changes in uncontrolled mode.
+     * @param {boolean} value - New value.
+     */
+    'value-change'(value: boolean): void;
     /**
      * Callback to invoke on value change.
      * @param {Event} event - Browser event.

package/inputotp/index.mjs

@@ -1,32 +1,16 @@
 import InputText from 'primevue/inputtext';
-import BaseComponent from '@primevue/core/basecomponent';
+import BaseInput from '@primevue/core/baseinput';
 import InputOtpStyle from 'primevue/inputotp/style';
 import { resolveComponent, openBlock, createElementBlock, mergeProps, Fragment, renderList, renderSlot, createVNode, normalizeClass } from 'vue';
 
 var script$1 = {
   name: 'BaseInputOtp',
-  "extends": BaseComponent,
+  "extends": BaseInput,
   props: {
-    modelValue: {
-      type: null,
-      "default": null
-    },
-    invalid: {
-      type: Boolean,
-      "default": false
-    },
-    disabled: {
-      type: Boolean,
-      "default": false
-    },
     readonly: {
       type: Boolean,
       "default": false
     },
-    variant: {
-      type: String,
-      "default": null
-    },
     tabindex: {
       type: Number,
       "default": null
@@ -57,7 +41,7 @@ var script = {
   name: 'InputOtp',
   "extends": script$1,
   inheritAttrs: false,
-  emits: ['update:modelValue', 'change', 'focus', 'blur'],
+  emits: ['change', 'focus', 'blur'],
   data: function data() {
     return {
       tokens: []
@@ -108,7 +92,7 @@ var script = {
     },
     updateModel: function updateModel(event) {
       var newValue = this.tokens.join('');
-      this.$emit('update:modelValue', newValue);
+      this.writeValue(newValue, event);
       this.$emit('change', {
         originalEvent: event,
         value: newValue
@@ -224,10 +208,12 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         value: $data.tokens[i - 1],
         type: $options.inputType,
         "class": normalizeClass(_ctx.cx('pcInputText')),
+        name: _ctx.$formName,
         inputmode: $options.inputMode,
         variant: _ctx.variant,
         readonly: _ctx.readonly,
         disabled: _ctx.disabled,
+        size: _ctx.size,
         invalid: _ctx.invalid,
         tabindex: _ctx.tabindex,
         unstyled: _ctx.unstyled,
@@ -250,7 +236,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           return $options.onClick($event);
         }),
         pt: _ctx.ptm('pcInputText')
-      }, null, 8, ["value", "type", "class", "inputmode", "variant", "readonly", "disabled", "invalid", "tabindex", "unstyled", "onInput", "pt"])];
+      }, null, 8, ["value", "type", "class", "name", "inputmode", "variant", "readonly", "disabled", "size", "invalid", "tabindex", "unstyled", "onInput", "pt"])];
     });
   }), 128))], 16);
 }

package/inputotp/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/inputotp/BaseInputOtp.vue","../../src/inputotp/InputOtp.vue","../../src/inputotp/InputOtp.vue?vue&type=template&id=95b695da&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport InputOtpStyle from 'primevue/inputotp/style';\n\nexport default {\n    name: 'BaseInputOtp',\n    extends: BaseComponent,\n    props: {\n        modelValue: {\n            type: null,\n            default: null\n        },\n        invalid: {\n            type: Boolean,\n            default: false\n        },\n        disabled: {\n            type: Boolean,\n            default: false\n        },\n        readonly: {\n            type: Boolean,\n            default: false\n        },\n        variant: {\n            type: String,\n            default: null\n        },\n        tabindex: {\n            type: Number,\n            default: null\n        },\n        length: {\n            type: Number,\n            default: 4\n        },\n        mask: {\n            type: Boolean,\n            default: false\n        },\n        integerOnly: {\n            type: Boolean,\n            default: false\n        }\n    },\n    style: InputOtpStyle,\n    provide() {\n        return {\n            $pcInputOtp: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n        <template v-for=\"i in length\" :key=\"i\">\n            <slot :events=\"getTemplateEvents(i - 1)\" :attrs=\"getTemplateAttrs(i - 1)\" :index=\"i\">\n                <OtpInputText\n                    :value=\"tokens[i - 1]\"\n                    :type=\"inputType\"\n                    :class=\"cx('pcInputText')\"\n                    :inputmode=\"inputMode\"\n                    :variant=\"variant\"\n                    :readonly=\"readonly\"\n                    :disabled=\"disabled\"\n                    :invalid=\"invalid\"\n                    :tabindex=\"tabindex\"\n                    :unstyled=\"unstyled\"\n                    @input=\"onInput($event, i - 1)\"\n                    @focus=\"onFocus($event)\"\n                    @blur=\"onBlur($event)\"\n                    @paste=\"onPaste($event)\"\n                    @keydown=\"onKeyDown($event)\"\n                    @click=\"onClick($event)\"\n                    :pt=\"ptm('pcInputText')\"\n                />\n            </slot>\n        </template>\n    </div>\n</template>\n\n<script>\nimport InputText from 'primevue/inputtext';\nimport BaseInputOtp from './BaseInputOtp.vue';\n\nexport default {\n    name: 'InputOtp',\n    extends: BaseInputOtp,\n    inheritAttrs: false,\n    emits: ['update:modelValue', 'change', 'focus', 'blur'],\n    data() {\n        return {\n            tokens: []\n        };\n    },\n    watch: {\n        modelValue: {\n            immediate: true,\n            handler(newValue) {\n                this.tokens = newValue ? newValue.split('') : new Array(this.length);\n            }\n        }\n    },\n    methods: {\n        getTemplateAttrs(index) {\n            return {\n                value: this.tokens[index]\n            };\n        },\n        getTemplateEvents(index) {\n            return {\n                input: (event) => this.onInput(event, index),\n                keydown: (event) => this.onKeyDown(event),\n                focus: (event) => this.onFocus(event),\n                blur: (event) => this.onBlur(event),\n                paste: (event) => this.onPaste(event)\n            };\n        },\n        onInput(event, index) {\n            this.tokens[index] = event.target.value;\n            this.updateModel(event);\n\n            if (event.inputType === 'deleteContentBackward') {\n                this.moveToPrev(event);\n            } else if (event.inputType === 'insertText' || event.inputType === 'deleteContentForward') {\n                this.moveToNext(event);\n            }\n        },\n        updateModel(event) {\n            const newValue = this.tokens.join('');\n\n            this.$emit('update:modelValue', newValue);\n            this.$emit('change', {\n                originalEvent: event,\n                value: newValue\n            });\n        },\n        moveToPrev(event) {\n            let prevInput = this.findPrevInput(event.target);\n\n            if (prevInput) {\n                prevInput.focus();\n                prevInput.select();\n            }\n        },\n        moveToNext(event) {\n            let nextInput = this.findNextInput(event.target);\n\n            if (nextInput) {\n                nextInput.focus();\n                nextInput.select();\n            }\n        },\n        findNextInput(element) {\n            let nextElement = element.nextElementSibling;\n\n            if (!nextElement) return;\n\n            return nextElement.nodeName === 'INPUT' ? nextElement : this.findNextInput(nextElement);\n        },\n        findPrevInput(element) {\n            let prevElement = element.previousElementSibling;\n\n            if (!prevElement) return;\n\n            return prevElement.nodeName === 'INPUT' ? prevElement : this.findPrevInput(prevElement);\n        },\n        onFocus(event) {\n            event.target.select();\n            this.$emit('focus', event);\n        },\n        onBlur(event) {\n            this.$emit('blur', event);\n        },\n        onClick(event) {\n            setTimeout(() => event.target.select(), 1);\n        },\n        onKeyDown(event) {\n            if (event.ctrlKey || event.metaKey) {\n                return;\n            }\n\n            switch (event.code) {\n                case 'ArrowLeft':\n                    this.moveToPrev(event);\n                    event.preventDefault();\n\n                    break;\n\n                case 'ArrowUp':\n                case 'ArrowDown':\n                    event.preventDefault();\n\n                    break;\n\n                case 'Backspace':\n                    if (event.target.value.length === 0) {\n                        this.moveToPrev(event);\n                        event.preventDefault();\n                    }\n\n                    break;\n\n                case 'ArrowRight':\n                    this.moveToNext(event);\n                    event.preventDefault();\n\n                    break;\n\n                case 'Enter':\n                case 'NumpadEnter':\n                case 'Tab':\n                    break;\n\n                default:\n                    if ((this.integerOnly && !(event.code !== 'Space' && Number(event.key) >= 0 && Number(event.key) <= 9)) || (this.tokens.join('').length >= this.length && event.code !== 'Delete')) {\n                        event.preventDefault();\n                    }\n\n                    break;\n            }\n        },\n        onPaste(event) {\n            let paste = event.clipboardData.getData('text');\n\n            if (paste.length) {\n                let pastedCode = paste.substring(0, this.length);\n\n                if (!this.integerOnly || !isNaN(pastedCode)) {\n                    this.tokens = pastedCode.split('');\n                    this.updateModel(event);\n                }\n            }\n\n            event.preventDefault();\n        }\n    },\n    computed: {\n        inputMode() {\n            return this.integerOnly ? 'numeric' : 'text';\n        },\n        inputType() {\n            return this.mask ? 'password' : 'text';\n        }\n    },\n    components: {\n        OtpInputText: InputText\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n        <template v-for=\"i in length\" :key=\"i\">\n            <slot :events=\"getTemplateEvents(i - 1)\" :attrs=\"getTemplateAttrs(i - 1)\" :index=\"i\">\n                <OtpInputText\n                    :value=\"tokens[i - 1]\"\n                    :type=\"inputType\"\n                    :class=\"cx('pcInputText')\"\n                    :inputmode=\"inputMode\"\n                    :variant=\"variant\"\n                    :readonly=\"readonly\"\n                    :disabled=\"disabled\"\n                    :invalid=\"invalid\"\n                    :tabindex=\"tabindex\"\n                    :unstyled=\"unstyled\"\n                    @input=\"onInput($event, i - 1)\"\n                    @focus=\"onFocus($event)\"\n                    @blur=\"onBlur($event)\"\n                    @paste=\"onPaste($event)\"\n                    @keydown=\"onKeyDown($event)\"\n                    @click=\"onClick($event)\"\n                    :pt=\"ptm('pcInputText')\"\n                />\n            </slot>\n        </template>\n    </div>\n</template>\n\n<script>\nimport InputText from 'primevue/inputtext';\nimport BaseInputOtp from './BaseInputOtp.vue';\n\nexport default {\n    name: 'InputOtp',\n    extends: BaseInputOtp,\n    inheritAttrs: false,\n    emits: ['update:modelValue', 'change', 'focus', 'blur'],\n    data() {\n        return {\n            tokens: []\n        };\n    },\n    watch: {\n        modelValue: {\n            immediate: true,\n            handler(newValue) {\n                this.tokens = newValue ? newValue.split('') : new Array(this.length);\n            }\n        }\n    },\n    methods: {\n        getTemplateAttrs(index) {\n            return {\n                value: this.tokens[index]\n            };\n        },\n        getTemplateEvents(index) {\n            return {\n                input: (event) => this.onInput(event, index),\n                keydown: (event) => this.onKeyDown(event),\n                focus: (event) => this.onFocus(event),\n                blur: (event) => this.onBlur(event),\n                paste: (event) => this.onPaste(event)\n            };\n        },\n        onInput(event, index) {\n            this.tokens[index] = event.target.value;\n            this.updateModel(event);\n\n            if (event.inputType === 'deleteContentBackward') {\n                this.moveToPrev(event);\n            } else if (event.inputType === 'insertText' || event.inputType === 'deleteContentForward') {\n                this.moveToNext(event);\n            }\n        },\n        updateModel(event) {\n            const newValue = this.tokens.join('');\n\n            this.$emit('update:modelValue', newValue);\n            this.$emit('change', {\n                originalEvent: event,\n                value: newValue\n            });\n        },\n        moveToPrev(event) {\n            let prevInput = this.findPrevInput(event.target);\n\n            if (prevInput) {\n                prevInput.focus();\n                prevInput.select();\n            }\n        },\n        moveToNext(event) {\n            let nextInput = this.findNextInput(event.target);\n\n            if (nextInput) {\n                nextInput.focus();\n                nextInput.select();\n            }\n        },\n        findNextInput(element) {\n            let nextElement = element.nextElementSibling;\n\n            if (!nextElement) return;\n\n            return nextElement.nodeName === 'INPUT' ? nextElement : this.findNextInput(nextElement);\n        },\n        findPrevInput(element) {\n            let prevElement = element.previousElementSibling;\n\n            if (!prevElement) return;\n\n            return prevElement.nodeName === 'INPUT' ? prevElement : this.findPrevInput(prevElement);\n        },\n        onFocus(event) {\n            event.target.select();\n            this.$emit('focus', event);\n        },\n        onBlur(event) {\n            this.$emit('blur', event);\n        },\n        onClick(event) {\n            setTimeout(() => event.target.select(), 1);\n        },\n        onKeyDown(event) {\n            if (event.ctrlKey || event.metaKey) {\n                return;\n            }\n\n            switch (event.code) {\n                case 'ArrowLeft':\n                    this.moveToPrev(event);\n                    event.preventDefault();\n\n                    break;\n\n                case 'ArrowUp':\n                case 'ArrowDown':\n                    event.preventDefault();\n\n                    break;\n\n                case 'Backspace':\n                    if (event.target.value.length === 0) {\n                        this.moveToPrev(event);\n                        event.preventDefault();\n                    }\n\n                    break;\n\n                case 'ArrowRight':\n                    this.moveToNext(event);\n                    event.preventDefault();\n\n                    break;\n\n                case 'Enter':\n                case 'NumpadEnter':\n                case 'Tab':\n                    break;\n\n                default:\n                    if ((this.integerOnly && !(event.code !== 'Space' && Number(event.key) >= 0 && Number(event.key) <= 9)) || (this.tokens.join('').length >= this.length && event.code !== 'Delete')) {\n                        event.preventDefault();\n                    }\n\n                    break;\n            }\n        },\n        onPaste(event) {\n            let paste = event.clipboardData.getData('text');\n\n            if (paste.length) {\n                let pastedCode = paste.substring(0, this.length);\n\n                if (!this.integerOnly || !isNaN(pastedCode)) {\n                    this.tokens = pastedCode.split('');\n                    this.updateModel(event);\n                }\n            }\n\n            event.preventDefault();\n        }\n    },\n    computed: {\n        inputMode() {\n            return this.integerOnly ? 'numeric' : 'text';\n        },\n        inputType() {\n            return this.mask ? 'password' : 'text';\n        }\n    },\n    components: {\n        OtpInputText: InputText\n    }\n};\n</script>\n"],"names":["name","BaseComponent","props","modelValue","type","invalid","Boolean","disabled","readonly","variant","String","tabindex","Number","length","mask","integerOnly","style","InputOtpStyle","provide","$pcInputOtp","$parentInstance","BaseInputOtp","inheritAttrs","emits","data","tokens","watch","immediate","handler","newValue","split","Array","methods","getTemplateAttrs","index","value","getTemplateEvents","_this","input","event","onInput","keydown","onKeyDown","focus","onFocus","blur","onBlur","paste","onPaste","target","updateModel","inputType","moveToPrev","moveToNext","join","$emit","originalEvent","prevInput","findPrevInput","select","nextInput","findNextInput","element","nextElement","nextElementSibling","nodeName","prevElement","previousElementSibling","onClick","setTimeout","ctrlKey","metaKey","code","preventDefault","key","clipboardData","getData","pastedCode","substring","isNaN","computed","inputMode","components","OtpInputText","InputText","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","ptmi","_Fragment","_renderList","i","_renderSlot","$slots","events","$options","attrs","_createVNode","_component_OtpInputText","$data","inputmode","unstyled","$event","_cache","onKeydown","pt","ptm"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../src/inputotp/BaseInputOtp.vue","../../src/inputotp/InputOtp.vue","../../src/inputotp/InputOtp.vue?vue&type=template&id=4eebf078&lang.js"],"sourcesContent":["<script>\nimport BaseInput from '@primevue/core/baseinput';\nimport InputOtpStyle from 'primevue/inputotp/style';\n\nexport default {\n    name: 'BaseInputOtp',\n    extends: BaseInput,\n    props: {\n        readonly: {\n            type: Boolean,\n            default: false\n        },\n        tabindex: {\n            type: Number,\n            default: null\n        },\n        length: {\n            type: Number,\n            default: 4\n        },\n        mask: {\n            type: Boolean,\n            default: false\n        },\n        integerOnly: {\n            type: Boolean,\n            default: false\n        }\n    },\n    style: InputOtpStyle,\n    provide() {\n        return {\n            $pcInputOtp: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n        <template v-for=\"i in length\" :key=\"i\">\n            <slot :events=\"getTemplateEvents(i - 1)\" :attrs=\"getTemplateAttrs(i - 1)\" :index=\"i\">\n                <OtpInputText\n                    :value=\"tokens[i - 1]\"\n                    :type=\"inputType\"\n                    :class=\"cx('pcInputText')\"\n                    :name=\"$formName\"\n                    :inputmode=\"inputMode\"\n                    :variant=\"variant\"\n                    :readonly=\"readonly\"\n                    :disabled=\"disabled\"\n                    :size=\"size\"\n                    :invalid=\"invalid\"\n                    :tabindex=\"tabindex\"\n                    :unstyled=\"unstyled\"\n                    @input=\"onInput($event, i - 1)\"\n                    @focus=\"onFocus($event)\"\n                    @blur=\"onBlur($event)\"\n                    @paste=\"onPaste($event)\"\n                    @keydown=\"onKeyDown($event)\"\n                    @click=\"onClick($event)\"\n                    :pt=\"ptm('pcInputText')\"\n                />\n            </slot>\n        </template>\n    </div>\n</template>\n\n<script>\nimport InputText from 'primevue/inputtext';\nimport BaseInputOtp from './BaseInputOtp.vue';\n\nexport default {\n    name: 'InputOtp',\n    extends: BaseInputOtp,\n    inheritAttrs: false,\n    emits: ['change', 'focus', 'blur'],\n    data() {\n        return {\n            tokens: []\n        };\n    },\n    watch: {\n        modelValue: {\n            immediate: true,\n            handler(newValue) {\n                this.tokens = newValue ? newValue.split('') : new Array(this.length);\n            }\n        }\n    },\n    methods: {\n        getTemplateAttrs(index) {\n            return {\n                value: this.tokens[index]\n            };\n        },\n        getTemplateEvents(index) {\n            return {\n                input: (event) => this.onInput(event, index),\n                keydown: (event) => this.onKeyDown(event),\n                focus: (event) => this.onFocus(event),\n                blur: (event) => this.onBlur(event),\n                paste: (event) => this.onPaste(event)\n            };\n        },\n        onInput(event, index) {\n            this.tokens[index] = event.target.value;\n            this.updateModel(event);\n\n            if (event.inputType === 'deleteContentBackward') {\n                this.moveToPrev(event);\n            } else if (event.inputType === 'insertText' || event.inputType === 'deleteContentForward') {\n                this.moveToNext(event);\n            }\n        },\n        updateModel(event) {\n            const newValue = this.tokens.join('');\n\n            this.writeValue(newValue, event);\n            this.$emit('change', {\n                originalEvent: event,\n                value: newValue\n            });\n        },\n        moveToPrev(event) {\n            let prevInput = this.findPrevInput(event.target);\n\n            if (prevInput) {\n                prevInput.focus();\n                prevInput.select();\n            }\n        },\n        moveToNext(event) {\n            let nextInput = this.findNextInput(event.target);\n\n            if (nextInput) {\n                nextInput.focus();\n                nextInput.select();\n            }\n        },\n        findNextInput(element) {\n            let nextElement = element.nextElementSibling;\n\n            if (!nextElement) return;\n\n            return nextElement.nodeName === 'INPUT' ? nextElement : this.findNextInput(nextElement);\n        },\n        findPrevInput(element) {\n            let prevElement = element.previousElementSibling;\n\n            if (!prevElement) return;\n\n            return prevElement.nodeName === 'INPUT' ? prevElement : this.findPrevInput(prevElement);\n        },\n        onFocus(event) {\n            event.target.select();\n            this.$emit('focus', event);\n        },\n        onBlur(event) {\n            this.$emit('blur', event);\n        },\n        onClick(event) {\n            setTimeout(() => event.target.select(), 1);\n        },\n        onKeyDown(event) {\n            if (event.ctrlKey || event.metaKey) {\n                return;\n            }\n\n            switch (event.code) {\n                case 'ArrowLeft':\n                    this.moveToPrev(event);\n                    event.preventDefault();\n\n                    break;\n\n                case 'ArrowUp':\n                case 'ArrowDown':\n                    event.preventDefault();\n\n                    break;\n\n                case 'Backspace':\n                    if (event.target.value.length === 0) {\n                        this.moveToPrev(event);\n                        event.preventDefault();\n                    }\n\n                    break;\n\n                case 'ArrowRight':\n                    this.moveToNext(event);\n                    event.preventDefault();\n\n                    break;\n\n                case 'Enter':\n                case 'NumpadEnter':\n                case 'Tab':\n                    break;\n\n                default:\n                    if ((this.integerOnly && !(event.code !== 'Space' && Number(event.key) >= 0 && Number(event.key) <= 9)) || (this.tokens.join('').length >= this.length && event.code !== 'Delete')) {\n                        event.preventDefault();\n                    }\n\n                    break;\n            }\n        },\n        onPaste(event) {\n            let paste = event.clipboardData.getData('text');\n\n            if (paste.length) {\n                let pastedCode = paste.substring(0, this.length);\n\n                if (!this.integerOnly || !isNaN(pastedCode)) {\n                    this.tokens = pastedCode.split('');\n                    this.updateModel(event);\n                }\n            }\n\n            event.preventDefault();\n        }\n    },\n    computed: {\n        inputMode() {\n            return this.integerOnly ? 'numeric' : 'text';\n        },\n        inputType() {\n            return this.mask ? 'password' : 'text';\n        }\n    },\n    components: {\n        OtpInputText: InputText\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n        <template v-for=\"i in length\" :key=\"i\">\n            <slot :events=\"getTemplateEvents(i - 1)\" :attrs=\"getTemplateAttrs(i - 1)\" :index=\"i\">\n                <OtpInputText\n                    :value=\"tokens[i - 1]\"\n                    :type=\"inputType\"\n                    :class=\"cx('pcInputText')\"\n                    :name=\"$formName\"\n                    :inputmode=\"inputMode\"\n                    :variant=\"variant\"\n                    :readonly=\"readonly\"\n                    :disabled=\"disabled\"\n                    :size=\"size\"\n                    :invalid=\"invalid\"\n                    :tabindex=\"tabindex\"\n                    :unstyled=\"unstyled\"\n                    @input=\"onInput($event, i - 1)\"\n                    @focus=\"onFocus($event)\"\n                    @blur=\"onBlur($event)\"\n                    @paste=\"onPaste($event)\"\n                    @keydown=\"onKeyDown($event)\"\n                    @click=\"onClick($event)\"\n                    :pt=\"ptm('pcInputText')\"\n                />\n            </slot>\n        </template>\n    </div>\n</template>\n\n<script>\nimport InputText from 'primevue/inputtext';\nimport BaseInputOtp from './BaseInputOtp.vue';\n\nexport default {\n    name: 'InputOtp',\n    extends: BaseInputOtp,\n    inheritAttrs: false,\n    emits: ['change', 'focus', 'blur'],\n    data() {\n        return {\n            tokens: []\n        };\n    },\n    watch: {\n        modelValue: {\n            immediate: true,\n            handler(newValue) {\n                this.tokens = newValue ? newValue.split('') : new Array(this.length);\n            }\n        }\n    },\n    methods: {\n        getTemplateAttrs(index) {\n            return {\n                value: this.tokens[index]\n            };\n        },\n        getTemplateEvents(index) {\n            return {\n                input: (event) => this.onInput(event, index),\n                keydown: (event) => this.onKeyDown(event),\n                focus: (event) => this.onFocus(event),\n                blur: (event) => this.onBlur(event),\n                paste: (event) => this.onPaste(event)\n            };\n        },\n        onInput(event, index) {\n            this.tokens[index] = event.target.value;\n            this.updateModel(event);\n\n            if (event.inputType === 'deleteContentBackward') {\n                this.moveToPrev(event);\n            } else if (event.inputType === 'insertText' || event.inputType === 'deleteContentForward') {\n                this.moveToNext(event);\n            }\n        },\n        updateModel(event) {\n            const newValue = this.tokens.join('');\n\n            this.writeValue(newValue, event);\n            this.$emit('change', {\n                originalEvent: event,\n                value: newValue\n            });\n        },\n        moveToPrev(event) {\n            let prevInput = this.findPrevInput(event.target);\n\n            if (prevInput) {\n                prevInput.focus();\n                prevInput.select();\n            }\n        },\n        moveToNext(event) {\n            let nextInput = this.findNextInput(event.target);\n\n            if (nextInput) {\n                nextInput.focus();\n                nextInput.select();\n            }\n        },\n        findNextInput(element) {\n            let nextElement = element.nextElementSibling;\n\n            if (!nextElement) return;\n\n            return nextElement.nodeName === 'INPUT' ? nextElement : this.findNextInput(nextElement);\n        },\n        findPrevInput(element) {\n            let prevElement = element.previousElementSibling;\n\n            if (!prevElement) return;\n\n            return prevElement.nodeName === 'INPUT' ? prevElement : this.findPrevInput(prevElement);\n        },\n        onFocus(event) {\n            event.target.select();\n            this.$emit('focus', event);\n        },\n        onBlur(event) {\n            this.$emit('blur', event);\n        },\n        onClick(event) {\n            setTimeout(() => event.target.select(), 1);\n        },\n        onKeyDown(event) {\n            if (event.ctrlKey || event.metaKey) {\n                return;\n            }\n\n            switch (event.code) {\n                case 'ArrowLeft':\n                    this.moveToPrev(event);\n                    event.preventDefault();\n\n                    break;\n\n                case 'ArrowUp':\n                case 'ArrowDown':\n                    event.preventDefault();\n\n                    break;\n\n                case 'Backspace':\n                    if (event.target.value.length === 0) {\n                        this.moveToPrev(event);\n                        event.preventDefault();\n                    }\n\n                    break;\n\n                case 'ArrowRight':\n                    this.moveToNext(event);\n                    event.preventDefault();\n\n                    break;\n\n                case 'Enter':\n                case 'NumpadEnter':\n                case 'Tab':\n                    break;\n\n                default:\n                    if ((this.integerOnly && !(event.code !== 'Space' && Number(event.key) >= 0 && Number(event.key) <= 9)) || (this.tokens.join('').length >= this.length && event.code !== 'Delete')) {\n                        event.preventDefault();\n                    }\n\n                    break;\n            }\n        },\n        onPaste(event) {\n            let paste = event.clipboardData.getData('text');\n\n            if (paste.length) {\n                let pastedCode = paste.substring(0, this.length);\n\n                if (!this.integerOnly || !isNaN(pastedCode)) {\n                    this.tokens = pastedCode.split('');\n                    this.updateModel(event);\n                }\n            }\n\n            event.preventDefault();\n        }\n    },\n    computed: {\n        inputMode() {\n            return this.integerOnly ? 'numeric' : 'text';\n        },\n        inputType() {\n            return this.mask ? 'password' : 'text';\n        }\n    },\n    components: {\n        OtpInputText: InputText\n    }\n};\n</script>\n"],"names":["name","BaseInput","props","readonly","type","Boolean","tabindex","Number","length","mask","integerOnly","style","InputOtpStyle","provide","$pcInputOtp","$parentInstance","BaseInputOtp","inheritAttrs","emits","data","tokens","watch","modelValue","immediate","handler","newValue","split","Array","methods","getTemplateAttrs","index","value","getTemplateEvents","_this","input","event","onInput","keydown","onKeyDown","focus","onFocus","blur","onBlur","paste","onPaste","target","updateModel","inputType","moveToPrev","moveToNext","join","writeValue","$emit","originalEvent","prevInput","findPrevInput","select","nextInput","findNextInput","element","nextElement","nextElementSibling","nodeName","prevElement","previousElementSibling","onClick","setTimeout","ctrlKey","metaKey","code","preventDefault","key","clipboardData","getData","pastedCode","substring","isNaN","computed","inputMode","components","OtpInputText","InputText","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","ptmi","_Fragment","_renderList","i","_renderSlot","$slots","events","$options","attrs","_createVNode","_component_OtpInputText","$data","$formName","inputmode","variant","disabled","size","invalid","unstyled","$event","_cache","onKeydown","pt","ptm"],"mappings":"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"}

package/inputotp/style/index.mjs

@@ -1,8 +1,8 @@
 import BaseStyle from '@primevue/core/base/style';
 
 var theme = function theme(_ref) {
-  _ref.dt;
-  return "\n.p-inputotp {\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n}\n\n.p-inputotp-input {\n    text-align: center;\n    width: 2.5rem;\n}\n";
+  var dt = _ref.dt;
+  return "\n.p-inputotp {\n    display: flex;\n    align-items: center;\n    gap: ".concat(dt('inputotp.gap'), ";\n}\n\n.p-inputotp-input {\n    text-align: center;\n    width: ").concat(dt('inputotp.input.width'), ";\n}\n\n.p-inputotp-input.p-inputtext-sm {\n    text-align: center;\n    width: ").concat(dt('inputotp.input.sm.width'), ";\n}\n\n.p-inputotp-input.p-inputtext-lg {\n    text-align: center;\n    width: ").concat(dt('inputotp.input.lg.width'), ";\n}\n");
 };
 var classes = {
   root: 'p-inputotp p-component',

package/inputotp/style/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/inputotp/style/InputOtpStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-inputotp {\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n}\n\n.p-inputotp-input {\n    text-align: center;\n    width: 2.5rem;\n}\n`;\n\nconst classes = {\n    root: 'p-inputotp p-component',\n    pcInputText: 'p-inputotp-input'\n};\n\nexport default BaseStyle.extend({\n    name: 'inputotp',\n    theme,\n    classes\n});\n"],"names":["theme","_ref","dt","classes","root","pcInputText","BaseStyle","extend","name"],"mappings":";;AAEA,IAAMA,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA,EAAA;AAAA,EAAQA,IAAA,CAAFC,GAAE;AAAA,EAAA,OAAA,6JAAA,CAAA;AAAA,CAWlB,CAAA;AAED,IAAMC,OAAO,GAAG;AACZC,EAAAA,IAAI,EAAE,wBAAwB;AAC9BC,EAAAA,WAAW,EAAE,kBAAA;AACjB,CAAC,CAAA;AAED,oBAAeC,SAAS,CAACC,MAAM,CAAC;AAC5BC,EAAAA,IAAI,EAAE,UAAU;AAChBR,EAAAA,KAAK,EAALA,KAAK;AACLG,EAAAA,OAAO,EAAPA,OAAAA;AACJ,CAAC,CAAC;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../src/inputotp/style/InputOtpStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-inputotp {\n    display: flex;\n    align-items: center;\n    gap: ${dt('inputotp.gap')};\n}\n\n.p-inputotp-input {\n    text-align: center;\n    width: ${dt('inputotp.input.width')};\n}\n\n.p-inputotp-input.p-inputtext-sm {\n    text-align: center;\n    width: ${dt('inputotp.input.sm.width')};\n}\n\n.p-inputotp-input.p-inputtext-lg {\n    text-align: center;\n    width: ${dt('inputotp.input.lg.width')};\n}\n`;\n\nconst classes = {\n    root: 'p-inputotp p-component',\n    pcInputText: 'p-inputotp-input'\n};\n\nexport default BaseStyle.extend({\n    name: 'inputotp',\n    theme,\n    classes\n});\n"],"names":["theme","_ref","dt","concat","classes","root","pcInputText","BaseStyle","extend","name"],"mappings":";;AAEA,IAAMA,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,EAAE,GAAAD,IAAA,CAAFC,EAAE;EAAA,OAAAC,0EAAAA,CAAAA,MAAA,CAIRD,EAAE,CAAC,cAAc,CAAC,EAAA,mEAAA,CAAA,CAAAC,MAAA,CAKhBD,EAAE,CAAC,sBAAsB,CAAC,sFAAAC,MAAA,CAK1BD,EAAE,CAAC,yBAAyB,CAAC,EAAAC,kFAAAA,CAAAA,CAAAA,MAAA,CAK7BD,EAAE,CAAC,yBAAyB,CAAC,EAAA,QAAA,CAAA;AAAA,CAEzC;AAED,IAAME,OAAO,GAAG;AACZC,EAAAA,IAAI,EAAE,wBAAwB;AAC9BC,EAAAA,WAAW,EAAE;AACjB,CAAC;AAED,oBAAeC,SAAS,CAACC,MAAM,CAAC;AAC5BC,EAAAA,IAAI,EAAE,UAAU;AAChBT,EAAAA,KAAK,EAALA,KAAK;AACLI,EAAAA,OAAO,EAAPA;AACJ,CAAC,CAAC;;;;"}

package/inputswitch/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/inputswitch/InputSwitch.vue"],"sourcesContent":["<script>\nimport ToggleSwitch from 'primevue/toggleswitch';\n\nexport default {\n    name: 'InputSwitch',\n    extends: ToggleSwitch,\n    mounted() {\n        console.warn('Deprecated since v4. Use ToggleSwitch component instead.');\n    }\n};\n</script>\n"],"names":["name","ToggleSwitch","mounted","console","warn"],"mappings":";;AAGA,aAAe;AACXA,EAAAA,IAAI,EAAE,aAAa;AACnB,EAAA,SAAA,EAASC,YAAY;EACrBC,OAAO,EAAA,SAAPA,OAAOA,GAAG;AACNC,IAAAA,OAAO,CAACC,IAAI,CAAC,0DAA0D,CAAC,CAAA;AAC5E,GAAA;AACJ,CAAC;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../src/inputswitch/InputSwitch.vue"],"sourcesContent":["<script>\nimport ToggleSwitch from 'primevue/toggleswitch';\n\nexport default {\n    name: 'InputSwitch',\n    extends: ToggleSwitch,\n    mounted() {\n        console.warn('Deprecated since v4. Use ToggleSwitch component instead.');\n    }\n};\n</script>\n"],"names":["name","ToggleSwitch","mounted","console","warn"],"mappings":";;AAGA,aAAe;AACXA,EAAAA,IAAI,EAAE,aAAa;AACnB,EAAA,SAAA,EAASC,YAAY;EACrBC,OAAO,EAAA,SAAPA,OAAOA,GAAG;AACNC,IAAAA,OAAO,CAACC,IAAI,CAAC,0DAA0D,CAAC;AAC5E;AACJ,CAAC;;;;"}

package/inputswitch/style/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/inputswitch/style/InputSwitchStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nexport default BaseStyle.extend({\n    name: 'inputswitch'\n});\n"],"names":["BaseStyle","extend","name"],"mappings":";;AAEA,uBAAeA,SAAS,CAACC,MAAM,CAAC;AAC5BC,EAAAA,IAAI,EAAE,aAAA;AACV,CAAC,CAAC;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../src/inputswitch/style/InputSwitchStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nexport default BaseStyle.extend({\n    name: 'inputswitch'\n});\n"],"names":["BaseStyle","extend","name"],"mappings":";;AAEA,uBAAeA,SAAS,CAACC,MAAM,CAAC;AAC5BC,EAAAA,IAAI,EAAE;AACV,CAAC,CAAC;;;;"}

package/inputtext/BaseInputText.vue

@@ -1,29 +1,10 @@
 <script>
-import BaseComponent from '@primevue/core/basecomponent';
+import BaseInput from '@primevue/core/baseinput';
 import InputTextStyle from 'primevue/inputtext/style';
 
 export default {
     name: 'BaseInputText',
-    extends: BaseComponent,
-    props: {
-        modelValue: null,
-        size: {
-            type: String,
-            default: null
-        },
-        invalid: {
-            type: Boolean,
-            default: false
-        },
-        variant: {
-            type: String,
-            default: null
-        },
-        fluid: {
-            type: Boolean,
-            default: null
-        }
-    },
+    extends: BaseInput,
     style: InputTextStyle,
     provide() {
         return {

package/inputtext/InputText.vue

@@ -1,40 +1,31 @@
 <template>
-    <input type="text" :class="cx('root')" :value="modelValue" :aria-invalid="invalid || undefined" @input="onInput" v-bind="getPTOptions('root')" />
+    <input type="text" :class="cx('root')" :value="d_value" :disabled="disabled" :aria-invalid="$invalid || undefined" @input="onInput" v-bind="attrs" />
 </template>
 
 <script>
-import { isEmpty } from '@primeuix/utils/object';
+import { mergeProps } from 'vue';
 import BaseInputText from './BaseInputText.vue';
 
 export default {
     name: 'InputText',
     extends: BaseInputText,
     inheritAttrs: false,
-    emits: ['update:modelValue'],
-    inject: {
-        $pcFluid: { default: null }
-    },
     methods: {
-        getPTOptions(key) {
-            const _ptm = key === 'root' ? this.ptmi : this.ptm;
-
-            return _ptm(key, {
-                context: {
-                    filled: this.filled,
-                    disabled: this.$attrs.disabled || this.$attrs.disabled === ''
-                }
-            });
-        },
         onInput(event) {
-            this.$emit('update:modelValue', event.target.value);
+            this.writeValue(event.target.value, event);
         }
     },
     computed: {
-        filled() {
-            return this.modelValue != null && this.modelValue.toString().length > 0;
-        },
-        hasFluid() {
-            return isEmpty(this.fluid) ? !!this.$pcFluid : this.fluid;
+        attrs() {
+            return mergeProps(
+                this.ptmi('root', {
+                    context: {
+                        filled: this.$filled,
+                        disabled: this.disabled
+                    }
+                }),
+                this.formField
+            );
         }
     }
 };

package/inputtext/index.d.ts

@@ -87,6 +87,14 @@ export interface InputTextProps extends InputHTMLAttributes {
      * Value of the component.
      */
     modelValue?: Nullable<string>;
+    /**
+     * The default value for the input when not controlled by `modelValue`.
+     */
+    defaultValue?: Nullable<string>;
+    /**
+     * The name attribute for the element, typically used in form submissions.
+     */
+    name?: string | undefined;
     /**
      * Defines the size of the component.
      */
@@ -106,6 +114,10 @@ export interface InputTextProps extends InputHTMLAttributes {
      * @defaultValue null
      */
     fluid?: boolean | undefined;
+    /**
+     * Form control object, typically used for handling validation and form state.
+     */
+    formControl?: Record<string, any> | undefined;
     /**
      * It generates scoped CSS variables using design tokens for the component.
      */
@@ -141,6 +153,11 @@ export interface InputTextEmitsOptions {
      * @param {string} value - New value.
      */
     'update:modelValue'(value: string | undefined): void;
+    /**
+     * Emitted when the value changes in uncontrolled mode.
+     * @param {string} value - New value.
+     */
+    'value-change'(value: string | undefined): void;
 }
 
 export declare type InputTextEmits = EmitFn<InputTextEmitsOptions>;