@progress/kendo-vue-progressbars 5.3.0-dev.202410141143 → 5.3.0-develop.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +26 -32
- package/chunkprogressbar/ChunkProgressBar.js +8 -0
- package/chunkprogressbar/ChunkProgressBar.mjs +127 -0
- package/common/constants.js +8 -0
- package/common/constants.mjs +14 -0
- package/common/utils.js +8 -0
- package/common/utils.mjs +24 -0
- package/dist/cdn/js/kendo-vue-progressbars.js +8 -1
- package/index.d.mts +397 -0
- package/index.d.ts +397 -0
- package/index.js +8 -0
- package/index.mjs +13 -0
- package/package-metadata.js +8 -0
- package/package-metadata.mjs +18 -0
- package/package.json +25 -47
- package/progressbar/ProgressBar.js +8 -0
- package/progressbar/ProgressBar.mjs +204 -0
- package/dist/es/additionalTypes.ts +0 -21
- package/dist/es/chunkprogressbar/ChunkProgressBar.d.ts +0 -44
- package/dist/es/chunkprogressbar/ChunkProgressBar.js +0 -172
- package/dist/es/chunkprogressbar/interfaces/ChunkProgressBarProps.d.ts +0 -10
- package/dist/es/chunkprogressbar/interfaces/ChunkProgressBarProps.js +0 -1
- package/dist/es/common/BaseProps.d.ts +0 -78
- package/dist/es/common/BaseProps.js +0 -1
- package/dist/es/common/constants.d.ts +0 -16
- package/dist/es/common/constants.js +0 -16
- package/dist/es/common/utils.d.ts +0 -16
- package/dist/es/common/utils.js +0 -34
- package/dist/es/main.d.ts +0 -7
- package/dist/es/main.js +0 -7
- package/dist/es/package-metadata.d.ts +0 -5
- package/dist/es/package-metadata.js +0 -11
- package/dist/es/progressbar/ProgressBar.d.ts +0 -54
- package/dist/es/progressbar/ProgressBar.js +0 -244
- package/dist/es/progressbar/interfaces/LabelProps.d.ts +0 -9
- package/dist/es/progressbar/interfaces/LabelProps.js +0 -1
- package/dist/es/progressbar/interfaces/ProgressBarAnimation.d.ts +0 -9
- package/dist/es/progressbar/interfaces/ProgressBarAnimation.js +0 -1
- package/dist/es/progressbar/interfaces/ProgressBarHandle.d.ts +0 -21
- package/dist/es/progressbar/interfaces/ProgressBarHandle.js +0 -4
- package/dist/es/progressbar/interfaces/ProgressBarProps.d.ts +0 -29
- package/dist/es/progressbar/interfaces/ProgressBarProps.js +0 -1
- package/dist/esm/additionalTypes.ts +0 -21
- package/dist/esm/chunkprogressbar/ChunkProgressBar.d.ts +0 -44
- package/dist/esm/chunkprogressbar/ChunkProgressBar.js +0 -172
- package/dist/esm/chunkprogressbar/interfaces/ChunkProgressBarProps.d.ts +0 -10
- package/dist/esm/chunkprogressbar/interfaces/ChunkProgressBarProps.js +0 -1
- package/dist/esm/common/BaseProps.d.ts +0 -78
- package/dist/esm/common/BaseProps.js +0 -1
- package/dist/esm/common/constants.d.ts +0 -16
- package/dist/esm/common/constants.js +0 -16
- package/dist/esm/common/utils.d.ts +0 -16
- package/dist/esm/common/utils.js +0 -34
- package/dist/esm/main.d.ts +0 -7
- package/dist/esm/main.js +0 -7
- package/dist/esm/package-metadata.d.ts +0 -5
- package/dist/esm/package-metadata.js +0 -11
- package/dist/esm/package.json +0 -3
- package/dist/esm/progressbar/ProgressBar.d.ts +0 -54
- package/dist/esm/progressbar/ProgressBar.js +0 -244
- package/dist/esm/progressbar/interfaces/LabelProps.d.ts +0 -9
- package/dist/esm/progressbar/interfaces/LabelProps.js +0 -1
- package/dist/esm/progressbar/interfaces/ProgressBarAnimation.d.ts +0 -9
- package/dist/esm/progressbar/interfaces/ProgressBarAnimation.js +0 -1
- package/dist/esm/progressbar/interfaces/ProgressBarHandle.d.ts +0 -21
- package/dist/esm/progressbar/interfaces/ProgressBarHandle.js +0 -4
- package/dist/esm/progressbar/interfaces/ProgressBarProps.d.ts +0 -29
- package/dist/esm/progressbar/interfaces/ProgressBarProps.js +0 -1
- package/dist/npm/additionalTypes.ts +0 -21
- package/dist/npm/chunkprogressbar/ChunkProgressBar.d.ts +0 -44
- package/dist/npm/chunkprogressbar/ChunkProgressBar.js +0 -179
- package/dist/npm/chunkprogressbar/interfaces/ChunkProgressBarProps.d.ts +0 -10
- package/dist/npm/chunkprogressbar/interfaces/ChunkProgressBarProps.js +0 -2
- package/dist/npm/common/BaseProps.d.ts +0 -78
- package/dist/npm/common/BaseProps.js +0 -2
- package/dist/npm/common/constants.d.ts +0 -16
- package/dist/npm/common/constants.js +0 -19
- package/dist/npm/common/utils.d.ts +0 -16
- package/dist/npm/common/utils.js +0 -41
- package/dist/npm/main.d.ts +0 -7
- package/dist/npm/main.js +0 -23
- package/dist/npm/package-metadata.d.ts +0 -5
- package/dist/npm/package-metadata.js +0 -14
- package/dist/npm/progressbar/ProgressBar.d.ts +0 -54
- package/dist/npm/progressbar/ProgressBar.js +0 -251
- package/dist/npm/progressbar/interfaces/LabelProps.d.ts +0 -9
- package/dist/npm/progressbar/interfaces/LabelProps.js +0 -2
- package/dist/npm/progressbar/interfaces/ProgressBarAnimation.d.ts +0 -9
- package/dist/npm/progressbar/interfaces/ProgressBarAnimation.js +0 -2
- package/dist/npm/progressbar/interfaces/ProgressBarHandle.d.ts +0 -21
- package/dist/npm/progressbar/interfaces/ProgressBarHandle.js +0 -5
- package/dist/npm/progressbar/interfaces/ProgressBarProps.d.ts +0 -29
- package/dist/npm/progressbar/interfaces/ProgressBarProps.js +0 -2
|
@@ -1,179 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var __assign = undefined && undefined.__assign || function () {
|
|
4
|
-
__assign = Object.assign || function (t) {
|
|
5
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
6
|
-
s = arguments[i];
|
|
7
|
-
for (var p in s) {
|
|
8
|
-
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
|
9
|
-
}
|
|
10
|
-
}
|
|
11
|
-
return t;
|
|
12
|
-
};
|
|
13
|
-
return __assign.apply(this, arguments);
|
|
14
|
-
};
|
|
15
|
-
Object.defineProperty(exports, "__esModule", {
|
|
16
|
-
value: true
|
|
17
|
-
});
|
|
18
|
-
exports.ChunkProgressBarVue2 = exports.ChunkProgressBar = void 0;
|
|
19
|
-
// @ts-ignore
|
|
20
|
-
var Vue = require("vue");
|
|
21
|
-
var allVue = Vue;
|
|
22
|
-
var gh = allVue.h;
|
|
23
|
-
var isV3 = allVue.version && allVue.version[0] === '3';
|
|
24
|
-
var kendo_vue_common_1 = require("@progress/kendo-vue-common");
|
|
25
|
-
var utils_1 = require("../common/utils");
|
|
26
|
-
var kendo_vue_common_2 = require("@progress/kendo-vue-common");
|
|
27
|
-
var package_metadata_1 = require("../package-metadata");
|
|
28
|
-
/**
|
|
29
|
-
* @hidden
|
|
30
|
-
*/
|
|
31
|
-
var ChunkProgressBarVue2 = {
|
|
32
|
-
name: 'KendoChunkProgressBar',
|
|
33
|
-
props: {
|
|
34
|
-
chunkCount: {
|
|
35
|
-
type: Number,
|
|
36
|
-
default: 5
|
|
37
|
-
},
|
|
38
|
-
ariaLabel: String,
|
|
39
|
-
disabled: Boolean,
|
|
40
|
-
reverse: {
|
|
41
|
-
type: Boolean,
|
|
42
|
-
default: false
|
|
43
|
-
},
|
|
44
|
-
max: {
|
|
45
|
-
type: Number,
|
|
46
|
-
default: 100
|
|
47
|
-
},
|
|
48
|
-
min: {
|
|
49
|
-
type: Number,
|
|
50
|
-
default: 0
|
|
51
|
-
},
|
|
52
|
-
value: {
|
|
53
|
-
type: Number,
|
|
54
|
-
default: 0
|
|
55
|
-
},
|
|
56
|
-
tabIndex: Number,
|
|
57
|
-
emptyStyle: Object,
|
|
58
|
-
emptyClassName: String,
|
|
59
|
-
progressStyle: Object,
|
|
60
|
-
progressClassName: String,
|
|
61
|
-
orientation: {
|
|
62
|
-
type: String,
|
|
63
|
-
default: 'horizontal',
|
|
64
|
-
validator: function validator(value) {
|
|
65
|
-
return ['horizontal', 'vertical'].includes(value);
|
|
66
|
-
}
|
|
67
|
-
}
|
|
68
|
-
},
|
|
69
|
-
created: function created() {
|
|
70
|
-
(0, kendo_vue_common_2.validatePackage)(package_metadata_1.packageMetadata);
|
|
71
|
-
},
|
|
72
|
-
data: function data() {
|
|
73
|
-
return {
|
|
74
|
-
currentDir: undefined
|
|
75
|
-
};
|
|
76
|
-
},
|
|
77
|
-
mounted: function mounted() {
|
|
78
|
-
this.currentDir = (0, kendo_vue_common_1.getDir)(this.$el, this.$props.dir);
|
|
79
|
-
},
|
|
80
|
-
// @ts-ignore
|
|
81
|
-
setup: !isV3 ? undefined : function () {
|
|
82
|
-
var v3 = !!isV3;
|
|
83
|
-
return {
|
|
84
|
-
v3: v3
|
|
85
|
-
};
|
|
86
|
-
},
|
|
87
|
-
// @ts-ignore
|
|
88
|
-
render: function render(createElement) {
|
|
89
|
-
var h = gh || createElement;
|
|
90
|
-
var _a = this.$props,
|
|
91
|
-
chunkCount = _a.chunkCount,
|
|
92
|
-
disabled = _a.disabled,
|
|
93
|
-
orientation = _a.orientation,
|
|
94
|
-
min = _a.min,
|
|
95
|
-
max = _a.max,
|
|
96
|
-
reverse = _a.reverse,
|
|
97
|
-
tabIndex = _a.tabIndex,
|
|
98
|
-
emptyStyle = _a.emptyStyle,
|
|
99
|
-
emptyClassName = _a.emptyClassName,
|
|
100
|
-
progressStyle = _a.progressStyle,
|
|
101
|
-
progressClassName = _a.progressClassName;
|
|
102
|
-
var value = this.$props.value;
|
|
103
|
-
var indeterminateProp = this.$props.value === null;
|
|
104
|
-
var isVertical = orientation === 'vertical';
|
|
105
|
-
var renderChunks = function renderChunks(count) {
|
|
106
|
-
var chunks = [];
|
|
107
|
-
var chunkSizePercentage = 100 / count + '%';
|
|
108
|
-
var progressRatio = (0, utils_1.calculateRatio)(min, max, value);
|
|
109
|
-
var completedChunksCount = Math.floor(progressRatio * count);
|
|
110
|
-
var completedChunks = Array(count).fill(false);
|
|
111
|
-
var reverseCompletedChunks = isVertical && !reverse || !isVertical && reverse;
|
|
112
|
-
for (var i = 0; i < completedChunksCount; i++) {
|
|
113
|
-
completedChunks[i] = true;
|
|
114
|
-
}
|
|
115
|
-
for (var i = 0; i < count; ++i) {
|
|
116
|
-
var isComplete = completedChunks[i];
|
|
117
|
-
var classes = isComplete ? progressClassName : emptyClassName;
|
|
118
|
-
var layoutStyles = {
|
|
119
|
-
width: !isVertical ? chunkSizePercentage : undefined,
|
|
120
|
-
height: isVertical ? chunkSizePercentage : undefined
|
|
121
|
-
};
|
|
122
|
-
var styles = isComplete ? progressStyle : emptyStyle;
|
|
123
|
-
var mergedStyles = __assign(__assign({}, layoutStyles), styles);
|
|
124
|
-
chunks.push(h("li", {
|
|
125
|
-
key: i,
|
|
126
|
-
"class": (0, kendo_vue_common_1.classNames)('k-progressbar-chunk', {
|
|
127
|
-
'k-first': i === 0,
|
|
128
|
-
'k-last': i === count - 1,
|
|
129
|
-
'k-selected': isComplete
|
|
130
|
-
}, classes),
|
|
131
|
-
style: mergedStyles
|
|
132
|
-
}));
|
|
133
|
-
}
|
|
134
|
-
return chunks;
|
|
135
|
-
};
|
|
136
|
-
return h("div", {
|
|
137
|
-
"class": (0, kendo_vue_common_1.classNames)('k-progressbar', 'k-chunk-progressbar', {
|
|
138
|
-
'k-progressbar-horizontal': !isVertical,
|
|
139
|
-
'k-progressbar-vertical': isVertical,
|
|
140
|
-
'k-progressbar-reverse': reverse,
|
|
141
|
-
'k-progressbar-indeterminate': indeterminateProp,
|
|
142
|
-
'k-disabled': disabled
|
|
143
|
-
}),
|
|
144
|
-
dir: this.currentDir,
|
|
145
|
-
attrs: this.v3 ? undefined : {
|
|
146
|
-
dir: this.currentDir,
|
|
147
|
-
tabIndex: (0, kendo_vue_common_1.getTabIndex)(tabIndex, disabled),
|
|
148
|
-
role: 'progressbar',
|
|
149
|
-
"aria-label": this.$props.ariaLabel,
|
|
150
|
-
"aria-valuemin": min,
|
|
151
|
-
"aria-valuemax": max,
|
|
152
|
-
"aria-valuenow": indeterminateProp ? undefined : value,
|
|
153
|
-
"aria-disabled": disabled
|
|
154
|
-
},
|
|
155
|
-
tabIndex: (0, kendo_vue_common_1.getTabIndex)(tabIndex, disabled),
|
|
156
|
-
role: 'progressbar',
|
|
157
|
-
"aria-label": this.$props.ariaLabel,
|
|
158
|
-
"aria-valuemin": min,
|
|
159
|
-
"aria-valuemax": max,
|
|
160
|
-
"aria-valuenow": indeterminateProp ? undefined : value,
|
|
161
|
-
"aria-disabled": disabled
|
|
162
|
-
}, [h("ul", {
|
|
163
|
-
"class": 'k-progressbar-chunks k-reset'
|
|
164
|
-
}, [renderChunks.call(this, chunkCount)])]);
|
|
165
|
-
},
|
|
166
|
-
methods: {
|
|
167
|
-
focusElement: function focusElement() {
|
|
168
|
-
if (this.$el) {
|
|
169
|
-
this.$el.focus();
|
|
170
|
-
}
|
|
171
|
-
}
|
|
172
|
-
}
|
|
173
|
-
};
|
|
174
|
-
exports.ChunkProgressBarVue2 = ChunkProgressBarVue2;
|
|
175
|
-
/**
|
|
176
|
-
* @hidden
|
|
177
|
-
*/
|
|
178
|
-
var ChunkProgressBar = ChunkProgressBarVue2;
|
|
179
|
-
exports.ChunkProgressBar = ChunkProgressBar;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { BaseProps } from '../../common/BaseProps';
|
|
2
|
-
/**
|
|
3
|
-
* Represents the props of the [Kendo UI for Vue ChunkProgressBar component]({% slug overview_chunkprogressbar %}).
|
|
4
|
-
*/
|
|
5
|
-
export interface ChunkProgressBarProps extends BaseProps {
|
|
6
|
-
/**
|
|
7
|
-
* Sets the number of chunks into which the ChunkProgressBar will be split. Defaults to `5`.
|
|
8
|
-
*/
|
|
9
|
-
chunkCount?: number;
|
|
10
|
-
}
|
|
@@ -1,78 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @hidden
|
|
3
|
-
*/
|
|
4
|
-
export interface BaseProps {
|
|
5
|
-
/**
|
|
6
|
-
* Sets one of the two visually distinct types of progress bar.
|
|
7
|
-
*
|
|
8
|
-
* @hidden
|
|
9
|
-
*/
|
|
10
|
-
type?: 'linear' | 'circular';
|
|
11
|
-
/**
|
|
12
|
-
* Sets the value of the progress bar. Has to be between `min` and `max` values. Defaults to `0`.
|
|
13
|
-
* Set `null` to enable the indeterminate state of the progress bar.
|
|
14
|
-
* See examples ([here]({% slug overview_progressbar %})).
|
|
15
|
-
*/
|
|
16
|
-
value?: number | null;
|
|
17
|
-
/**
|
|
18
|
-
* The minimum value of the progress bar. Defaults to `0`.
|
|
19
|
-
*/
|
|
20
|
-
min?: number;
|
|
21
|
-
/**
|
|
22
|
-
* The maximum value of the progress bar. Defaults to `100`.
|
|
23
|
-
*/
|
|
24
|
-
max?: number;
|
|
25
|
-
/**
|
|
26
|
-
* Represents the `dir` HTML attribute. This is used to switch from LTR to RTL.
|
|
27
|
-
*/
|
|
28
|
-
dir?: string;
|
|
29
|
-
/**
|
|
30
|
-
* The accessible label of the component.
|
|
31
|
-
*/
|
|
32
|
-
ariaLabel?: string;
|
|
33
|
-
/**
|
|
34
|
-
* Sets the disabled state of the progress bar.
|
|
35
|
-
* See examples ([here]({% slug progressbar_disabled %})).
|
|
36
|
-
*/
|
|
37
|
-
disabled?: boolean;
|
|
38
|
-
/**
|
|
39
|
-
* Defines the orientation of the progress bar.
|
|
40
|
-
* See examples ([here]({% slug progressbar_orientation %})) .
|
|
41
|
-
* Defaults to `horizontal`.
|
|
42
|
-
*/
|
|
43
|
-
orientation?: 'horizontal' | 'vertical' | string;
|
|
44
|
-
/**
|
|
45
|
-
* If set to `true`, the progress bar will be reversed.
|
|
46
|
-
* See examples ([here]({% slug progressbar_direction %})).
|
|
47
|
-
* Defaults to `false`.
|
|
48
|
-
*/
|
|
49
|
-
reverse?: boolean;
|
|
50
|
-
/**
|
|
51
|
-
* Specifies a list of CSS classes that will be added to the progress bar element.
|
|
52
|
-
*/
|
|
53
|
-
className?: string;
|
|
54
|
-
/**
|
|
55
|
-
* The styles that are applied to the inner element which represents the empty portion of the progress bar.
|
|
56
|
-
* See examples ([here]({% slug progressbar_appearance %})).
|
|
57
|
-
*/
|
|
58
|
-
emptyStyle?: object;
|
|
59
|
-
/**
|
|
60
|
-
* Sets additional classes to the inner element which represents the empty portion of the progress bar.
|
|
61
|
-
* See examples ([here]({% slug progressbar_appearance %})).
|
|
62
|
-
*/
|
|
63
|
-
emptyClassName?: string;
|
|
64
|
-
/**
|
|
65
|
-
* The styles that are applied to the inner element which represents the full portion of the progress bar.
|
|
66
|
-
* See examples ([here]({% slug progressbar_appearance %})).
|
|
67
|
-
*/
|
|
68
|
-
progressStyle?: object;
|
|
69
|
-
/**
|
|
70
|
-
* Sets additional classes to the inner element which represents the full portion of the progress bar.
|
|
71
|
-
* See examples ([here]({% slug progressbar_appearance %})).
|
|
72
|
-
*/
|
|
73
|
-
progressClassName?: string;
|
|
74
|
-
/**
|
|
75
|
-
* Sets the `tabIndex` property of the progress bar.
|
|
76
|
-
*/
|
|
77
|
-
tabIndex?: number;
|
|
78
|
-
}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @hidden
|
|
3
|
-
*/
|
|
4
|
-
export declare const MIN_RATIO = 0.00001;
|
|
5
|
-
/**
|
|
6
|
-
* @hidden
|
|
7
|
-
*/
|
|
8
|
-
export declare const LABEL_DECIMALS = 3;
|
|
9
|
-
/**
|
|
10
|
-
* @hidden
|
|
11
|
-
*/
|
|
12
|
-
export declare const DEFAULT_ANIMATION_DURATION = 400;
|
|
13
|
-
/**
|
|
14
|
-
* @hidden
|
|
15
|
-
*/
|
|
16
|
-
export declare const NO_ANIMATION = 0;
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.NO_ANIMATION = exports.DEFAULT_ANIMATION_DURATION = exports.LABEL_DECIMALS = exports.MIN_RATIO = void 0;
|
|
4
|
-
/**
|
|
5
|
-
* @hidden
|
|
6
|
-
*/
|
|
7
|
-
exports.MIN_RATIO = 0.00001;
|
|
8
|
-
/**
|
|
9
|
-
* @hidden
|
|
10
|
-
*/
|
|
11
|
-
exports.LABEL_DECIMALS = 3;
|
|
12
|
-
/**
|
|
13
|
-
* @hidden
|
|
14
|
-
*/
|
|
15
|
-
exports.DEFAULT_ANIMATION_DURATION = 400;
|
|
16
|
-
/**
|
|
17
|
-
* @hidden
|
|
18
|
-
*/
|
|
19
|
-
exports.NO_ANIMATION = 0;
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @hidden
|
|
3
|
-
*/
|
|
4
|
-
export declare const truncateNumber: (value: number) => string;
|
|
5
|
-
/**
|
|
6
|
-
* @hidden
|
|
7
|
-
*/
|
|
8
|
-
export declare const calculatePercentage: (min: number, max: number, value: number) => number;
|
|
9
|
-
/**
|
|
10
|
-
* @hidden
|
|
11
|
-
*/
|
|
12
|
-
export declare const updateProgress: (progressRef: any, progressWrapRef: any, percentage: number, isVertical: boolean) => void;
|
|
13
|
-
/**
|
|
14
|
-
* @hidden
|
|
15
|
-
*/
|
|
16
|
-
export declare const calculateRatio: (min: number, max: number, value: number) => number;
|
package/dist/npm/common/utils.js
DELETED
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.calculateRatio = exports.updateProgress = exports.calculatePercentage = exports.truncateNumber = void 0;
|
|
4
|
-
var constants_1 = require("./constants");
|
|
5
|
-
/**
|
|
6
|
-
* @hidden
|
|
7
|
-
*/
|
|
8
|
-
var truncateNumber = function (value) {
|
|
9
|
-
var numberParts = value.toString().split('.');
|
|
10
|
-
return numberParts.length === 1 ? "".concat(numberParts[0]) : "".concat(numberParts[0], ".").concat(numberParts[1].substr(0, constants_1.LABEL_DECIMALS));
|
|
11
|
-
};
|
|
12
|
-
exports.truncateNumber = truncateNumber;
|
|
13
|
-
/**
|
|
14
|
-
* @hidden
|
|
15
|
-
*/
|
|
16
|
-
var calculatePercentage = function (min, max, value) {
|
|
17
|
-
var onePercent = Math.abs((max - min) / 100);
|
|
18
|
-
return Math.abs((value - min) / onePercent);
|
|
19
|
-
};
|
|
20
|
-
exports.calculatePercentage = calculatePercentage;
|
|
21
|
-
/**
|
|
22
|
-
* @hidden
|
|
23
|
-
*/
|
|
24
|
-
var updateProgress = function (progressRef, progressWrapRef, percentage, isVertical) {
|
|
25
|
-
var progressPercentage = Math.max(percentage, 0.01);
|
|
26
|
-
var progressWrapPercentage = (100 / progressPercentage) * 100;
|
|
27
|
-
if (progressRef && progressWrapRef) {
|
|
28
|
-
progressRef.style.width = !isVertical ? "".concat(progressPercentage, "%") : '100%';
|
|
29
|
-
progressWrapRef.style.width = !isVertical ? "".concat(progressWrapPercentage, "%") : '100%';
|
|
30
|
-
progressRef.style.height = isVertical ? "".concat(progressPercentage, "%") : '100%';
|
|
31
|
-
progressWrapRef.style.height = isVertical ? "".concat(progressWrapPercentage, "%") : '100%';
|
|
32
|
-
}
|
|
33
|
-
};
|
|
34
|
-
exports.updateProgress = updateProgress;
|
|
35
|
-
/**
|
|
36
|
-
* @hidden
|
|
37
|
-
*/
|
|
38
|
-
var calculateRatio = function (min, max, value) {
|
|
39
|
-
return Math.max((value - min) / (max - min), constants_1.MIN_RATIO);
|
|
40
|
-
};
|
|
41
|
-
exports.calculateRatio = calculateRatio;
|
package/dist/npm/main.d.ts
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
export * from './progressbar/ProgressBar';
|
|
2
|
-
export * from './progressbar/interfaces/ProgressBarHandle';
|
|
3
|
-
export * from './progressbar/interfaces/ProgressBarProps';
|
|
4
|
-
export * from './progressbar/interfaces/ProgressBarAnimation';
|
|
5
|
-
export * from './progressbar/interfaces/LabelProps';
|
|
6
|
-
export * from './chunkprogressbar/ChunkProgressBar';
|
|
7
|
-
export * from './chunkprogressbar/interfaces/ChunkProgressBarProps';
|
package/dist/npm/main.js
DELETED
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
-
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
-
};
|
|
16
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
__exportStar(require("./progressbar/ProgressBar"), exports);
|
|
18
|
-
__exportStar(require("./progressbar/interfaces/ProgressBarHandle"), exports);
|
|
19
|
-
__exportStar(require("./progressbar/interfaces/ProgressBarProps"), exports);
|
|
20
|
-
__exportStar(require("./progressbar/interfaces/ProgressBarAnimation"), exports);
|
|
21
|
-
__exportStar(require("./progressbar/interfaces/LabelProps"), exports);
|
|
22
|
-
__exportStar(require("./chunkprogressbar/ChunkProgressBar"), exports);
|
|
23
|
-
__exportStar(require("./chunkprogressbar/interfaces/ChunkProgressBarProps"), exports);
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.packageMetadata = void 0;
|
|
4
|
-
/**
|
|
5
|
-
* @hidden
|
|
6
|
-
*/
|
|
7
|
-
exports.packageMetadata = {
|
|
8
|
-
name: '@progress/kendo-vue-progressbars',
|
|
9
|
-
productName: 'Kendo UI for Vue',
|
|
10
|
-
productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
|
|
11
|
-
publishDate: 1728905610,
|
|
12
|
-
version: '',
|
|
13
|
-
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'
|
|
14
|
-
};
|
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../additionalTypes';
|
|
2
|
-
declare type DefaultData<V> = object | ((this: V) => {});
|
|
3
|
-
declare type DefaultMethods<V> = {
|
|
4
|
-
[key: string]: (this: V, ...args: any[]) => any;
|
|
5
|
-
};
|
|
6
|
-
import { ProgressBarProps } from './interfaces/ProgressBarProps';
|
|
7
|
-
/**
|
|
8
|
-
* @hidden
|
|
9
|
-
*/
|
|
10
|
-
export interface ProgressBarState {
|
|
11
|
-
_progressStatus?: any;
|
|
12
|
-
_progressStatusWrap?: any;
|
|
13
|
-
animationFrame: any;
|
|
14
|
-
prevValue: number;
|
|
15
|
-
v3: boolean;
|
|
16
|
-
}
|
|
17
|
-
/**
|
|
18
|
-
* @hidden
|
|
19
|
-
*/
|
|
20
|
-
export interface ProgressBarComputed {
|
|
21
|
-
[key: string]: any;
|
|
22
|
-
wrapperClass: object;
|
|
23
|
-
isVertical: boolean;
|
|
24
|
-
animationDuration: number;
|
|
25
|
-
}
|
|
26
|
-
/**
|
|
27
|
-
* @hidden
|
|
28
|
-
*/
|
|
29
|
-
export interface ProgressBarMethods {
|
|
30
|
-
[key: string]: any;
|
|
31
|
-
focus: (e: any) => void;
|
|
32
|
-
toggleIfApplicable: () => void;
|
|
33
|
-
handleClick: (event: any) => void;
|
|
34
|
-
}
|
|
35
|
-
/**
|
|
36
|
-
* @hidden
|
|
37
|
-
*/
|
|
38
|
-
export interface ProgressBarData {
|
|
39
|
-
currentActive: boolean;
|
|
40
|
-
}
|
|
41
|
-
/**
|
|
42
|
-
* @hidden
|
|
43
|
-
*/
|
|
44
|
-
export interface ProgressBarAll extends Vue2type, ProgressBarMethods, ProgressBarData, ProgressBarComputed, ProgressBarState {
|
|
45
|
-
}
|
|
46
|
-
/**
|
|
47
|
-
* @hidden
|
|
48
|
-
*/
|
|
49
|
-
declare let ProgressBarVue2: ComponentOptions<ProgressBarAll, DefaultData<ProgressBarData>, DefaultMethods<ProgressBarAll>, ProgressBarComputed, RecordPropsDefinition<ProgressBarProps>>;
|
|
50
|
-
/**
|
|
51
|
-
* @hidden
|
|
52
|
-
*/
|
|
53
|
-
declare const ProgressBar: DefineComponent<ProgressBarProps, any, ProgressBarData, ProgressBarComputed, ProgressBarMethods, {}, {}, {}, string, ProgressBarProps, ProgressBarProps, {}>;
|
|
54
|
-
export { ProgressBar, ProgressBarVue2 };
|