@progress/kendo-vue-progressbars 8.4.0-develop.3 → 8.4.0-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.js +1 -1
- package/chunkprogressbar/ChunkProgressBar.mjs +25 -25
- package/dist/cdn/js/kendo-vue-progressbars.js +1 -1
- package/package-metadata.js +1 -1
- package/package-metadata.mjs +2 -2
- package/package.json +4 -4
- package/progressbar/ProgressBar.js +1 -1
- package/progressbar/ProgressBar.mjs +1 -1
|
@@ -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
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("vue"),t=require("@progress/kendo-vue-common"),B=require("../common/utils.js"),V=require("../package-metadata.js"),q=a.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(n){return["horizontal","vertical"].includes(n)}}},created(){t.validatePackage(V.packageMetadata)},data(){return{currentDir:void 0}},mounted(){this.currentDir=t.getDir(this.$el,this.$props.dir)},render(){const{chunkCount:n,disabled:l,orientation:g,min:i,max:u,reverse:k,tabIndex:b,emptyStyle:y,emptyClassName:f,progressStyle:v,progressClassName:C}=this.$props,c=this.$props.value,d=this.$props.value===null,s=g==="vertical",N=function(r){let p=[];const m=100/r+"%",S=B.calculateRatio(i,u,c),$=Math.floor(S*r),h=Array(r).fill(!1);for(let e=0;e<$;e++)h[e]=!0;for(let e=0;e<r;++e){const o=h[e],x=o?C:f,P={...{width:s?void 0:m,height:s?m:void 0},...o?v:y};p.push(a.createVNode("li",{key:e,class:t.classNames("k-progressbar-chunk",{"k-first":e===0,"k-last":e===r-1,"k-selected":o},x),style:P},null))}return p};return a.createVNode("div",{class:t.classNames("k-progressbar","k-chunk-progressbar",{"k-progressbar-horizontal":!s,"k-progressbar-vertical":s,"k-progressbar-reverse":k,"k-progressbar-indeterminate":d,"k-disabled":l}),dir:this.currentDir,tabindex:t.getTabIndex(b,l),role:"progressbar","aria-label":this.$props.ariaLabel,"aria-valuemin":i,"aria-valuemax":u,"aria-valuenow":d?void 0:c},[a.createVNode("ul",{class:"k-progressbar-chunks k-reset"},[N.call(this,n)])])},methods:{focusElement(){this.$el&&this.$el.focus()}}});exports.ChunkProgressBar=q;
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
8
|
import { defineComponent as z, createVNode as o } from "vue";
|
|
9
|
-
import { getTabIndex as B, classNames as
|
|
9
|
+
import { getTabIndex as B, classNames as h, getDir as D, validatePackage as I } from "@progress/kendo-vue-common";
|
|
10
10
|
import { calculateRatio as j } from "../common/utils.mjs";
|
|
11
11
|
import { packageMetadata as w } from "../package-metadata.mjs";
|
|
12
12
|
const E = /* @__PURE__ */ z({
|
|
@@ -42,8 +42,8 @@ const E = /* @__PURE__ */ z({
|
|
|
42
42
|
orientation: {
|
|
43
43
|
type: String,
|
|
44
44
|
default: "horizontal",
|
|
45
|
-
validator: function(
|
|
46
|
-
return ["horizontal", "vertical"].includes(
|
|
45
|
+
validator: function(s) {
|
|
46
|
+
return ["horizontal", "vertical"].includes(s);
|
|
47
47
|
}
|
|
48
48
|
}
|
|
49
49
|
},
|
|
@@ -60,33 +60,33 @@ const E = /* @__PURE__ */ z({
|
|
|
60
60
|
},
|
|
61
61
|
render() {
|
|
62
62
|
const {
|
|
63
|
-
chunkCount:
|
|
63
|
+
chunkCount: s,
|
|
64
64
|
disabled: n,
|
|
65
|
-
orientation:
|
|
65
|
+
orientation: k,
|
|
66
66
|
min: l,
|
|
67
|
-
max:
|
|
68
|
-
reverse:
|
|
69
|
-
tabIndex:
|
|
67
|
+
max: i,
|
|
68
|
+
reverse: f,
|
|
69
|
+
tabIndex: g,
|
|
70
70
|
emptyStyle: b,
|
|
71
71
|
emptyClassName: y,
|
|
72
72
|
progressStyle: v,
|
|
73
73
|
progressClassName: C
|
|
74
|
-
} = this.$props,
|
|
74
|
+
} = this.$props, u = this.$props.value, c = this.$props.value === null, t = k === "vertical", S = function(r) {
|
|
75
75
|
let p = [];
|
|
76
|
-
const
|
|
76
|
+
const d = 100 / r + "%", N = j(l, i, u), x = Math.floor(N * r), m = Array(r).fill(!1);
|
|
77
77
|
for (let e = 0; e < x; e++)
|
|
78
|
-
|
|
78
|
+
m[e] = !0;
|
|
79
79
|
for (let e = 0; e < r; ++e) {
|
|
80
|
-
const a =
|
|
80
|
+
const a = m[e], $ = a ? C : y, P = {
|
|
81
81
|
...{
|
|
82
|
-
width:
|
|
83
|
-
height:
|
|
82
|
+
width: t ? void 0 : d,
|
|
83
|
+
height: t ? d : void 0
|
|
84
84
|
},
|
|
85
85
|
...a ? v : b
|
|
86
86
|
};
|
|
87
87
|
p.push(o("li", {
|
|
88
88
|
key: e,
|
|
89
|
-
class:
|
|
89
|
+
class: h("k-progressbar-chunk", {
|
|
90
90
|
"k-first": e === 0,
|
|
91
91
|
"k-last": e === r - 1,
|
|
92
92
|
"k-selected": a
|
|
@@ -97,23 +97,23 @@ const E = /* @__PURE__ */ z({
|
|
|
97
97
|
return p;
|
|
98
98
|
};
|
|
99
99
|
return o("div", {
|
|
100
|
-
class:
|
|
101
|
-
"k-progressbar-horizontal": !
|
|
102
|
-
"k-progressbar-vertical":
|
|
103
|
-
"k-progressbar-reverse":
|
|
104
|
-
"k-progressbar-indeterminate":
|
|
100
|
+
class: h("k-progressbar", "k-chunk-progressbar", {
|
|
101
|
+
"k-progressbar-horizontal": !t,
|
|
102
|
+
"k-progressbar-vertical": t,
|
|
103
|
+
"k-progressbar-reverse": f,
|
|
104
|
+
"k-progressbar-indeterminate": c,
|
|
105
105
|
"k-disabled": n
|
|
106
106
|
}),
|
|
107
107
|
dir: this.currentDir,
|
|
108
|
-
tabindex: B(
|
|
108
|
+
tabindex: B(g, n),
|
|
109
109
|
role: "progressbar",
|
|
110
|
-
"aria-label": this.$props.ariaLabel
|
|
110
|
+
"aria-label": this.$props.ariaLabel,
|
|
111
111
|
"aria-valuemin": l,
|
|
112
|
-
"aria-valuemax":
|
|
113
|
-
"aria-valuenow":
|
|
112
|
+
"aria-valuemax": i,
|
|
113
|
+
"aria-valuenow": c ? void 0 : u
|
|
114
114
|
}, [o("ul", {
|
|
115
115
|
class: "k-progressbar-chunks k-reset"
|
|
116
|
-
}, [S.call(this,
|
|
116
|
+
}, [S.call(this, s)])]);
|
|
117
117
|
},
|
|
118
118
|
methods: {
|
|
119
119
|
focusElement() {
|
|
@@ -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,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.4.0-develop.
|
|
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.4.0-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:u,progressClassName:d}=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-label":this.$props.ariaLabel},[t.createVNode("span",{class:k+(p?" "+p:""),style:l},[y]),t.createVNode("div",{class:"k-progressbar-value k-selected",style:u,ref:s.setRef(this,"progressStatus")},[t.createVNode("span",{class:k+(d?" "+d:""),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:u,progressStyle:d,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},[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:u,l={width:g?void 0:a,height:g?a:void 0,...o?d: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/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-progressbars",productName:"Kendo UI for Vue",productCode:"KENDOUIVUE",productCodes:["KENDOUIVUE"],publishDate:
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"@progress/kendo-vue-progressbars",productName:"Kendo UI for Vue",productCode:"KENDOUIVUE",productCodes:["KENDOUIVUE"],publishDate: 1779122933,version:"8.4.0-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"};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:
|
|
14
|
-
version: "8.4.0-develop.
|
|
13
|
+
publishDate: 1779122933,
|
|
14
|
+
version: "8.4.0-develop.4",
|
|
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-progressbars",
|
|
3
|
-
"version": "8.4.0-develop.
|
|
3
|
+
"version": "8.4.0-develop.4",
|
|
4
4
|
"description": "TODO",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
@@ -25,8 +25,8 @@
|
|
|
25
25
|
"sideEffects": false,
|
|
26
26
|
"peerDependencies": {
|
|
27
27
|
"@progress/kendo-licensing": "^1.7.2",
|
|
28
|
-
"@progress/kendo-vue-common": "8.4.0-develop.
|
|
29
|
-
"@progress/kendo-vue-animation": "8.4.0-develop.
|
|
28
|
+
"@progress/kendo-vue-common": "8.4.0-develop.4",
|
|
29
|
+
"@progress/kendo-vue-animation": "8.4.0-develop.4",
|
|
30
30
|
"vue": "^3.0.2"
|
|
31
31
|
},
|
|
32
32
|
"dependencies": {},
|
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
"package": {
|
|
47
47
|
"productName": "Kendo UI for Vue",
|
|
48
48
|
"productCode": "KENDOUIVUE",
|
|
49
|
-
"publishDate":
|
|
49
|
+
"publishDate": 1779122933,
|
|
50
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"
|
|
51
51
|
}
|
|
52
52
|
},
|
|
@@ -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 s=require("vue"),p=require("@progress/kendo-vue-animation"),t=require("@progress/kendo-vue-common"),r=require("../common/utils.js"),m=require("../common/constants.js"),P=require("../package-metadata.js"),$=s.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(){t.validatePackage(P.packageMetadata),this.currentDir=this.$props.dir},mounted(){this._progressStatus=t.getRef(this,"progressStatus"),this._progressStatusWrap=t.getRef(this,"progressStatusWrap"),this.currentDir=this.$props.dir!==void 0?this.$props.dir:t.isRtl(this.$el)?"rtl":"ltr",this.animationFrame=p.animate({duration:this.animationDuration,onStart:this.handleStart,onUpdate:this.handleUpdate,onEnd:this.handleEnd})},unmounted(){p.cancelAnimation(this.animationFrame)},data(){return{currentDir:void 0}},watch:{value:function(e,a){this.prevValue=a,this.animationFrame=p.animate({duration:this.animationDuration,onStart:this.handleStart,onUpdate:this.handleUpdate,onEnd:this.handleEnd})}},computed:{wrapperClass(){const{disabled:e,reverse:a,orientation:n,value:o}=this.$props,i=n==="vertical";return{"k-progressbar":!0,"k-progressbar-horizontal":!i,"k-progressbar-vertical":i,"k-progressbar-reverse":a,"k-progressbar-indeterminate":o===null,"k-disabled":e}},isVertical(){return this.orientation==="vertical"},animationDuration(){const{animation:e}=this.$props;return typeof e!="boolean"&&e!==void 0?e.duration:e?m.DEFAULT_ANIMATION_DURATION:m.NO_ANIMATION}},render(){const{disabled:e,labelVisible:a,labelPlacement:n,max:o,min:i,tabIndex:u,emptyStyle:b,emptyClassName:d,progressStyle:f,progressClassName:c}=this.$props,l=this.$props.value||0,S=this.$props.value===null,v=r.truncateNumber(l),y={value:l},N=this.$props.labelRender?t.templateRendering.call(this,this.$props.labelRender,t.getListeners.call(this)):void 0,k=s.h("span",{class:"k-progress-status"},v),V=t.getTemplate.call(this,{h:s.h,template:N,defaultRendering:k,additionalProps:y}),h=a?this.$props.label?s.createVNode("span",{class:"k-progress-status"},[this.$props.label]):V:void 0,g=t.classNames("k-progress-status-wrap",{"k-progress-start":n==="start","k-progress-center":n==="center","k-progress-end":n==="end"||n===void 0});return s.createVNode("div",{class:this.wrapperClass,dir:this.currentDir,tabindex:t.getTabIndex(u,e),role:"progressbar","aria-valuemin":i,"aria-valuemax":o,"aria-valuenow":S?void 0:l,"aria-label":this.$props.ariaLabel
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("vue"),p=require("@progress/kendo-vue-animation"),t=require("@progress/kendo-vue-common"),r=require("../common/utils.js"),m=require("../common/constants.js"),P=require("../package-metadata.js"),$=s.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(){t.validatePackage(P.packageMetadata),this.currentDir=this.$props.dir},mounted(){this._progressStatus=t.getRef(this,"progressStatus"),this._progressStatusWrap=t.getRef(this,"progressStatusWrap"),this.currentDir=this.$props.dir!==void 0?this.$props.dir:t.isRtl(this.$el)?"rtl":"ltr",this.animationFrame=p.animate({duration:this.animationDuration,onStart:this.handleStart,onUpdate:this.handleUpdate,onEnd:this.handleEnd})},unmounted(){p.cancelAnimation(this.animationFrame)},data(){return{currentDir:void 0}},watch:{value:function(e,a){this.prevValue=a,this.animationFrame=p.animate({duration:this.animationDuration,onStart:this.handleStart,onUpdate:this.handleUpdate,onEnd:this.handleEnd})}},computed:{wrapperClass(){const{disabled:e,reverse:a,orientation:n,value:o}=this.$props,i=n==="vertical";return{"k-progressbar":!0,"k-progressbar-horizontal":!i,"k-progressbar-vertical":i,"k-progressbar-reverse":a,"k-progressbar-indeterminate":o===null,"k-disabled":e}},isVertical(){return this.orientation==="vertical"},animationDuration(){const{animation:e}=this.$props;return typeof e!="boolean"&&e!==void 0?e.duration:e?m.DEFAULT_ANIMATION_DURATION:m.NO_ANIMATION}},render(){const{disabled:e,labelVisible:a,labelPlacement:n,max:o,min:i,tabIndex:u,emptyStyle:b,emptyClassName:d,progressStyle:f,progressClassName:c}=this.$props,l=this.$props.value||0,S=this.$props.value===null,v=r.truncateNumber(l),y={value:l},N=this.$props.labelRender?t.templateRendering.call(this,this.$props.labelRender,t.getListeners.call(this)):void 0,k=s.h("span",{class:"k-progress-status"},v),V=t.getTemplate.call(this,{h:s.h,template:N,defaultRendering:k,additionalProps:y}),h=a?this.$props.label?s.createVNode("span",{class:"k-progress-status"},[this.$props.label]):V:void 0,g=t.classNames("k-progress-status-wrap",{"k-progress-start":n==="start","k-progress-center":n==="center","k-progress-end":n==="end"||n===void 0});return s.createVNode("div",{class:this.wrapperClass,dir:this.currentDir,tabindex:t.getTabIndex(u,e),role:"progressbar","aria-valuemin":i,"aria-valuemax":o,"aria-valuenow":S?void 0:l,"aria-label":this.$props.ariaLabel},[s.createVNode("span",{class:g+(d?" "+d:""),style:b},[h]),s.createVNode("div",{class:"k-progressbar-value k-selected",style:f,ref:t.setRef(this,"progressStatus")},[s.createVNode("span",{class:g+(c?" "+c:""),ref:t.setRef(this,"progressStatusWrap")},[h])])])},methods:{focus(){this.$el&&this.$el.focus()},progressStatusElement(){return this._progressStatus},progressStatusWrapElement(){return this._progressStatusWrap},handleStart(){const e=r.calculatePercentage(this.min,this.max,this.prevValue);r.updateProgress(this._progressStatus,this._progressStatusWrap,e,this.isVertical)},handleUpdate(e){const a=r.calculatePercentage(this.min,this.max,this.prevValue+(this.value-this.prevValue)*e);r.updateProgress(this._progressStatus,this._progressStatusWrap,a,this.isVertical)},handleEnd(){const e=r.calculatePercentage(this.min,this.max,this.value);r.updateProgress(this._progressStatus,this._progressStatusWrap,e,this.isVertical)}}});exports.ProgressBar=$;
|
|
@@ -161,7 +161,7 @@ const K = /* @__PURE__ */ P({
|
|
|
161
161
|
"aria-valuemin": a,
|
|
162
162
|
"aria-valuemax": i,
|
|
163
163
|
"aria-valuenow": y ? void 0 : n,
|
|
164
|
-
"aria-label": this.$props.ariaLabel
|
|
164
|
+
"aria-label": this.$props.ariaLabel
|
|
165
165
|
}, [r("span", {
|
|
166
166
|
class: c + (d ? " " + d : ""),
|
|
167
167
|
style: S
|