@progress/kendo-vue-labels 8.0.3-develop.2 → 8.0.3-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.
Files changed (12) hide show
  1. package/Error.d.ts +56 -0
  2. package/FloatingLabel.d.ts +122 -0
  3. package/Hint.d.ts +53 -0
  4. package/Label.d.ts +79 -0
  5. package/dist/cdn/js/kendo-vue-labels.js +1 -1
  6. package/index.d.mts +5 -293
  7. package/index.d.ts +5 -293
  8. package/messages/main.d.ts +17 -0
  9. package/package-metadata.d.ts +12 -0
  10. package/package-metadata.js +1 -1
  11. package/package-metadata.mjs +2 -2
  12. package/package.json +12 -6
package/Error.d.ts ADDED
@@ -0,0 +1,56 @@
1
+ /**
2
+ * @license
3
+ *-------------------------------------------------------------------------------------------
4
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
5
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
6
+ *-------------------------------------------------------------------------------------------
7
+ */
8
+ import { PropType } from 'vue';
9
+ /**
10
+ * Represents the props of the Kendo UI for Vue Error component.
11
+ */
12
+ export interface ErrorProps {
13
+ /**
14
+ * Represents the id of the Error element.
15
+ * The value should be also set to the editor's `ariaDescribedBy` property.
16
+ */
17
+ id?: string;
18
+ /**
19
+ * Specifies the alignment of the Error text.
20
+ *
21
+ * The possible values are:
22
+ * * (Default) `start`
23
+ * * `end`
24
+ */
25
+ direction?: string;
26
+ }
27
+ /**
28
+ * @hidden
29
+ */
30
+ export interface ErrorComputed {
31
+ [key: string]: any;
32
+ errorClassName: object;
33
+ }
34
+ /**
35
+ * @hidden
36
+ */
37
+ declare const Error: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
38
+ id: PropType<string>;
39
+ direction: {
40
+ type: PropType<string>;
41
+ default: string;
42
+ validator: (value: string) => any;
43
+ };
44
+ }>, {}, {}, {
45
+ errorClassName(): ErrorComputed['errorClassName'];
46
+ }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
47
+ id: PropType<string>;
48
+ direction: {
49
+ type: PropType<string>;
50
+ default: string;
51
+ validator: (value: string) => any;
52
+ };
53
+ }>> & Readonly<{}>, {
54
+ direction: string;
55
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
56
+ export { Error };
package/FloatingLabel.d.ts ADDED
@@ -0,0 +1,122 @@
1
+ /**
2
+ * @license
3
+ *-------------------------------------------------------------------------------------------
4
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
5
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
6
+ *-------------------------------------------------------------------------------------------
7
+ */
8
+ import { PropType } from 'vue';
9
+ /**
10
+ * Represents the props of the kendo UI for Vue FloatingLabel component.
11
+ */
12
+ export interface FloatingLabelProps {
13
+ /**
14
+ * Represent the `for` property, which will be set to the `label` element.
15
+ */
16
+ editorId?: string;
17
+ /**
18
+ * Specifies the value of the editor. Used to define if the editor is empty.
19
+ */
20
+ editorValue?: any;
21
+ /**
22
+ * Specifies the placeholder of the editor. Used to define if the editor is empty.
23
+ */
24
+ editorPlaceholder?: string;
25
+ /**
26
+ * Specifies if the validity of the editor. Used to define the editor is invalid.
27
+ */
28
+ editorValid?: boolean;
29
+ /**
30
+ * Specifies if the editor is disabled.
31
+ */
32
+ editorDisabled?: boolean;
33
+ /**
34
+ * Adds a floating label that describes the editor.
35
+ */
36
+ label?: string;
37
+ /**
38
+ * Sets the `class` of the label element.
39
+ */
40
+ labelClass?: string;
41
+ /**
42
+ * Specifies the direction of the label.
43
+ */
44
+ dir?: string;
45
+ /**
46
+ * Represents the id of the label element.
47
+ * The value should be also set to the editor's `ariaLabelledBy` property.
48
+ * Can be used when the editor is not containing native form element.
49
+ */
50
+ id?: string;
51
+ /**
52
+ * If enabled, marks the label as optional.
53
+ */
54
+ optional?: boolean;
55
+ /**
56
+ * Sets the label in a focused position.
57
+ */
58
+ focused?: boolean;
59
+ }
60
+ /**
61
+ * @hidden
62
+ */
63
+ export interface FloatingLabelComputed {
64
+ [key: string]: any;
65
+ spanClassNames: object;
66
+ labelClassNames: object;
67
+ }
68
+ /**
69
+ * @hidden
70
+ */
71
+ declare const FloatingLabel: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
72
+ label: PropType<string>;
73
+ labelClass: PropType<string>;
74
+ editorId: PropType<string>;
75
+ editorValue: PropType<any>;
76
+ editorPlaceholder: PropType<string>;
77
+ editorValid: {
78
+ type: PropType<boolean>;
79
+ default: any;
80
+ };
81
+ editorDisabled: PropType<boolean>;
82
+ id: PropType<string>;
83
+ optional: PropType<boolean>;
84
+ focused: {
85
+ type: PropType<boolean>;
86
+ default: any;
87
+ };
88
+ dir: PropType<string>;
89
+ }>, {
90
+ kendoLocalizationService: {};
91
+ }, {
92
+ currentFocused: boolean;
93
+ }, {
94
+ computedFocused(): any;
95
+ spanClassNames(): FloatingLabelComputed['spanClassNames'];
96
+ labelClassNames(): FloatingLabelComputed['labelClassNames'];
97
+ }, {
98
+ handleFocus(): void;
99
+ handleBlur(): void;
100
+ }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
101
+ label: PropType<string>;
102
+ labelClass: PropType<string>;
103
+ editorId: PropType<string>;
104
+ editorValue: PropType<any>;
105
+ editorPlaceholder: PropType<string>;
106
+ editorValid: {
107
+ type: PropType<boolean>;
108
+ default: any;
109
+ };
110
+ editorDisabled: PropType<boolean>;
111
+ id: PropType<string>;
112
+ optional: PropType<boolean>;
113
+ focused: {
114
+ type: PropType<boolean>;
115
+ default: any;
116
+ };
117
+ dir: PropType<string>;
118
+ }>> & Readonly<{}>, {
119
+ focused: boolean;
120
+ editorValid: boolean;
121
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
122
+ export { FloatingLabel };
package/Hint.d.ts ADDED
@@ -0,0 +1,53 @@
1
+ /**
2
+ * @license
3
+ *-------------------------------------------------------------------------------------------
4
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
5
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
6
+ *-------------------------------------------------------------------------------------------
7
+ */
8
+ import { PropType } from 'vue';
9
+ /**
10
+ * Represents the props of the Kendo UI for Vue Hint component.
11
+ */
12
+ export interface HintProps {
13
+ /**
14
+ * Represents the id of the Hint element.
15
+ * The value should be also set to the editor's `ariaDescribedBy` property.
16
+ */
17
+ id?: string;
18
+ /**
19
+ * Specifies the alignment of the Hint text.
20
+ *
21
+ * The possible values are:
22
+ * * (Default) `start`
23
+ * * `end`
24
+ */
25
+ direction?: string;
26
+ }
27
+ /**
28
+ * @hidden
29
+ */
30
+ declare const Hint: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
31
+ id: PropType<string>;
32
+ direction: {
33
+ type: PropType<string>;
34
+ default: string;
35
+ validator: (value: string) => any;
36
+ };
37
+ }>, {}, {}, {
38
+ hintClassName(): {
39
+ 'k-form-hint': boolean;
40
+ 'k-text-start': boolean;
41
+ 'k-text-end': boolean;
42
+ };
43
+ }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
44
+ id: PropType<string>;
45
+ direction: {
46
+ type: PropType<string>;
47
+ default: string;
48
+ validator: (value: string) => any;
49
+ };
50
+ }>> & Readonly<{}>, {
51
+ direction: string;
52
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
53
+ export { Hint };
package/Label.d.ts ADDED
@@ -0,0 +1,79 @@
1
+ /**
2
+ * @license
3
+ *-------------------------------------------------------------------------------------------
4
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
5
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
6
+ *-------------------------------------------------------------------------------------------
7
+ */
8
+ import { PropType } from 'vue';
9
+ /**
10
+ * Represents the props of the Kendo UI for Vue Label component.
11
+ */
12
+ export interface LabelProps {
13
+ /**
14
+ * Represents the id of the label element.
15
+ * The value should be set to the editor `ariaLabelledBy` property.
16
+ * Can be used when the editor is not containing native form element.
17
+ */
18
+ id?: string;
19
+ /**
20
+ * The id of the editor.
21
+ */
22
+ editorId?: string;
23
+ /**
24
+ * An optional Vue ref to the editor.
25
+ * Used to redirect the click event to the editor when it does not contain native form element.
26
+ * To be able to work, the editor should have `focus` method or `actionElement` prop on it's ref.
27
+ */
28
+ editorRef?: any;
29
+ /**
30
+ * Specifies the validity of the editor. Used to define the editor is invalid.
31
+ */
32
+ editorValid?: boolean;
33
+ /**
34
+ * Specifies if the editor is disabled.
35
+ */
36
+ editorDisabled?: boolean;
37
+ /**
38
+ * If enabled marks the label as optional.
39
+ */
40
+ optional?: boolean;
41
+ }
42
+ /**
43
+ * @hidden
44
+ */
45
+ declare const Label: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
46
+ id: PropType<string>;
47
+ editorId: PropType<string>;
48
+ editorRef: PropType<any>;
49
+ editorValid: {
50
+ type: PropType<boolean>;
51
+ default: any;
52
+ };
53
+ editorDisabled: PropType<boolean>;
54
+ optional: PropType<boolean>;
55
+ }>, {
56
+ kendoLocalizationService: {};
57
+ }, {}, {
58
+ labelClassName(): {
59
+ 'k-label': boolean;
60
+ 'k-label-empty': boolean;
61
+ 'k-text-error': boolean;
62
+ 'k-text-disabled': boolean;
63
+ };
64
+ }, {
65
+ onLabelClick(e: any): void;
66
+ }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
67
+ id: PropType<string>;
68
+ editorId: PropType<string>;
69
+ editorRef: PropType<any>;
70
+ editorValid: {
71
+ type: PropType<boolean>;
72
+ default: any;
73
+ };
74
+ editorDisabled: PropType<boolean>;
75
+ optional: PropType<boolean>;
76
+ }>> & Readonly<{}>, {
77
+ editorValid: boolean;
78
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
79
+ export { Label };
package/dist/cdn/js/kendo-vue-labels.js CHANGED
@@ -12,4 +12,4 @@
12
12
  * Licensed under commercial license. See LICENSE.md in the package root for more information
13
13
  *-------------------------------------------------------------------------------------------
14
14
  */
15
- !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue"),require("@progress/kendo-vue-common"),require("@progress/kendo-vue-intl")):"function"==typeof define&&define.amd?define(["exports","vue","@progress/kendo-vue-common","@progress/kendo-vue-intl"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoVueLabels={},e.Vue,e.KendoVueCommon,e.KendoVueIntl)}(this,(function(e,t,o,i){"use strict";const r="labels.optional",s={[r]:"(Optional)"},a={name:"@progress/kendo-vue-labels",productName:"Kendo UI for Vue",productCode:"KENDOUIVUE",productCodes:["KENDOUIVUE"],publishDate:1641721324,version:"8.0.3-develop.2",licensingDocsUrl:"https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning"},n=t.defineComponent({name:"KendoLabel",props:{id:String,editorId:String,editorRef:String,editorValid:{type:Boolean,default:void 0},editorDisabled:Boolean,optional:Boolean},inject:{kendoLocalizationService:{default:null}},created(){o.validatePackage(a)},computed:{labelClassName(){return{"k-label":!0,"k-label-empty":!this.defaultSlots,"k-text-error":!1===this.$props.editorValid,"k-text-disabled":!0===this.$props.editorDisabled}}},methods:{onLabelClick(e){if(this.$props.editorRef&&this.$props.editorRef.current&&!this.$props.editorDisabled){this.$props.editorRef.current.focus&&(e.preventDefault(),this.$props.editorRef.current.focus());const t=this.$props.editorRef.current.actionElement;t&&(e.preventDefault(),t.click())}}},setup:()=>({kendoLocalizationService:t.inject("kendoLocalizationService",{})}),render(){this.defaultSlots=o.getDefaultSlots(this);const e=i.provideLocalizationService(this),{id:a,editorId:n,optional:l}=this.$props,d=l?e.toLanguageString(r,s[r]):"",p=d&&t.createVNode("span",{class:"k-label-optional"},[d]);return t.createVNode("label",{id:a,for:n,onClick:this.onLabelClick,class:this.labelClassName},[this.defaultSlots,p])}}),l=t.defineComponent({name:"KendoError",props:{id:String,direction:{type:String,default:"start",validator:function(e){return["start","end"].includes(e)}}},created(){o.validatePackage(a)},computed:{errorClassName(){return{"k-form-error":!0,"k-text-start":"start"===this.$props.direction,"k-text-end":"end"===this.$props.direction}}},render(){const e=o.getDefaultSlots(this);return t.createVNode("div",{id:this.$props.id,role:"alert",class:this.errorClassName},[e])}}),d=t.defineComponent({name:"KendoHint",props:{id:String,direction:{type:String,default:"start",validator:function(e){return["start","end"].includes(e)}}},created(){o.validatePackage(a)},computed:{hintClassName(){return{"k-form-hint":!0,"k-text-start":"start"===this.$props.direction,"k-text-end":"end"===this.$props.direction}}},render(){const e=o.getDefaultSlots(this);return t.createVNode("div",{id:this.$props.id,class:this.hintClassName},[e])}}),p=t.defineComponent({name:"KendoFloatingLabel",props:{label:String,labelClass:String,editorId:String,editorValue:[String,Boolean,Number],editorPlaceholder:String,editorValid:{type:Boolean,default:void 0},editorDisabled:Boolean,id:String,optional:Boolean,focused:{type:Boolean,default:void 0},dir:String},data:()=>({currentFocused:!1}),inject:{kendoLocalizationService:{default:null}},created(){o.validatePackage(a)},computed:{computedFocused(){return void 0!==this.$props.focused?this.$props.focused:this.currentFocused},spanClassNames(){return{"k-floating-label-container":!0,"k-focus":this.computedFocused,"k-empty":!this.$props.editorPlaceholder&&!this.$props.editorValue&&0!==this.$props.editorValue,"k-text-disabled":this.$props.editorDisabled,"k-rtl":"rtl"===this.$props.dir}},labelClassNames(){return{"k-floating-label":!0,"k-text-error":!1===this.$props.editorValid,"k-text-disabled":this.$props.editorDisabled,[this.$props.labelClass]:this.$props.labelClass}}},methods:{handleFocus(){this.currentFocused=!0},handleBlur(){this.currentFocused=!1}},setup:()=>({kendoLocalizationService:t.inject("kendoLocalizationService",{})}),render(){const e=o.getDefaultSlots(this),{label:a,editorId:n,id:l,optional:d}=this.$props,p=i.provideLocalizationService(this),c=d?p.toLanguageString(r,s[r]):"",u=c&&t.createVNode("span",{class:"k-label-optional"},[c]);return t.createVNode("span",{class:this.spanClassNames,onFocusin:this.handleFocus,onFocusout:this.handleBlur,dir:this.$props.dir},[e,a?n?t.createVNode("label",{id:l,for:n,class:this.labelClassNames},[a,u]):t.createVNode("span",{id:l,class:this.labelClassNames},[a,u]):null])}});e.Error=l,e.FloatingLabel=p,e.Hint=d,e.Label=n}));
15
+ !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue"),require("@progress/kendo-vue-common"),require("@progress/kendo-vue-intl")):"function"==typeof define&&define.amd?define(["exports","vue","@progress/kendo-vue-common","@progress/kendo-vue-intl"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoVueLabels={},e.Vue,e.KendoVueCommon,e.KendoVueIntl)}(this,function(e,t,o,i){"use strict";const r="labels.optional",s={[r]:"(Optional)"},a={name:"@progress/kendo-vue-labels",productName:"Kendo UI for Vue",productCode:"KENDOUIVUE",productCodes:["KENDOUIVUE"],publishDate:1641721324,version:"8.0.3-develop.3",licensingDocsUrl:"https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning"},n=t.defineComponent({name:"KendoLabel",props:{id:String,editorId:String,editorRef:String,editorValid:{type:Boolean,default:void 0},editorDisabled:Boolean,optional:Boolean},inject:{kendoLocalizationService:{default:null}},created(){o.validatePackage(a)},computed:{labelClassName(){return{"k-label":!0,"k-label-empty":!this.defaultSlots,"k-text-error":!1===this.$props.editorValid,"k-text-disabled":!0===this.$props.editorDisabled}}},methods:{onLabelClick(e){if(this.$props.editorRef&&this.$props.editorRef.current&&!this.$props.editorDisabled){this.$props.editorRef.current.focus&&(e.preventDefault(),this.$props.editorRef.current.focus());const t=this.$props.editorRef.current.actionElement;t&&(e.preventDefault(),t.click())}}},setup:()=>({kendoLocalizationService:t.inject("kendoLocalizationService",{})}),render(){this.defaultSlots=o.getDefaultSlots(this);const e=i.provideLocalizationService(this),{id:a,editorId:n,optional:l}=this.$props,d=l?e.toLanguageString(r,s[r]):"",p=d&&t.createVNode("span",{class:"k-label-optional"},[d]);return t.createVNode("label",{id:a,for:n,onClick:this.onLabelClick,class:this.labelClassName},[this.defaultSlots,p])}}),l=t.defineComponent({name:"KendoError",props:{id:String,direction:{type:String,default:"start",validator:function(e){return["start","end"].includes(e)}}},created(){o.validatePackage(a)},computed:{errorClassName(){return{"k-form-error":!0,"k-text-start":"start"===this.$props.direction,"k-text-end":"end"===this.$props.direction}}},render(){const e=o.getDefaultSlots(this);return t.createVNode("div",{id:this.$props.id,role:"alert",class:this.errorClassName},[e])}}),d=t.defineComponent({name:"KendoHint",props:{id:String,direction:{type:String,default:"start",validator:function(e){return["start","end"].includes(e)}}},created(){o.validatePackage(a)},computed:{hintClassName(){return{"k-form-hint":!0,"k-text-start":"start"===this.$props.direction,"k-text-end":"end"===this.$props.direction}}},render(){const e=o.getDefaultSlots(this);return t.createVNode("div",{id:this.$props.id,class:this.hintClassName},[e])}}),p=t.defineComponent({name:"KendoFloatingLabel",props:{label:String,labelClass:String,editorId:String,editorValue:[String,Boolean,Number],editorPlaceholder:String,editorValid:{type:Boolean,default:void 0},editorDisabled:Boolean,id:String,optional:Boolean,focused:{type:Boolean,default:void 0},dir:String},data:()=>({currentFocused:!1}),inject:{kendoLocalizationService:{default:null}},created(){o.validatePackage(a)},computed:{computedFocused(){return void 0!==this.$props.focused?this.$props.focused:this.currentFocused},spanClassNames(){return{"k-floating-label-container":!0,"k-focus":this.computedFocused,"k-empty":!this.$props.editorPlaceholder&&!this.$props.editorValue&&0!==this.$props.editorValue,"k-text-disabled":this.$props.editorDisabled,"k-rtl":"rtl"===this.$props.dir}},labelClassNames(){return{"k-floating-label":!0,"k-text-error":!1===this.$props.editorValid,"k-text-disabled":this.$props.editorDisabled,[this.$props.labelClass]:this.$props.labelClass}}},methods:{handleFocus(){this.currentFocused=!0},handleBlur(){this.currentFocused=!1}},setup:()=>({kendoLocalizationService:t.inject("kendoLocalizationService",{})}),render(){const e=o.getDefaultSlots(this),{label:a,editorId:n,id:l,optional:d}=this.$props,p=i.provideLocalizationService(this),c=d?p.toLanguageString(r,s[r]):"",u=c&&t.createVNode("span",{class:"k-label-optional"},[c]);return t.createVNode("span",{class:this.spanClassNames,onFocusin:this.handleFocus,onFocusout:this.handleBlur,dir:this.$props.dir},[e,a?n?t.createVNode("label",{id:l,for:n,class:this.labelClassNames},[a,u]):t.createVNode("span",{id:l,class:this.labelClassNames},[a,u]):null])}});e.Error=l,e.FloatingLabel=p,e.Hint=d,e.Label=n});
package/index.d.mts CHANGED
@@ -5,296 +5,8 @@
5
5
  * Licensed under commercial license. See LICENSE.md in the package root for more information
6
6
  *-------------------------------------------------------------------------------------------
7
7
  */
8
- import { ComponentOptionsMixin } from 'vue';
9
- import { ComponentProvideOptions } from 'vue';
10
- import { DefineComponent } from 'vue';
11
- import { ExtractPropTypes } from 'vue';
12
- import { PropType } from 'vue';
13
- import { PublicProps } from 'vue';
14
-
15
- /**
16
- * @hidden
17
- */
18
- declare const Error_2: DefineComponent<ExtractPropTypes< {
19
- id: PropType<string>;
20
- direction: {
21
- type: PropType<string>;
22
- default: string;
23
- validator: (value: string) => any;
24
- };
25
- }>, {}, {}, {
26
- errorClassName(): ErrorComputed['errorClassName'];
27
- }, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes< {
28
- id: PropType<string>;
29
- direction: {
30
- type: PropType<string>;
31
- default: string;
32
- validator: (value: string) => any;
33
- };
34
- }>> & Readonly<{}>, {
35
- direction: string;
36
- }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
37
- export { Error_2 as Error }
38
-
39
- /**
40
- * @hidden
41
- */
42
- declare interface ErrorComputed {
43
- [key: string]: any;
44
- errorClassName: object;
45
- }
46
-
47
- /**
48
- * Represents the props of the Kendo UI for Vue Error component.
49
- */
50
- export declare interface ErrorProps {
51
- /**
52
- * Represents the id of the Error element.
53
- * The value should be also set to the editor's `ariaDescribedBy` property.
54
- */
55
- id?: string;
56
- /**
57
- * Specifies the alignment of the Error text.
58
- *
59
- * The possible values are:
60
- * * (Default) `start`
61
- * * `end`
62
- */
63
- direction?: string;
64
- }
65
-
66
- /**
67
- * @hidden
68
- */
69
- export declare const FloatingLabel: DefineComponent<ExtractPropTypes< {
70
- label: PropType<string>;
71
- labelClass: PropType<string>;
72
- editorId: PropType<string>;
73
- editorValue: PropType<any>;
74
- editorPlaceholder: PropType<string>;
75
- editorValid: {
76
- type: PropType<boolean>;
77
- default: any;
78
- };
79
- editorDisabled: PropType<boolean>;
80
- id: PropType<string>;
81
- optional: PropType<boolean>;
82
- focused: {
83
- type: PropType<boolean>;
84
- default: any;
85
- };
86
- dir: PropType<string>;
87
- }>, {
88
- kendoLocalizationService: {};
89
- }, {
90
- currentFocused: boolean;
91
- }, {
92
- computedFocused(): any;
93
- spanClassNames(): FloatingLabelComputed['spanClassNames'];
94
- labelClassNames(): FloatingLabelComputed['labelClassNames'];
95
- }, {
96
- handleFocus(): void;
97
- handleBlur(): void;
98
- }, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes< {
99
- label: PropType<string>;
100
- labelClass: PropType<string>;
101
- editorId: PropType<string>;
102
- editorValue: PropType<any>;
103
- editorPlaceholder: PropType<string>;
104
- editorValid: {
105
- type: PropType<boolean>;
106
- default: any;
107
- };
108
- editorDisabled: PropType<boolean>;
109
- id: PropType<string>;
110
- optional: PropType<boolean>;
111
- focused: {
112
- type: PropType<boolean>;
113
- default: any;
114
- };
115
- dir: PropType<string>;
116
- }>> & Readonly<{}>, {
117
- focused: boolean;
118
- editorValid: boolean;
119
- }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
120
-
121
- /**
122
- * @hidden
123
- */
124
- declare interface FloatingLabelComputed {
125
- [key: string]: any;
126
- spanClassNames: object;
127
- labelClassNames: object;
128
- }
129
-
130
- /**
131
- * Represents the props of the kendo UI for Vue FloatingLabel component.
132
- */
133
- export declare interface FloatingLabelProps {
134
- /**
135
- * Represent the `for` property, which will be set to the `label` element.
136
- */
137
- editorId?: string;
138
- /**
139
- * Specifies the value of the editor. Used to define if the editor is empty.
140
- */
141
- editorValue?: any;
142
- /**
143
- * Specifies the placeholder of the editor. Used to define if the editor is empty.
144
- */
145
- editorPlaceholder?: string;
146
- /**
147
- * Specifies if the validity of the editor. Used to define the editor is invalid.
148
- */
149
- editorValid?: boolean;
150
- /**
151
- * Specifies if the editor is disabled.
152
- */
153
- editorDisabled?: boolean;
154
- /**
155
- * Adds a floating label that describes the editor.
156
- */
157
- label?: string;
158
- /**
159
- * Sets the `class` of the label element.
160
- */
161
- labelClass?: string;
162
- /**
163
- * Specifies the direction of the label.
164
- */
165
- dir?: string;
166
- /**
167
- * Represents the id of the label element.
168
- * The value should be also set to the editor's `ariaLabelledBy` property.
169
- * Can be used when the editor is not containing native form element.
170
- */
171
- id?: string;
172
- /**
173
- * If enabled, marks the label as optional.
174
- */
175
- optional?: boolean;
176
- /**
177
- * Sets the label in a focused position.
178
- */
179
- focused?: boolean;
180
- }
181
-
182
- /**
183
- * @hidden
184
- */
185
- export declare const Hint: DefineComponent<ExtractPropTypes< {
186
- id: PropType<string>;
187
- direction: {
188
- type: PropType<string>;
189
- default: string;
190
- validator: (value: string) => any;
191
- };
192
- }>, {}, {}, {
193
- hintClassName(): {
194
- 'k-form-hint': boolean;
195
- 'k-text-start': boolean;
196
- 'k-text-end': boolean;
197
- };
198
- }, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes< {
199
- id: PropType<string>;
200
- direction: {
201
- type: PropType<string>;
202
- default: string;
203
- validator: (value: string) => any;
204
- };
205
- }>> & Readonly<{}>, {
206
- direction: string;
207
- }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
208
-
209
- /**
210
- * Represents the props of the Kendo UI for Vue Hint component.
211
- */
212
- export declare interface HintProps {
213
- /**
214
- * Represents the id of the Hint element.
215
- * The value should be also set to the editor's `ariaDescribedBy` property.
216
- */
217
- id?: string;
218
- /**
219
- * Specifies the alignment of the Hint text.
220
- *
221
- * The possible values are:
222
- * * (Default) `start`
223
- * * `end`
224
- */
225
- direction?: string;
226
- }
227
-
228
- /**
229
- * @hidden
230
- */
231
- export declare const Label: DefineComponent<ExtractPropTypes< {
232
- id: PropType<string>;
233
- editorId: PropType<string>;
234
- editorRef: PropType<any>;
235
- editorValid: {
236
- type: PropType<boolean>;
237
- default: any;
238
- };
239
- editorDisabled: PropType<boolean>;
240
- optional: PropType<boolean>;
241
- }>, {
242
- kendoLocalizationService: {};
243
- }, {}, {
244
- labelClassName(): {
245
- 'k-label': boolean;
246
- 'k-label-empty': boolean;
247
- 'k-text-error': boolean;
248
- 'k-text-disabled': boolean;
249
- };
250
- }, {
251
- onLabelClick(e: any): void;
252
- }, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes< {
253
- id: PropType<string>;
254
- editorId: PropType<string>;
255
- editorRef: PropType<any>;
256
- editorValid: {
257
- type: PropType<boolean>;
258
- default: any;
259
- };
260
- editorDisabled: PropType<boolean>;
261
- optional: PropType<boolean>;
262
- }>> & Readonly<{}>, {
263
- editorValid: boolean;
264
- }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
265
-
266
- /**
267
- * Represents the props of the Kendo UI for Vue Label component.
268
- */
269
- export declare interface LabelProps {
270
- /**
271
- * Represents the id of the label element.
272
- * The value should be set to the editor `ariaLabelledBy` property.
273
- * Can be used when the editor is not containing native form element.
274
- */
275
- id?: string;
276
- /**
277
- * The id of the editor.
278
- */
279
- editorId?: string;
280
- /**
281
- * An optional Vue ref to the editor.
282
- * Used to redirect the click event to the editor when it does not contain native form element.
283
- * To be able to work, the editor should have `focus` method or `actionElement` prop on it's ref.
284
- */
285
- editorRef?: any;
286
- /**
287
- * Specifies the validity of the editor. Used to define the editor is invalid.
288
- */
289
- editorValid?: boolean;
290
- /**
291
- * Specifies if the editor is disabled.
292
- */
293
- editorDisabled?: boolean;
294
- /**
295
- * If enabled marks the label as optional.
296
- */
297
- optional?: boolean;
298
- }
299
-
300
- export { }
8
+ import { Label, LabelProps } from './Label.js';
9
+ import { Error, ErrorProps } from './Error.js';
10
+ import { Hint, HintProps } from './Hint.js';
11
+ import { FloatingLabel, FloatingLabelProps } from './FloatingLabel.js';
12
+ export { FloatingLabel, type FloatingLabelProps, Label, type LabelProps, Error, type ErrorProps, Hint, type HintProps };
package/index.d.ts CHANGED
@@ -5,296 +5,8 @@
5
5
  * Licensed under commercial license. See LICENSE.md in the package root for more information
6
6
  *-------------------------------------------------------------------------------------------
7
7
  */
8
- import { ComponentOptionsMixin } from 'vue';
9
- import { ComponentProvideOptions } from 'vue';
10
- import { DefineComponent } from 'vue';
11
- import { ExtractPropTypes } from 'vue';
12
- import { PropType } from 'vue';
13
- import { PublicProps } from 'vue';
14
-
15
- /**
16
- * @hidden
17
- */
18
- declare const Error_2: DefineComponent<ExtractPropTypes< {
19
- id: PropType<string>;
20
- direction: {
21
- type: PropType<string>;
22
- default: string;
23
- validator: (value: string) => any;
24
- };
25
- }>, {}, {}, {
26
- errorClassName(): ErrorComputed['errorClassName'];
27
- }, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes< {
28
- id: PropType<string>;
29
- direction: {
30
- type: PropType<string>;
31
- default: string;
32
- validator: (value: string) => any;
33
- };
34
- }>> & Readonly<{}>, {
35
- direction: string;
36
- }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
37
- export { Error_2 as Error }
38
-
39
- /**
40
- * @hidden
41
- */
42
- declare interface ErrorComputed {
43
- [key: string]: any;
44
- errorClassName: object;
45
- }
46
-
47
- /**
48
- * Represents the props of the Kendo UI for Vue Error component.
49
- */
50
- export declare interface ErrorProps {
51
- /**
52
- * Represents the id of the Error element.
53
- * The value should be also set to the editor's `ariaDescribedBy` property.
54
- */
55
- id?: string;
56
- /**
57
- * Specifies the alignment of the Error text.
58
- *
59
- * The possible values are:
60
- * * (Default) `start`
61
- * * `end`
62
- */
63
- direction?: string;
64
- }
65
-
66
- /**
67
- * @hidden
68
- */
69
- export declare const FloatingLabel: DefineComponent<ExtractPropTypes< {
70
- label: PropType<string>;
71
- labelClass: PropType<string>;
72
- editorId: PropType<string>;
73
- editorValue: PropType<any>;
74
- editorPlaceholder: PropType<string>;
75
- editorValid: {
76
- type: PropType<boolean>;
77
- default: any;
78
- };
79
- editorDisabled: PropType<boolean>;
80
- id: PropType<string>;
81
- optional: PropType<boolean>;
82
- focused: {
83
- type: PropType<boolean>;
84
- default: any;
85
- };
86
- dir: PropType<string>;
87
- }>, {
88
- kendoLocalizationService: {};
89
- }, {
90
- currentFocused: boolean;
91
- }, {
92
- computedFocused(): any;
93
- spanClassNames(): FloatingLabelComputed['spanClassNames'];
94
- labelClassNames(): FloatingLabelComputed['labelClassNames'];
95
- }, {
96
- handleFocus(): void;
97
- handleBlur(): void;
98
- }, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes< {
99
- label: PropType<string>;
100
- labelClass: PropType<string>;
101
- editorId: PropType<string>;
102
- editorValue: PropType<any>;
103
- editorPlaceholder: PropType<string>;
104
- editorValid: {
105
- type: PropType<boolean>;
106
- default: any;
107
- };
108
- editorDisabled: PropType<boolean>;
109
- id: PropType<string>;
110
- optional: PropType<boolean>;
111
- focused: {
112
- type: PropType<boolean>;
113
- default: any;
114
- };
115
- dir: PropType<string>;
116
- }>> & Readonly<{}>, {
117
- focused: boolean;
118
- editorValid: boolean;
119
- }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
120
-
121
- /**
122
- * @hidden
123
- */
124
- declare interface FloatingLabelComputed {
125
- [key: string]: any;
126
- spanClassNames: object;
127
- labelClassNames: object;
128
- }
129
-
130
- /**
131
- * Represents the props of the kendo UI for Vue FloatingLabel component.
132
- */
133
- export declare interface FloatingLabelProps {
134
- /**
135
- * Represent the `for` property, which will be set to the `label` element.
136
- */
137
- editorId?: string;
138
- /**
139
- * Specifies the value of the editor. Used to define if the editor is empty.
140
- */
141
- editorValue?: any;
142
- /**
143
- * Specifies the placeholder of the editor. Used to define if the editor is empty.
144
- */
145
- editorPlaceholder?: string;
146
- /**
147
- * Specifies if the validity of the editor. Used to define the editor is invalid.
148
- */
149
- editorValid?: boolean;
150
- /**
151
- * Specifies if the editor is disabled.
152
- */
153
- editorDisabled?: boolean;
154
- /**
155
- * Adds a floating label that describes the editor.
156
- */
157
- label?: string;
158
- /**
159
- * Sets the `class` of the label element.
160
- */
161
- labelClass?: string;
162
- /**
163
- * Specifies the direction of the label.
164
- */
165
- dir?: string;
166
- /**
167
- * Represents the id of the label element.
168
- * The value should be also set to the editor's `ariaLabelledBy` property.
169
- * Can be used when the editor is not containing native form element.
170
- */
171
- id?: string;
172
- /**
173
- * If enabled, marks the label as optional.
174
- */
175
- optional?: boolean;
176
- /**
177
- * Sets the label in a focused position.
178
- */
179
- focused?: boolean;
180
- }
181
-
182
- /**
183
- * @hidden
184
- */
185
- export declare const Hint: DefineComponent<ExtractPropTypes< {
186
- id: PropType<string>;
187
- direction: {
188
- type: PropType<string>;
189
- default: string;
190
- validator: (value: string) => any;
191
- };
192
- }>, {}, {}, {
193
- hintClassName(): {
194
- 'k-form-hint': boolean;
195
- 'k-text-start': boolean;
196
- 'k-text-end': boolean;
197
- };
198
- }, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes< {
199
- id: PropType<string>;
200
- direction: {
201
- type: PropType<string>;
202
- default: string;
203
- validator: (value: string) => any;
204
- };
205
- }>> & Readonly<{}>, {
206
- direction: string;
207
- }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
208
-
209
- /**
210
- * Represents the props of the Kendo UI for Vue Hint component.
211
- */
212
- export declare interface HintProps {
213
- /**
214
- * Represents the id of the Hint element.
215
- * The value should be also set to the editor's `ariaDescribedBy` property.
216
- */
217
- id?: string;
218
- /**
219
- * Specifies the alignment of the Hint text.
220
- *
221
- * The possible values are:
222
- * * (Default) `start`
223
- * * `end`
224
- */
225
- direction?: string;
226
- }
227
-
228
- /**
229
- * @hidden
230
- */
231
- export declare const Label: DefineComponent<ExtractPropTypes< {
232
- id: PropType<string>;
233
- editorId: PropType<string>;
234
- editorRef: PropType<any>;
235
- editorValid: {
236
- type: PropType<boolean>;
237
- default: any;
238
- };
239
- editorDisabled: PropType<boolean>;
240
- optional: PropType<boolean>;
241
- }>, {
242
- kendoLocalizationService: {};
243
- }, {}, {
244
- labelClassName(): {
245
- 'k-label': boolean;
246
- 'k-label-empty': boolean;
247
- 'k-text-error': boolean;
248
- 'k-text-disabled': boolean;
249
- };
250
- }, {
251
- onLabelClick(e: any): void;
252
- }, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes< {
253
- id: PropType<string>;
254
- editorId: PropType<string>;
255
- editorRef: PropType<any>;
256
- editorValid: {
257
- type: PropType<boolean>;
258
- default: any;
259
- };
260
- editorDisabled: PropType<boolean>;
261
- optional: PropType<boolean>;
262
- }>> & Readonly<{}>, {
263
- editorValid: boolean;
264
- }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
265
-
266
- /**
267
- * Represents the props of the Kendo UI for Vue Label component.
268
- */
269
- export declare interface LabelProps {
270
- /**
271
- * Represents the id of the label element.
272
- * The value should be set to the editor `ariaLabelledBy` property.
273
- * Can be used when the editor is not containing native form element.
274
- */
275
- id?: string;
276
- /**
277
- * The id of the editor.
278
- */
279
- editorId?: string;
280
- /**
281
- * An optional Vue ref to the editor.
282
- * Used to redirect the click event to the editor when it does not contain native form element.
283
- * To be able to work, the editor should have `focus` method or `actionElement` prop on it's ref.
284
- */
285
- editorRef?: any;
286
- /**
287
- * Specifies the validity of the editor. Used to define the editor is invalid.
288
- */
289
- editorValid?: boolean;
290
- /**
291
- * Specifies if the editor is disabled.
292
- */
293
- editorDisabled?: boolean;
294
- /**
295
- * If enabled marks the label as optional.
296
- */
297
- optional?: boolean;
298
- }
299
-
300
- export { }
8
+ import { Label, LabelProps } from './Label';
9
+ import { Error, ErrorProps } from './Error';
10
+ import { Hint, HintProps } from './Hint';
11
+ import { FloatingLabel, FloatingLabelProps } from './FloatingLabel';
12
+ export { FloatingLabel, type FloatingLabelProps, Label, type LabelProps, Error, type ErrorProps, Hint, type HintProps };
package/messages/main.d.ts ADDED
@@ -0,0 +1,17 @@
1
+ /**
2
+ * @license
3
+ *-------------------------------------------------------------------------------------------
4
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
5
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
6
+ *-------------------------------------------------------------------------------------------
7
+ */
8
+ /**
9
+ * @hidden
10
+ */
11
+ export declare const labelsOptional = "labels.optional";
12
+ /**
13
+ * @hidden
14
+ */
15
+ export declare const messages: {
16
+ "labels.optional": string;
17
+ };
package/package-metadata.d.ts ADDED
@@ -0,0 +1,12 @@
1
+ /**
2
+ * @license
3
+ *-------------------------------------------------------------------------------------------
4
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
5
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
6
+ *-------------------------------------------------------------------------------------------
7
+ */
8
+ import { PackageMetadata } from '@progress/kendo-licensing';
9
+ /**
10
+ * @hidden
11
+ */
12
+ export declare const packageMetadata: PackageMetadata;
package/package-metadata.js CHANGED
@@ -5,4 +5,4 @@
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 e={name:"@progress/kendo-vue-labels",productName:"Kendo UI for Vue",productCode:"KENDOUIVUE",productCodes:["KENDOUIVUE"],publishDate: 1773129950,version:"8.0.3-develop.2",licensingDocsUrl:"https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning"};exports.packageMetadata=e;
8
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"@progress/kendo-vue-labels",productName:"Kendo UI for Vue",productCode:"KENDOUIVUE",productCodes:["KENDOUIVUE"],publishDate: 1773401367,version:"8.0.3-develop.3",licensingDocsUrl:"https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning"};exports.packageMetadata=e;
package/package-metadata.mjs CHANGED
@@ -10,8 +10,8 @@ const e = {
10
10
  productName: "Kendo UI for Vue",
11
11
  productCode: "KENDOUIVUE",
12
12
  productCodes: ["KENDOUIVUE"],
13
- publishDate: 1773129950,
14
- version: "8.0.3-develop.2",
13
+ publishDate: 1773401367,
14
+ version: "8.0.3-develop.3",
15
15
  licensingDocsUrl: "https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning"
16
16
  };
17
17
  export {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-vue-labels",
3
- "version": "8.0.3-develop.2",
3
+ "version": "8.0.3-develop.3",
4
4
  "description": "TODO",
5
5
  "author": "Progress",
6
6
  "license": "SEE LICENSE IN LICENSE.md",
@@ -9,8 +9,14 @@
9
9
  "types": "./index.d.ts",
10
10
  "exports": {
11
11
  ".": {
12
- "import": "./index.mjs",
13
- "require": "./index.js"
12
+ "import": {
13
+ "types": "./index.d.mts",
14
+ "default": "./index.mjs"
15
+ },
16
+ "require": {
17
+ "types": "./index.d.ts",
18
+ "default": "./index.js"
19
+ }
14
20
  },
15
21
  "./package.json": {
16
22
  "default": "./package.json"
@@ -19,8 +25,8 @@
19
25
  "sideEffects": false,
20
26
  "peerDependencies": {
21
27
  "@progress/kendo-licensing": "^1.7.2",
22
- "@progress/kendo-vue-common": "8.0.3-develop.2",
23
- "@progress/kendo-vue-intl": "8.0.3-develop.2",
28
+ "@progress/kendo-vue-common": "8.0.3-develop.3",
29
+ "@progress/kendo-vue-intl": "8.0.3-develop.3",
24
30
  "vue": "^3.0.2"
25
31
  },
26
32
  "dependencies": {},
@@ -40,7 +46,7 @@
40
46
  "package": {
41
47
  "productName": "Kendo UI for Vue",
42
48
  "productCode": "KENDOUIVUE",
43
- "publishDate": 1773129950,
49
+ "publishDate": 1773401367,
44
50
  "licensingDocsUrl": "https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning"
45
51
  }
46
52
  },