@progress/kendo-vue-inputs 6.4.1-develop.2 → 6.4.2-develop.3
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/checkbox/Checkbox.mjs +20 -20
- package/colors/ColorGradient.mjs +22 -22
- package/colors/ColorInput.mjs +3 -3
- package/colors/ColorPalette.mjs +9 -9
- package/colors/ColorPicker.mjs +12 -12
- package/colors/FlatColorPicker.mjs +12 -12
- package/colors/utils/color-parser.js +1 -1
- package/colors/utils/color-parser.mjs +1 -1
- package/dist/cdn/js/kendo-vue-inputs.js +1 -1
- package/input/Input.mjs +5 -5
- package/maskedtextbox/MaskedTextBox.mjs +16 -16
- package/maskedtextbox/masking.service.mjs +9 -9
- package/numerictextbox/NumericTextBox.mjs +20 -20
- package/numerictextbox/utils/main.js +1 -1
- package/numerictextbox/utils/main.mjs +37 -37
- package/package-metadata.js +1 -1
- package/package-metadata.mjs +2 -2
- package/package.json +9 -9
- package/radiobutton/RadioButton.mjs +9 -9
- package/radiobutton/RadioGroup.mjs +6 -6
- package/range-slider/RangeSlider.mjs +7 -7
- package/rating/Rating.mjs +7 -7
- package/rating/RatingItem.mjs +6 -6
- package/signature/Signature.mjs +2 -2
- package/signature/SignatureDialog.mjs +1 -1
- package/slider/Slider.mjs +6 -6
- package/switch/Switch.mjs +6 -6
- package/textarea/TextArea.mjs +8 -8
- package/textbox/TextBox.mjs +6 -6
|
@@ -5,8 +5,8 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
import { defineComponent as v,
|
|
9
|
-
import {
|
|
8
|
+
import { defineComponent as v, h as t, createVNode as h, ref as R } from "vue";
|
|
9
|
+
import { getDefaultSlots as k, templateRendering as y, getListeners as I, getTemplate as i, getTabIndex as C, setRef as x, kendoThemeMaps as j, getRef as O, guid as z, validatePackage as F } from "@progress/kendo-vue-common";
|
|
10
10
|
import { packageMetadata as L } from "../package-metadata.mjs";
|
|
11
11
|
const M = /* @__PURE__ */ v({
|
|
12
12
|
name: "KendoRadioButton",
|
|
@@ -49,16 +49,16 @@ const M = /* @__PURE__ */ v({
|
|
|
49
49
|
blur: null
|
|
50
50
|
},
|
|
51
51
|
created() {
|
|
52
|
-
this.calculatedId =
|
|
52
|
+
this.calculatedId = z(), F(L);
|
|
53
53
|
},
|
|
54
54
|
mounted() {
|
|
55
|
-
this.input =
|
|
55
|
+
this.input = O(this, "input");
|
|
56
56
|
},
|
|
57
57
|
computed: {
|
|
58
58
|
inputClassName() {
|
|
59
59
|
return {
|
|
60
60
|
"k-radio": !0,
|
|
61
|
-
[`k-radio-${
|
|
61
|
+
[`k-radio-${j.sizeMap[this.$props.size]}`]: this.$props.size,
|
|
62
62
|
"k-invalid": this.$props.valid === !1,
|
|
63
63
|
[this.$props.className]: this.$props.className
|
|
64
64
|
};
|
|
@@ -87,7 +87,7 @@ const M = /* @__PURE__ */ v({
|
|
|
87
87
|
};
|
|
88
88
|
},
|
|
89
89
|
render() {
|
|
90
|
-
const e =
|
|
90
|
+
const e = k(this), {
|
|
91
91
|
ariaDescribedBy: p,
|
|
92
92
|
checked: m,
|
|
93
93
|
disabled: n,
|
|
@@ -103,7 +103,7 @@ const M = /* @__PURE__ */ v({
|
|
|
103
103
|
} = this.$props;
|
|
104
104
|
let l = d;
|
|
105
105
|
if (a) {
|
|
106
|
-
const N = a ?
|
|
106
|
+
const N = a ? y.call(this, a, I.call(this)) : null;
|
|
107
107
|
l = i.call(this, {
|
|
108
108
|
h: t,
|
|
109
109
|
template: N
|
|
@@ -125,9 +125,9 @@ const M = /* @__PURE__ */ v({
|
|
|
125
125
|
id: s || this.calculatedId,
|
|
126
126
|
name: f,
|
|
127
127
|
class: this.inputClassName,
|
|
128
|
-
ref:
|
|
128
|
+
ref: x(this, "input"),
|
|
129
129
|
disabled: n,
|
|
130
|
-
tabindex:
|
|
130
|
+
tabindex: C(g, n),
|
|
131
131
|
checked: m,
|
|
132
132
|
style: this.$attrs.style,
|
|
133
133
|
"aria-describedby": p,
|
|
@@ -5,9 +5,9 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
import { defineComponent as p,
|
|
8
|
+
import { defineComponent as p, createVNode as r, ref as f } from "vue";
|
|
9
9
|
import { RadioButton as b } from "./RadioButton.mjs";
|
|
10
|
-
import {
|
|
10
|
+
import { templateRendering as g, getListeners as $, classNames as k, focusFirstFocusableChild as v, isRtl as y, guid as C, validatePackage as V } from "@progress/kendo-vue-common";
|
|
11
11
|
import { packageMetadata as R } from "../package-metadata.mjs";
|
|
12
12
|
const I = /* @__PURE__ */ p({
|
|
13
13
|
name: "KendoRadioGroup",
|
|
@@ -49,7 +49,7 @@ const I = /* @__PURE__ */ p({
|
|
|
49
49
|
event: "changemodel"
|
|
50
50
|
},
|
|
51
51
|
created() {
|
|
52
|
-
this.radioGroupName =
|
|
52
|
+
this.radioGroupName = C(), V(R), this.stateChecked = this.$props.defaultValue;
|
|
53
53
|
},
|
|
54
54
|
watch: {
|
|
55
55
|
value(e) {
|
|
@@ -57,7 +57,7 @@ const I = /* @__PURE__ */ p({
|
|
|
57
57
|
}
|
|
58
58
|
},
|
|
59
59
|
mounted() {
|
|
60
|
-
this.rtl =
|
|
60
|
+
this.rtl = y(this.$el);
|
|
61
61
|
},
|
|
62
62
|
computed: {
|
|
63
63
|
radioGroupClasses() {
|
|
@@ -116,9 +116,9 @@ const I = /* @__PURE__ */ p({
|
|
|
116
116
|
labelPlacement: u,
|
|
117
117
|
valid: o
|
|
118
118
|
} = this.$props, c = i && i.map(function(a, l) {
|
|
119
|
-
const d = this.checkedRadioValue === a.value, h = this.checkedRadioValue === null || this.checkedRadioValue === void 0, m =
|
|
119
|
+
const d = this.checkedRadioValue === a.value, h = this.checkedRadioValue === null || this.checkedRadioValue === void 0, m = g.call(this, this.$props.item || a.item, $.call(this));
|
|
120
120
|
return r(b, {
|
|
121
|
-
class:
|
|
121
|
+
class: k("k-radio-item", {
|
|
122
122
|
"k-disabled": a.disabled || s
|
|
123
123
|
}),
|
|
124
124
|
style: a.style,
|
|
@@ -5,11 +5,11 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
import { defineComponent as u,
|
|
9
|
-
import {
|
|
8
|
+
import { defineComponent as u, createVNode as s, ref as o, inject as p } from "vue";
|
|
9
|
+
import { Keys as r, getDefaultSlots as m, classNames as f, Draggable as k, getTabIndex as d, validatePackage as y } from "@progress/kendo-vue-common";
|
|
10
10
|
import { sliderDragTitle as l, messages as c } from "../messages/main.mjs";
|
|
11
11
|
import { provideLocalizationService as g } from "@progress/kendo-vue-intl";
|
|
12
|
-
import {
|
|
12
|
+
import { RANGE_ACTION as a, rangeReducer as b } from "./range-raducer.mjs";
|
|
13
13
|
import { packageMetadata as S } from "../package-metadata.mjs";
|
|
14
14
|
const T = /* @__PURE__ */ u({
|
|
15
15
|
name: "KendoRangeSlider",
|
|
@@ -73,7 +73,7 @@ const T = /* @__PURE__ */ u({
|
|
|
73
73
|
}
|
|
74
74
|
},
|
|
75
75
|
created() {
|
|
76
|
-
|
|
76
|
+
y(S);
|
|
77
77
|
},
|
|
78
78
|
data() {
|
|
79
79
|
return {
|
|
@@ -122,14 +122,14 @@ const T = /* @__PURE__ */ u({
|
|
|
122
122
|
};
|
|
123
123
|
},
|
|
124
124
|
render() {
|
|
125
|
-
const e = g(this), t =
|
|
125
|
+
const e = g(this), t = m(this), {
|
|
126
126
|
id: i,
|
|
127
127
|
dir: n
|
|
128
128
|
} = this.$props;
|
|
129
129
|
return s("div", {
|
|
130
130
|
id: i,
|
|
131
131
|
dir: this.currentDir,
|
|
132
|
-
class:
|
|
132
|
+
class: f("k-slider", {
|
|
133
133
|
"k-rtl": this.currentDir === "rtl",
|
|
134
134
|
"k-disabled": this.$props.disabled,
|
|
135
135
|
"k-slider-vertical": this.$props.vertical,
|
|
@@ -137,7 +137,7 @@ const T = /* @__PURE__ */ u({
|
|
|
137
137
|
}, this.$props.class),
|
|
138
138
|
"aria-labelledby": this.$props.ariaLabelledBy,
|
|
139
139
|
"aria-describedby": this.$props.ariaDescribedBy
|
|
140
|
-
}, [s(
|
|
140
|
+
}, [s(k, {
|
|
141
141
|
onDrag: this.handleTrackDrag,
|
|
142
142
|
onPress: this.handleTrackPress,
|
|
143
143
|
onRelease: this.handleTrackRelease,
|
package/rating/Rating.mjs
CHANGED
|
@@ -5,14 +5,14 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
import { defineComponent as j,
|
|
9
|
-
import {
|
|
8
|
+
import { defineComponent as j, createVNode as d, ref as A } from "vue";
|
|
9
|
+
import { Keys as u, classNames as K, getTabIndex as z, templateRendering as X, getListeners as _, validatePackage as G } from "@progress/kendo-vue-common";
|
|
10
10
|
import { packageMetadata as P } from "../package-metadata.mjs";
|
|
11
11
|
import { RatingItem as q } from "./RatingItem.mjs";
|
|
12
|
-
import {
|
|
12
|
+
import { calcIsFirstHalf as V, toRound as m, getRemainder as E, isHalf as J, isSelected as g } from "./utils/main.mjs";
|
|
13
13
|
import { provideLocalizationService as Q } from "@progress/kendo-vue-intl";
|
|
14
14
|
import { ratingAriaLabel as I, messages as U } from "../messages/main.mjs";
|
|
15
|
-
import {
|
|
15
|
+
import { ratingReducer as S, RATING_ACTION as i } from "./utils/rating-reducer.mjs";
|
|
16
16
|
const le = /* @__PURE__ */ j({
|
|
17
17
|
name: "Rating",
|
|
18
18
|
emits: {
|
|
@@ -67,7 +67,7 @@ const le = /* @__PURE__ */ j({
|
|
|
67
67
|
label: String
|
|
68
68
|
},
|
|
69
69
|
created() {
|
|
70
|
-
|
|
70
|
+
G(P);
|
|
71
71
|
},
|
|
72
72
|
inject: {
|
|
73
73
|
kendoLocalizationService: {
|
|
@@ -123,7 +123,7 @@ const le = /* @__PURE__ */ j({
|
|
|
123
123
|
role: "slider",
|
|
124
124
|
dir: o,
|
|
125
125
|
tabindex: z(C, p, void 0),
|
|
126
|
-
class:
|
|
126
|
+
class: K("k-rating", {
|
|
127
127
|
"k-rtl": o === "rtl",
|
|
128
128
|
"k-readonly": $,
|
|
129
129
|
"k-disabled": p
|
|
@@ -147,7 +147,7 @@ const le = /* @__PURE__ */ j({
|
|
|
147
147
|
}, null), d("span", {
|
|
148
148
|
class: "k-rating-container"
|
|
149
149
|
}, [F.map(function(y) {
|
|
150
|
-
const n = m(y + M, this.base), k = x === "half" ? J(n, c !== null ? c : h !== null ? h : 0, a) : !1, L = g(n, h, a, f), D = g(n, c !== null ? c : h, a, f), O = g(n, c, a, f), T =
|
|
150
|
+
const n = m(y + M, this.base), k = x === "half" ? J(n, c !== null ? c : h !== null ? h : 0, a) : !1, L = g(n, h, a, f), D = g(n, c !== null ? c : h, a, f), O = g(n, c, a, f), T = X.call(this, v, _.call(this));
|
|
151
151
|
return d(q, {
|
|
152
152
|
key: n,
|
|
153
153
|
value: n,
|
package/rating/RatingItem.mjs
CHANGED
|
@@ -5,8 +5,8 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
import { defineComponent as f,
|
|
9
|
-
import {
|
|
8
|
+
import { defineComponent as f, h as M, createVNode as n, ref as x } from "vue";
|
|
9
|
+
import { getTemplate as y, Icon as i, getIconName as h, classNames as b } from "@progress/kendo-vue-common";
|
|
10
10
|
import { starOutlineIcon as d, starIcon as m } from "@progress/kendo-svg-icons";
|
|
11
11
|
const B = /* @__PURE__ */ f({
|
|
12
12
|
name: "KendoVueRatingItem",
|
|
@@ -51,12 +51,12 @@ const B = /* @__PURE__ */ f({
|
|
|
51
51
|
},
|
|
52
52
|
setup() {
|
|
53
53
|
return {
|
|
54
|
-
inputRef:
|
|
54
|
+
inputRef: x(null)
|
|
55
55
|
};
|
|
56
56
|
},
|
|
57
57
|
computed: {
|
|
58
58
|
wrapperClass() {
|
|
59
|
-
return
|
|
59
|
+
return b(`k-rating-item${this.$props.dir === "rtl" ? " k-rtl" : ""}${this.$props.haveSelectedValue || this.$props.selected ? " k-selected" : ""}${this.$props.hovered ? " k-hover" : ""}`);
|
|
60
60
|
}
|
|
61
61
|
},
|
|
62
62
|
render() {
|
|
@@ -74,8 +74,8 @@ const B = /* @__PURE__ */ f({
|
|
|
74
74
|
haveSelectedValue: v,
|
|
75
75
|
item: g,
|
|
76
76
|
itemTemplate: $
|
|
77
|
-
} = this.$props, k =
|
|
78
|
-
h:
|
|
77
|
+
} = this.$props, k = y.call(this, {
|
|
78
|
+
h: M,
|
|
79
79
|
template: $,
|
|
80
80
|
additionalProps: {
|
|
81
81
|
dir: r,
|
package/signature/Signature.mjs
CHANGED
|
@@ -5,9 +5,9 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
import { defineComponent as f,
|
|
8
|
+
import { defineComponent as f, createVNode as s, ref as C } from "vue";
|
|
9
9
|
import { Button as v } from "@progress/kendo-vue-buttons";
|
|
10
|
-
import {
|
|
10
|
+
import { getRef as n, setRef as a, kendoThemeMaps as l, validatePackage as S } from "@progress/kendo-vue-common";
|
|
11
11
|
import { SignatureDialog as $ } from "./SignatureDialog.mjs";
|
|
12
12
|
import { SignatureBottomActions as y } from "./SignatureBottomActions.mjs";
|
|
13
13
|
import { SignatureLine as k } from "./SignatureLine.mjs";
|
|
@@ -11,7 +11,7 @@ import { SignatureBottomActions as O } from "./SignatureBottomActions.mjs";
|
|
|
11
11
|
import { SignatureLine as L } from "./SignatureLine.mjs";
|
|
12
12
|
import { Button as N } from "@progress/kendo-vue-buttons";
|
|
13
13
|
import { provideLocalizationService as W } from "@progress/kendo-vue-intl";
|
|
14
|
-
import {
|
|
14
|
+
import { setRef as o, getRef as x } from "@progress/kendo-vue-common";
|
|
15
15
|
import { hyperlinkOpenIcon as I } from "@progress/kendo-svg-icons";
|
|
16
16
|
import { SignatureCanvas as F } from "./SignatureCanvas.mjs";
|
|
17
17
|
import { signatureMinimize as r, messages as l, signatureClear as a } from "../messages/main.mjs";
|
package/slider/Slider.mjs
CHANGED
|
@@ -5,9 +5,9 @@
|
|
|
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,
|
|
8
|
+
import { defineComponent as b, createVNode as i, ref as k, inject as V } from "vue";
|
|
9
9
|
import { Button as o } from "@progress/kendo-vue-buttons";
|
|
10
|
-
import {
|
|
10
|
+
import { Keys as a, getDefaultSlots as y, classNames as D, Draggable as S, validatePackage as w } from "@progress/kendo-vue-common";
|
|
11
11
|
import { provideLocalizationService as x } from "@progress/kendo-vue-intl";
|
|
12
12
|
import { sliderDecreaseValue as u, messages as l, sliderDragTitle as d, sliderIncreaseValue as c } from "../messages/main.mjs";
|
|
13
13
|
import { SLIDER_LABEL_ATTRIBUTE as L } from "./SliderLabel.mjs";
|
|
@@ -87,7 +87,7 @@ const M = /* @__PURE__ */ b({
|
|
|
87
87
|
}
|
|
88
88
|
},
|
|
89
89
|
created() {
|
|
90
|
-
|
|
90
|
+
w(I), this.$props.value !== void 0 ? this.$data.currentValue = this.$props.value : this.$props.modelValue !== void 0 ? this.$data.currentValue = this.$props.modelValue : this.$props.defaultValue !== void 0 ? this.$data.currentValue = this.$props.defaultValue : this.$data.currentValue = this.$props.min, this.currentFocused = !1, this.currentDir = this.$props.dir;
|
|
91
91
|
},
|
|
92
92
|
mounted() {
|
|
93
93
|
if (this._sliderTrack = this.$refs.sliderTrack, this.$el && (this.draggable = this.$refs.draggable), !this.currentDir && window && this.$el) {
|
|
@@ -106,7 +106,7 @@ const M = /* @__PURE__ */ b({
|
|
|
106
106
|
};
|
|
107
107
|
},
|
|
108
108
|
render() {
|
|
109
|
-
const e = x(this), t = (this.computedValue - this.$props.min) / (this.$props.max - this.$props.min) * 100, s =
|
|
109
|
+
const e = x(this), t = (this.computedValue - this.$props.min) / (this.$props.max - this.$props.min) * 100, s = y(this), {
|
|
110
110
|
vertical: r
|
|
111
111
|
} = this.$props, n = this.currentDir === "rtl" ? r ? p : h : r ? p : m, f = this.currentDir === "rtl" ? r ? g : m : r ? g : h, $ = this.currentDir === "rtl" ? r ? "caret-alt-up" : "caret-alt-left" : r ? "caret-alt-up" : "caret-alt-right", v = this.currentDir === "rtl" ? r ? "caret-alt-down" : "caret-alt-right" : r ? "caret-alt-down" : "caret-alt-left";
|
|
112
112
|
return i("div", {
|
|
@@ -117,7 +117,7 @@ const M = /* @__PURE__ */ b({
|
|
|
117
117
|
onBlur: this.onBlur,
|
|
118
118
|
onKeydown: this.onKeyDown,
|
|
119
119
|
"aria-label": this.$props.ariaLabel,
|
|
120
|
-
class:
|
|
120
|
+
class: D("k-slider", {
|
|
121
121
|
"k-focus": this.currentFocused,
|
|
122
122
|
"k-disabled": this.$props.disabled,
|
|
123
123
|
"k-slider-horizontal": !this.$props.vertical,
|
|
@@ -135,7 +135,7 @@ const M = /* @__PURE__ */ b({
|
|
|
135
135
|
class: "k-button-decrease",
|
|
136
136
|
title: e.toLanguageString(u, l[u]),
|
|
137
137
|
onClick: this.decrement
|
|
138
|
-
}, null), i(
|
|
138
|
+
}, null), i(S, {
|
|
139
139
|
onDrag: this.dragOver,
|
|
140
140
|
onPress: this.dragStart,
|
|
141
141
|
ref: "draggable"
|
package/switch/Switch.mjs
CHANGED
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
8
|
import { defineComponent as p, createVNode as i } from "vue";
|
|
9
|
-
import {
|
|
9
|
+
import { Keys as r, getTabIndex as c, setRef as u, noop as m, getRef as o, isRtl as f, kendoThemeMaps as n, validatePackage as g, guid as y } from "@progress/kendo-vue-common";
|
|
10
10
|
import { provideLocalizationService as $ } from "@progress/kendo-vue-intl";
|
|
11
11
|
import { switchValidation as h, messages as k } from "../messages/main.mjs";
|
|
12
12
|
import { packageMetadata as b } from "../package-metadata.mjs";
|
|
@@ -92,7 +92,7 @@ const B = /* @__PURE__ */ p({
|
|
|
92
92
|
}
|
|
93
93
|
},
|
|
94
94
|
created() {
|
|
95
|
-
|
|
95
|
+
g(b), this._id = y(), this.defaultValidationMessage = $(this);
|
|
96
96
|
},
|
|
97
97
|
data() {
|
|
98
98
|
return {
|
|
@@ -135,7 +135,7 @@ const B = /* @__PURE__ */ p({
|
|
|
135
135
|
}
|
|
136
136
|
},
|
|
137
137
|
mounted() {
|
|
138
|
-
this._element =
|
|
138
|
+
this._element = o(this, "element"), this.input = o(this, "input"), this.currentDir = this.$props.dir !== void 0 ? this.$props.dir : f(this.$el) ? "rtl" : "ltr", this.setValidity();
|
|
139
139
|
},
|
|
140
140
|
updated() {
|
|
141
141
|
this.setValidity();
|
|
@@ -161,7 +161,7 @@ const B = /* @__PURE__ */ p({
|
|
|
161
161
|
onClick: this.handleClick,
|
|
162
162
|
onFocusout: this.handleWrapperBlur,
|
|
163
163
|
onFocusin: this.handleWrapperFocus,
|
|
164
|
-
tabindex:
|
|
164
|
+
tabindex: c(d, e, void 0),
|
|
165
165
|
accesskey: this.$props.accessKey
|
|
166
166
|
}, [i("span", {
|
|
167
167
|
class: this.switchTrackClass,
|
|
@@ -184,7 +184,7 @@ const B = /* @__PURE__ */ p({
|
|
|
184
184
|
position: "absolute",
|
|
185
185
|
left: "50%"
|
|
186
186
|
},
|
|
187
|
-
onChange:
|
|
187
|
+
onChange: m
|
|
188
188
|
}, null), i("span", {
|
|
189
189
|
class: "k-switch-label-on"
|
|
190
190
|
}, [a]), i("span", {
|
|
@@ -238,7 +238,7 @@ const B = /* @__PURE__ */ p({
|
|
|
238
238
|
const {
|
|
239
239
|
keyCode: t
|
|
240
240
|
} = e;
|
|
241
|
-
(t ===
|
|
241
|
+
(t === r.space || t === r.enter) && this.toggle(!this.computedValue, e);
|
|
242
242
|
},
|
|
243
243
|
handleWrapperFocus(e) {
|
|
244
244
|
this.$props.disabled || (this.focused = !0, this.$emit("focus", e));
|
package/textarea/TextArea.mjs
CHANGED
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
8
|
import { defineComponent as M, h as d, createVNode as t } from "vue";
|
|
9
|
-
import {
|
|
9
|
+
import { getTabIndex as P, templateRendering as f, getListeners as g, getTemplate as x, Icon as s, isRtl as T, kendoThemeMaps as k, validatePackage as q, guid as D } from "@progress/kendo-vue-common";
|
|
10
10
|
import { packageMetadata as H } from "../package-metadata.mjs";
|
|
11
11
|
import { exclamationCircleIcon as L, xIcon as W } from "@progress/kendo-svg-icons";
|
|
12
12
|
import { TextAreaResizeEnum as h } from "./interfaces/TextAreaResize.mjs";
|
|
@@ -98,7 +98,7 @@ const K = /* @__PURE__ */ M({
|
|
|
98
98
|
inputAttributes: Object
|
|
99
99
|
},
|
|
100
100
|
created() {
|
|
101
|
-
|
|
101
|
+
q(H), this.calculatedId = D();
|
|
102
102
|
},
|
|
103
103
|
computed: {
|
|
104
104
|
resizableClass() {
|
|
@@ -119,9 +119,9 @@ const K = /* @__PURE__ */ M({
|
|
|
119
119
|
return {
|
|
120
120
|
"k-input": !0,
|
|
121
121
|
"k-textarea": !0,
|
|
122
|
-
[`k-input-${
|
|
122
|
+
[`k-input-${k.sizeMap[e] || e}`]: e,
|
|
123
123
|
[`k-input-${a}`]: a,
|
|
124
|
-
[`k-rounded-${
|
|
124
|
+
[`k-rounded-${k.roundedMap[l] || l}`]: l,
|
|
125
125
|
"k-disabled": this.$props.disabled,
|
|
126
126
|
"k-invalid": r,
|
|
127
127
|
"k-required": i,
|
|
@@ -186,7 +186,7 @@ const K = /* @__PURE__ */ M({
|
|
|
186
186
|
}
|
|
187
187
|
},
|
|
188
188
|
mounted() {
|
|
189
|
-
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 : T(this.$el) ? "rtl" : "ltr", this.setValidity();
|
|
190
190
|
},
|
|
191
191
|
updated() {
|
|
192
192
|
this.element = this.elementRef, this.setValidity();
|
|
@@ -220,20 +220,20 @@ const K = /* @__PURE__ */ M({
|
|
|
220
220
|
placeholder: V,
|
|
221
221
|
readOnly: n,
|
|
222
222
|
required: r,
|
|
223
|
-
tabIndex:
|
|
223
|
+
tabIndex: P(y, i),
|
|
224
224
|
"aria-labelledby": a,
|
|
225
225
|
"aria-describedby": e,
|
|
226
226
|
"aria-multiline": !0,
|
|
227
227
|
"aria-disabled": i || void 0,
|
|
228
228
|
...this.$attrs
|
|
229
|
-
}, z =
|
|
229
|
+
}, z = f.call(this, this.$props.inputPrefix, g.call(this)), I = f.call(this, this.$props.inputSuffix, g.call(this)), B = x.call(this, {
|
|
230
230
|
h: d,
|
|
231
231
|
template: z,
|
|
232
232
|
additionalProps: {
|
|
233
233
|
value: this.computedValue,
|
|
234
234
|
valid: this.isValid
|
|
235
235
|
}
|
|
236
|
-
}), A =
|
|
236
|
+
}), A = x.call(this, {
|
|
237
237
|
h: d,
|
|
238
238
|
template: I,
|
|
239
239
|
additionalProps: {
|
package/textbox/TextBox.mjs
CHANGED
|
@@ -5,8 +5,8 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
import { defineComponent as x,
|
|
9
|
-
import {
|
|
8
|
+
import { defineComponent as x, h as o, createVNode as a, ref as C, isVNode as _ } from "vue";
|
|
9
|
+
import { kendoThemeMaps as h, templateRendering as c, getListeners as f, getTemplate as m, Icon as n, validatePackage as w, guid as I } from "@progress/kendo-vue-common";
|
|
10
10
|
import { packageMetadata as M } from "../package-metadata.mjs";
|
|
11
11
|
import { FloatingLabel as B } from "@progress/kendo-vue-labels";
|
|
12
12
|
import { checkIcon as N, exclamationCircleIcon as F, xIcon as O } from "@progress/kendo-svg-icons";
|
|
@@ -166,14 +166,14 @@ const R = /* @__PURE__ */ x({
|
|
|
166
166
|
onInput: this.handleInput,
|
|
167
167
|
onAnimationstart: this.handleAutoFill,
|
|
168
168
|
onAnimationend: this.handleAutoFillEnd
|
|
169
|
-
}), k =
|
|
169
|
+
}), k = c.call(this, this.$props.inputPrefix, f.call(this)), b = c.call(this, this.$props.inputSuffix, f.call(this)), V = m.call(this, {
|
|
170
170
|
h: o,
|
|
171
171
|
template: k,
|
|
172
172
|
additionalProps: {
|
|
173
173
|
value: this.computedValue,
|
|
174
174
|
valid: t
|
|
175
175
|
}
|
|
176
|
-
}), S =
|
|
176
|
+
}), S = m.call(this, {
|
|
177
177
|
h: o,
|
|
178
178
|
template: b,
|
|
179
179
|
additionalProps: {
|
|
@@ -312,9 +312,9 @@ const R = /* @__PURE__ */ x({
|
|
|
312
312
|
return {
|
|
313
313
|
"k-textbox": !0,
|
|
314
314
|
"k-input": !0,
|
|
315
|
-
[`k-input-${
|
|
315
|
+
[`k-input-${h.sizeMap[t] || t}`]: t,
|
|
316
316
|
[`k-input-${i}`]: i,
|
|
317
|
-
[`k-rounded-${
|
|
317
|
+
[`k-rounded-${h.roundedMap[e] || e}`]: e,
|
|
318
318
|
"k-invalid": !l,
|
|
319
319
|
"k-required": this.required,
|
|
320
320
|
"k-disabled": this.$props.disabled,
|