@progress/kendo-vue-progressbars 8.0.3-develop.2 → 8.0.3-develop.4
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/chunkprogressbar/ChunkProgressBar.d.ts +90 -0
- package/chunkprogressbar/interfaces/ChunkProgressBarProps.d.ts +17 -0
- package/common/BaseProps.d.ts +85 -0
- package/common/constants.d.ts +23 -0
- package/common/utils.d.ts +23 -0
- package/dist/cdn/js/kendo-vue-progressbars.js +1 -1
- package/index.d.mts +7 -391
- package/index.d.ts +7 -391
- package/package-metadata.d.ts +12 -0
- package/package-metadata.js +1 -1
- package/package-metadata.mjs +2 -2
- package/package.json +12 -6
- package/progressbar/ProgressBar.d.ts +148 -0
- package/progressbar/interfaces/LabelProps.d.ts +16 -0
- package/progressbar/interfaces/ProgressBarAnimation.d.ts +16 -0
- package/progressbar/interfaces/ProgressBarHandle.d.ts +28 -0
- package/progressbar/interfaces/ProgressBarProps.d.ts +36 -0
|
@@ -0,0 +1,90 @@
|
|
|
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
|
+
* @hidden
|
|
11
|
+
*/
|
|
12
|
+
declare const ChunkProgressBar: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
13
|
+
chunkCount: {
|
|
14
|
+
type: PropType<number>;
|
|
15
|
+
default: number;
|
|
16
|
+
};
|
|
17
|
+
ariaLabel: PropType<string>;
|
|
18
|
+
disabled: PropType<boolean>;
|
|
19
|
+
reverse: {
|
|
20
|
+
type: PropType<boolean>;
|
|
21
|
+
default: boolean;
|
|
22
|
+
};
|
|
23
|
+
max: {
|
|
24
|
+
type: PropType<number>;
|
|
25
|
+
default: number;
|
|
26
|
+
};
|
|
27
|
+
min: {
|
|
28
|
+
type: PropType<number>;
|
|
29
|
+
default: number;
|
|
30
|
+
};
|
|
31
|
+
value: {
|
|
32
|
+
type: PropType<number>;
|
|
33
|
+
default: number;
|
|
34
|
+
};
|
|
35
|
+
tabIndex: PropType<number>;
|
|
36
|
+
emptyStyle: PropType<object>;
|
|
37
|
+
emptyClassName: PropType<string>;
|
|
38
|
+
progressStyle: PropType<object>;
|
|
39
|
+
progressClassName: PropType<string>;
|
|
40
|
+
orientation: {
|
|
41
|
+
type: PropType<string>;
|
|
42
|
+
default: string;
|
|
43
|
+
validator: (value: string) => any;
|
|
44
|
+
};
|
|
45
|
+
}>, {}, {
|
|
46
|
+
currentDir: any;
|
|
47
|
+
}, {}, {
|
|
48
|
+
focusElement(): void;
|
|
49
|
+
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
50
|
+
chunkCount: {
|
|
51
|
+
type: PropType<number>;
|
|
52
|
+
default: number;
|
|
53
|
+
};
|
|
54
|
+
ariaLabel: PropType<string>;
|
|
55
|
+
disabled: PropType<boolean>;
|
|
56
|
+
reverse: {
|
|
57
|
+
type: PropType<boolean>;
|
|
58
|
+
default: boolean;
|
|
59
|
+
};
|
|
60
|
+
max: {
|
|
61
|
+
type: PropType<number>;
|
|
62
|
+
default: number;
|
|
63
|
+
};
|
|
64
|
+
min: {
|
|
65
|
+
type: PropType<number>;
|
|
66
|
+
default: number;
|
|
67
|
+
};
|
|
68
|
+
value: {
|
|
69
|
+
type: PropType<number>;
|
|
70
|
+
default: number;
|
|
71
|
+
};
|
|
72
|
+
tabIndex: PropType<number>;
|
|
73
|
+
emptyStyle: PropType<object>;
|
|
74
|
+
emptyClassName: PropType<string>;
|
|
75
|
+
progressStyle: PropType<object>;
|
|
76
|
+
progressClassName: PropType<string>;
|
|
77
|
+
orientation: {
|
|
78
|
+
type: PropType<string>;
|
|
79
|
+
default: string;
|
|
80
|
+
validator: (value: string) => any;
|
|
81
|
+
};
|
|
82
|
+
}>> & Readonly<{}>, {
|
|
83
|
+
reverse: boolean;
|
|
84
|
+
value: number;
|
|
85
|
+
orientation: string;
|
|
86
|
+
max: number;
|
|
87
|
+
min: number;
|
|
88
|
+
chunkCount: number;
|
|
89
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
90
|
+
export { ChunkProgressBar };
|
|
@@ -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
|
+
import { BaseProps } from '../../common/BaseProps';
|
|
9
|
+
/**
|
|
10
|
+
* Represents the props of the [Kendo UI for Vue ChunkProgressBar component]({% slug overview_chunkprogressbar %}).
|
|
11
|
+
*/
|
|
12
|
+
export interface ChunkProgressBarProps extends BaseProps {
|
|
13
|
+
/**
|
|
14
|
+
* Sets the number of chunks into which the ChunkProgressBar will be split. Defaults to `5`.
|
|
15
|
+
*/
|
|
16
|
+
chunkCount?: number;
|
|
17
|
+
}
|
|
@@ -0,0 +1,85 @@
|
|
|
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 interface BaseProps {
|
|
12
|
+
/**
|
|
13
|
+
* Sets one of the two visually distinct types of progress bar.
|
|
14
|
+
*
|
|
15
|
+
* @hidden
|
|
16
|
+
*/
|
|
17
|
+
type?: 'linear' | 'circular';
|
|
18
|
+
/**
|
|
19
|
+
* Sets the value of the progress bar. Has to be between `min` and `max` values. Defaults to `0`.
|
|
20
|
+
* Set `null` to enable the indeterminate state of the progress bar.
|
|
21
|
+
* See examples ([here]({% slug overview_progressbar %})).
|
|
22
|
+
*/
|
|
23
|
+
value?: number | null;
|
|
24
|
+
/**
|
|
25
|
+
* The minimum value of the progress bar. Defaults to `0`.
|
|
26
|
+
*/
|
|
27
|
+
min?: number;
|
|
28
|
+
/**
|
|
29
|
+
* The maximum value of the progress bar. Defaults to `100`.
|
|
30
|
+
*/
|
|
31
|
+
max?: number;
|
|
32
|
+
/**
|
|
33
|
+
* Represents the `dir` HTML attribute. This is used to switch from LTR to RTL.
|
|
34
|
+
*/
|
|
35
|
+
dir?: string;
|
|
36
|
+
/**
|
|
37
|
+
* The accessible label of the component.
|
|
38
|
+
*/
|
|
39
|
+
ariaLabel?: string;
|
|
40
|
+
/**
|
|
41
|
+
* Sets the disabled state of the progress bar.
|
|
42
|
+
* See examples ([here]({% slug progressbar_disabled %})).
|
|
43
|
+
*/
|
|
44
|
+
disabled?: boolean;
|
|
45
|
+
/**
|
|
46
|
+
* Defines the orientation of the progress bar.
|
|
47
|
+
* See examples ([here]({% slug progressbar_orientation %})) .
|
|
48
|
+
* Defaults to `horizontal`.
|
|
49
|
+
*/
|
|
50
|
+
orientation?: 'horizontal' | 'vertical' | string;
|
|
51
|
+
/**
|
|
52
|
+
* If set to `true`, the progress bar will be reversed.
|
|
53
|
+
* See examples ([here]({% slug progressbar_direction %})).
|
|
54
|
+
* Defaults to `false`.
|
|
55
|
+
*/
|
|
56
|
+
reverse?: boolean;
|
|
57
|
+
/**
|
|
58
|
+
* Specifies a list of CSS classes that will be added to the progress bar element.
|
|
59
|
+
*/
|
|
60
|
+
className?: string;
|
|
61
|
+
/**
|
|
62
|
+
* The styles that are applied to the inner element which represents the empty portion of the progress bar.
|
|
63
|
+
* See examples ([here]({% slug progressbar_appearance %})).
|
|
64
|
+
*/
|
|
65
|
+
emptyStyle?: object;
|
|
66
|
+
/**
|
|
67
|
+
* Sets additional classes to the inner element which represents the empty portion of the progress bar.
|
|
68
|
+
* See examples ([here]({% slug progressbar_appearance %})).
|
|
69
|
+
*/
|
|
70
|
+
emptyClassName?: string;
|
|
71
|
+
/**
|
|
72
|
+
* The styles that are applied to the inner element which represents the full portion of the progress bar.
|
|
73
|
+
* See examples ([here]({% slug progressbar_appearance %})).
|
|
74
|
+
*/
|
|
75
|
+
progressStyle?: object;
|
|
76
|
+
/**
|
|
77
|
+
* Sets additional classes to the inner element which represents the full portion of the progress bar.
|
|
78
|
+
* See examples ([here]({% slug progressbar_appearance %})).
|
|
79
|
+
*/
|
|
80
|
+
progressClassName?: string;
|
|
81
|
+
/**
|
|
82
|
+
* Sets the `tabIndex` property of the progress bar.
|
|
83
|
+
*/
|
|
84
|
+
tabIndex?: number;
|
|
85
|
+
}
|
|
@@ -0,0 +1,23 @@
|
|
|
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 MIN_RATIO = 0.00001;
|
|
12
|
+
/**
|
|
13
|
+
* @hidden
|
|
14
|
+
*/
|
|
15
|
+
export declare const LABEL_DECIMALS = 3;
|
|
16
|
+
/**
|
|
17
|
+
* @hidden
|
|
18
|
+
*/
|
|
19
|
+
export declare const DEFAULT_ANIMATION_DURATION = 400;
|
|
20
|
+
/**
|
|
21
|
+
* @hidden
|
|
22
|
+
*/
|
|
23
|
+
export declare const NO_ANIMATION = 0;
|
|
@@ -0,0 +1,23 @@
|
|
|
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 truncateNumber: (value: number) => string;
|
|
12
|
+
/**
|
|
13
|
+
* @hidden
|
|
14
|
+
*/
|
|
15
|
+
export declare const calculatePercentage: (min: number, max: number, value: number) => number;
|
|
16
|
+
/**
|
|
17
|
+
* @hidden
|
|
18
|
+
*/
|
|
19
|
+
export declare const updateProgress: (progressRef: any, progressWrapRef: any, percentage: number, isVertical: boolean) => void;
|
|
20
|
+
/**
|
|
21
|
+
* @hidden
|
|
22
|
+
*/
|
|
23
|
+
export declare const calculateRatio: (min: number, max: number, value: number) => number;
|
|
@@ -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-animation"),require("@progress/kendo-vue-common")):"function"==typeof define&&define.amd?define(["exports","vue","@progress/kendo-vue-animation","@progress/kendo-vue-common"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoVueProgressbars={},e.Vue,e.KendoVueAnimation,e.KendoVueCommon)}(this,
|
|
15
|
+
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue"),require("@progress/kendo-vue-animation"),require("@progress/kendo-vue-common")):"function"==typeof define&&define.amd?define(["exports","vue","@progress/kendo-vue-animation","@progress/kendo-vue-common"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoVueProgressbars={},e.Vue,e.KendoVueAnimation,e.KendoVueCommon)}(this,function(e,t,r,s){"use strict";const a=(e,t,r)=>{const s=Math.abs((t-e)/100);return Math.abs((r-e)/s)},i=(e,t,r,s)=>{const a=Math.max(r,.01),i=100/a*100;e&&t&&(e.style.width=s?"100%":`${a}%`,t.style.width=s?"100%":`${i}%`,e.style.height=s?`${a}%`:"100%",t.style.height=s?`${i}%`:"100%")},o={name:"@progress/kendo-vue-progressbars",productName:"Kendo UI for Vue",productCode:"KENDOUIVUE",productCodes:["KENDOUIVUE"],publishDate:1636730390,version:"8.0.3-develop.4",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:"KendoProgressBar",props:{animation:{type:[Boolean,Object],default:!1},disabled:{type:Boolean,default:!1},reverse:{type:Boolean,default:!1},label:String,labelRender:[String,Object,Function],labelVisible:{type:Boolean,default:!0},labelPlacement:{type:String,default:void 0,validator:function(e){return["start","center","end"].includes(e)}},dir:{type:String,default:void 0},max:{type:Number,default:100},min:{type:Number,default:0},value:{type:Number,default:0},orientation:{type:String,default:"horizontal",validator:function(e){return["horizontal","vertical"].includes(e)}},tabIndex:Number,emptyStyle:Object,emptyClassName:String,progressStyle:Object,progressClassName:String,ariaLabel:String},created(){s.validatePackage(o),this.currentDir=this.$props.dir},mounted(){this._progressStatus=s.getRef(this,"progressStatus"),this._progressStatusWrap=s.getRef(this,"progressStatusWrap"),this.currentDir=void 0!==this.$props.dir?this.$props.dir:s.isRtl(this.$el)?"rtl":"ltr",this.animationFrame=r.animate({duration:this.animationDuration,onStart:this.handleStart,onUpdate:this.handleUpdate,onEnd:this.handleEnd})},unmounted(){r.cancelAnimation(this.animationFrame)},data:()=>({currentDir:void 0}),watch:{value:function(e,t){this.prevValue=t,this.animationFrame=r.animate({duration:this.animationDuration,onStart:this.handleStart,onUpdate:this.handleUpdate,onEnd:this.handleEnd})}},computed:{wrapperClass(){const{disabled:e,reverse:t,orientation:r,value:s}=this.$props,a="vertical"===r;return{"k-progressbar":!0,"k-progressbar-horizontal":!a,"k-progressbar-vertical":a,"k-progressbar-reverse":t,"k-progressbar-indeterminate":null===s,"k-disabled":e}},isVertical(){return"vertical"===this.orientation},animationDuration(){const{animation:e}=this.$props;return"boolean"!=typeof e&&void 0!==e?e.duration:e?400:0}},render(){const{disabled:e,labelVisible:r,labelPlacement:a,max:i,min:o,tabIndex:n,emptyStyle:l,emptyClassName:p,progressStyle:d,progressClassName:u}=this.$props,h=this.$props.value||0,c=null===this.$props.value,m=(e=>{const t=e.toString().split(".");return 1===t.length?`${t[0]}`:`${t[0]}.${t[1].substr(0,3)}`})(h),g={value:h},b=this.$props.labelRender?s.templateRendering.call(this,this.$props.labelRender,s.getListeners.call(this)):void 0,v=t.h("span",{class:"k-progress-status"},m),f=s.getTemplate.call(this,{h:t.h,template:b,defaultRendering:v,additionalProps:g}),y=r?this.$props.label?t.createVNode("span",{class:"k-progress-status"},[this.$props.label]):f:void 0,k=s.classNames("k-progress-status-wrap",{"k-progress-start":"start"===a,"k-progress-center":"center"===a,"k-progress-end":"end"===a||void 0===a});return t.createVNode("div",{class:this.wrapperClass,dir:this.currentDir,tabindex:s.getTabIndex(n,e),role:"progressbar","aria-valuemin":o,"aria-valuemax":i,"aria-valuenow":c?void 0:h,"aria-disabled":e,"aria-label":this.$props.ariaLabel},[t.createVNode("span",{class:k+(p?" "+p:""),style:l},[y]),t.createVNode("div",{class:"k-progressbar-value k-selected",style:d,ref:s.setRef(this,"progressStatus")},[t.createVNode("span",{class:k+(u?" "+u:""),ref:s.setRef(this,"progressStatusWrap")},[y])])])},methods:{focus(){this.$el&&this.$el.focus()},progressStatusElement(){return this._progressStatus},progressStatusWrapElement(){return this._progressStatusWrap},handleStart(){const e=a(this.min,this.max,this.prevValue);i(this._progressStatus,this._progressStatusWrap,e,this.isVertical)},handleUpdate(e){const t=a(this.min,this.max,this.prevValue+(this.value-this.prevValue)*e);i(this._progressStatus,this._progressStatusWrap,t,this.isVertical)},handleEnd(){const e=a(this.min,this.max,this.value);i(this._progressStatus,this._progressStatusWrap,e,this.isVertical)}}}),l=t.defineComponent({name:"KendoChunkProgressBar",props:{chunkCount:{type:Number,default:5},ariaLabel:String,disabled:Boolean,reverse:{type:Boolean,default:!1},max:{type:Number,default:100},min:{type:Number,default:0},value:{type:Number,default:0},tabIndex:Number,emptyStyle:Object,emptyClassName:String,progressStyle:Object,progressClassName:String,orientation:{type:String,default:"horizontal",validator:function(e){return["horizontal","vertical"].includes(e)}}},created(){s.validatePackage(o)},data:()=>({currentDir:void 0}),mounted(){this.currentDir=s.getDir(this.$el,this.$props.dir)},render(){const{chunkCount:e,disabled:r,orientation:a,min:i,max:o,reverse:n,tabIndex:l,emptyStyle:p,emptyClassName:d,progressStyle:u,progressClassName:h}=this.$props,c=this.$props.value,m=null===this.$props.value,g="vertical"===a;return t.createVNode("div",{class:s.classNames("k-progressbar","k-chunk-progressbar",{"k-progressbar-horizontal":!g,"k-progressbar-vertical":g,"k-progressbar-reverse":n,"k-progressbar-indeterminate":m,"k-disabled":r}),dir:this.currentDir,tabindex:s.getTabIndex(l,r),role:"progressbar","aria-label":this.$props.ariaLabel,"aria-valuemin":i,"aria-valuemax":o,"aria-valuenow":m?void 0:c,"aria-disabled":r},[t.createVNode("ul",{class:"k-progressbar-chunks k-reset"},[function(e){let r=[];const a=100/e+"%",n=((e,t,r)=>Math.max((r-e)/(t-e),1e-5))(i,o,c),l=Math.floor(n*e),m=Array(e).fill(!1);for(let e=0;e<l;e++)m[e]=!0;for(let i=0;i<e;++i){const o=m[i],n=o?h:d,l={width:g?void 0:a,height:g?a:void 0,...o?u:p};r.push(t.createVNode("li",{key:i,class:s.classNames("k-progressbar-chunk",{"k-first":0===i,"k-last":i===e-1,"k-selected":o},n),style:l},null))}return r}.call(this,e)])])},methods:{focusElement(){this.$el&&this.$el.focus()}}});e.ChunkProgressBar=l,e.ProgressBar=n});
|
package/index.d.mts
CHANGED
|
@@ -5,394 +5,10 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
/**
|
|
17
|
-
* @hidden
|
|
18
|
-
*/
|
|
19
|
-
declare interface BaseProps {
|
|
20
|
-
/**
|
|
21
|
-
* Sets one of the two visually distinct types of progress bar.
|
|
22
|
-
*
|
|
23
|
-
* @hidden
|
|
24
|
-
*/
|
|
25
|
-
type?: 'linear' | 'circular';
|
|
26
|
-
/**
|
|
27
|
-
* Sets the value of the progress bar. Has to be between `min` and `max` values. Defaults to `0`.
|
|
28
|
-
* Set `null` to enable the indeterminate state of the progress bar.
|
|
29
|
-
* See examples ([here]({% slug overview_progressbar %})).
|
|
30
|
-
*/
|
|
31
|
-
value?: number | null;
|
|
32
|
-
/**
|
|
33
|
-
* The minimum value of the progress bar. Defaults to `0`.
|
|
34
|
-
*/
|
|
35
|
-
min?: number;
|
|
36
|
-
/**
|
|
37
|
-
* The maximum value of the progress bar. Defaults to `100`.
|
|
38
|
-
*/
|
|
39
|
-
max?: number;
|
|
40
|
-
/**
|
|
41
|
-
* Represents the `dir` HTML attribute. This is used to switch from LTR to RTL.
|
|
42
|
-
*/
|
|
43
|
-
dir?: string;
|
|
44
|
-
/**
|
|
45
|
-
* The accessible label of the component.
|
|
46
|
-
*/
|
|
47
|
-
ariaLabel?: string;
|
|
48
|
-
/**
|
|
49
|
-
* Sets the disabled state of the progress bar.
|
|
50
|
-
* See examples ([here]({% slug progressbar_disabled %})).
|
|
51
|
-
*/
|
|
52
|
-
disabled?: boolean;
|
|
53
|
-
/**
|
|
54
|
-
* Defines the orientation of the progress bar.
|
|
55
|
-
* See examples ([here]({% slug progressbar_orientation %})) .
|
|
56
|
-
* Defaults to `horizontal`.
|
|
57
|
-
*/
|
|
58
|
-
orientation?: 'horizontal' | 'vertical' | string;
|
|
59
|
-
/**
|
|
60
|
-
* If set to `true`, the progress bar will be reversed.
|
|
61
|
-
* See examples ([here]({% slug progressbar_direction %})).
|
|
62
|
-
* Defaults to `false`.
|
|
63
|
-
*/
|
|
64
|
-
reverse?: boolean;
|
|
65
|
-
/**
|
|
66
|
-
* Specifies a list of CSS classes that will be added to the progress bar element.
|
|
67
|
-
*/
|
|
68
|
-
className?: string;
|
|
69
|
-
/**
|
|
70
|
-
* The styles that are applied to the inner element which represents the empty portion of the progress bar.
|
|
71
|
-
* See examples ([here]({% slug progressbar_appearance %})).
|
|
72
|
-
*/
|
|
73
|
-
emptyStyle?: object;
|
|
74
|
-
/**
|
|
75
|
-
* Sets additional classes to the inner element which represents the empty portion of the progress bar.
|
|
76
|
-
* See examples ([here]({% slug progressbar_appearance %})).
|
|
77
|
-
*/
|
|
78
|
-
emptyClassName?: string;
|
|
79
|
-
/**
|
|
80
|
-
* The styles that are applied to the inner element which represents the full portion of the progress bar.
|
|
81
|
-
* See examples ([here]({% slug progressbar_appearance %})).
|
|
82
|
-
*/
|
|
83
|
-
progressStyle?: object;
|
|
84
|
-
/**
|
|
85
|
-
* Sets additional classes to the inner element which represents the full portion of the progress bar.
|
|
86
|
-
* See examples ([here]({% slug progressbar_appearance %})).
|
|
87
|
-
*/
|
|
88
|
-
progressClassName?: string;
|
|
89
|
-
/**
|
|
90
|
-
* Sets the `tabIndex` property of the progress bar.
|
|
91
|
-
*/
|
|
92
|
-
tabIndex?: number;
|
|
93
|
-
}
|
|
94
|
-
|
|
95
|
-
/**
|
|
96
|
-
* @hidden
|
|
97
|
-
*/
|
|
98
|
-
export declare const ChunkProgressBar: DefineComponent<ExtractPropTypes< {
|
|
99
|
-
chunkCount: {
|
|
100
|
-
type: PropType<number>;
|
|
101
|
-
default: number;
|
|
102
|
-
};
|
|
103
|
-
ariaLabel: PropType<string>;
|
|
104
|
-
disabled: PropType<boolean>;
|
|
105
|
-
reverse: {
|
|
106
|
-
type: PropType<boolean>;
|
|
107
|
-
default: boolean;
|
|
108
|
-
};
|
|
109
|
-
max: {
|
|
110
|
-
type: PropType<number>;
|
|
111
|
-
default: number;
|
|
112
|
-
};
|
|
113
|
-
min: {
|
|
114
|
-
type: PropType<number>;
|
|
115
|
-
default: number;
|
|
116
|
-
};
|
|
117
|
-
value: {
|
|
118
|
-
type: PropType<number>;
|
|
119
|
-
default: number;
|
|
120
|
-
};
|
|
121
|
-
tabIndex: PropType<number>;
|
|
122
|
-
emptyStyle: PropType<object>;
|
|
123
|
-
emptyClassName: PropType<string>;
|
|
124
|
-
progressStyle: PropType<object>;
|
|
125
|
-
progressClassName: PropType<string>;
|
|
126
|
-
orientation: {
|
|
127
|
-
type: PropType<string>;
|
|
128
|
-
default: string;
|
|
129
|
-
validator: (value: string) => any;
|
|
130
|
-
};
|
|
131
|
-
}>, {}, {
|
|
132
|
-
currentDir: any;
|
|
133
|
-
}, {}, {
|
|
134
|
-
focusElement(): void;
|
|
135
|
-
}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes< {
|
|
136
|
-
chunkCount: {
|
|
137
|
-
type: PropType<number>;
|
|
138
|
-
default: number;
|
|
139
|
-
};
|
|
140
|
-
ariaLabel: PropType<string>;
|
|
141
|
-
disabled: PropType<boolean>;
|
|
142
|
-
reverse: {
|
|
143
|
-
type: PropType<boolean>;
|
|
144
|
-
default: boolean;
|
|
145
|
-
};
|
|
146
|
-
max: {
|
|
147
|
-
type: PropType<number>;
|
|
148
|
-
default: number;
|
|
149
|
-
};
|
|
150
|
-
min: {
|
|
151
|
-
type: PropType<number>;
|
|
152
|
-
default: number;
|
|
153
|
-
};
|
|
154
|
-
value: {
|
|
155
|
-
type: PropType<number>;
|
|
156
|
-
default: number;
|
|
157
|
-
};
|
|
158
|
-
tabIndex: PropType<number>;
|
|
159
|
-
emptyStyle: PropType<object>;
|
|
160
|
-
emptyClassName: PropType<string>;
|
|
161
|
-
progressStyle: PropType<object>;
|
|
162
|
-
progressClassName: PropType<string>;
|
|
163
|
-
orientation: {
|
|
164
|
-
type: PropType<string>;
|
|
165
|
-
default: string;
|
|
166
|
-
validator: (value: string) => any;
|
|
167
|
-
};
|
|
168
|
-
}>> & Readonly<{}>, {
|
|
169
|
-
reverse: boolean;
|
|
170
|
-
value: number;
|
|
171
|
-
orientation: string;
|
|
172
|
-
max: number;
|
|
173
|
-
min: number;
|
|
174
|
-
chunkCount: number;
|
|
175
|
-
}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
176
|
-
|
|
177
|
-
/**
|
|
178
|
-
* Represents the props of the [Kendo UI for Vue ChunkProgressBar component]({% slug overview_chunkprogressbar %}).
|
|
179
|
-
*/
|
|
180
|
-
export declare interface ChunkProgressBarProps extends BaseProps {
|
|
181
|
-
/**
|
|
182
|
-
* Sets the number of chunks into which the ChunkProgressBar will be split. Defaults to `5`.
|
|
183
|
-
*/
|
|
184
|
-
chunkCount?: number;
|
|
185
|
-
}
|
|
186
|
-
|
|
187
|
-
/**
|
|
188
|
-
* An interface for the ProgressBar label.
|
|
189
|
-
*/
|
|
190
|
-
export declare interface LabelProps {
|
|
191
|
-
/**
|
|
192
|
-
* Represents the current value of the ProgressBar.
|
|
193
|
-
*/
|
|
194
|
-
value?: number | null;
|
|
195
|
-
}
|
|
196
|
-
|
|
197
|
-
/**
|
|
198
|
-
* @hidden
|
|
199
|
-
*/
|
|
200
|
-
export declare const ProgressBar: DefineComponent<ExtractPropTypes< {
|
|
201
|
-
animation: {
|
|
202
|
-
type: PropType<boolean | ProgressBarAnimation_2>;
|
|
203
|
-
default: boolean;
|
|
204
|
-
};
|
|
205
|
-
disabled: {
|
|
206
|
-
type: PropType<boolean>;
|
|
207
|
-
default: boolean;
|
|
208
|
-
};
|
|
209
|
-
reverse: {
|
|
210
|
-
type: PropType<boolean>;
|
|
211
|
-
default: boolean;
|
|
212
|
-
};
|
|
213
|
-
label: PropType<any>;
|
|
214
|
-
labelRender: PropType<any>;
|
|
215
|
-
labelVisible: {
|
|
216
|
-
type: PropType<boolean>;
|
|
217
|
-
default: boolean;
|
|
218
|
-
};
|
|
219
|
-
labelPlacement: {
|
|
220
|
-
type: PropType<any>;
|
|
221
|
-
default: any;
|
|
222
|
-
validator: (value: string) => any;
|
|
223
|
-
};
|
|
224
|
-
dir: {
|
|
225
|
-
type: PropType<string>;
|
|
226
|
-
default: any;
|
|
227
|
-
};
|
|
228
|
-
max: {
|
|
229
|
-
type: PropType<number>;
|
|
230
|
-
default: number;
|
|
231
|
-
};
|
|
232
|
-
min: {
|
|
233
|
-
type: PropType<number>;
|
|
234
|
-
default: number;
|
|
235
|
-
};
|
|
236
|
-
value: {
|
|
237
|
-
type: PropType<number>;
|
|
238
|
-
default: number;
|
|
239
|
-
};
|
|
240
|
-
orientation: {
|
|
241
|
-
type: PropType<string>;
|
|
242
|
-
default: string;
|
|
243
|
-
validator: (value: string) => any;
|
|
244
|
-
};
|
|
245
|
-
tabIndex: PropType<number>;
|
|
246
|
-
emptyStyle: PropType<object>;
|
|
247
|
-
emptyClassName: PropType<string>;
|
|
248
|
-
progressStyle: PropType<object>;
|
|
249
|
-
progressClassName: PropType<string>;
|
|
250
|
-
ariaLabel: PropType<string>;
|
|
251
|
-
}>, {}, {
|
|
252
|
-
currentDir: any;
|
|
253
|
-
}, {
|
|
254
|
-
wrapperClass(): ProgressBarComputed['wrapperClass'];
|
|
255
|
-
isVertical(): ProgressBarComputed['isVertical'];
|
|
256
|
-
animationDuration(): ProgressBarComputed['animationDuration'];
|
|
257
|
-
}, {
|
|
258
|
-
focus(): void;
|
|
259
|
-
progressStatusElement(): any;
|
|
260
|
-
progressStatusWrapElement(): any;
|
|
261
|
-
handleStart(): void;
|
|
262
|
-
handleUpdate(progress: number): void;
|
|
263
|
-
handleEnd(): void;
|
|
264
|
-
}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes< {
|
|
265
|
-
animation: {
|
|
266
|
-
type: PropType<boolean | ProgressBarAnimation_2>;
|
|
267
|
-
default: boolean;
|
|
268
|
-
};
|
|
269
|
-
disabled: {
|
|
270
|
-
type: PropType<boolean>;
|
|
271
|
-
default: boolean;
|
|
272
|
-
};
|
|
273
|
-
reverse: {
|
|
274
|
-
type: PropType<boolean>;
|
|
275
|
-
default: boolean;
|
|
276
|
-
};
|
|
277
|
-
label: PropType<any>;
|
|
278
|
-
labelRender: PropType<any>;
|
|
279
|
-
labelVisible: {
|
|
280
|
-
type: PropType<boolean>;
|
|
281
|
-
default: boolean;
|
|
282
|
-
};
|
|
283
|
-
labelPlacement: {
|
|
284
|
-
type: PropType<any>;
|
|
285
|
-
default: any;
|
|
286
|
-
validator: (value: string) => any;
|
|
287
|
-
};
|
|
288
|
-
dir: {
|
|
289
|
-
type: PropType<string>;
|
|
290
|
-
default: any;
|
|
291
|
-
};
|
|
292
|
-
max: {
|
|
293
|
-
type: PropType<number>;
|
|
294
|
-
default: number;
|
|
295
|
-
};
|
|
296
|
-
min: {
|
|
297
|
-
type: PropType<number>;
|
|
298
|
-
default: number;
|
|
299
|
-
};
|
|
300
|
-
value: {
|
|
301
|
-
type: PropType<number>;
|
|
302
|
-
default: number;
|
|
303
|
-
};
|
|
304
|
-
orientation: {
|
|
305
|
-
type: PropType<string>;
|
|
306
|
-
default: string;
|
|
307
|
-
validator: (value: string) => any;
|
|
308
|
-
};
|
|
309
|
-
tabIndex: PropType<number>;
|
|
310
|
-
emptyStyle: PropType<object>;
|
|
311
|
-
emptyClassName: PropType<string>;
|
|
312
|
-
progressStyle: PropType<object>;
|
|
313
|
-
progressClassName: PropType<string>;
|
|
314
|
-
ariaLabel: PropType<string>;
|
|
315
|
-
}>> & Readonly<{}>, {
|
|
316
|
-
reverse: boolean;
|
|
317
|
-
value: number;
|
|
318
|
-
disabled: boolean;
|
|
319
|
-
animation: boolean | ProgressBarAnimation_2;
|
|
320
|
-
orientation: string;
|
|
321
|
-
labelVisible: boolean;
|
|
322
|
-
labelPlacement: any;
|
|
323
|
-
dir: string;
|
|
324
|
-
max: number;
|
|
325
|
-
min: number;
|
|
326
|
-
}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
327
|
-
|
|
328
|
-
/**
|
|
329
|
-
* Specifies the animation settings of the ProgressBar.
|
|
330
|
-
*/
|
|
331
|
-
export declare interface ProgressBarAnimation {
|
|
332
|
-
/**
|
|
333
|
-
* Specifies the duration of the ProgressBar animation. Defaults to `400`.
|
|
334
|
-
*/
|
|
335
|
-
duration: number;
|
|
336
|
-
}
|
|
337
|
-
|
|
338
|
-
/**
|
|
339
|
-
* @hidden
|
|
340
|
-
*/
|
|
341
|
-
export declare interface ProgressBarComputed {
|
|
342
|
-
[key: string]: any;
|
|
343
|
-
wrapperClass: object;
|
|
344
|
-
isVertical: boolean;
|
|
345
|
-
animationDuration: number;
|
|
346
|
-
}
|
|
347
|
-
|
|
348
|
-
/**
|
|
349
|
-
* The ProgressBar ref.
|
|
350
|
-
*/
|
|
351
|
-
export declare interface ProgressBarHandle {
|
|
352
|
-
/**
|
|
353
|
-
* The ProgressBar element.
|
|
354
|
-
*/
|
|
355
|
-
element: HTMLDivElement | null;
|
|
356
|
-
/**
|
|
357
|
-
* The progress status element.
|
|
358
|
-
*/
|
|
359
|
-
progressStatusElement: HTMLDivElement | null;
|
|
360
|
-
/**
|
|
361
|
-
* The progress status wrap element.
|
|
362
|
-
*/
|
|
363
|
-
progressStatusWrapElement: HTMLSpanElement | null;
|
|
364
|
-
/**
|
|
365
|
-
* Focus the ProgressBar.
|
|
366
|
-
*/
|
|
367
|
-
focus: () => void;
|
|
368
|
-
}
|
|
369
|
-
|
|
370
|
-
/**
|
|
371
|
-
* Represents the props of the [Kendo UI for Vue ProgressBar component]({% slug overview_progressbar %}).
|
|
372
|
-
*/
|
|
373
|
-
export declare interface ProgressBarProps extends BaseProps {
|
|
374
|
-
/**
|
|
375
|
-
* Specifies the animation settings of the ProgressBar. Defaults to `false`.
|
|
376
|
-
* If boolean, enables or disables the default animation.
|
|
377
|
-
* Use ProgressBarAnimation to set slide animation with customizable duration option. Accepts a number in milliseconds.
|
|
378
|
-
*/
|
|
379
|
-
animation?: boolean | ProgressBarAnimation;
|
|
380
|
-
/**
|
|
381
|
-
* Overrides the default label ([see example]({% slug progressbar_label %})).
|
|
382
|
-
*/
|
|
383
|
-
label?: any;
|
|
384
|
-
/**
|
|
385
|
-
* Overrides the default label template ([see example]({% slug progressbar_label %})).
|
|
386
|
-
*/
|
|
387
|
-
labelRender?: any;
|
|
388
|
-
/**
|
|
389
|
-
* Sets the visibility of the progress status label. Defaults to `true`.
|
|
390
|
-
*/
|
|
391
|
-
labelVisible?: boolean;
|
|
392
|
-
/**
|
|
393
|
-
* Sets the position of the progress status label. Defaults to `end` ([see example]({% slug progressbar_label %})).
|
|
394
|
-
*/
|
|
395
|
-
labelPlacement?: 'start' | 'center' | 'end' | any;
|
|
396
|
-
}
|
|
397
|
-
|
|
398
|
-
export { }
|
|
8
|
+
export * from './progressbar/ProgressBar.js';
|
|
9
|
+
export * from './progressbar/interfaces/ProgressBarHandle.js';
|
|
10
|
+
export * from './progressbar/interfaces/ProgressBarProps.js';
|
|
11
|
+
export * from './progressbar/interfaces/ProgressBarAnimation.js';
|
|
12
|
+
export * from './progressbar/interfaces/LabelProps.js';
|
|
13
|
+
export * from './chunkprogressbar/ChunkProgressBar.js';
|
|
14
|
+
export * from './chunkprogressbar/interfaces/ChunkProgressBarProps.js';
|