@progress/kendo-vue-inputs 6.0.2-develop.1 → 6.1.0-develop.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (105) hide show
  1. package/README.md +1 -1
  2. package/checkbox/Checkbox.js +1 -1
  3. package/checkbox/Checkbox.mjs +1 -1
  4. package/colors/ColorContrastLabels.js +1 -1
  5. package/colors/ColorContrastLabels.mjs +1 -1
  6. package/colors/ColorContrastSvg.js +1 -1
  7. package/colors/ColorContrastSvg.mjs +1 -1
  8. package/colors/ColorGradient.js +1 -1
  9. package/colors/ColorGradient.mjs +1 -1
  10. package/colors/ColorInput.js +1 -1
  11. package/colors/ColorInput.mjs +1 -1
  12. package/colors/ColorPalette.js +1 -1
  13. package/colors/ColorPalette.mjs +1 -1
  14. package/colors/ColorPicker.js +1 -1
  15. package/colors/ColorPicker.mjs +1 -1
  16. package/colors/FlatColorPicker.js +1 -1
  17. package/colors/FlatColorPicker.mjs +1 -1
  18. package/colors/HexInput.js +1 -1
  19. package/colors/HexInput.mjs +1 -1
  20. package/colors/Picker.js +1 -1
  21. package/colors/Picker.mjs +1 -1
  22. package/colors/models/palette-presets.js +1 -1
  23. package/colors/models/palette-presets.mjs +1 -1
  24. package/colors/utils/color-cache.js +1 -1
  25. package/colors/utils/color-cache.mjs +1 -1
  26. package/colors/utils/color-palette.service.js +1 -1
  27. package/colors/utils/color-palette.service.mjs +1 -1
  28. package/colors/utils/color-parser.js +1 -1
  29. package/colors/utils/color-parser.mjs +1 -1
  30. package/colors/utils/misc.js +1 -1
  31. package/colors/utils/misc.mjs +1 -1
  32. package/colors/utils/svg-calc.js +1 -1
  33. package/colors/utils/svg-calc.mjs +1 -1
  34. package/dist/cdn/js/kendo-vue-inputs.js +2 -2
  35. package/index.d.mts +111 -81
  36. package/index.d.ts +111 -81
  37. package/index.js +1 -1
  38. package/index.mjs +1 -1
  39. package/input/Input.js +1 -1
  40. package/input/Input.mjs +1 -1
  41. package/input-separator/InputSeparator.js +1 -1
  42. package/input-separator/InputSeparator.mjs +1 -1
  43. package/maskedtextbox/MaskedTextBox.js +2 -2
  44. package/maskedtextbox/MaskedTextBox.mjs +44 -41
  45. package/maskedtextbox/masking.service.js +1 -1
  46. package/maskedtextbox/masking.service.mjs +1 -1
  47. package/maskedtextbox/parsing/combinators.js +1 -1
  48. package/maskedtextbox/parsing/combinators.mjs +1 -1
  49. package/maskedtextbox/parsing/parsers.js +1 -1
  50. package/maskedtextbox/parsing/parsers.mjs +1 -1
  51. package/maskedtextbox/parsing/result.js +1 -1
  52. package/maskedtextbox/parsing/result.mjs +1 -1
  53. package/maskedtextbox/parsing/stream.js +1 -1
  54. package/maskedtextbox/parsing/stream.mjs +1 -1
  55. package/maskedtextbox/utils.js +1 -1
  56. package/maskedtextbox/utils.mjs +1 -1
  57. package/messages/main.js +1 -1
  58. package/messages/main.mjs +1 -1
  59. package/numerictextbox/NumericTextBox.js +2 -2
  60. package/numerictextbox/NumericTextBox.mjs +70 -68
  61. package/numerictextbox/utils/main.js +1 -1
  62. package/numerictextbox/utils/main.mjs +1 -1
  63. package/package-metadata.js +1 -1
  64. package/package-metadata.mjs +2 -2
  65. package/package.json +8 -8
  66. package/radiobutton/RadioButton.js +1 -1
  67. package/radiobutton/RadioButton.mjs +1 -1
  68. package/radiobutton/RadioGroup.js +1 -1
  69. package/radiobutton/RadioGroup.mjs +1 -1
  70. package/range-slider/RangeSlider.js +1 -1
  71. package/range-slider/RangeSlider.mjs +1 -1
  72. package/range-slider/range-raducer.js +1 -1
  73. package/range-slider/range-raducer.mjs +1 -1
  74. package/rating/Rating.js +1 -1
  75. package/rating/Rating.mjs +1 -1
  76. package/rating/RatingItem.js +1 -1
  77. package/rating/RatingItem.mjs +1 -1
  78. package/rating/utils/main.js +1 -1
  79. package/rating/utils/main.mjs +1 -1
  80. package/rating/utils/rating-reducer.js +1 -1
  81. package/rating/utils/rating-reducer.mjs +1 -1
  82. package/signature/Signature.js +1 -1
  83. package/signature/Signature.mjs +1 -1
  84. package/signature/SignatureBottomActions.js +1 -1
  85. package/signature/SignatureBottomActions.mjs +1 -1
  86. package/signature/SignatureCanvas.js +1 -1
  87. package/signature/SignatureCanvas.mjs +1 -1
  88. package/signature/SignatureDialog.js +1 -1
  89. package/signature/SignatureDialog.mjs +1 -1
  90. package/signature/SignatureLine.js +1 -1
  91. package/signature/SignatureLine.mjs +1 -1
  92. package/signature/utils/main.js +1 -1
  93. package/signature/utils/main.mjs +1 -1
  94. package/slider/Slider.js +1 -1
  95. package/slider/Slider.mjs +1 -1
  96. package/slider/SliderLabel.js +1 -1
  97. package/slider/SliderLabel.mjs +1 -1
  98. package/switch/Switch.js +1 -1
  99. package/switch/Switch.mjs +1 -1
  100. package/textarea/TextArea.js +2 -2
  101. package/textarea/TextArea.mjs +32 -29
  102. package/textarea/interfaces/TextAreaResize.js +1 -1
  103. package/textarea/interfaces/TextAreaResize.mjs +1 -1
  104. package/textbox/TextBox.js +2 -2
  105. package/textbox/TextBox.mjs +25 -22
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license
3
3
  *-------------------------------------------------------------------------------------------
4
- * Copyright © 2024 Progress Software Corporation. All rights reserved.
4
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
5
5
  * Licensed under commercial license. See LICENSE.md in the package root for more information
6
6
  *-------------------------------------------------------------------------------------------
7
7
  */
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license
3
3
  *-------------------------------------------------------------------------------------------
4
- * Copyright © 2024 Progress Software Corporation. All rights reserved.
4
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
5
5
  * Licensed under commercial license. See LICENSE.md in the package root for more information
6
6
  *-------------------------------------------------------------------------------------------
7
7
  */
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license
3
3
  *-------------------------------------------------------------------------------------------
4
- * Copyright © 2024 Progress Software Corporation. All rights reserved.
4
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
5
5
  * Licensed under commercial license. See LICENSE.md in the package root for more information
6
6
  *-------------------------------------------------------------------------------------------
7
7
  */
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license
3
3
  *-------------------------------------------------------------------------------------------
4
- * Copyright © 2024 Progress Software Corporation. All rights reserved.
4
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
5
5
  * Licensed under commercial license. See LICENSE.md in the package root for more information
6
6
  *-------------------------------------------------------------------------------------------
7
7
  */
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license
3
3
  *-------------------------------------------------------------------------------------------
4
- * Copyright © 2024 Progress Software Corporation. All rights reserved.
4
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
5
5
  * Licensed under commercial license. See LICENSE.md in the package root for more information
6
6
  *-------------------------------------------------------------------------------------------
7
7
  */
package/slider/Slider.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license
3
3
  *-------------------------------------------------------------------------------------------
4
- * Copyright © 2024 Progress Software Corporation. All rights reserved.
4
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
5
5
  * Licensed under commercial license. See LICENSE.md in the package root for more information
6
6
  *-------------------------------------------------------------------------------------------
7
7
  */
package/slider/Slider.mjs CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license
3
3
  *-------------------------------------------------------------------------------------------
4
- * Copyright © 2024 Progress Software Corporation. All rights reserved.
4
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
5
5
  * Licensed under commercial license. See LICENSE.md in the package root for more information
6
6
  *-------------------------------------------------------------------------------------------
7
7
  */
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license
3
3
  *-------------------------------------------------------------------------------------------
4
- * Copyright © 2024 Progress Software Corporation. All rights reserved.
4
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
5
5
  * Licensed under commercial license. See LICENSE.md in the package root for more information
6
6
  *-------------------------------------------------------------------------------------------
7
7
  */
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license
3
3
  *-------------------------------------------------------------------------------------------
4
- * Copyright © 2024 Progress Software Corporation. All rights reserved.
4
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
5
5
  * Licensed under commercial license. See LICENSE.md in the package root for more information
6
6
  *-------------------------------------------------------------------------------------------
7
7
  */
package/switch/Switch.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license
3
3
  *-------------------------------------------------------------------------------------------
4
- * Copyright © 2024 Progress Software Corporation. All rights reserved.
4
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
5
5
  * Licensed under commercial license. See LICENSE.md in the package root for more information
6
6
  *-------------------------------------------------------------------------------------------
7
7
  */
package/switch/Switch.mjs CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license
3
3
  *-------------------------------------------------------------------------------------------
4
- * Copyright © 2024 Progress Software Corporation. All rights reserved.
4
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
5
5
  * Licensed under commercial license. See LICENSE.md in the package root for more information
6
6
  *-------------------------------------------------------------------------------------------
7
7
  */
@@ -1,8 +1,8 @@
1
1
  /**
2
2
  * @license
3
3
  *-------------------------------------------------------------------------------------------
4
- * Copyright © 2024 Progress Software Corporation. All rights reserved.
4
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
5
5
  * Licensed under commercial license. See LICENSE.md in the package root for more information
6
6
  *-------------------------------------------------------------------------------------------
7
7
  */
8
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),i=require("@progress/kendo-vue-common"),z=require("../package-metadata.js"),m=require("@progress/kendo-svg-icons"),d=require("./interfaces/TextAreaResize.js"),N=t.defineComponent({name:"KendoTextArea",model:{event:"changemodel"},emits:{input:null,change:null,changemodel:null,"update:modelValue":null,focus:null,blur:null},props:{title:String,ariaDescribedBy:String,ariaLabelledBy:String,autoSize:Boolean,modelValue:{type:[String,Array,Number],default:void 0},defaultValue:[String,Number],dir:String,disabled:Boolean,readOnly:Boolean,rows:Number,id:String,name:String,validationMessage:String,size:{type:String,default:"medium",validator:function(e){return[null,"small","medium","large"].includes(e)}},rounded:{type:String,default:"medium",validator:function(e){return[null,"small","medium","large","full"].includes(e)}},fillMode:{type:String,default:"solid",validator:function(e){return[null,"solid","flat","outline"].includes(e)}},required:Boolean,placeholder:String,tabIndex:Number,valid:{type:Boolean,default:void 0},value:[String,Array,Number],validityStyles:{type:Boolean,default:!0},iconName:String,inputPrefix:[String,Function],inputSuffix:[String,Function],showValidationIcon:Boolean,showLoadingIcon:Boolean,showClearButton:Boolean,inputClass:String,wrapperClass:String,flow:{type:String,default:"horizontal",validator:function(e){return["horizontal","vertical"].includes(e)}},resizable:{type:String,default:"vertical",validator:function(e){return["both","horizontal","vertical","none"].includes(e)}}},created(){i.validatePackage(z.packageMetadata),this.calculatedId=i.guid()},computed:{resizableClass(){const{resizable:e,autoSize:s}=this.$props;return s||e===d.TextAreaResizeEnum.none?"k-resize-none":e===d.TextAreaResizeEnum.vertical?"k-resize-y":e===d.TextAreaResizeEnum.horizontal?"k-resize-x":"k-resize"},rootClassName(){const{size:e,fillMode:s,rounded:l,required:a,showLoadingIcon:n}=this.$props,r=this.validityStyles===!0?!this.isValid:!1;return{"k-input":!0,"k-textarea":!0,[`k-input-${i.kendoThemeMaps.sizeMap[e]||e}`]:e,[`k-input-${s}`]:s,[`k-rounded-${i.kendoThemeMaps.roundedMap[l]||l}`]:l,"k-disabled":this.$props.disabled,"k-invalid":r,"k-required":a,"k-loading":n,[this.resizableClass]:!0,"!k-flex-col":this.flow==="vertical","!k-flex-row":this.flow==="horizontal",[this.wrapperClass]:this.wrapperClass}},inputInnerClass(){return{"k-input-inner":!0,"!k-resize-none":!0,"!k-overflow-auto":!0,"k-flex":!0,[this.inputClass]:this.inputClass}},prefixRenderClass(){return{"k-input-prefix":!0,"!k-flex-col":this.flow==="horizontal","!k-flex-row":this.flow==="vertical","!k-align-items-start":this.flow==="horizontal"}},suffixRenderClass(){return{"k-input-suffix":!0,"!k-flex-col":this.flow==="horizontal","!k-flex-row":this.flow==="vertical","!k-align-items-start":this.flow==="horizontal"}},suffixIconWrapClass(){return{"k-flex-wrap":!0,"!k-align-items-start":!0}},computedValue(){return this.$props.value!==void 0?this.$props.value:this.$props.modelValue!==void 0?this.$props.modelValue:this.currentValue},isValid(){return this.valid!==void 0?this.valid:this.required?!!this.computedValue:!0}},data(){return{currentValue:this.$props.defaultValue,textAreaHeight:"auto",currentDir:"ltr"}},watch:{size(){this.textAreaHeight="auto"},computedValue(){this.textAreaHeight="auto"}},mounted(){this.element=this.elementRef,this.currentDir=this.$props.dir!==void 0?this.$props.dir:i.isRtl(this.$el)?"rtl":"ltr",this.setValidity()},updated(){this.element=this.elementRef,this.setValidity()},render(){const{ariaDescribedBy:e,ariaLabelledBy:s,autoSize:l,disabled:a,readOnly:n,required:r,rows:f,id:g,name:x,placeholder:k,tabIndex:V,iconName:o,showValidationIcon:u,showLoadingIcon:h,showClearButton:c,title:v}=this.$props,b={id:g||this.calculatedId,name:x,disabled:a,rows:f,title:v,placeholder:k,readOnly:n,required:r,tabIndex:i.getTabIndex(V,a),"aria-labelledby":s,"aria-describedby":e,"aria-multiline":!0,"aria-disabled":a||void 0,...this.$attrs},y=i.templateRendering.call(this,this.$props.inputPrefix,i.getListeners.call(this)),C=i.templateRendering.call(this,this.$props.inputSuffix,i.getListeners.call(this)),S=i.getTemplate.call(this,{h:t.h,template:y,additionalProps:{value:this.computedValue,valid:this.isValid}}),w=i.getTemplate.call(this,{h:t.h,template:C,additionalProps:{value:this.computedValue,valid:this.isValid}}),$=t.h("textarea",{...b,class:this.inputInnerClass,ref:I=>{this.elementRef=I},style:l?{overflow:"hidden",height:this.textAreaHeight}:{},value:this.computedValue,onChange:this.handleChange,onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur}),p=[o&&t.createVNode("span",{class:"k-flex-wrap"},[t.createVNode(i.Icon,{name:o,class:"k-input-icon"},null)]),$,u&&this.isValid&&t.createVNode("span",{class:this.suffixIconWrapClass},[t.createVNode(i.Icon,{name:"check",class:"k-input-validation-icon"},null)]),u&&!this.isValid&&t.createVNode("span",{class:this.suffixIconWrapClass},[t.createVNode(i.Icon,{name:"exclamation-circle",icon:m.exclamationCircleIcon,class:"k-input-validation-icon"},null)]),h&&t.createVNode("span",{class:this.suffixIconWrapClass},[t.createVNode(i.Icon,{name:"loading",class:"k-input-loading-icon"},null)]),c&&this.computedValue&&t.createVNode("span",{class:this.suffixIconWrapClass},[t.createVNode("span",{onClick:this.clearClick,class:"k-clear-value"},[t.createVNode(i.Icon,{name:"x",icon:m.xIcon},null)])])];return t.createVNode("span",{class:this.rootClassName,dir:this.currentDir==="rtl"?this.currentDir:"",style:this.$attrs.style},[this.$props.inputPrefix&&t.createVNode("span",{class:this.prefixRenderClass},[S]),o||u||h||c?t.createVNode("span",{class:"k-hstack k-flex"},[p]):p,this.$props.inputSuffix&&t.createVNode("span",{class:this.suffixRenderClass},[w])])},methods:{setValidity(){this.element&&this.element.setCustomValidity&&this.element.setCustomValidity(this.isValid?"":this.validationMessage||""),this.element&&(this.textAreaHeight=`${this.element.scrollHeight}px`)},clearClick(e){this.emitUpdate(e,"change","")},focus(){this.element&&this.element.focus()},emitUpdate(e,s,l){const a=l;this.$props.disabled||(this.currentValue=a),this.$props.disabled||(this.$emit("changemodel",a),this.$emit("update:modelValue",a),this.$emit(s,{event:e,component:this,name:this.element.name,value:a}))},handleChange(e){this.emitUpdate(e,"change",e.target.value)},handleInput(e){this.emitUpdate(e,"input",e.target.value)},handleFocus(e){this.$props.disabled||this.$emit("focus",{event:e,component:this,name:this.element.name})},handleBlur(e){this.$props.disabled||this.$emit("blur",{event:e,component:this,name:this.element.name})}}});exports.TextArea=N;
8
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),i=require("@progress/kendo-vue-common"),N=require("../package-metadata.js"),m=require("@progress/kendo-svg-icons"),d=require("./interfaces/TextAreaResize.js"),A=t.defineComponent({name:"KendoTextArea",model:{event:"changemodel"},emits:{input:null,change:null,changemodel:null,"update:modelValue":null,focus:null,blur:null},props:{title:String,ariaDescribedBy:String,ariaLabelledBy:String,autoSize:Boolean,modelValue:{type:[String,Array,Number],default:void 0},defaultValue:[String,Number],dir:String,disabled:Boolean,readOnly:Boolean,rows:Number,id:String,name:String,validationMessage:String,size:{type:String,default:"medium",validator:function(e){return[null,"small","medium","large"].includes(e)}},rounded:{type:String,default:"medium",validator:function(e){return[null,"small","medium","large","full"].includes(e)}},fillMode:{type:String,default:"solid",validator:function(e){return[null,"solid","flat","outline"].includes(e)}},required:Boolean,placeholder:String,tabIndex:Number,valid:{type:Boolean,default:void 0},value:[String,Array,Number],validityStyles:{type:Boolean,default:!0},iconName:String,inputPrefix:[String,Function],inputSuffix:[String,Function],showValidationIcon:Boolean,showLoadingIcon:Boolean,showClearButton:Boolean,inputClass:String,wrapperClass:String,flow:{type:String,default:"horizontal",validator:function(e){return["horizontal","vertical"].includes(e)}},resizable:{type:String,default:"vertical",validator:function(e){return["both","horizontal","vertical","none"].includes(e)}},inputAttributes:Object},created(){i.validatePackage(N.packageMetadata),this.calculatedId=i.guid()},computed:{resizableClass(){const{resizable:e,autoSize:s}=this.$props;return s||e===d.TextAreaResizeEnum.none?"k-resize-none":e===d.TextAreaResizeEnum.vertical?"k-resize-y":e===d.TextAreaResizeEnum.horizontal?"k-resize-x":"k-resize"},rootClassName(){const{size:e,fillMode:s,rounded:l,required:a,showLoadingIcon:n}=this.$props,r=this.validityStyles===!0?!this.isValid:!1;return{"k-input":!0,"k-textarea":!0,[`k-input-${i.kendoThemeMaps.sizeMap[e]||e}`]:e,[`k-input-${s}`]:s,[`k-rounded-${i.kendoThemeMaps.roundedMap[l]||l}`]:l,"k-disabled":this.$props.disabled,"k-invalid":r,"k-required":a,"k-loading":n,[this.resizableClass]:!0,"!k-flex-col":this.flow==="vertical","!k-flex-row":this.flow==="horizontal",[this.wrapperClass]:this.wrapperClass}},inputInnerClass(){return{"k-input-inner":!0,"!k-resize-none":!0,"!k-overflow-auto":!0,"k-flex":!0,[this.inputClass]:this.inputClass}},prefixRenderClass(){return{"k-input-prefix":!0,"!k-flex-col":this.flow==="horizontal","!k-flex-row":this.flow==="vertical","!k-align-items-start":this.flow==="horizontal"}},suffixRenderClass(){return{"k-input-suffix":!0,"!k-flex-col":this.flow==="horizontal","!k-flex-row":this.flow==="vertical","!k-align-items-start":this.flow==="horizontal"}},suffixIconWrapClass(){return{"k-flex-wrap":!0,"!k-align-items-start":!0}},computedValue(){return this.$props.value!==void 0?this.$props.value:this.$props.modelValue!==void 0?this.$props.modelValue:this.currentValue},isValid(){return this.valid!==void 0?this.valid:this.required?!!this.computedValue:!0}},data(){return{currentValue:this.$props.defaultValue,textAreaHeight:"auto",currentDir:"ltr"}},watch:{size(){this.textAreaHeight="auto"},computedValue(){this.textAreaHeight="auto"}},mounted(){this.element=this.elementRef,this.currentDir=this.$props.dir!==void 0?this.$props.dir:i.isRtl(this.$el)?"rtl":"ltr",this.setValidity()},updated(){this.element=this.elementRef,this.setValidity()},render(){const{ariaDescribedBy:e,ariaLabelledBy:s,autoSize:l,disabled:a,readOnly:n,required:r,rows:f,id:g,name:x,placeholder:k,tabIndex:V,iconName:o,showValidationIcon:u,showLoadingIcon:c,showClearButton:h,title:v,inputAttributes:b}=this.$props,y={...b,id:g||this.calculatedId,name:x,disabled:a,rows:f,title:v,placeholder:k,readOnly:n,required:r,tabIndex:i.getTabIndex(V,a),"aria-labelledby":s,"aria-describedby":e,"aria-multiline":!0,"aria-disabled":a||void 0,...this.$attrs},C=i.templateRendering.call(this,this.$props.inputPrefix,i.getListeners.call(this)),S=i.templateRendering.call(this,this.$props.inputSuffix,i.getListeners.call(this)),w=i.getTemplate.call(this,{h:t.h,template:C,additionalProps:{value:this.computedValue,valid:this.isValid}}),$=i.getTemplate.call(this,{h:t.h,template:S,additionalProps:{value:this.computedValue,valid:this.isValid}}),I=t.h("textarea",{...y,class:this.inputInnerClass,ref:z=>{this.elementRef=z},style:l?{overflow:"hidden",height:this.textAreaHeight}:{},value:this.computedValue,onChange:this.handleChange,onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur}),p=[o&&t.createVNode("span",{class:"k-flex-wrap"},[t.createVNode(i.Icon,{name:o,class:"k-input-icon"},null)]),I,u&&this.isValid&&t.createVNode("span",{class:this.suffixIconWrapClass},[t.createVNode(i.Icon,{name:"check",class:"k-input-validation-icon"},null)]),u&&!this.isValid&&t.createVNode("span",{class:this.suffixIconWrapClass},[t.createVNode(i.Icon,{name:"exclamation-circle",icon:m.exclamationCircleIcon,class:"k-input-validation-icon"},null)]),c&&t.createVNode("span",{class:this.suffixIconWrapClass},[t.createVNode(i.Icon,{name:"loading",class:"k-input-loading-icon"},null)]),h&&this.computedValue&&t.createVNode("span",{class:this.suffixIconWrapClass},[t.createVNode("span",{onClick:this.clearClick,class:"k-clear-value"},[t.createVNode(i.Icon,{name:"x",icon:m.xIcon},null)])])];return t.createVNode("span",{class:this.rootClassName,dir:this.currentDir==="rtl"?this.currentDir:"",style:this.$attrs.style},[this.$props.inputPrefix&&t.createVNode("span",{class:this.prefixRenderClass},[w]),o||u||c||h?t.createVNode("span",{class:"k-hstack k-flex"},[p]):p,this.$props.inputSuffix&&t.createVNode("span",{class:this.suffixRenderClass},[$])])},methods:{setValidity(){this.element&&this.element.setCustomValidity&&this.element.setCustomValidity(this.isValid?"":this.validationMessage||""),this.element&&(this.textAreaHeight=`${this.element.scrollHeight}px`)},clearClick(e){this.emitUpdate(e,"change","")},focus(){this.element&&this.element.focus()},emitUpdate(e,s,l){const a=l;this.$props.disabled||(this.currentValue=a),this.$props.disabled||(this.$emit("changemodel",a),this.$emit("update:modelValue",a),this.$emit(s,{event:e,component:this,name:this.element.name,value:a}))},handleChange(e){this.emitUpdate(e,"change",e.target.value)},handleInput(e){this.emitUpdate(e,"input",e.target.value)},handleFocus(e){this.$props.disabled||this.$emit("focus",{event:e,component:this,name:this.element.name})},handleBlur(e){this.$props.disabled||this.$emit("blur",{event:e,component:this,name:this.element.name})}}});exports.TextArea=A;
@@ -1,16 +1,16 @@
1
1
  /**
2
2
  * @license
3
3
  *-------------------------------------------------------------------------------------------
4
- * Copyright © 2024 Progress Software Corporation. All rights reserved.
4
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
5
5
  * Licensed under commercial license. See LICENSE.md in the package root for more information
6
6
  *-------------------------------------------------------------------------------------------
7
7
  */
8
- import { defineComponent as R, h as d, createVNode as t } from "vue";
9
- import { validatePackage as M, guid as P, kendoThemeMaps as f, isRtl as T, getTabIndex as q, templateRendering as g, getListeners as x, getTemplate as k, Icon as s } from "@progress/kendo-vue-common";
10
- import { packageMetadata as D } from "../package-metadata.mjs";
11
- import { exclamationCircleIcon as H, xIcon as L } from "@progress/kendo-svg-icons";
8
+ import { defineComponent as M, h as d, createVNode as t } from "vue";
9
+ import { validatePackage as P, guid as T, kendoThemeMaps as f, isRtl as q, getTabIndex as D, templateRendering as g, getListeners as x, getTemplate as k, Icon as s } from "@progress/kendo-vue-common";
10
+ import { packageMetadata as H } from "../package-metadata.mjs";
11
+ import { exclamationCircleIcon as L, xIcon as W } from "@progress/kendo-svg-icons";
12
12
  import { TextAreaResizeEnum as h } from "./interfaces/TextAreaResize.mjs";
13
- const K = /* @__PURE__ */ R({
13
+ const K = /* @__PURE__ */ M({
14
14
  name: "KendoTextArea",
15
15
  model: {
16
16
  event: "changemodel"
@@ -94,10 +94,11 @@ const K = /* @__PURE__ */ R({
94
94
  validator: function(e) {
95
95
  return ["both", "horizontal", "vertical", "none"].includes(e);
96
96
  }
97
- }
97
+ },
98
+ inputAttributes: Object
98
99
  },
99
100
  created() {
100
- M(D), this.calculatedId = P();
101
+ P(H), this.calculatedId = T();
101
102
  },
102
103
  computed: {
103
104
  resizableClass() {
@@ -185,7 +186,7 @@ const K = /* @__PURE__ */ R({
185
186
  }
186
187
  },
187
188
  mounted() {
188
- this.element = this.elementRef, this.currentDir = this.$props.dir !== void 0 ? this.$props.dir : T(this.$el) ? "rtl" : "ltr", this.setValidity();
189
+ this.element = this.elementRef, this.currentDir = this.$props.dir !== void 0 ? this.$props.dir : q(this.$el) ? "rtl" : "ltr", this.setValidity();
189
190
  },
190
191
  updated() {
191
192
  this.element = this.elementRef, this.setValidity();
@@ -198,8 +199,8 @@ const K = /* @__PURE__ */ R({
198
199
  disabled: i,
199
200
  readOnly: n,
200
201
  required: r,
201
- rows: v,
202
- id: b,
202
+ rows: b,
203
+ id: v,
203
204
  name: C,
204
205
  placeholder: V,
205
206
  tabIndex: y,
@@ -207,41 +208,43 @@ const K = /* @__PURE__ */ R({
207
208
  showValidationIcon: u,
208
209
  showLoadingIcon: p,
209
210
  showClearButton: c,
210
- title: w
211
- } = this.$props, S = {
212
- id: b || this.calculatedId,
211
+ title: w,
212
+ inputAttributes: S
213
+ } = this.$props, $ = {
214
+ ...S,
215
+ id: v || this.calculatedId,
213
216
  name: C,
214
217
  disabled: i,
215
- rows: v,
218
+ rows: b,
216
219
  title: w,
217
220
  placeholder: V,
218
221
  readOnly: n,
219
222
  required: r,
220
- tabIndex: q(y, i),
223
+ tabIndex: D(y, i),
221
224
  "aria-labelledby": a,
222
225
  "aria-describedby": e,
223
226
  "aria-multiline": !0,
224
227
  "aria-disabled": i || void 0,
225
228
  ...this.$attrs
226
- }, $ = g.call(this, this.$props.inputPrefix, x.call(this)), z = g.call(this, this.$props.inputSuffix, x.call(this)), I = k.call(this, {
229
+ }, z = g.call(this, this.$props.inputPrefix, x.call(this)), I = g.call(this, this.$props.inputSuffix, x.call(this)), B = k.call(this, {
227
230
  h: d,
228
- template: $,
231
+ template: z,
229
232
  additionalProps: {
230
233
  value: this.computedValue,
231
234
  valid: this.isValid
232
235
  }
233
- }), B = k.call(this, {
236
+ }), A = k.call(this, {
234
237
  h: d,
235
- template: z,
238
+ template: I,
236
239
  additionalProps: {
237
240
  value: this.computedValue,
238
241
  valid: this.isValid
239
242
  }
240
- }), A = d("textarea", {
241
- ...S,
243
+ }), N = d("textarea", {
244
+ ...$,
242
245
  class: this.inputInnerClass,
243
- ref: (N) => {
244
- this.elementRef = N;
246
+ ref: (R) => {
247
+ this.elementRef = R;
245
248
  },
246
249
  style: l ? {
247
250
  overflow: "hidden",
@@ -257,7 +260,7 @@ const K = /* @__PURE__ */ R({
257
260
  }, [t(s, {
258
261
  name: o,
259
262
  class: "k-input-icon"
260
- }, null)]), A, u && this.isValid && t("span", {
263
+ }, null)]), N, u && this.isValid && t("span", {
261
264
  class: this.suffixIconWrapClass
262
265
  }, [t(s, {
263
266
  name: "check",
@@ -266,7 +269,7 @@ const K = /* @__PURE__ */ R({
266
269
  class: this.suffixIconWrapClass
267
270
  }, [t(s, {
268
271
  name: "exclamation-circle",
269
- icon: H,
272
+ icon: L,
270
273
  class: "k-input-validation-icon"
271
274
  }, null)]), p && t("span", {
272
275
  class: this.suffixIconWrapClass
@@ -280,7 +283,7 @@ const K = /* @__PURE__ */ R({
280
283
  class: "k-clear-value"
281
284
  }, [t(s, {
282
285
  name: "x",
283
- icon: L
286
+ icon: W
284
287
  }, null)])])];
285
288
  return t("span", {
286
289
  class: this.rootClassName,
@@ -288,11 +291,11 @@ const K = /* @__PURE__ */ R({
288
291
  style: this.$attrs.style
289
292
  }, [this.$props.inputPrefix && t("span", {
290
293
  class: this.prefixRenderClass
291
- }, [I]), o || u || p || c ? t("span", {
294
+ }, [B]), o || u || p || c ? t("span", {
292
295
  class: "k-hstack k-flex"
293
296
  }, [m]) : m, this.$props.inputSuffix && t("span", {
294
297
  class: this.suffixRenderClass
295
- }, [B])]);
298
+ }, [A])]);
296
299
  },
297
300
  methods: {
298
301
  setValidity() {
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license
3
3
  *-------------------------------------------------------------------------------------------
4
- * Copyright © 2024 Progress Software Corporation. All rights reserved.
4
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
5
5
  * Licensed under commercial license. See LICENSE.md in the package root for more information
6
6
  *-------------------------------------------------------------------------------------------
7
7
  */
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license
3
3
  *-------------------------------------------------------------------------------------------
4
- * Copyright © 2024 Progress Software Corporation. All rights reserved.
4
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
5
5
  * Licensed under commercial license. See LICENSE.md in the package root for more information
6
6
  *-------------------------------------------------------------------------------------------
7
7
  */
@@ -1,8 +1,8 @@
1
1
  /**
2
2
  * @license
3
3
  *-------------------------------------------------------------------------------------------
4
- * Copyright © 2024 Progress Software Corporation. All rights reserved.
4
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
5
5
  * Licensed under commercial license. See LICENSE.md in the package root for more information
6
6
  *-------------------------------------------------------------------------------------------
7
7
  */
8
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("vue"),a=require("@progress/kendo-vue-common"),$=require("../package-metadata.js"),V=require("@progress/kendo-vue-labels"),u=require("@progress/kendo-svg-icons");function k(t){return typeof t=="function"||Object.prototype.toString.call(t)==="[object Object]"&&!i.isVNode(t)}const S=i.defineComponent({model:{event:"changemodel"},inheritAttrs:!1,emits:{input:null,change:null,changemodel:null,"update:modelValue":null,focus:null,blur:null,keyup:null,keydown:null,keypress:null},props:{modelValue:{type:[String,Number],default:void 0},disabled:{type:Boolean,default:void 0},defaultValue:{type:[String,Number],default:""},value:{type:[String,Number]},label:{type:String},placeholder:{type:String},required:{type:Boolean,default:!1},size:{type:String,default:"medium",validator:function(t){return[null,"small","medium","large"].includes(t)}},rounded:{type:String,default:"medium",validator:function(t){return[null,"small","medium","large","full"].includes(t)}},fillMode:{type:String,default:"solid",validator:function(t){return[null,"solid","flat","outline"].includes(t)}},dir:{type:String},id:String,valid:{type:Boolean,default:void 0},validate:{type:Boolean},validationMessage:{type:String},validityStyles:{type:Boolean,default:!0},iconName:String,inputPrefix:[String,Function],inputSuffix:[String,Function],showValidationIcon:Boolean,showLoadingIcon:Boolean,showClearButton:Boolean,inputClass:String,wrapperClass:String,tabIndex:Number,role:String,title:String,ariaLabel:String},data:function(){return{hasMounted:!1,autofill:!1,currentValue:"",valueDuringOnChange:"",focused:!1}},created(){a.validatePackage($.packageMetadata),this._input=void 0,this._inputId=a.guid(),this.$data.valueDuringOnChange=void 0,this.$data.currentValue=this.$props.defaultValue},mounted(){this._input=this.inputRef,this.wrapper=this.wrapperRef,this.$data.hasMounted=!0,this.setValidity()},updated(){this.setValidity(),this.updateValidClass()},setup(){return{inputRef:i.ref(null)}},render(){const t=!this.$props.validityStyles||this.validity().valid,{label:e,id:n,required:l,iconName:d,showValidationIcon:r,showLoadingIcon:h,showClearButton:c}=this.$props,p=n||this._inputId,f=i.h("input",{...this.$attrs,"aria-label":this.$props.ariaLabel,role:this.$props.role,title:this.$props.title,tabindex:this.$props.tabIndex,placeholder:this.$props.placeholder,id:p,required:l,disabled:this.$props.disabled,value:this.computedValue,class:this.inputInnerClass,ref:o=>{this.inputRef=o},onKeydown:this.handleKeydown,onKeyup:this.handleKeyup,onKeypress:this.handleKeypress,onChange:this.handleChange,onFocus:this.emitFocus,onBlur:this.emitBlur,onInput:this.handleInput,onAnimationstart:this.handleAutoFill,onAnimationend:this.handleAutoFillEnd}),m=a.templateRendering.call(this,this.$props.inputPrefix,a.getListeners.call(this)),g=a.templateRendering.call(this,this.$props.inputSuffix,a.getListeners.call(this)),y=a.getTemplate.call(this,{h:i.h,template:m,additionalProps:{value:this.computedValue,valid:t}}),v=a.getTemplate.call(this,{h:i.h,template:g,additionalProps:{value:this.computedValue,valid:t}}),s=i.createVNode("span",{class:this.inputWrapperClass(),ref:o=>{this.wrapperRef=o}},[d&&i.createVNode(a.Icon,{name:d,class:"k-input-icon"},null),this.$props.inputPrefix&&i.createVNode("span",{class:"k-input-prefix"},[y]),f,this.$props.inputSuffix&&i.createVNode("span",{class:"k-input-suffix"},[v]),r&&t&&i.createVNode(a.Icon,{name:"check",icon:u.checkIcon,class:"k-input-validation-icon"},null),r&&!t&&i.createVNode(a.Icon,{name:"exclamation-circle",icon:u.exclamationCircleIcon,class:"k-input-validation-icon"},null),h&&i.createVNode(a.Icon,{name:"loading",class:"k-input-loading-icon"},null),c&&this.computedValue&&i.createVNode("span",{onClick:this.clearClick,class:"k-clear-value"},[i.createVNode(a.Icon,{name:"x",icon:u.xIcon},null)])]);return e?i.createVNode(V.FloatingLabel,{label:e,editorId:p,editorValue:this.computedValue,editorValid:t,editorDisabled:this.$props.disabled,editorPlaceholder:this.$data.focused?this.$props.placeholder:"",dir:this.$props.dir},k(s)?s:{default:()=>[s]}):s},methods:{updateValidClass(){this.wrapper.classList.toggle("k-invalid",!this.validity().valid)},emitFocus(t){this.$emit("focus",t),this.$data.focused=!0},emitBlur(t){this.$emit("blur",t),this.$data.focused=!1},handleKeydown(t){this.$emit("keydown",t)},handleKeyup(t){this.$emit("keyup",t)},handleKeypress(t){this.$emit("keypress",t)},clearClick(t){this.emitUpdate(t,"change","")},focus(){this._input&&this._input.focus()},validity(){const t={badTextBox:this._input?this._input.validity.badTextBox:!1,patternMismatch:this._input?this._input.validity.patternMismatch:!1,rangeOverflow:this._input?this._input.validity.rangeOverflow:!1,rangeUnderflow:this._input?this._input.validity.rangeUnderflow:!1,stepMismatch:this._input?this._input.validity.stepMismatch:!1,tooLong:this._input?this._input.validity.tooLong:!1,tooShort:this._input?this._input.validity.tooShort:!1,typeMismatch:this._input?this._input.validity.typeMismatch:!1,valueMissing:this._input?this._input.validity.valueMissing:!1};return{...t,customError:this.$props.validationMessage!==void 0,valid:this.$props.valid!==void 0?this.$props.valid:this._input?!this.isInvalid(t):!0}},isInvalid(t){let e=!1;for(const n in t)t.hasOwnProperty(n)&&(e=e||t[n]);return e},setValidity(){this._input&&this._input.setCustomValidity&&this._input.setCustomValidity(this.validity().valid?"":this.$props.validationMessage||"")},handleInput(t){this.emitUpdate(t,"input",t.target.value)},handleChange(t){this.emitUpdate(t,"change",t.target.value)},emitUpdate(t,e,n){this.disabled||(this.$data.currentValue=n,this.$data.valueDuringOnChange=n,this.$nextTick(()=>{this.$emit("changemodel",n),this.$emit("update:modelValue",n),this.$emit(e,{event:t,value:n,component:this,target:t.target,validity:this.validity()}),this.$data.valueDuringOnChange=void 0}))},handleAutoFill(t){if(t.animationName==="autoFillStart"){const e=t.target.parentNode;e&&e.classList.contains("k-empty")&&(this.$data.autofill=!0,e.classList.remove("k-empty"))}},handleAutoFillEnd(t){t.animationName==="autoFillEnd"&&t.target.parentNode&&(this.$data.autofill=!1)},name:function(){return this.$props.name},inputWrapperClass(){const{size:t,fillMode:e,rounded:n}=this.$props,l=!this.$data.hasMounted||!this.$props.validityStyles||this.validity().valid;return{"k-textbox":!0,"k-input":!0,[`k-input-${a.kendoThemeMaps.sizeMap[t]||t}`]:t,[`k-input-${e}`]:e,[`k-rounded-${a.kendoThemeMaps.roundedMap[n]||n}`]:n,"k-invalid":!l,"k-required":this.required,"k-disabled":this.$props.disabled,[this.wrapperClass]:this.wrapperClass}}},computed:{spanClassNames(){const t=!this.$data.hasMounted||!this.$props.validityStyles||this.validity().valid;return{"k-floating-label-container":!0,"k-focus":this.$data.focused,"k-empty":!(this.computedValue===0||this.computedValue||this.$props.placeholder||this.$data.autofill),"k-autofill":this.$data.autofill,"k-invalid":!t&&t!==void 0,"k-rtl":this.$props.dir==="rtl"}},inputInnerClass(){return{"k-input-inner":!0,[this.inputClass]:this.inputClass}},computedValue(){return this.$data.valueDuringOnChange!==void 0?this.$data.valueDuringOnChange:this.$props.value!==void 0?this.$props.value:this.$props.modelValue!==void 0?this.$props.modelValue:this.$data.currentValue}}});exports.TextBox=S;
8
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("vue"),a=require("@progress/kendo-vue-common"),V=require("../package-metadata.js"),k=require("@progress/kendo-vue-labels"),o=require("@progress/kendo-svg-icons");function b(t){return typeof t=="function"||Object.prototype.toString.call(t)==="[object Object]"&&!i.isVNode(t)}const S=i.defineComponent({model:{event:"changemodel"},inheritAttrs:!1,emits:{input:null,change:null,changemodel:null,"update:modelValue":null,focus:null,blur:null,keyup:null,keydown:null,keypress:null},props:{modelValue:{type:[String,Number],default:void 0},disabled:{type:Boolean,default:void 0},defaultValue:{type:[String,Number],default:""},value:{type:[String,Number]},label:{type:String},placeholder:{type:String},required:{type:Boolean,default:!1},size:{type:String,default:"medium",validator:function(t){return[null,"small","medium","large"].includes(t)}},rounded:{type:String,default:"medium",validator:function(t){return[null,"small","medium","large","full"].includes(t)}},fillMode:{type:String,default:"solid",validator:function(t){return[null,"solid","flat","outline"].includes(t)}},dir:{type:String},id:String,valid:{type:Boolean,default:void 0},validate:{type:Boolean},validationMessage:{type:String},validityStyles:{type:Boolean,default:!0},iconName:String,inputPrefix:[String,Function],inputSuffix:[String,Function],showValidationIcon:Boolean,showLoadingIcon:Boolean,showClearButton:Boolean,inputClass:String,wrapperClass:String,tabIndex:Number,role:String,title:String,ariaLabel:String,inputAttributes:Object},data:function(){return{hasMounted:!1,autofill:!1,currentValue:"",valueDuringOnChange:"",focused:!1}},created(){a.validatePackage(V.packageMetadata),this._input=void 0,this._inputId=a.guid(),this.$data.valueDuringOnChange=void 0,this.$data.currentValue=this.$props.defaultValue},mounted(){this._input=this.inputRef,this.wrapper=this.wrapperRef,this.$data.hasMounted=!0,this.setValidity()},updated(){this.setValidity(),this.updateValidClass()},setup(){return{inputRef:i.ref(null)}},render(){const t=!this.$props.validityStyles||this.validity().valid,{label:e,id:n,required:l,iconName:d,showValidationIcon:r,showLoadingIcon:h,showClearButton:c,inputAttributes:f}=this.$props,p=n||this._inputId,m=i.h("input",{...this.$attrs,...f,"aria-label":this.$props.ariaLabel,role:this.$props.role,title:this.$props.title,tabindex:this.$props.tabIndex,placeholder:this.$props.placeholder,id:p,required:l,disabled:this.$props.disabled,value:this.computedValue,class:this.inputInnerClass,ref:u=>{this.inputRef=u},onKeydown:this.handleKeydown,onKeyup:this.handleKeyup,onKeypress:this.handleKeypress,onChange:this.handleChange,onFocus:this.emitFocus,onBlur:this.emitBlur,onInput:this.handleInput,onAnimationstart:this.handleAutoFill,onAnimationend:this.handleAutoFillEnd}),g=a.templateRendering.call(this,this.$props.inputPrefix,a.getListeners.call(this)),y=a.templateRendering.call(this,this.$props.inputSuffix,a.getListeners.call(this)),v=a.getTemplate.call(this,{h:i.h,template:g,additionalProps:{value:this.computedValue,valid:t}}),$=a.getTemplate.call(this,{h:i.h,template:y,additionalProps:{value:this.computedValue,valid:t}}),s=i.createVNode("span",{class:this.inputWrapperClass(),ref:u=>{this.wrapperRef=u}},[d&&i.createVNode(a.Icon,{name:d,class:"k-input-icon"},null),this.$props.inputPrefix&&i.createVNode("span",{class:"k-input-prefix"},[v]),m,this.$props.inputSuffix&&i.createVNode("span",{class:"k-input-suffix"},[$]),r&&t&&i.createVNode(a.Icon,{name:"check",icon:o.checkIcon,class:"k-input-validation-icon"},null),r&&!t&&i.createVNode(a.Icon,{name:"exclamation-circle",icon:o.exclamationCircleIcon,class:"k-input-validation-icon"},null),h&&i.createVNode(a.Icon,{name:"loading",class:"k-input-loading-icon"},null),c&&this.computedValue&&i.createVNode("span",{onClick:this.clearClick,class:"k-clear-value"},[i.createVNode(a.Icon,{name:"x",icon:o.xIcon},null)])]);return e?i.createVNode(k.FloatingLabel,{label:e,editorId:p,editorValue:this.computedValue,editorValid:t,editorDisabled:this.$props.disabled,editorPlaceholder:this.$data.focused?this.$props.placeholder:"",dir:this.$props.dir},b(s)?s:{default:()=>[s]}):s},methods:{updateValidClass(){this.wrapper.classList.toggle("k-invalid",!this.validity().valid)},emitFocus(t){this.$emit("focus",t),this.$data.focused=!0},emitBlur(t){this.$emit("blur",t),this.$data.focused=!1},handleKeydown(t){this.$emit("keydown",t)},handleKeyup(t){this.$emit("keyup",t)},handleKeypress(t){this.$emit("keypress",t)},clearClick(t){this.emitUpdate(t,"change","")},focus(){this._input&&this._input.focus()},validity(){const t={badTextBox:this._input?this._input.validity.badTextBox:!1,patternMismatch:this._input?this._input.validity.patternMismatch:!1,rangeOverflow:this._input?this._input.validity.rangeOverflow:!1,rangeUnderflow:this._input?this._input.validity.rangeUnderflow:!1,stepMismatch:this._input?this._input.validity.stepMismatch:!1,tooLong:this._input?this._input.validity.tooLong:!1,tooShort:this._input?this._input.validity.tooShort:!1,typeMismatch:this._input?this._input.validity.typeMismatch:!1,valueMissing:this._input?this._input.validity.valueMissing:!1};return{...t,customError:this.$props.validationMessage!==void 0,valid:this.$props.valid!==void 0?this.$props.valid:this._input?!this.isInvalid(t):!0}},isInvalid(t){let e=!1;for(const n in t)t.hasOwnProperty(n)&&(e=e||t[n]);return e},setValidity(){this._input&&this._input.setCustomValidity&&this._input.setCustomValidity(this.validity().valid?"":this.$props.validationMessage||"")},handleInput(t){this.emitUpdate(t,"input",t.target.value)},handleChange(t){this.emitUpdate(t,"change",t.target.value)},emitUpdate(t,e,n){this.disabled||(this.$data.currentValue=n,this.$data.valueDuringOnChange=n,this.$nextTick(()=>{this.$emit("changemodel",n),this.$emit("update:modelValue",n),this.$emit(e,{event:t,value:n,component:this,target:t.target,validity:this.validity()}),this.$data.valueDuringOnChange=void 0}))},handleAutoFill(t){if(t.animationName==="autoFillStart"){const e=t.target.parentNode;e&&e.classList.contains("k-empty")&&(this.$data.autofill=!0,e.classList.remove("k-empty"))}},handleAutoFillEnd(t){t.animationName==="autoFillEnd"&&t.target.parentNode&&(this.$data.autofill=!1)},name:function(){return this.$props.name},inputWrapperClass(){const{size:t,fillMode:e,rounded:n}=this.$props,l=!this.$data.hasMounted||!this.$props.validityStyles||this.validity().valid;return{"k-textbox":!0,"k-input":!0,[`k-input-${a.kendoThemeMaps.sizeMap[t]||t}`]:t,[`k-input-${e}`]:e,[`k-rounded-${a.kendoThemeMaps.roundedMap[n]||n}`]:n,"k-invalid":!l,"k-required":this.required,"k-disabled":this.$props.disabled,[this.wrapperClass]:this.wrapperClass}}},computed:{spanClassNames(){const t=!this.$data.hasMounted||!this.$props.validityStyles||this.validity().valid;return{"k-floating-label-container":!0,"k-focus":this.$data.focused,"k-empty":!(this.computedValue===0||this.computedValue||this.$props.placeholder||this.$data.autofill),"k-autofill":this.$data.autofill,"k-invalid":!t&&t!==void 0,"k-rtl":this.$props.dir==="rtl"}},inputInnerClass(){return{"k-input-inner":!0,[this.inputClass]:this.inputClass}},computedValue(){return this.$data.valueDuringOnChange!==void 0?this.$data.valueDuringOnChange:this.$props.value!==void 0?this.$props.value:this.$props.modelValue!==void 0?this.$props.modelValue:this.$data.currentValue}}});exports.TextBox=S;
@@ -1,19 +1,19 @@
1
1
  /**
2
2
  * @license
3
3
  *-------------------------------------------------------------------------------------------
4
- * Copyright © 2024 Progress Software Corporation. All rights reserved.
4
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
5
5
  * Licensed under commercial license. See LICENSE.md in the package root for more information
6
6
  *-------------------------------------------------------------------------------------------
7
7
  */
8
- import { defineComponent as b, ref as x, h as o, createVNode as a, isVNode as C } from "vue";
9
- import { validatePackage as _, guid as w, templateRendering as h, getListeners as c, getTemplate as f, Icon as n, kendoThemeMaps as m } from "@progress/kendo-vue-common";
10
- import { packageMetadata as I } from "../package-metadata.mjs";
11
- import { FloatingLabel as M } from "@progress/kendo-vue-labels";
12
- import { checkIcon as B, exclamationCircleIcon as N, xIcon as F } from "@progress/kendo-svg-icons";
8
+ import { defineComponent as x, ref as C, h as o, createVNode as a, isVNode as _ } from "vue";
9
+ import { validatePackage as w, guid as I, templateRendering as h, getListeners as c, getTemplate as f, Icon as n, kendoThemeMaps as m } from "@progress/kendo-vue-common";
10
+ import { packageMetadata as M } from "../package-metadata.mjs";
11
+ import { FloatingLabel as B } from "@progress/kendo-vue-labels";
12
+ import { checkIcon as N, exclamationCircleIcon as F, xIcon as O } from "@progress/kendo-svg-icons";
13
13
  function L(t) {
14
- return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !C(t);
14
+ return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !_(t);
15
15
  }
16
- const D = /* @__PURE__ */ b({
16
+ const R = /* @__PURE__ */ x({
17
17
  model: {
18
18
  event: "changemodel"
19
19
  },
@@ -105,7 +105,8 @@ const D = /* @__PURE__ */ b({
105
105
  tabIndex: Number,
106
106
  role: String,
107
107
  title: String,
108
- ariaLabel: String
108
+ ariaLabel: String,
109
+ inputAttributes: Object
109
110
  },
110
111
  data: function() {
111
112
  return {
@@ -117,7 +118,7 @@ const D = /* @__PURE__ */ b({
117
118
  };
118
119
  },
119
120
  created() {
120
- _(I), this._input = void 0, this._inputId = w(), this.$data.valueDuringOnChange = void 0, this.$data.currentValue = this.$props.defaultValue;
121
+ w(M), this._input = void 0, this._inputId = I(), this.$data.valueDuringOnChange = void 0, this.$data.currentValue = this.$props.defaultValue;
121
122
  },
122
123
  mounted() {
123
124
  this._input = this.inputRef, this.wrapper = this.wrapperRef, this.$data.hasMounted = !0, this.setValidity();
@@ -127,7 +128,7 @@ const D = /* @__PURE__ */ b({
127
128
  },
128
129
  setup() {
129
130
  return {
130
- inputRef: x(null)
131
+ inputRef: C(null)
131
132
  };
132
133
  },
133
134
  render() {
@@ -138,9 +139,11 @@ const D = /* @__PURE__ */ b({
138
139
  iconName: d,
139
140
  showValidationIcon: r,
140
141
  showLoadingIcon: g,
141
- showClearButton: y
142
- } = this.$props, p = e || this._inputId, v = o("input", {
142
+ showClearButton: y,
143
+ inputAttributes: v
144
+ } = this.$props, p = e || this._inputId, $ = o("input", {
143
145
  ...this.$attrs,
146
+ ...v,
144
147
  "aria-label": this.$props.ariaLabel,
145
148
  role: this.$props.role,
146
149
  title: this.$props.title,
@@ -163,16 +166,16 @@ const D = /* @__PURE__ */ b({
163
166
  onInput: this.handleInput,
164
167
  onAnimationstart: this.handleAutoFill,
165
168
  onAnimationend: this.handleAutoFillEnd
166
- }), $ = h.call(this, this.$props.inputPrefix, c.call(this)), k = h.call(this, this.$props.inputSuffix, c.call(this)), V = f.call(this, {
169
+ }), k = h.call(this, this.$props.inputPrefix, c.call(this)), b = h.call(this, this.$props.inputSuffix, c.call(this)), V = f.call(this, {
167
170
  h: o,
168
- template: $,
171
+ template: k,
169
172
  additionalProps: {
170
173
  value: this.computedValue,
171
174
  valid: t
172
175
  }
173
176
  }), S = f.call(this, {
174
177
  h: o,
175
- template: k,
178
+ template: b,
176
179
  additionalProps: {
177
180
  value: this.computedValue,
178
181
  valid: t
@@ -187,15 +190,15 @@ const D = /* @__PURE__ */ b({
187
190
  class: "k-input-icon"
188
191
  }, null), this.$props.inputPrefix && a("span", {
189
192
  class: "k-input-prefix"
190
- }, [V]), v, this.$props.inputSuffix && a("span", {
193
+ }, [V]), $, this.$props.inputSuffix && a("span", {
191
194
  class: "k-input-suffix"
192
195
  }, [S]), r && t && a(n, {
193
196
  name: "check",
194
- icon: B,
197
+ icon: N,
195
198
  class: "k-input-validation-icon"
196
199
  }, null), r && !t && a(n, {
197
200
  name: "exclamation-circle",
198
- icon: N,
201
+ icon: F,
199
202
  class: "k-input-validation-icon"
200
203
  }, null), g && a(n, {
201
204
  name: "loading",
@@ -205,9 +208,9 @@ const D = /* @__PURE__ */ b({
205
208
  class: "k-clear-value"
206
209
  }, [a(n, {
207
210
  name: "x",
208
- icon: F
211
+ icon: O
209
212
  }, null)])]);
210
- return i ? a(M, {
213
+ return i ? a(B, {
211
214
  label: i,
212
215
  editorId: p,
213
216
  editorValue: this.computedValue,
@@ -343,5 +346,5 @@ const D = /* @__PURE__ */ b({
343
346
  }
344
347
  });
345
348
  export {
346
- D as TextBox
349
+ R as TextBox
347
350
  };