@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.
- package/README.md +1 -1
- package/checkbox/Checkbox.js +1 -1
- package/checkbox/Checkbox.mjs +1 -1
- package/colors/ColorContrastLabels.js +1 -1
- package/colors/ColorContrastLabels.mjs +1 -1
- package/colors/ColorContrastSvg.js +1 -1
- package/colors/ColorContrastSvg.mjs +1 -1
- package/colors/ColorGradient.js +1 -1
- package/colors/ColorGradient.mjs +1 -1
- package/colors/ColorInput.js +1 -1
- package/colors/ColorInput.mjs +1 -1
- package/colors/ColorPalette.js +1 -1
- package/colors/ColorPalette.mjs +1 -1
- package/colors/ColorPicker.js +1 -1
- package/colors/ColorPicker.mjs +1 -1
- package/colors/FlatColorPicker.js +1 -1
- package/colors/FlatColorPicker.mjs +1 -1
- package/colors/HexInput.js +1 -1
- package/colors/HexInput.mjs +1 -1
- package/colors/Picker.js +1 -1
- package/colors/Picker.mjs +1 -1
- package/colors/models/palette-presets.js +1 -1
- package/colors/models/palette-presets.mjs +1 -1
- package/colors/utils/color-cache.js +1 -1
- package/colors/utils/color-cache.mjs +1 -1
- package/colors/utils/color-palette.service.js +1 -1
- package/colors/utils/color-palette.service.mjs +1 -1
- package/colors/utils/color-parser.js +1 -1
- package/colors/utils/color-parser.mjs +1 -1
- package/colors/utils/misc.js +1 -1
- package/colors/utils/misc.mjs +1 -1
- package/colors/utils/svg-calc.js +1 -1
- package/colors/utils/svg-calc.mjs +1 -1
- package/dist/cdn/js/kendo-vue-inputs.js +2 -2
- package/index.d.mts +111 -81
- package/index.d.ts +111 -81
- package/index.js +1 -1
- package/index.mjs +1 -1
- package/input/Input.js +1 -1
- package/input/Input.mjs +1 -1
- package/input-separator/InputSeparator.js +1 -1
- package/input-separator/InputSeparator.mjs +1 -1
- package/maskedtextbox/MaskedTextBox.js +2 -2
- package/maskedtextbox/MaskedTextBox.mjs +44 -41
- package/maskedtextbox/masking.service.js +1 -1
- package/maskedtextbox/masking.service.mjs +1 -1
- package/maskedtextbox/parsing/combinators.js +1 -1
- package/maskedtextbox/parsing/combinators.mjs +1 -1
- package/maskedtextbox/parsing/parsers.js +1 -1
- package/maskedtextbox/parsing/parsers.mjs +1 -1
- package/maskedtextbox/parsing/result.js +1 -1
- package/maskedtextbox/parsing/result.mjs +1 -1
- package/maskedtextbox/parsing/stream.js +1 -1
- package/maskedtextbox/parsing/stream.mjs +1 -1
- package/maskedtextbox/utils.js +1 -1
- package/maskedtextbox/utils.mjs +1 -1
- package/messages/main.js +1 -1
- package/messages/main.mjs +1 -1
- package/numerictextbox/NumericTextBox.js +2 -2
- package/numerictextbox/NumericTextBox.mjs +70 -68
- package/numerictextbox/utils/main.js +1 -1
- package/numerictextbox/utils/main.mjs +1 -1
- package/package-metadata.js +1 -1
- package/package-metadata.mjs +2 -2
- package/package.json +8 -8
- package/radiobutton/RadioButton.js +1 -1
- package/radiobutton/RadioButton.mjs +1 -1
- package/radiobutton/RadioGroup.js +1 -1
- package/radiobutton/RadioGroup.mjs +1 -1
- package/range-slider/RangeSlider.js +1 -1
- package/range-slider/RangeSlider.mjs +1 -1
- package/range-slider/range-raducer.js +1 -1
- package/range-slider/range-raducer.mjs +1 -1
- package/rating/Rating.js +1 -1
- package/rating/Rating.mjs +1 -1
- package/rating/RatingItem.js +1 -1
- package/rating/RatingItem.mjs +1 -1
- package/rating/utils/main.js +1 -1
- package/rating/utils/main.mjs +1 -1
- package/rating/utils/rating-reducer.js +1 -1
- package/rating/utils/rating-reducer.mjs +1 -1
- package/signature/Signature.js +1 -1
- package/signature/Signature.mjs +1 -1
- package/signature/SignatureBottomActions.js +1 -1
- package/signature/SignatureBottomActions.mjs +1 -1
- package/signature/SignatureCanvas.js +1 -1
- package/signature/SignatureCanvas.mjs +1 -1
- package/signature/SignatureDialog.js +1 -1
- package/signature/SignatureDialog.mjs +1 -1
- package/signature/SignatureLine.js +1 -1
- package/signature/SignatureLine.mjs +1 -1
- package/signature/utils/main.js +1 -1
- package/signature/utils/main.mjs +1 -1
- package/slider/Slider.js +1 -1
- package/slider/Slider.mjs +1 -1
- package/slider/SliderLabel.js +1 -1
- package/slider/SliderLabel.mjs +1 -1
- package/switch/Switch.js +1 -1
- package/switch/Switch.mjs +1 -1
- package/textarea/TextArea.js +2 -2
- package/textarea/TextArea.mjs +32 -29
- package/textarea/interfaces/TextAreaResize.js +1 -1
- package/textarea/interfaces/TextAreaResize.mjs +1 -1
- package/textbox/TextBox.js +2 -2
- package/textbox/TextBox.mjs +25 -22
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license
|
|
3
3
|
*-------------------------------------------------------------------------------------------
|
|
4
|
-
* Copyright ©
|
|
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 ©
|
|
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 ©
|
|
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/signature/utils/main.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license
|
|
3
3
|
*-------------------------------------------------------------------------------------------
|
|
4
|
-
* Copyright ©
|
|
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/signature/utils/main.mjs
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license
|
|
3
3
|
*-------------------------------------------------------------------------------------------
|
|
4
|
-
* Copyright ©
|
|
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 ©
|
|
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 ©
|
|
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/SliderLabel.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license
|
|
3
3
|
*-------------------------------------------------------------------------------------------
|
|
4
|
-
* Copyright ©
|
|
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/SliderLabel.mjs
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license
|
|
3
3
|
*-------------------------------------------------------------------------------------------
|
|
4
|
-
* Copyright ©
|
|
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 ©
|
|
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 ©
|
|
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/textarea/TextArea.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license
|
|
3
3
|
*-------------------------------------------------------------------------------------------
|
|
4
|
-
* Copyright ©
|
|
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"),
|
|
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;
|
package/textarea/TextArea.mjs
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license
|
|
3
3
|
*-------------------------------------------------------------------------------------------
|
|
4
|
-
* Copyright ©
|
|
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
|
|
9
|
-
import { validatePackage as
|
|
10
|
-
import { packageMetadata as
|
|
11
|
-
import { exclamationCircleIcon as
|
|
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__ */
|
|
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
|
-
|
|
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 :
|
|
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:
|
|
202
|
-
id:
|
|
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
|
-
|
|
212
|
-
|
|
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:
|
|
218
|
+
rows: b,
|
|
216
219
|
title: w,
|
|
217
220
|
placeholder: V,
|
|
218
221
|
readOnly: n,
|
|
219
222
|
required: r,
|
|
220
|
-
tabIndex:
|
|
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
|
-
},
|
|
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
|
-
}),
|
|
236
|
+
}), A = k.call(this, {
|
|
234
237
|
h: d,
|
|
235
|
-
template:
|
|
238
|
+
template: I,
|
|
236
239
|
additionalProps: {
|
|
237
240
|
value: this.computedValue,
|
|
238
241
|
valid: this.isValid
|
|
239
242
|
}
|
|
240
|
-
}),
|
|
241
|
-
|
|
243
|
+
}), N = d("textarea", {
|
|
244
|
+
...$,
|
|
242
245
|
class: this.inputInnerClass,
|
|
243
|
-
ref: (
|
|
244
|
-
this.elementRef =
|
|
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)]),
|
|
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:
|
|
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:
|
|
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
|
-
}, [
|
|
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
|
-
}, [
|
|
298
|
+
}, [A])]);
|
|
296
299
|
},
|
|
297
300
|
methods: {
|
|
298
301
|
setValidity() {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license
|
|
3
3
|
*-------------------------------------------------------------------------------------------
|
|
4
|
-
* Copyright ©
|
|
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 ©
|
|
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/textbox/TextBox.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license
|
|
3
3
|
*-------------------------------------------------------------------------------------------
|
|
4
|
-
* Copyright ©
|
|
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")
|
|
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;
|
package/textbox/TextBox.mjs
CHANGED
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license
|
|
3
3
|
*-------------------------------------------------------------------------------------------
|
|
4
|
-
* Copyright ©
|
|
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
|
|
9
|
-
import { validatePackage as
|
|
10
|
-
import { packageMetadata as
|
|
11
|
-
import { FloatingLabel as
|
|
12
|
-
import { checkIcon as
|
|
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]" && !
|
|
14
|
+
return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !_(t);
|
|
15
15
|
}
|
|
16
|
-
const
|
|
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
|
-
|
|
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:
|
|
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
|
-
|
|
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
|
-
}),
|
|
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:
|
|
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]),
|
|
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:
|
|
197
|
+
icon: N,
|
|
195
198
|
class: "k-input-validation-icon"
|
|
196
199
|
}, null), r && !t && a(n, {
|
|
197
200
|
name: "exclamation-circle",
|
|
198
|
-
icon:
|
|
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:
|
|
211
|
+
icon: O
|
|
209
212
|
}, null)])]);
|
|
210
|
-
return i ? a(
|
|
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
|
-
|
|
349
|
+
R as TextBox
|
|
347
350
|
};
|